@import url('./vendor/fonts/fonts.css');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#fff9e9;background:#152c34;font-synthesis:none;--ink:#102c36;--gold:#ffcf57;--teal:#176b6b;--cream:#fff9e9;--red:#a83a37}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #34d9e6;outline-offset:4px}button:disabled{cursor:default;opacity:.55}button{touch-action:manipulation}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#game{width:100%;height:100%;display:block;touch-action:none;outline:none}#loading{position:absolute;inset:0;background:#152c34;display:flex;justify-content:center;align-items:center;gap:18px}.spinner{width:30px;height:30px;border:3px solid #fff2;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen{position:absolute;inset:0}.start-screen{background:linear-gradient(90deg,rgba(10,30,37,.94),rgba(10,30,37,.69) 34%,rgba(10,30,37,.08) 67%);display:flex;align-items:center;padding:5vw;overflow:auto}.start-copy{max-width:630px;z-index:1}.school-link{display:inline-flex;gap:10px;align-items:center;font-size:.87rem;font-weight:700;letter-spacing:.16em;color:var(--cream);text-decoration:none;margin-bottom:clamp(24px,5vh,70px)}.school-link span{font-size:.7rem;border-left:1px solid #ffffff65;padding-left:10px;font-weight:500;color:#c8e1df}.eyebrow{font-size:.79rem;letter-spacing:.13em;font-weight:700;margin:0 0 15px;color:var(--gold)}.eyebrow span{padding:0 10px}.start-copy h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(4.3rem,8.8vw,9.4rem);line-height:.85;letter-spacing:-.02em;margin:0}.mascot-name{display:block;color:var(--gold);font-family:'DM Sans',sans-serif;font-size:clamp(1.9rem,3vw,3rem);font-weight:500;letter-spacing:-.05em;line-height:1.4;margin-bottom:12px}.title-dot{color:var(--gold)}.intro{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;margin:27px 0;color:#e1e8dd}.primary,.secondary{min-height:50px;border-radius:8px;padding:14px 22px;font-weight:700;display:inline-flex;gap:28px;align-items:center;justify-content:center}.primary{background:var(--gold);color:var(--ink);box-shadow:0 4px 0 #d6a039}.primary:hover{background:#ffdb7d}.secondary{background:#ffffff12;color:inherit;border:1px solid #ffffff45;box-shadow:none}.secondary:hover{background:#ffffff25}.start-actions{display:flex;gap:12px;flex-wrap:wrap}.start-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:25px;font-size:.7rem;letter-spacing:.08em;color:#c6d9d7}.text-button{padding:8px 0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:.88rem}.postcard{position:absolute;right:4vw;bottom:11vh;transform:rotate(-4deg);padding:23px 28px;background:#fff5dc;color:var(--ink);max-width:325px;box-shadow:0 12px 50px #0005;border:1px solid #c2b896}.postcard>span{font-size:.65rem;letter-spacing:.15em;color:#596b65}.postcard strong{display:block;margin:9px 0;font-size:1.2rem}.postcard p{font-size:.94rem;line-height:1.6}.postcard .postmark{display:inline-block;border:1px dashed var(--teal);padding:7px;color:var(--teal);font-size:.6rem}.start-footer{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:.73rem;color:#e4ebdc}.hud-top{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.mission-card{width:330px;padding:18px 21px;background:linear-gradient(115deg,#102c36ee,#17333cdc);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 28px #0002;pointer-events:auto}.mission-card .eyebrow{font-size:.69rem;margin-bottom:6px}.mission-card h2{font-size:1.25rem;margin:0 0 6px;letter-spacing:-.03em}.mission-card p{margin:0;font-size:.86rem;line-height:1.5;color:#d6e6dc}.mission-progress{display:flex;gap:5px;margin-top:13px}.mission-progress span{height:4px;flex:1;background:#ffffff28;border-radius:9px}.mission-progress span.done{background:var(--gold)}.mission-progress span.current{background:#fff}.top-actions{display:flex;gap:9px;pointer-events:auto}.icon-button{background:#102c36dc;color:white;border:1px solid #fff3;border-radius:9px;min-height:46px;padding:10px 16px;font-weight:600}.icon-button kbd{margin-left:8px}kbd{font:600 .76rem 'DM Sans',sans-serif;border:1px solid #ffffff5c;padding:3px 7px;border-radius:4px;color:inherit}.status-card{position:absolute;bottom:60px;left:25px;width:240px;padding:14px 17px;background:#102c36d9;border-radius:10px;border:1px solid #ffffff20}.status-line{display:flex;justify-content:space-between;font-size:.78rem;gap:8px;align-items:center}.status-line strong{color:var(--gold)}.meter{height:7px;border-radius:8px;overflow:hidden;background:#ffffff24;margin:8px 0}.meter span{display:block;width:100%;height:100%;transition:width .22s}.health-meter span{background:var(--gold)}.stamina-meter{height:4px;margin-bottom:0}.stamina-meter span{background:#68d9d3}.stamina-label{margin-top:12px;font-size:.69rem;color:#cde4df}#pursuit{color:#fff9e9}.minimap-wrap{position:absolute;right:24px;bottom:55px;width:160px;height:184px;background:#102c36e6;border:1px solid #fff3;border-radius:12px;overflow:hidden}.minimap-wrap canvas{width:160px;height:160px;display:block}.minimap-wrap>div{text-align:center;font-size:.64rem;letter-spacing:.14em;padding-top:1px;color:#d5e7db}#objective-marker{position:absolute;left:50%;top:31%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;filter:drop-shadow(0 3px 4px #0009);color:var(--gold);font-size:28px}#objective-marker b{font-size:12px;padding:3px 6px;background:#102c36de;border-radius:5px;white-space:nowrap}#interact-wrap{position:absolute;left:50%;bottom:115px;transform:translateX(-50%)}.interact-button{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--cream);color:var(--ink);border-radius:9px;font-weight:700;box-shadow:0 6px 22px #0003;white-space:nowrap}.interact-button kbd{border-color:#102c3655}#toast{position:absolute;left:50%;bottom:190px;transform:translateX(-50%);max-width:min(520px,85vw);background:#102c36f2;border:1px solid #ffcf5780;color:var(--cream);padding:15px 23px;border-radius:10px;font-size:.93rem;text-align:center;box-shadow:0 8px 30px #0003;pointer-events:none}#keyboard-help{position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 5px #000}#keyboard-help span{color:#e3e2d1;font-weight:400;margin:0 8px 0 4px}#touch-controls{display:none}#damage-flash{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px #f06545;opacity:0;transition:opacity .2s}.overlay{position:absolute;inset:0;z-index:10;background:#0b2029a8;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));overflow:auto}.dialogue-panel,.settings-panel,.map-panel{background:var(--cream);color:var(--ink);border-radius:18px;box-shadow:0 28px 100px #0006;width:min(660px,100%);padding:28px;max-height:100%;overflow:auto}.dialogue-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialogue-top .eyebrow{color:var(--teal);margin:0;font-size:.72rem}.close-button{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#102c360a;color:var(--ink);font-size:26px;line-height:1}.speaker-row{display:flex;gap:12px;align-items:center;margin:12px 0 22px}.speaker-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--teal);border-radius:50%;color:var(--cream);font-size:1.1rem;font-weight:700}.speaker-name{font-weight:700;margin:0 0 3px}.speaker-role{font-size:.78rem;margin:0;color:#526563}.safe-badge{margin-left:auto;font-size:.6rem;letter-spacing:.1em;font-weight:700;color:#426c55;background:#e1ecd8;border:1px solid #426c5525;border-radius:5px;padding:7px}.dialogue-panel h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:2.2rem;margin:0 0 9px;line-height:1.08}.dialogue-panel>p{font-size:.94rem;line-height:1.5;color:#425c59}.question-progress{display:flex;gap:5px;margin:20px 0}.question-progress span{height:4px;background:#102c3620;border-radius:3px;flex:1}.question-progress span.done{background:var(--teal)}.question-progress span.current{background:#dba433}.question-label{font-size:.7rem;letter-spacing:.08em;color:#53706a;font-weight:700;text-transform:uppercase}.spanish-line{font-family:'Barlow Condensed',Impact,sans-serif;font-size:2rem;line-height:1.2;font-weight:600;margin:13px 0 9px}.question-prompt{font-size:1rem;line-height:1.5;margin:0 0 18px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{background:#fff;color:var(--ink);min-height:57px;text-align:left;border:1.5px solid #c6d2c9;border-radius:8px;padding:13px 17px;font-size:.98rem;display:flex;align-items:center;gap:10px}.answer:hover:not(:disabled){border-color:var(--teal);background:#eef5ed}.answer b{font-size:.7rem;color:#68827a}.answer.correct{background:#ddecda;border-color:#418558;color:#173d28;opacity:1}.answer.incorrect{background:#fce4d9;border-color:#b55941;color:#8a3928;opacity:1}.answer:disabled:not(.correct):not(.incorrect){opacity:.65}.dialogue-tools{display:flex;gap:18px;margin-top:18px;align-items:center}.dialogue-panel .secondary,.settings-panel .secondary,.ending-copy .secondary{border-color:#385b5755;background:#fff9;color:var(--ink)}.small{min-height:39px;font-size:.85rem;padding:9px 13px;gap:8px;box-shadow:none}.dialogue-tools .text-button{color:var(--teal)}#hint-text{padding:12px 14px;background:#ffedbc;border-radius:7px;color:#60501e;font-size:.9rem}#answer-feedback{padding:13px 15px;border-radius:8px;line-height:1.5;margin-top:15px;font-size:.91rem;background:#e0ebda;color:#234531}#answer-feedback.incorrect{background:#fae1d5;color:#793c29}.dialogue-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;min-height:50px}.dialogue-footer>span{font-size:.77rem;color:#526b64}.input-answer{display:flex;gap:10px}.input-answer input{min-width:0;width:100%;padding:14px;border:1.5px solid #a2b8af;border-radius:8px;background:#fff;color:var(--ink);font-size:1.1rem}.accent-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0}.accent-buttons button{border:1px solid #becbc2;padding:7px 11px;background:white;border-radius:6px;color:var(--ink)}.word-bank,.sentence-tray{display:flex;gap:8px;flex-wrap:wrap;min-height:50px;margin-bottom:12px}.sentence-tray{padding:10px;background:#e9eee3;border-radius:8px;border:1px dashed #8da59a;align-items:center}.word-bank button,.sentence-tray button{padding:10px 13px;background:#fff;border:1px solid #b9cbc0;border-radius:7px;color:var(--ink);font-size:1rem}.sentence-placeholder{font-size:.9rem;color:#6a7d71}.settings-panel h2,.map-panel h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:2.2rem;margin:0}.settings-panel>p,.map-panel>p{font-size:.91rem;color:#53645c;line-height:1.6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.settings-grid label{font-size:.82rem;font-weight:700;display:block}.settings-grid select{display:block;width:100%;margin-top:7px;min-height:45px;border:1px solid #a8b9b0;background:#fff;border-radius:7px;padding:9px;color:var(--ink);font-size:.87rem}.wide{grid-column:1/-1}.controls-explainer{padding:18px;background:#e9eddf;border-radius:9px}.controls-explainer strong{font-size:.8rem}.controls-explainer p{font-size:.85rem;margin:5px 0 13px;line-height:1.55}.controls-explainer p:last-child{margin-bottom:0}.settings-panel .storage-note{font-size:.78rem}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.settings-actions .text-button{color:#91432f}.map-panel{width:min(750px,100%)}#large-map{width:100%;max-height:52vh;object-fit:contain;margin:15px 0;border-radius:12px;background:#dbe1cb}#map-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:9px}.legend-item b{width:24px;height:24px;background:#d6dece;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.73rem}.legend-item.current b{background:var(--gold)}.legend-item.done b{background:var(--teal);color:white}.ending-screen{z-index:8;display:flex;justify-content:flex-start;align-items:center;padding:5vw;background:linear-gradient(90deg,#102c36f5,#102c36ca 50%,#102c3610);overflow:auto}.ending-copy{max-width:620px}.ending-copy h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:15px 0}.ending-copy>p{line-height:1.6}.report-stats{display:flex;gap:10px;margin:25px 0}.report-stats>div{background:#fff1;border:1px solid #fff2;border-radius:10px;padding:15px;flex:1}.report-stats strong{display:block;font-size:1.5rem;color:var(--gold)}.report-stats span{display:block;font-size:.72rem;margin-top:5px}.report-topics{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.report-topics span{background:#fff1;border-radius:5px;padding:6px 9px;font-size:.74rem}.review-words{font-size:.9rem;line-height:1.7;color:#e0ece5}.ending-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.ending-copy .secondary{background:#ffffff15;border-color:#ffffff66;color:white}.flight-caption{position:absolute;bottom:15vh;left:0;right:0;text-align:center;color:white;font-size:1.1rem;text-shadow:0 2px 8px #000}.letter{background:#f5eddb;padding:20px;border-left:4px solid #dfad42;font-size:1.05rem;line-height:1.7;border-radius:6px}.reward-card{padding:22px;background:#e1ecd9;border-radius:12px;text-align:center;margin:20px 0}.reward-card span{font-size:2rem}.reward-card strong{display:block;margin-top:9px;font-size:1.25rem}.flight-board{background:#153642;color:#fffbe5;padding:15px;border-radius:9px;margin:15px 0;font-variant-numeric:tabular-nums}.flight-board h3{color:var(--gold);font-size:.75rem;letter-spacing:.16em;margin:0 0 10px}.flight-row{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px;border-top:1px solid #ffffff22;padding:8px 0;font-size:.88rem}.flight-row.selected{color:var(--gold)}
body.touch-mode #touch-controls{display:block}body.touch-mode #keyboard-help{display:none}body.touch-mode .icon-button kbd,body.touch-mode .interact-button kbd{display:none}body.touch-mode #joystick{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));width:132px;height:132px;border:2px solid #ffffff65;border-radius:50%;background:#102c363b;touch-action:none}body.touch-mode #joystick-knob{position:absolute;width:58px;height:58px;left:35px;top:35px;border:1px solid #ffffff87;background:#fff9;border-radius:50%;pointer-events:none}body.touch-mode .touch-actions{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:grid;grid-template-columns:64px 64px;gap:12px}body.touch-mode .touch-actions button{width:64px;height:56px;border-radius:15px;background:#102c36b8;color:white;border:1px solid #ffffff70;font-size:.85rem;touch-action:none}body.touch-mode .touch-actions button:last-child{grid-column:2}body.touch-mode .status-card{bottom:188px;width:190px;left:24px}body.touch-mode .minimap-wrap{bottom:187px;right:26px;width:122px;height:145px}body.touch-mode .minimap-wrap canvas{width:122px;height:122px}body.touch-mode #interact-wrap{bottom:62px}body.touch-mode .start-meta{font-size:.65rem}body.touch-mode #toast{bottom:245px;max-width:50vw}
@media(max-width:900px){.postcard{right:3vw;max-width:265px;padding:18px;bottom:10vh}.start-copy{max-width:58vw}.start-copy h1{font-size:clamp(4rem,9vw,6rem)}.school-link{margin-bottom:24px}.start-meta{gap:10px}.mission-card{width:285px}.intro{font-size:1rem}.start-footer{font-size:.68rem}.dialogue-panel{max-width:600px}.settings-panel{max-width:650px}}
@media(max-height:650px){.start-screen{padding:3vw 5vw}.school-link{margin-bottom:15px}.mascot-name{font-size:1.9rem;margin-bottom:5px}.start-copy h1{font-size:4.8rem}.intro{margin:18px 0;font-size:.95rem}.start-meta{margin-top:15px}.postcard{bottom:14vh}.start-footer{bottom:15px}.mission-card{padding:12px 16px}.mission-card h2{font-size:1.1rem}.mission-card p{font-size:.78rem}.hud-top{top:15px}.status-card{padding:11px 13px}.dialogue-panel,.settings-panel{padding:20px 25px}.speaker-row{margin:5px 0 12px}.dialogue-panel h2{font-size:1.8rem}.spanish-line{font-size:1.7rem}.question-progress{margin:13px 0}.answer{min-height:47px;padding:11px}.dialogue-tools,.dialogue-footer{margin-top:12px}.minimap-wrap{bottom:140px}.status-card{bottom:160px}#toast{bottom:170px}.ending-copy h1{font-size:3.5rem}.ending-copy{max-width:650px}.report-stats{margin:12px 0}.report-stats>div{padding:10px}}
@media(max-width:600px){.start-screen{background:linear-gradient(90deg,#102c36e8,#102c3690);padding:25px}.start-copy{max-width:100%;align-self:flex-end;margin-bottom:65px}.start-copy h1{font-size:4.8rem}.school-link{position:absolute;top:28px;left:25px}.postcard{display:none}.start-footer{left:25px;right:25px;font-size:.6rem}.start-meta{gap:15px}.hud-top{left:12px;right:12px;top:12px;gap:9px}.mission-card{width:calc(100vw - 130px);padding:12px}.mission-card h2{font-size:1rem}.mission-card p{font-size:.75rem}.mission-card .eyebrow{font-size:.58rem}.icon-button{padding:8px 12px;min-height:40px;font-size:.75rem}.top-actions{gap:6px}.top-actions .icon-button:last-child{font-size:1rem}.overlay{padding:10px}.dialogue-panel,.settings-panel,.map-panel{padding:18px;border-radius:13px}.answers{grid-template-columns:1fr}.answer{min-height:49px}.speaker-row{gap:9px}.safe-badge{font-size:.52rem;padding:5px}.dialogue-panel h2{font-size:1.8rem}.spanish-line{font-size:1.7rem}.settings-grid{grid-template-columns:1fr;gap:14px}.wide{grid-column:auto}.status-card{width:165px;left:15px;bottom:174px}.minimap-wrap{right:15px;bottom:178px;width:108px;height:132px}.minimap-wrap canvas{width:108px;height:108px}#joystick{left:20px;width:120px;height:120px}#joystick-knob{left:29px;top:29px}.touch-actions{right:18px;grid-template-columns:57px 57px;gap:9px}.touch-actions button{width:57px}.interact-button{padding:13px 17px;white-space:normal;font-size:.88rem;max-width:160px;text-align:center}#interact-wrap{bottom:42px;left:50%}#toast{bottom:320px;max-width:85vw;font-size:.84rem}#map-legend{grid-template-columns:1fr}.ending-screen{padding:25px;background:#102c36e8}.ending-copy{margin:auto 0}.ending-copy h1{font-size:4rem}.report-stats{gap:7px}.report-stats>div{padding:10px}.report-stats strong{font-size:1.2rem}.report-stats span{font-size:.65rem}.ending-actions{gap:10px}.input-answer{flex-wrap:wrap}.input-answer .primary{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:600px){.start-copy h1{font-size:clamp(3.6rem,13vw,4.8rem)}.start-meta{letter-spacing:0}.start-footer{font-size:.65rem}}