:root{--ink:#173e49;--teal:#075368;--coral:#fb6a5c;--yellow:#f4c75c;--cream:#fffaf0}*{box-sizing:border-box}body{margin:0;background:#f4f0e6;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid #ed8852;outline-offset:4px}button:disabled{cursor:default}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(5%,calc((100vw - 1200px)/2));background:#fffdf6;border-bottom:1px solid #dedccd;gap:20px}header img{width:170px;display:block}header>span{font-size:10px;letter-spacing:1.3px;font-weight:700}header>button,.game-tools button{border:1px solid #bacbc5;background:transparent;border-radius:7px;padding:10px 14px;font-size:12px}main{max-width:1200px;margin:auto;padding:35px 25px}h1{letter-spacing:-2.5px}.tag{font-size:10px;font-weight:700;letter-spacing:1.3px}.intro h1{font-size:84px;margin:22px 0 18px;line-height:.95}.intro h1 span{color:#db5c45;display:block;font-family:Georgia;font-style:italic}.intro p{font-size:17px;line-height:1.8}.gang{width:100%;margin-top:35px;filter:drop-shadow(0 15px 7px #2b3d2a12)}#setup{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:25px 0 35px}.setup-card{background:var(--cream);border:1px solid #d7d6c7;box-shadow:7px 7px 0 #dedfcf;border-radius:12px;padding:30px}.setup-card h2{font-size:26px;letter-spacing:-1px;margin:0 0 24px}.setup-card h3{font-size:14px;margin:25px 0 12px}.fruit-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fruit-choices button{background:white;border:2px solid #e0e5db;border-radius:12px;font-size:37px;padding:15px 4px}.fruit-choices b{display:block;font-size:10px;margin-top:8px}.chosen{border-color:var(--teal)!important;background:#e2eee4!important;box-shadow:0 3px 0 var(--teal)}.level-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.level-choices button{font-size:11px;font-weight:700;background:white;border:2px solid #e0e5db;border-radius:8px;padding:13px 5px}.level-choices small{display:block;font-weight:400;font-size:10px;margin-top:7px}.switch{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:22px;line-height:1.5}.switch input{width:18px;height:18px;accent-color:var(--teal)}.setup-note,.privacy{font-size:11px;color:#617476;line-height:1.7}.privacy{font-size:10px;margin-bottom:0}.main-btn{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--teal);color:white;border:0;border-radius:7px;padding:16px 20px;font-weight:700;font-size:14px}.setup-card .main-btn{width:100%;margin-top:21px}.main-btn:hover{background:#143c49}.resume{background:none;border:0;font-size:12px;font-weight:700;text-decoration:underline;padding:17px 0 4px}.game-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.game-top h1{font-size:36px;margin:9px 0 20px;letter-spacing:-1.2px}.game-tools{display:flex;gap:7px}.stage-progress{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);padding:0;margin:0 0 20px;gap:7px}.stage-progress li{border-top:4px solid #d9ddce;padding-top:9px;font-size:11px;color:#6c7c78}.stage-progress li.active{border-color:var(--coral);font-weight:700;color:var(--ink)}.stage-progress li.done{border-color:#69997a;color:#285b40}.scene-wrap{position:relative;overflow:hidden;border:1px solid #b8c9bf;border-radius:12px;background:#ebeddc;box-shadow:0 6px 0 #d4d8c7}canvas{width:100%;display:block;height:auto}#speech{position:absolute;left:20px;top:25px;background:white;border-radius:18px 18px 18px 0;padding:12px 17px;font-family:Georgia;font-style:italic;font-size:16px;max-width:40%;box-shadow:0 3px 0 #cfdbca;pointer-events:none}.scene-status{position:absolute;right:16px;top:15px;display:flex;gap:7px;align-items:center;font-size:10px}.scene-status span{background:#fffdf0e8;padding:7px 9px;border-radius:20px}.task-area{background:var(--cream);border:1px solid #d7d7c7;padding:24px 30px;border-radius:12px;margin-top:22px}.task-heading{display:flex;justify-content:space-between;align-items:center}.task-heading>span{font-size:10px;letter-spacing:1px;color:#617c73;font-weight:bold}#help-toggle{background:transparent;border:1px solid #ddc98f;border-radius:20px;padding:7px 11px;font-size:11px}#question{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin:15px 0 8px}#context{font-size:16px;line-height:1.7;margin:0 0 19px}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.answer{background:white;border:2px solid #dce2d3;border-bottom-width:5px;border-radius:10px;padding:16px 10px;min-height:62px;font-size:18px;font-weight:700;position:relative}.answer:hover:not(:disabled){background:#fff0cc;transform:translateY(-2px)}.answer.correct{border-color:#4c8e60;background:#e1f2d8}.answer.wrong{border-color:#df8969;background:#fff0e3}.answer .symbol{display:block;font-size:29px;margin-bottom:6px}.typing{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.typing label{display:flex;flex-direction:column;gap:6px;font-size:12px;flex:1;min-width:150px}.typing input{border:2px solid #b8cbbf;border-radius:7px;font:inherit;padding:12px;width:100%;font-size:18px}.typing .main-btn{min-height:49px}.answer-part{font-size:13px;margin:0 0 10px}#hint{background:#fff1cd;border-left:3px solid #d1a43a;padding:12px 15px;font-size:14px;line-height:1.7;margin-top:18px}#feedback{min-height:24px;margin-top:18px;font-size:14px;line-height:1.7}#feedback.good{color:#25623c}#feedback.bad{color:#97502c}#feedback strong{font-size:17px}#next{margin-top:15px;min-width:220px}.controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.controls>div{display:flex;gap:8px}.controls button{border:1px solid #b1c3b8;border-bottom:3px solid #91a99a;background:#fffdf4;border-radius:8px;padding:11px 20px;font-size:14px}.controls p{font-size:10px;color:#6a7c75}footer{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;padding:20px 25px 30px;font-size:11px;gap:15px}footer span{color:#738078}dialog{max-width:610px;width:calc(100% - 30px);border:1px solid #c6cdb8;border-radius:13px;padding:30px;background:var(--cream);color:var(--ink);box-shadow:0 20px 100px #1b4e5066}dialog::backdrop{background:#143c49b0}dialog h2{font-size:29px;letter-spacing:-1px;margin:0 0 17px}dialog p{font-size:14px;line-height:1.8}.map-list{display:grid;gap:8px;margin-bottom:20px}.map-list button{background:white;border:1px solid #d4ddce;border-radius:7px;text-align:left;padding:12px 14px;font-size:14px}.map-list button.active{background:#e4efd9}.reset-btn{border:1px solid #b88d77;background:transparent;padding:10px;border-radius:6px;font-size:12px}#finish{background:var(--cream);border-radius:15px;padding:40px;max-width:900px;margin:20px auto;text-align:center}#finish h1{font-size:48px;margin:10px 0;letter-spacing:-2px}#finish p{line-height:1.8}#finish .gang{max-width:530px;margin:20px auto}.results{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0;text-align:left}.results div{border:1px solid #cdd9c5;border-radius:8px;padding:15px 10px;background:#eaf1e1;font-size:12px}.results b{display:block;font-size:15px;margin-bottom:9px}.results span{line-height:1.7;display:block;font-size:11px}.finish-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}body.paused{overflow:hidden}[hidden]{display:none!important}@media(max-width:750px){header{padding:15px 20px}header img{width:145px}header>span{display:none}main{padding:25px 15px}#setup{grid-template-columns:1fr;gap:15px;padding:10px 0}.intro{text-align:center}.intro h1{font-size:56px;margin:15px 0}.intro h1 span{display:inline}.intro p{font-size:14px;margin-bottom:0}.gang{max-width:460px;margin-top:20px}.setup-card{padding:24px;box-shadow:4px 4px 0 #dedfcf}.game-top h1{font-size:25px;margin-bottom:17px}.game-top .tag{font-size:8px}.game-tools{flex-direction:column}.game-tools button{font-size:10px;padding:7px 9px}.stage-progress li{font-size:9px}.stage-progress{gap:4px}.task-area{padding:20px 17px}#question{font-size:20px}#context{font-size:15px}.answer{font-size:15px;padding:12px 6px;min-height:55px}.answers{gap:7px}.scene-status{font-size:8px;right:7px;top:7px;gap:3px}.scene-status span{padding:5px 7px}#speech{font-size:11px;padding:7px 10px;left:10px;top:30px}.controls{display:block}.controls>div{justify-content:center}.controls p{text-align:center}.controls button{padding:12px 23px}.task-heading{font-size:10px}#finish{padding:28px 20px}#finish h1{font-size:36px}.results{grid-template-columns:1fr 1fr}.results div:last-child{grid-column:1/-1}footer{flex-direction:column;padding:20px 15px}dialog{padding:24px}.level-choices{gap:5px}.level-choices button{font-size:10px}.typing label{min-width:120px}.typing{gap:8px}.typing>.main-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.answer[aria-disabled="true"]{cursor:default}.controls button{touch-action:none;user-select:none;-webkit-user-select:none}

.task-area .context-note{font-size:12px;color:#546e73;line-height:1.6;margin:14px 0 5px}#context{transition:background-color .3s,color .3s;padding:9px 12px;border-radius:6px}#context.unmasked{background:#e0efd7;color:#224a30}@media(prefers-reduced-motion:reduce){#context{transition:none}}

.answers .answer{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:default;border-bottom-width:2px;background:#f0f1e7;user-select:none;-webkit-user-select:none}.answer:hover:not(:disabled){background:#f0f1e7;transform:none}.answers .answer.correct{background:#e1f2d8;border-color:#4c8e60}.answers .answer.wrong{background:#fff0e3;border-color:#df8969}.audio-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.audio-controls button{border:1px solid #bacbc5;background:transparent;border-radius:7px;padding:10px 12px;font-size:12px}.audio-controls button[aria-pressed=true]{background:#dcebd7;border-color:#69997a}.volume-label{font-size:9px;display:flex;flex-direction:column;gap:3px}.volume-label input{width:85px;accent-color:#075368}.music-status{max-width:1150px;margin:8px auto 0;padding:0 25px;font-size:11px;color:#546e73}.music-status:empty{display:none}@media(max-width:750px){.audio-controls{gap:6px}.audio-controls button{font-size:10px;padding:8px}.volume-label{font-size:8px}.volume-label input{width:70px}header{gap:10px;flex-wrap:wrap}header img{width:130px}}

.audio-fallback{max-width:1150px;margin:10px auto 0;padding:0 25px;font-size:12px}.audio-fallback summary{cursor:pointer}.audio-fallback audio{display:block;width:min(100%,400px);margin-top:12px}.audio-fallback p{font-size:11px;color:#546e73}

.privacy-settings{border:0;background:none;text-decoration:underline;font-size:inherit;padding:0;color:inherit}footer{flex-wrap:wrap;gap:16px}#storage-status{min-height:1em}

.fruit-choices .fruit-icon{display:inline-block;width:40px;height:44px;object-fit:contain;vertical-align:bottom}

.scene-wrap.success-signal{border-color:#4c8e60;box-shadow:0 0 0 4px #4c8e6055,0 6px 0 #d4d8c7}.success-signal #speech{background:#e1f2d8;color:#285b40}.success-signal #score{background:#e1f2d8;color:#285b40;font-weight:700}