*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#203e48}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f2a553;outline-offset:4px}[hidden]{display:none!important}.game-shell{width:100%;height:100%;min-height:720px;position:relative;overflow:hidden;background:#8bc5ce}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block;touch-action:none}.game-header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:26px 36px;pointer-events:none}.game-header>*{pointer-events:auto}.game-brand{display:flex;gap:12px;align-items:center;font-size:15px;letter-spacing:2px;font-weight:900;color:#183d49}.game-brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:650;margin-top:5px}.brand-cube{width:44px;height:47px;background:#fcf7e8;border-radius:13px;box-shadow:0 5px 0 #c8ddce;display:grid;place-items:center;font-size:26px;color:#328776;transform:rotate(-6deg)}.header-actions{display:flex;align-items:center;gap:9px}.header-actions button,.camera-tools button{height:38px;min-width:38px;border:1px solid #fff8;background:#fbfaf0df;color:#284c54;border-radius:12px;font-size:17px;box-shadow:0 3px 0 #2c667716}.header-actions #sound{font-size:16px;padding:0 12px}.header-actions span{font-size:11px;margin-left:5px}.back-course{font-size:11px;margin-left:14px;font-weight:650}.chapter-pill{position:absolute;top:107px;left:36px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.3px;color:#315866}.chapter-pill b{font-size:8px;border-left:1px solid #507b8066;padding-left:10px;font-weight:600}.chapter-pill>span{width:6px;height:6px;background:#267464;border-radius:50%}.intro-panel{position:absolute;top:18%;left:5%;width:330px;z-index:3}.eyebrow{font-size:9px;font-weight:850;letter-spacing:1.8px;color:#577878;margin:0}.intro-panel h1{font-size:clamp(50px,5vw,76px);letter-spacing:-4px;line-height:1.04;margin:17px 0 22px;font-weight:850}.intro-panel em{color:#27745e;font-style:normal}.intro-copy{font-size:15px;line-height:1.8;color:#446772}.guide-card{display:flex;align-items:center;gap:14px;margin:23px 0 28px;font-size:12px;line-height:1.7}.guide-card p{margin:0}.robot-face{width:49px;height:43px;display:flex;flex-direction:column;align-items:center;border-radius:15px;background:#f6c566;border:4px solid #fff4d8;box-shadow:0 5px 0 #34738122;position:relative;color:#ef9f61;font-size:10px;line-height:9px;padding-top:3px;transform:rotate(-7deg)}.robot-face i{display:block;width:30px;height:20px;background:#234452;color:#b7f1dc;border-radius:7px;font-size:23px;line-height:11px;font-style:normal;letter-spacing:4px;padding-left:4px}.mission-label{display:block;font-size:8px;letter-spacing:1.3px;font-weight:750;margin:10px 0}.intro-panel select{width:100%;padding:13px 12px;border:1px solid #e4f0e8;border-radius:11px;background:#fff9eced;color:#2d5156;font-size:12px;box-shadow:0 3px 8px #204c5609}.primary-button{background:#245c4d;color:#fff8e9;border:0;box-shadow:0 5px 0 #153b32;border-radius:12px;padding:15px 21px;font-size:13px;font-weight:750;display:block;text-align:center}.primary-button:hover{background:#2f725f;transform:translateY(-1px)}.intro-panel .primary-button{width:100%;margin-top:12px}.intro-foot{font-size:9px;color:#60858b;margin-top:18px;text-align:center}.quest-panel{position:absolute;top:146px;left:30px;width:270px;padding:22px;background:#fff9ebf5;border-radius:20px;box-shadow:0 8px 25px #2a626b14;z-index:3;border:1px solid #ffffffa6}.quest-top{display:flex;justify-content:space-between;align-items:center}.quest-top #score{font-size:13px;color:#9a692d;font-weight:800}.quest-panel h2{font-size:20px;line-height:1.25;letter-spacing:-.6px;margin:14px 0}.quest-panel p{font-size:12px;line-height:1.65;color:#607470;min-height:40px}.quest-dots{display:flex;gap:7px;margin:18px 0}.quest-dots i{width:23px;height:6px;background:#e2e6d7;border-radius:5px}.quest-dots i.done{background:#6da58c}.quest-dots i.current{background:#e9ae54}.quest-panel button{border:0;background:#e8eede;color:#34634e;width:100%;padding:11px 8px;border-radius:9px;font-size:11px;font-weight:750}.inventory{position:absolute;right:28px;top:146px;background:#fff9ebed;width:178px;border-radius:17px;padding:18px;z-index:2;box-shadow:0 8px 25px #2a626b12}.inventory>div{display:flex;align-items:center;gap:10px;margin-top:10px}.inventory strong{font-size:35px;color:#2e695c;line-height:1.2}.inventory span:not(.eyebrow){font-size:10px;line-height:1.6}.inventory small{color:#809486;font-size:8px}.inventory ul{list-style:none;padding:0;font-size:9px;line-height:2;color:#667e72;border-top:1px dashed #ccd8c9;padding-top:8px;margin-bottom:5px}.inventory>p{font-size:8px;color:#879d8d;margin-bottom:0}.station-nav{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);background:#fff9ebee;border:1px solid #fff;border-radius:18px;display:flex;padding:8px;gap:5px;z-index:4;box-shadow:0 6px 20px #25566122;max-width:calc(100% - 130px)}.station-nav button{border:0;border-radius:11px;background:transparent;color:#63807a;padding:11px 13px;white-space:nowrap;font-size:10px;font-weight:750}.station-nav button span{display:block;font-size:8px;color:#8aa395;margin-bottom:4px;letter-spacing:2px}.station-nav button.target{background:#255e50;color:#fff5d7}.station-nav button.target span{color:#bde0b8}.station-nav button:hover{background:#dce8d9;color:#234e46}.camera-tools{position:absolute;bottom:74px;right:27px;display:flex;flex-direction:column;gap:8px;z-index:4}.camera-tools button{font-size:24px;width:37px;height:37px}.controls-hint{position:absolute;bottom:23px;width:100%;display:flex;gap:15px;justify-content:center;font-size:8px;letter-spacing:1px;color:#366877;pointer-events:none}.controls-hint i{font-style:normal;opacity:.5}.destination-label{position:absolute;pointer-events:none;transform:translate(-50%,-100%);z-index:2;display:flex;flex-direction:column;align-items:center;font-size:10px;color:#fff9df;text-shadow:0 1px 5px #26494d55}.destination-label span{font-size:32px;font-weight:850;color:#fff4c7;line-height:1.2;filter:drop-shadow(0 2px 2px #22635b55)}.destination-label b{background:#265e50;padding:5px 10px;border-radius:8px;font-weight:650;white-space:nowrap;box-shadow:0 3px 0 #123e3944}.toast{position:absolute;bottom:163px;left:50%;transform:translateX(-50%);color:#fef8e9;background:#214e48ed;padding:12px 20px;border-radius:12px;font-size:12px;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s;max-width:70%;text-align:center}.toast.show{opacity:1}.dialog{position:absolute;bottom:153px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 40px));background:#fffaf0;border:1px solid #fff;border-radius:22px;padding:23px 28px;z-index:6;box-shadow:0 15px 65px #173c4d35;max-height:70%;overflow:auto}.dialog-stripe{height:4px;width:44px;background:#e3b76e;border-radius:5px;margin-bottom:17px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{border:0;background:transparent;color:#6b8177;font-size:24px;line-height:1}.dialog h2{font-size:25px;letter-spacing:-.8px;margin:14px 0 12px}.dialog p{font-size:12px;line-height:1.75;color:#63786e}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0}.answers button{padding:13px;border:1px solid #d4e0d0;background:#f0f2e6;border-radius:11px;text-align:left;font-size:12px;line-height:1.5;color:#375c4a}.answers button:hover{border-color:#649981;background:#e1ead9}.answers button.correct{background:#d9ead5;border-color:#6a9b70}.answers button.wrong{background:#f6e6d9;border-color:#d9ac81}.dialog #answer-feedback{margin:10px 0;color:#387660}.dialog pre{font-size:11px;line-height:1.6;color:#d0ead7;background:#244a41;padding:14px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.dialog .primary-button{margin-left:auto;font-size:11px;padding:11px 18px}.modal{position:absolute;inset:0;background:#143c4a77;backdrop-filter:blur(8px);z-index:10;display:grid;place-items:center;padding:20px}.modal>section{position:relative;background:#fff9eb;border-radius:26px;padding:38px;max-width:480px;width:100%;box-shadow:0 25px 100px #13313f44;max-height:90%;overflow:auto}.modal-close{position:absolute;top:14px;right:17px;border:0;background:transparent;font-size:25px;color:#758c80}.modal h2{font-size:32px;letter-spacing:-1px;line-height:1.1}.modal p,.modal li{font-size:13px;line-height:1.8;color:#657d70}.modal .primary-button{width:100%;margin:15px 0}.mission-medal{font-size:55px;display:block;text-align:center;color:#c7963d}.result-stat{display:flex;justify-content:space-between;padding:14px;background:#e7eddd;border-radius:12px;font-size:12px;margin:18px 0}.loading{position:absolute;inset:0;background:#a9d2d3;z-index:11;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#416c70;font-size:12px;letter-spacing:1px}.loading-orbit{height:35px;width:35px;border:3px solid #84b7b5;border-top-color:#326f65;border-radius:50%;animation:orbit 1s linear infinite}.fallback{position:absolute;inset:20%;background:#fff8e9;border-radius:25px;padding:40px;z-index:12;line-height:1.8}.fallback h2{font-size:28px}.fallback p{font-size:14px}.fallback .primary-button{margin-top:22px}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1600px){.intro-panel{left:8%;top:21%}}@media(max-width:1000px){.intro-panel{left:30px;width:275px}.intro-panel h1{font-size:56px}.intro-copy{font-size:13px}.quest-panel{width:230px;padding:17px}.inventory{width:155px}.station-nav button{padding:10px;font-size:9px}}@media(max-width:700px){.game-shell{min-height:800px}.game-header{padding:18px}.game-brand{font-size:11px;gap:8px}.brand-cube{width:35px;height:39px;font-size:21px}.game-brand small{font-size:6px}.back-course,.header-actions span{display:none}.header-actions{gap:5px}.header-actions button{min-width:32px;height:32px;font-size:14px;border-radius:9px}.header-actions #sound{padding:0;width:32px}.chapter-pill{left:20px;top:82px;font-size:8px}.chapter-pill b{font-size:7px}.intro-panel{top:auto;bottom:52px;left:20px;right:20px;width:auto;padding:20px 23px;background:#fff8e9f2;border:1px solid #fff;border-radius:24px;box-shadow:0 10px 30px #20596019}.intro-panel .eyebrow{font-size:8px}.intro-panel h1{font-size:37px;letter-spacing:-1.8px;margin:9px 0}.intro-panel h1 br{display:none}.intro-copy{font-size:11px;margin:9px 0;line-height:1.6}.intro-copy br{display:none}.guide-card{display:none}.mission-label{font-size:7px;margin-top:15px}.intro-panel select{font-size:11px;padding:10px}.intro-panel .primary-button{padding:12px}.intro-foot{font-size:8px;margin:12px 0 0}.controls-hint{bottom:16px;font-size:6px;gap:8px}.quest-panel{left:16px;top:110px;width:calc(100% - 32px);padding:14px 17px;border-radius:16px}.quest-panel h2{font-size:17px;margin:7px 0}.quest-panel p{font-size:11px;margin:5px 0;min-height:0;padding-right:0}.quest-dots{margin:10px 0}.quest-panel button{font-size:10px;padding:9px}.inventory{right:16px;top:315px;width:100px;padding:10px;border-radius:12px;pointer-events:none}.inventory .eyebrow{font-size:6px;letter-spacing:.5px}.inventory strong{font-size:25px}.inventory ul,.inventory>p{display:none}.inventory>div{gap:6px;margin-top:3px}.inventory span:not(.eyebrow){font-size:8px}.inventory small{font-size:6px}.station-nav{bottom:43px;max-width:calc(100% - 24px);width:calc(100% - 24px);overflow:auto;padding:5px;justify-content:space-around;gap:2px}.station-nav button{font-size:8px;padding:9px 7px}.station-nav button span{font-size:7px}.camera-tools{bottom:145px;right:17px;gap:6px}.camera-tools button{width:31px;height:31px;min-width:31px;font-size:20px}.dialog{bottom:122px;padding:19px 20px;max-height:65%;border-radius:19px}.dialog h2{font-size:22px}.dialog p{font-size:11px}.answers{gap:7px}.answers button{font-size:11px;padding:10px}.toast{bottom:124px;width:80%;max-width:80%;font-size:11px}.modal>section{padding:28px}.modal h2{font-size:28px}.fallback{inset:15px;padding:30px}.game-shell.is-intro .camera-tools{bottom:auto;top:125px}.game-shell.is-intro .destination-label{display:none}.game-shell.is-intro .controls-hint{color:#356470}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:1001px){.intro-panel{width:345px}.intro-panel h1{font-size:64px;letter-spacing:-3.5px}}
