@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:#251b50;background:#23165a}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 9% 14%,#ffe260 0 3%,transparent 3.2%),radial-gradient(circle at 93% 88%,#ff7bb7 0 4.5%,transparent 4.7%),linear-gradient(135deg,#201457,#49309c 56%,#115f98);overflow:hidden}button,a{font:inherit}.app{min-height:100dvh;padding:10px clamp(10px,3vw,42px) 18px}.topbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 14px;border:2px solid #ffffff45;border-radius:18px;background:#1c124ddd;color:#fff;box-shadow:0 7px 22px #0c083d66}.home-link{justify-self:start;color:#fff;text-decoration:none;font-size:.73rem;font-weight:1000}.game-name{display:flex;flex-direction:column;text-align:center}.game-name span{color:#61e4ff;font-size:.53rem;letter-spacing:1.8px;font-weight:1000}.game-name strong{font-size:1rem}.top-actions{justify-self:end;display:flex;align-items:center;gap:7px}.fuel{position:relative;width:74px;height:27px;overflow:hidden;border:2px solid #ffffff75;border-radius:99px;background:#120b3b}.fuel i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#24dfb6,#ffe34f);transition:width .35s}.fuel span{position:absolute;inset:0;display:grid;place-items:center;font-size:.75rem;filter:drop-shadow(0 1px 2px #000)}.sound{width:35px;height:35px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff18;color:#fff;cursor:pointer}.score{padding:7px 11px;border-radius:99px;background:#ffffff18;font-size:.75rem;font-weight:1000}
.start-screen{width:min(1240px,100%);height:calc(100dvh - 90px);margin:auto;display:grid;grid-template-columns:.88fr 1.32fr .9fr;align-items:center;gap:18px}.intro>span,.level-heading span{color:#65e8ff;font-size:.58rem;letter-spacing:1.7px;font-weight:1000}.intro h1{margin:5px 0 9px;color:#fff;font-size:clamp(2.8rem,5vw,5.1rem);line-height:.88;letter-spacing:-3px}.intro h1 em{display:block;color:#ffe354;font-style:normal}.intro p{max-width:340px;margin:0;color:#e7e1ff;font-size:.88rem;font-weight:900;line-height:1.45}.skill-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.skill-pills b{padding:6px 8px;border:1px solid #ffffff45;border-radius:99px;background:#ffffff17;color:#fff;font-size:.58rem}.hero{align-self:stretch;position:relative;min-height:0;margin:16px 0;padding:8px;border:4px solid #fff;border-radius:31px;background:#ffffffc9;box-shadow:0 15px 35px #0c073e66;overflow:hidden}.hero img{width:100%;height:calc(100% - 61px);display:block;border-radius:21px;object-fit:cover;object-position:center;filter:saturate(1.06) contrast(1.03)}.hero-note{height:61px;display:flex;align-items:center;gap:9px;padding:5px 8px}.hero-note>span{font-size:2rem}.hero-note div{display:flex;flex-direction:column}.hero-note b{font-size:.88rem}.hero-note small{color:#665e80;font-size:.52rem;font-weight:900}.levels{display:grid;gap:10px;padding:17px;border:3px solid #ffffff75;border-radius:28px;background:#ffffffed;box-shadow:0 13px 32px #0b073a5c}.level-heading{display:flex;flex-direction:column}.level-heading span{color:#6a45b5}.level-heading strong{font-size:1.25rem}.level{min-height:91px;display:grid;grid-template-columns:58px 1fr 27px;align-items:center;gap:8px;padding:9px 12px;border:3px solid #fff;border-radius:19px;color:#251b50;text-align:left;box-shadow:0 6px #26185f25;cursor:pointer;transition:.18s}.level:hover{transform:translateY(-4px) scale(1.01)}.level>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#ffffffb5;font-size:2.4rem}.level div{display:flex;flex-direction:column}.level b{font-size:1.04rem}.level small{font-size:.6rem;font-weight:900}.level em{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#251b50;color:#fff;font-style:normal}.easy{background:#aaf0d2}.medium{background:#8bdcff}.hard{background:#ffc56f}.best{text-align:center;color:#71678c;font-size:.64rem;font-weight:900}.best b{color:#5e36b2}
.game-screen{width:min(1240px,100%);margin:7px auto}.mission-bar{height:40px;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 #ffffff50;border-radius:99px;background:#ffffff17;color:#fff;font-size:.65rem;font-weight:1000;cursor:pointer}.mission-progress{display:flex;align-items:center;gap:7px}.route{display:flex;gap:4px}.route i{width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#49309c}.route i.done{background:#ffe34f;box-shadow:0 0 8px #ffe34f}.mission-status{justify-self:end;display:flex;align-items:center;gap:10px}.mission-status>b{padding:4px 8px;border-radius:99px;background:#ff6d9e;color:#fff;font-size:.54rem;letter-spacing:.6px}.mission-bar span{padding:4px 8px;border-radius:99px;background:#5edff1;color:#251b50;font-size:.62rem;font-weight:1000}.mission-bar strong{font-size:.78rem}#hearts{justify-self:end;color:#ff6e9d;font-size:1.22rem;letter-spacing:2px}.workspace{height:calc(100dvh - 126px);display:grid;grid-template-columns:1.18fr .82fr;gap:13px}.market-panel,.task-panel{min-height:0;padding:13px;border:4px solid #fff;border-radius:25px;background:#f8f7ff;box-shadow:0 10px 28px #0d083f5e}.market-panel{display:flex;flex-direction:column;background:linear-gradient(#f9f7ff,#e6f7ff)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:9px}.panel-title>div{display:flex;flex-direction:column}.panel-title span,.customer small{color:#6d47ba;font-size:.52rem;letter-spacing:1.5px;font-weight:1000}.panel-title strong{font-size:.91rem}.panel-title>b{padding:6px 9px;border-radius:10px;background:#ffe269;color:#523d00;font-size:.67rem}.products{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;margin:10px 0}.products button{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 4px;border:3px solid #fff;border-radius:20px;background:linear-gradient(145deg,#fff 0 54%,var(--card) 55%);color:#251b50;box-shadow:0 6px #37267322;cursor:pointer;transition:.16s}.products button:hover{transform:translateY(-3px)}.products button.selected{outline:4px solid #32cf99;transform:translateY(-3px);box-shadow:0 0 0 7px #baf4df,0 8px 20px #39257238}.prod-icon{display:block;width:clamp(55px,7.4vw,92px);height:clamp(55px,7.4vw,92px);background-image:url('assets/uzay-urunleri.png');background-size:400% 200%;background-repeat:no-repeat;filter:drop-shadow(0 7px 6px #27174d35)}.prod-icon[data-sprite="rocket"]{background-position:0 0}.prod-icon[data-sprite="moon"]{background-position:33.333% 0}.prod-icon[data-sprite="juice"]{background-position:66.666% 0}.prod-icon[data-sprite="star"]{background-position:100% 0}.prod-icon[data-sprite="scope"]{background-position:0 100%}.prod-icon[data-sprite="bot"]{background-position:33.333% 100%}.prod-icon[data-sprite="planet"]{background-position:66.666% 100%}.prod-icon[data-sprite="gem"]{background-position:100% 100%}.shopping-list .prod-icon{width:30px;height:30px;filter:drop-shadow(0 2px 2px #27174d28)}.products button>b{font-size:.73rem;text-align:center}.products button>em{margin-top:2px;padding:3px 7px;border-radius:99px;background:#251b50;color:#fff;font-size:.61rem;font-style:normal}.products button>i{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#5e36b2;font-size:.82rem;font-style:normal;font-weight:1000;box-shadow:0 3px 8px #2e205840}.basket{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:2px solid #c9c0ec;border-radius:17px;background:#fff}.basket>div{min-width:0;display:flex;align-items:center;gap:9px}.basket>div>span{font-size:2rem}.basket>div>div{min-width:0;display:flex;flex-direction:column}.basket small{color:#7665b0;font-size:.48rem;letter-spacing:1px;font-weight:1000}.basket strong{max-width:430px;overflow:hidden;font-size:.68rem;white-space:nowrap;text-overflow:ellipsis}.basket>b{flex:none;padding:5px 7px;border-radius:9px;background:#dff8f1;color:#147457;font-size:.58rem}
.task-panel{display:flex;flex-direction:column;background:#fff}.customer{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:9px;padding:8px;border-radius:16px;background:linear-gradient(120deg,#ece6ff,#e4f8ff)}.customer>span{display:grid;place-items:center;width:62px;height:62px;border:3px solid #fff;border-radius:18px;background:#251b50;font-size:2.9rem}.customer>div{display:flex;flex-direction:column}.customer strong{font-size:.87rem}.shopping-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:9px 0}.shopping-list>div{min-width:0;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:4px;padding:6px;border:2px solid #ded8f6;border-radius:12px;background:#f8f6ff}.shopping-list span{font-size:1.25rem}.shopping-list b{overflow:hidden;font-size:.56rem;white-space:nowrap;text-overflow:ellipsis}.shopping-list em{padding:3px 5px;border-radius:7px;background:#ffe26b;font-size:.52rem;font-style:normal;font-weight:1000}.question-area{flex:1;min-height:90px;display:flex;flex-direction:column;justify-content:center;padding:10px;border:2px dashed #a698dc;border-radius:15px;background:#f7f4ff}.question-area p{margin:0 0 8px;text-align:center;font-size:.7rem;font-weight:1000}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.choices button{padding:8px;border:2px solid #d7d0f2;border-radius:10px;background:#fff;color:#251b50;font-weight:1000;box-shadow:0 3px #d1caec;cursor:pointer}.choices button.correct{background:#baf0d8;border-color:#2dc78b}.choices button.wrong{background:#ffd4df;border-color:#ef4e78}.check{margin-top:8px;padding:11px;border:0;border-radius:13px;background:linear-gradient(100deg,#6d43dc,#e74caa);color:#fff;font-size:.8rem;font-weight:1000;box-shadow:0 5px #382071;cursor:pointer}.check:disabled{opacity:.5}.feedback{min-height:43px;margin-top:8px;padding:7px;border-radius:11px;background:#fff0b3;color:#664c00;text-align:center;font-size:.62rem;font-weight:900}.feedback.good{background:#c9f4df;color:#126344}.feedback.bad{background:#ffd5df;color:#8d1839}.shake{animation:shake .18s 3}.celebrate{animation:glow .45s 2}
.result{position:relative;width:min(640px,100%);margin:10vh auto 0;padding:43px 20px;text-align:center;border:4px solid #fff;border-radius:31px;background:#fbf9ff;box-shadow:0 20px 55px #0d073f99;overflow:hidden}.result-icon{display:block;font-size:5rem;animation:float 1.5s infinite alternate}.result>small{color:#7048ba;letter-spacing:2px;font-weight:1000}.result h1{margin:4px;color:#34216e;font-size:3.2rem}.result p{margin:0 auto 20px;max-width:460px;color:#6b6083;font-weight:900}.result p b{color:#e13f9d;font-size:1.25rem}.result-actions{display:flex;justify-content:center;gap:8px}.result-actions button,.result-actions a{padding:11px 16px;border:0;border-radius:12px;background:#5d39c5;color:#fff;text-decoration:none;font-weight:1000;cursor:pointer}.result-actions a{background:#1a9d83}.confetti i{position:absolute;color:#ffca39;font-style:normal;font-size:1.4rem;animation:fall 2.2s infinite}.confetti i:nth-child(1){left:8%;animation-delay:.2s}.confetti i:nth-child(2){left:28%;color:#ff5e9b;animation-delay:1s}.confetti i:nth-child(3){left:52%;color:#55dccc}.confetti i:nth-child(4){left:73%;color:#7853e1;animation-delay:.6s}.confetti i:nth-child(5){left:91%;animation-delay:1.3s}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes glow{50%{box-shadow:0 0 0 8px #55efb0,0 0 35px #fff46e}}@keyframes float{to{transform:translateY(-12px) rotate(5deg)}}@keyframes fall{from{top:-30px;transform:rotate(0)}to{top:105%;transform:rotate(260deg)}}
@media(max-width:760px){.app{padding:6px}.topbar{height:48px;padding:5px 8px}.home-link{font-size:.54rem}.game-name span{font-size:.4rem}.game-name strong{font-size:.74rem}.sound{width:29px;height:29px}.score{padding:5px 7px;font-size:.58rem}.start-screen{height:calc(100dvh - 60px);grid-template-columns:1fr;grid-template-rows:auto minmax(145px,1fr) auto;gap:5px;padding:5px}.intro{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:2px 8px}.intro>span{grid-column:1/-1;font-size:.42rem}.intro h1{margin:0;font-size:1.75rem;letter-spacing:-1px}.intro h1 em{display:inline}.intro p{font-size:.53rem;line-height:1.2}.skill-pills{display:none}.hero{height:100%;margin:0;padding:4px;border-width:3px;border-radius:18px}.hero svg{height:calc(100% - 37px);border-radius:12px}.hero-note{height:37px;padding:2px 5px}.hero-note>span{font-size:1.3rem}.hero-note b{font-size:.56rem}.hero-note small{font-size:.38rem}.levels{grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;border-radius:17px}.level-heading,.best{grid-column:1/-1;align-items:center}.level-heading strong{font-size:.72rem}.level-heading span{font-size:.42rem}.level{min-height:79px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:3px 2px;text-align:center}.level>span{width:38px;height:38px;border-radius:11px;font-size:1.65rem}.level b{font-size:.65rem}.level small{font-size:.4rem}.level em{display:none}.best{font-size:.47rem}.mission-bar{height:31px}.mission-bar button{padding:4px 6px;font-size:.5rem}.mission-bar span,.mission-bar strong{font-size:.5rem}#hearts{font-size:.9rem}.workspace{height:calc(100dvh - 91px);grid-template-columns:1fr;grid-template-rows:minmax(0,1.03fr) minmax(0,.97fr);gap:5px}.market-panel,.task-panel{padding:6px;border-width:3px;border-radius:16px}.panel-title span,.customer small{font-size:.39rem}.panel-title strong{font-size:.61rem}.panel-title>b{padding:4px 6px;font-size:.48rem}.products{grid-template-columns:repeat(4,1fr);gap:4px;margin:5px 0}.products button{padding:2px;border-radius:12px}.products button>span{font-size:1.65rem}.products button>b{font-size:.44rem;line-height:1}.products button>em{padding:2px 5px;font-size:.42rem}.products button>i{right:3px;top:3px;width:16px;height:16px;font-size:.55rem}.basket{min-height:39px;padding:3px 7px}.basket>div>span{font-size:1.3rem}.basket small{font-size:.33rem}.basket strong{max-width:230px;font-size:.43rem}.basket>b{font-size:.4rem}.customer{grid-template-columns:43px 1fr;padding:3px}.customer>span{width:40px;height:40px;border-radius:11px;font-size:1.8rem}.customer strong{font-size:.57rem}.shopping-list{grid-template-columns:repeat(4,1fr);gap:3px;margin:4px 0}.shopping-list>div{display:flex;flex-direction:column;gap:0;padding:2px;text-align:center}.shopping-list span{font-size:.85rem}.shopping-list b{width:100%;font-size:.37rem}.shopping-list em{padding:1px 3px;font-size:.35rem}.question-area{min-height:44px;padding:4px}.question-area p{margin-bottom:3px;font-size:.47rem}.choices{grid-template-columns:repeat(4,1fr);gap:3px}.choices button{padding:4px;font-size:.52rem}.check{margin-top:4px;padding:6px;font-size:.59rem}.feedback{min-height:27px;margin-top:4px;padding:4px;font-size:.44rem}.result{margin-top:6vh;padding:28px 12px}.result-icon{font-size:4rem}.result h1{font-size:2.4rem}}
@media(max-width:380px){.hero-note small{display:none}.level{min-height:69px}.workspace{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.products button>span{font-size:1.35rem}.basket{min-height:34px}.customer>span{width:34px;height:34px;font-size:1.5rem}.shopping-list span{display:none}}
.hero-badge{position:absolute;top:22px;right:22px;display:flex;flex-direction:column;padding:8px 12px;border:1px solid #ffffff80;border-radius:13px;background:#171044cc;color:#fff;box-shadow:0 7px 20px #09052d88;backdrop-filter:blur(8px)}.hero-badge b{color:#ffe45d;font-size:.5rem;letter-spacing:1.3px}.hero-badge span{font-size:.7rem;font-weight:1000}.bonus-pop{animation:bonusPop .55s}.combo-hot{animation:comboPulse .6s;background:#ffbd36!important;color:#3b2500!important}@keyframes bonusPop{50%{transform:scale(1.04);box-shadow:0 0 0 8px #ffe95c88}}@keyframes comboPulse{50%{transform:scale(1.15)}}
@media(max-width:760px){.fuel{width:42px;height:23px}.hero img{height:calc(100% - 37px);border-radius:12px}.hero-badge{top:9px;right:9px;padding:4px 7px}.hero-badge b{font-size:.32rem}.hero-badge span{font-size:.43rem}.prod-icon{width:42px;height:42px}.shopping-list .prod-icon{width:23px;height:23px}.mission-status{gap:4px}.mission-status>b{padding:3px 5px;font-size:.36rem}.route{display:none}}

@media(max-width:380px){.shopping-list span.prod-icon{display:block;width:22px;height:22px}.products button>span.prod-icon{display:block;width:38px;height:38px}}

/* v97: artırılmış okunabilirlik */
.home-link{font-size:.84rem}.game-name span{font-size:.61rem}.game-name strong{font-size:1.12rem}.score{font-size:.86rem}
.intro>span,.level-heading span{font-size:.66rem}.intro p{font-size:1rem}.skill-pills b{font-size:.68rem}.hero-note b{font-size:1rem}.hero-note small{font-size:.62rem}.hero-badge b{font-size:.59rem}.hero-badge span{font-size:.82rem}
.level-heading strong{font-size:1.42rem}.level b{font-size:1.16rem}.level small{font-size:.71rem}.best{font-size:.74rem}
.mission-bar button{font-size:.74rem}.mission-status>b{font-size:.63rem}.mission-bar span{font-size:.71rem}.mission-bar strong{font-size:.88rem}
.panel-title span,.customer small{font-size:.61rem}.panel-title strong{font-size:1.04rem}.panel-title>b{font-size:.77rem}.products button>b{font-size:.86rem}.products button>em{font-size:.71rem}.basket small{font-size:.57rem}.basket strong{font-size:.79rem}.basket>b{font-size:.68rem}
.customer strong{font-size:1rem}.shopping-list b{font-size:.67rem}.shopping-list em{font-size:.61rem}.question-area p{font-size:.82rem}.choices button{font-size:.93rem}.check{font-size:.93rem}.feedback{font-size:.73rem}
@media(max-width:760px){.home-link{font-size:.61rem}.game-name span{font-size:.46rem}.game-name strong{font-size:.84rem}.score{font-size:.65rem}.intro>span{font-size:.48rem}.intro p{font-size:.63rem}.hero-note b{font-size:.66rem}.hero-note small{font-size:.45rem}.level-heading strong{font-size:.84rem}.level-heading span{font-size:.48rem}.level b{font-size:.76rem}.level small{font-size:.48rem}.best{font-size:.55rem}.mission-bar button{font-size:.57rem}.mission-bar span{font-size:.57rem}.mission-bar strong{font-size:.59rem}.mission-status>b{font-size:.43rem}.panel-title span,.customer small{font-size:.46rem}.panel-title strong{font-size:.72rem}.panel-title>b{font-size:.56rem}.products button>b{font-size:.54rem}.products button>em{font-size:.5rem}.basket small{font-size:.4rem}.basket strong{font-size:.52rem}.basket>b{font-size:.47rem}.customer strong{font-size:.68rem}.shopping-list b{font-size:.44rem}.shopping-list em{font-size:.41rem}.question-area p{font-size:.56rem}.choices button{font-size:.62rem}.check{font-size:.68rem}.feedback{font-size:.52rem}.hero-badge b{font-size:.37rem}.hero-badge span{font-size:.5rem}}

/* v98: oyun tamamı görünür ekrana sığar */
html body{padding-top:0!important;min-height:100dvh;max-height:100dvh;overflow:hidden!important}