@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900;1000&display=swap');
[hidden]{display:none!important}:root{font-family:Nunito,'Segoe UI',sans-serif;color:#153d42;background:#064d58}*{box-sizing:border-box}html body{padding-top:0!important;min-height:100dvh;max-height:100dvh;overflow:hidden!important}body{margin:0;background:radial-gradient(circle at 90% 8%,#d7ff65 0 3%,transparent 3.2%),linear-gradient(135deg,#075b65,#0a9189 55%,#24649d)}button,a{font:inherit}.app{height:100dvh;padding:8px clamp(8px,2.4vw,34px) 12px}.topbar{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 12px;border:2px solid #ffffff5c;border-radius:18px;background:#063f4ee8;color:#fff;box-shadow:0 7px 20px #04333f66}.eyebrow{color:#9affde;font-size:.64rem;letter-spacing:1.4px;font-weight:1000}.topbar>strong{font-size:1.08rem}.top-actions{justify-self:end;display:flex;align-items:center;gap:7px}.attention,.score{padding:7px 10px;border-radius:99px;background:#ffffff1f;font-size:.78rem;font-weight:1000}.attention b{color:#dfff62}.sound{width:35px;height:35px;border:1px solid #ffffff66;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer}
.start-screen{width:min(1280px,100%);height:calc(100dvh - 70px);margin:auto;display:grid;grid-template-columns:.85fr 1.38fr .87fr;align-items:center;gap:16px}.intro>span,.level-heading span{color:#a6ffe0;font-size:.64rem;letter-spacing:1.5px;font-weight:1000}.intro h1{margin:6px 0 10px;color:#fff;font-size:clamp(2.35rem,4.5vw,4.7rem);line-height:.92;letter-spacing:-2.5px}.intro h1 em{display:block;color:#e2ff62;font-style:normal}.intro p{max-width:345px;margin:0;color:#e7fffd;font-size:.93rem;font-weight:900;line-height:1.42}.skill-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.skill-pills b{padding:6px 9px;border:1px solid #ffffff55;border-radius:99px;background:#ffffff18;color:#fff;font-size:.65rem}.hero{position:relative;align-self:stretch;min-height:0;margin:14px 0;border:4px solid #fff;border-radius:29px;background:#fff;box-shadow:0 15px 35px #032e4677;overflow:hidden}.hero>img{width:100%;height:100%;display:block;object-fit:cover}.hero:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#032b45aa)}.hero-badge{position:absolute;z-index:3;left:14px;top:14px;display:flex;flex-direction:column;padding:7px 11px;border:1px solid #ffffff90;border-radius:12px;background:#064954d9;color:#fff}.hero-badge b{color:#e2ff62;font-size:.5rem;letter-spacing:1.3px}.hero-badge span{font-size:.7rem;font-weight:1000}.hero-flow{position:absolute;z-index:3;left:7%;right:7%;bottom:13px;display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ffffff99;border-radius:13px;background:#06434fe8;color:#fff}.hero-flow i{flex:1;height:3px;border-radius:3px;background:#dfff62}.hero-flow strong{font-size:.65rem;letter-spacing:1px}.levels{display:grid;gap:9px;padding:15px;border:3px solid #ffffff80;border-radius:27px;background:#fffffff2;box-shadow:0 13px 30px #032c465c}.level-heading{display:flex;flex-direction:column}.level-heading span{color:#128073}.level-heading strong{font-size:1.22rem}.level{min-height:86px;display:grid;grid-template-columns:54px 1fr 25px;align-items:center;gap:7px;padding:8px 10px;border:3px solid #fff;border-radius:18px;color:#153d42;text-align:left;box-shadow:0 6px #143f5524;cursor:pointer;transition:.18s}.level:hover{transform:translateY(-4px)}.level>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#ffffffbd;font-size:2rem}.level div{display:flex;flex-direction:column}.level b{font-size:1.02rem}.level small{font-size:.62rem;font-weight:900}.level em{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#153d42;color:#fff;font-style:normal}.easy{background:#acf0ca}.medium{background:#91e5e3}.hard{background:#e7f978}.best{text-align:center;color:#667b7d;font-size:.67rem;font-weight:900}.best b{color:#087d70}
.game-screen{width:min(1280px,100%);margin:3px auto}.mission-bar{height:39px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff}.mission-bar>button{justify-self:start;padding:6px 10px;border:1px solid #ffffff66;border-radius:99px;background:#ffffff1c;color:#fff;font-size:.68rem;font-weight:1000;cursor:pointer}.progress{display:flex;align-items:center;gap:7px}.progress>span{padding:4px 8px;border-radius:99px;background:#dfff62;color:#284400;font-size:.65rem;font-weight:1000}.progress strong{font-size:.8rem}.dots{display:flex;gap:4px}.dots i{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#0a7976}.dots i.done{background:#dfff62;box-shadow:0 0 8px #dfff62}.streak{justify-self:end;font-size:.55rem;letter-spacing:.7px;font-weight:1000}.streak b{font-size:.82rem}.workspace{height:calc(100dvh - 108px);display:grid;grid-template-columns:1.45fr .75fr;gap:12px}.factory,.control{min-height:0;border:4px solid #fff;border-radius:25px;box-shadow:0 10px 28px #03283f77;overflow:hidden}.factory{position:relative;background:#c9f7ed}.factory>img{width:100%;height:100%;display:block;object-fit:cover}.belt{position:absolute;z-index:2;left:0;right:0;top:49%;height:23%;overflow:hidden;border-top:4px solid #163f47;border-bottom:7px solid #0b3139;background:repeating-linear-gradient(90deg,#3c484b 0 68px,#273539 68px 75px);box-shadow:0 8px 15px #00232a77}.belt i{position:absolute;inset:0;width:200%;background:repeating-linear-gradient(90deg,transparent 0 58px,#ffffff1d 58px 64px);animation:belt 2.6s linear infinite}.factory.stopped .belt i{animation-play-state:paused}.item{position:absolute;z-index:5;left:50%;top:47%;width:142px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 8px 7px #002e3d55);animation:itemIn .55s}.item-art{display:block;width:116px;height:116px;background-image:url('assets/atiklar.png');background-size:400% 300%;background-repeat:no-repeat}.item b{padding:3px 9px;border:3px solid #fff;border-radius:99px;background:#064b56;color:#fff;font-size:.67rem;white-space:nowrap}.item.sorted{animation:sortOut .65s forwards}.item.wrong{animation:shake .18s 3}.stop-sign{position:absolute;z-index:6;left:12px;top:12px;display:none;width:68px;height:68px;place-items:center;border:5px solid #fff;border-radius:50%;background:#f24662;color:#fff;text-align:center;font-size:.85rem;font-weight:1000;box-shadow:0 0 0 7px #f2466255}.stop-sign small{font-size:.39rem}.factory.stopped .stop-sign{display:grid;animation:pulse .8s infinite}.bins{position:absolute;z-index:7;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(var(--count,4),1fr);gap:5px}.bin{min-width:0;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;border:3px solid #fff;border-radius:13px;background:var(--bin);color:#fff;box-shadow:0 5px #123b4245;cursor:pointer;transition:.15s}.bin:hover{transform:translateY(-4px)}.bin span{font-size:1.42rem}.bin b{font-size:.51rem;line-height:1;text-align:center}.bin.correct{outline:5px solid #dcff5b;animation:pulse .65s infinite}.bin.wrong{outline:5px solid #ff4566}.control{display:flex;flex-direction:column;padding:13px;background:#faffff}.scanner{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:9px;padding:7px;border-radius:16px;background:linear-gradient(120deg,#d8fff1,#e5f5ff)}.scanner>span{display:grid;place-items:center;width:54px;height:54px;border:3px solid #fff;border-radius:15px;background:#08786f;font-size:2.2rem}.scanner div{display:flex;flex-direction:column}.scanner small,.question>span,.stats small{color:#087d70;font-size:.49rem;letter-spacing:1.2px;font-weight:1000}.scanner strong{font-size:.93rem}.question{margin:9px 0 7px;padding:9px;border:2px dashed #67c9ac;border-radius:13px;background:#effdf7}.question p{margin:3px 0 0;font-size:.73rem;font-weight:1000;line-height:1.25}.reuse-actions{display:grid;gap:5px}.reuse-actions button{padding:8px;border:2px solid #d0e9e0;border-radius:10px;background:#fff;color:#153d42;font-size:.63rem;font-weight:900;text-align:left;cursor:pointer}.reuse-actions button.correct{background:#c9f5dc;border-color:#2bbf82}.reuse-actions button.wrong{background:#ffd6df;border-color:#ef4a69}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}.stats>div{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:10px;background:#e8f6f4}.stats b{font-size:.75rem;color:#076e67}.feedback{min-height:57px;margin-top:auto;padding:8px;border-radius:12px;background:#fff1b8;color:#604900;text-align:center;font-size:.65rem;font-weight:900;line-height:1.24}.feedback.good{background:#c9f4dc;color:#0b6343}.feedback.bad{background:#ffd6de;color:#841630}.retry,.next{margin-top:7px;padding:9px;border:0;border-radius:12px;color:#fff;font-size:.72rem;font-weight:1000;cursor:pointer}.retry{background:#f06a42;box-shadow:0 5px #a43a20}.next{background:linear-gradient(100deg,#087b72,#37bd7f);box-shadow:0 5px #075c59}
.result{position:relative;width:min(650px,92%);margin:8vh auto 0;padding:38px 20px;text-align:center;border:4px solid #fff;border-radius:31px;background:#fbffff;box-shadow:0 20px 55px #03263f99;overflow:hidden}.result-icon{display:block;font-size:5rem;animation:float 1.4s infinite alternate}.result>small{color:#087d70;letter-spacing:2px;font-weight:1000}.result h1{margin:4px;color:#11575b;font-size:2.8rem}.result p{margin:0 auto 18px;max-width:470px;color:#5b7779;font-weight:900}.result p b{color:#ec3f80;font-size:1.3rem}.result-actions{display:flex;justify-content:center;gap:8px}.result-actions button,.result-actions a{padding:11px 16px;border:0;border-radius:12px;background:#087d70;color:#fff;text-decoration:none;font-weight:1000;cursor:pointer}.result-actions a{background:#315eaa}.confetti i{position:absolute;color:#d7f84f;font-style:normal;font-size:1.4rem;animation:fall 2.2s infinite}.confetti i:nth-child(1){left:8%}.confetti i:nth-child(2){left:28%;color:#ff5f91;animation-delay:.7s}.confetti i:nth-child(3){left:52%;color:#42d6a4}.confetti i:nth-child(4){left:74%;color:#3e73d0;animation-delay:.4s}.confetti i:nth-child(5){left:92%;animation-delay:1s}@keyframes belt{to{transform:translateX(-50%)}}@keyframes itemIn{from{left:12%;opacity:0}}@keyframes sortOut{to{left:88%;top:74%;transform:translate(-50%,-50%) scale(.35);opacity:0}}@keyframes shake{25%{transform:translate(-58%,-50%)}75%{transform:translate(-42%,-50%)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes float{to{transform:translateY(-10px) rotate(4deg)}}@keyframes fall{from{top:-25px}to{top:105%;transform:rotate(260deg)}}
@media(max-width:900px){.start-screen{grid-template-columns:.8fr 1.25fr .95fr;gap:9px}.intro h1{font-size:2.35rem}.intro p{font-size:.74rem}.level{min-height:78px}.workspace{grid-template-columns:1.3fr .8fr}.bin b{font-size:.46rem}.question p{font-size:.67rem}}
@media(max-width:760px){.app{padding:5px}.topbar{height:46px;padding:4px 7px}.eyebrow{font-size:.4rem}.topbar>strong{font-size:.69rem}.attention,.score{padding:5px 6px;font-size:.55rem}.sound{width:29px;height:29px}.start-screen{height:calc(100dvh - 55px);grid-template-columns:1fr;grid-template-rows:auto minmax(140px,1fr) auto;gap:4px;padding:3px}.intro{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:2px 7px}.intro>span{grid-column:1/-1;font-size:.41rem}.intro h1{margin:0;font-size:1.48rem;letter-spacing:-1px}.intro h1 em{display:inline}.intro p{font-size:.53rem;line-height:1.16}.skill-pills{display:none}.hero{height:100%;margin:0;border-width:3px;border-radius:17px}.hero-badge{left:7px;top:7px;padding:4px 7px}.hero-badge b{font-size:.31rem}.hero-badge span{font-size:.43rem}.hero-flow{bottom:5px;padding:4px 7px}.hero-flow strong{font-size:.39rem}.levels{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border-radius:16px}.level-heading,.best{grid-column:1/-1;align-items:center}.level-heading span{font-size:.4rem}.level-heading strong{font-size:.69rem}.level{min-height:66px;display:flex;flex-direction:column;justify-content:center;gap:0;padding:2px;text-align:center}.level>span{width:31px;height:31px;border-radius:9px;font-size:1.3rem}.level b{font-size:.61rem}.level small{font-size:.37rem}.level em{display:none}.best{font-size:.44rem}.mission-bar{height:29px}.mission-bar>button{padding:3px 6px;font-size:.47rem}.progress{gap:4px}.progress>span,.progress strong{font-size:.46rem}.dots{display:none}.streak{font-size:.37rem}.streak b{font-size:.56rem}.workspace{height:calc(100dvh - 84px);grid-template-columns:1fr;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);gap:4px}.factory,.control{border-width:3px;border-radius:15px}.belt{top:40%;height:25%}.item{top:39%;width:83px}.item-art{width:66px;height:66px}.item b{padding:2px 5px;border-width:2px;font-size:.4rem}.stop-sign{left:5px;top:5px;width:43px;height:43px;border-width:3px;font-size:.53rem}.stop-sign small{font-size:.25rem}.bins{left:4px;right:4px;bottom:4px;gap:2px}.bin{min-height:42px;padding:1px;border-width:2px;border-radius:8px}.bin span{font-size:.9rem}.bin b{font-size:.31rem}.control{padding:5px}.scanner{grid-template-columns:38px 1fr;padding:3px}.scanner>span{width:35px;height:35px;border-radius:9px;font-size:1.45rem}.scanner small{font-size:.32rem}.scanner strong{font-size:.56rem}.question{margin:3px 0;padding:4px}.question>span{font-size:.31rem}.question p{margin-top:1px;font-size:.47rem;line-height:1.1}.reuse-actions{grid-template-columns:repeat(3,1fr);gap:3px}.reuse-actions button{padding:3px;font-size:.39rem;text-align:center}.stats{margin:3px 0;gap:3px}.stats>div{padding:3px 5px}.stats small{font-size:.3rem}.stats b{font-size:.5rem}.feedback{min-height:28px;padding:4px;font-size:.41rem}.retry,.next{margin-top:3px;padding:5px;font-size:.51rem}.result{margin-top:4vh;padding:25px 11px}.result-icon{font-size:4rem}.result h1{font-size:2rem}}
@media(max-width:380px){.topbar>strong{font-size:.6rem}.intro h1{font-size:1.3rem}.level{min-height:58px}.workspace{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.bin b{font-size:.28rem}.feedback{font-size:.37rem}}

/* v104: daha büyük yazılar ve alt kutu görselleri */
.eyebrow{font-size:.72rem}.topbar>strong{font-size:1.2rem}.attention,.score{font-size:.88rem}
.intro>span,.level-heading span{font-size:.72rem}.intro p{font-size:1.04rem}.skill-pills b{font-size:.74rem}.hero-badge b{font-size:.58rem}.hero-badge span{font-size:.8rem}.hero-flow strong{font-size:.74rem}
.level-heading strong{font-size:1.36rem}.level b{font-size:1.14rem}.level small{font-size:.7rem}.best{font-size:.75rem}
.mission-bar>button{font-size:.76rem}.progress>span{font-size:.74rem}.progress strong{font-size:.9rem}.streak{font-size:.64rem}.streak b{font-size:.94rem}
.item b{font-size:.76rem}.bin{min-height:78px}.bin span{font-size:1.82rem}.bin b{font-size:.61rem}.scanner small,.question>span,.stats small{font-size:.57rem}.scanner strong{font-size:1.04rem}.question p{font-size:.84rem}.reuse-actions button{font-size:.72rem}.stats b{font-size:.86rem}.feedback{font-size:.74rem}.retry,.next{font-size:.82rem}
@media(max-width:900px){.bin{min-height:70px}.bin span{font-size:1.65rem}.bin b{font-size:.54rem}.question p{font-size:.76rem}}
@media(max-width:760px){.eyebrow{font-size:.45rem}.topbar>strong{font-size:.76rem}.attention,.score{font-size:.62rem}.intro>span{font-size:.45rem}.intro p{font-size:.59rem}.hero-badge b{font-size:.35rem}.hero-badge span{font-size:.48rem}.hero-flow strong{font-size:.44rem}.level-heading span{font-size:.44rem}.level-heading strong{font-size:.77rem}.level b{font-size:.69rem}.level small{font-size:.43rem}.best{font-size:.5rem}.mission-bar>button{font-size:.53rem}.progress>span,.progress strong{font-size:.52rem}.streak{font-size:.42rem}.streak b{font-size:.63rem}.item b{font-size:.46rem}.bins{bottom:5px}.bin{min-height:49px}.bin span{font-size:1.16rem}.bin b{font-size:.36rem}.scanner small{font-size:.36rem}.scanner strong{font-size:.63rem}.question>span{font-size:.35rem}.question p{font-size:.53rem}.reuse-actions button{font-size:.44rem}.stats small{font-size:.34rem}.stats b{font-size:.56rem}.feedback{font-size:.47rem}.retry,.next{font-size:.57rem}}

/* v105: nesneyi öne çıkaran saydam oyun arka planı */
.factory>img{opacity:.48;filter:saturate(.72) brightness(1.14) contrast(.88)}
.factory:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#efffff55,#ffffff88 42%,#eafff25c);pointer-events:none}
.item{filter:drop-shadow(0 10px 9px #00354477)}
.item-art{border-radius:50%;background-color:#ffffffe8;box-shadow:0 0 0 9px #ffffff70,0 12px 28px #00435455}
.factory.stopped>img{opacity:.34;filter:saturate(.48) brightness(1.05)}
@media(max-width:760px){.item-art{box-shadow:0 0 0 5px #ffffff78,0 7px 16px #00435455}}