@font-face{font-family:Display;src:url('assets/BigShoulders-Bold.ttf')}@font-face{font-family:Body;src:url('assets/InstrumentSans-Regular.ttf')}@font-face{font-family:Body;src:url('assets/InstrumentSans-Bold.ttf');font-weight:700}@font-face{font-family:Mono;src:url('assets/DMMono-Regular.ttf')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071b1c;color:#f3f1dd;font-family:Body,sans-serif;overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid #ffe147;outline-offset:5px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden}#stage,#stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 30%,#07171918 67%,#07171985 100%);z-index:2}#loading{position:absolute;inset:0;background:#071b1c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50}#loading h1{font:56px Display;margin:18px 0}#loading p{font-size:13px;color:#aabcb5}#loading i{width:180px;height:2px;background:linear-gradient(90deg,#ffe044 0 45%,#fff2 45%);animation:loading 1.4s infinite}@keyframes loading{50%{opacity:.35;transform:scaleX(.75)}}.eyebrow{font:11px Mono;letter-spacing:.14em;color:#f7d956}header{position:absolute;inset:0;z-index:5;pointer-events:none;text-shadow:0 2px 8px #041616b0}.mission-title{position:absolute;left:34px;top:24px;font:10px Mono;letter-spacing:.12em;color:#ebebdc}.signal{display:inline-block;width:5px;height:5px;background:#f5cc4e;border-radius:50%;margin:0 6px 2px 0}.slash{color:#8d9e94;margin:0 8px}.stats{position:absolute;left:34px;top:58px;display:flex;gap:34px}.stats label{display:block;font:10px Mono;letter-spacing:.09em;color:#d3dfd5}.stats strong{font:43px Display;line-height:1.15;font-weight:700}.stats strong span{font-size:21px;color:#dce3d5}.stats i{display:block;width:80px;height:3px;background:#06171970;border-radius:1px;margin-top:1px;overflow:hidden}.stats i b{height:100%;background:#eee6a7;display:block;width:100%;transition:width .25s linear}.fuel-stat.warning strong{color:#ffc35c}.fuel-stat.warning i b{background:#ffad55}.top-actions{position:absolute;right:30px;top:20px;display:flex;gap:10px;pointer-events:auto}.top-actions button{border:1px solid #d4e1d033;border-radius:50%;width:32px;height:32px;background:#081d1d55;color:#e6ead9;font-size:13px;backdrop-filter:blur(4px)}.finder{position:absolute;right:27px;top:66px;width:170px}.finder canvas{display:block;width:170px;height:96px;background:#07171926;border-radius:6px}.wind{display:flex;gap:10px;align-items:center;margin:9px 2px;font:9px Mono;color:#c8d4c7;letter-spacing:.04em}.wind b{font-weight:400;color:#e2d88c}.wind span{margin-left:auto;opacity:.65}#toast{position:absolute;top:20%;left:50%;transform:translate(-50%,-8px);z-index:12;background:linear-gradient(90deg,transparent,#082322e8 16% 84%,transparent);border-top:1px solid #e5dd9e40;padding:13px 42px;min-width:300px;text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;font-size:14px;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.alert{color:#ffbf65;font-weight:700}#objective{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:8px;font-size:11px;color:#d2dacf;white-space:nowrap;text-shadow:0 2px 6px #001a16}.objective-dot{width:4px;height:4px;border-radius:50%;background:#f6d751}.panel{position:absolute;inset:0;z-index:20;display:flex;align-items:center}.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061b1cf0 0%,#071a1bbb 29%,#071a1b15 70%),linear-gradient(0deg,#071a1b9c,transparent 24%);pointer-events:none}.intro-copy{position:relative;margin-left:7%;max-width:540px}.intro-copy h1{font:clamp(50px,6.5vw,104px)/.97 Display;letter-spacing:-.02em;margin:28px 0 23px}.intro-copy h1 em{color:#f8db56;font-style:normal}.intro-copy p,.result-copy p{font-size:17px;line-height:1.5;color:#c9d2c6;margin:0 0 24px}.brief-pills{display:flex;gap:17px;font:9px Mono;color:#b9c7bd;margin-bottom:29px}.brief-pills span+span:before{content:'·';color:#f4ce44;margin-right:17px}.primary{border:0;background:#f7da51;color:#152420;padding:17px 23px;min-width:238px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;font-weight:700;letter-spacing:.06em;box-shadow:0 4px 35px #06191940;transition:background .2s,transform .2s}.primary:hover{background:#ffe873;transform:translateY(-2px)}.primary span{font-size:24px;line-height:18px}.keys,.touch-hint{display:block;color:#a6b7ad;font-size:10px;margin-top:20px}.keys i{color:#dcc455;font-style:normal;margin:0 8px}.touch-hint{display:none;max-width:300px;line-height:1.5}.intro-brand{position:absolute;right:36px;bottom:30px;color:#ecd758;font:12px Display;letter-spacing:.09em;line-height:1.15}.intro-brand b{font-weight:normal;color:#e2e6d6}#controls{z-index:6;position:absolute;inset:0;pointer-events:none}.action-wrap{position:absolute;right:43px;bottom:37px;pointer-events:auto;text-align:center}#actionHint{display:block;color:#d2d9c9;font:9px Mono;letter-spacing:.1em;margin-bottom:9px}#action{width:102px;height:102px;border:1px solid #f0d659a3;border-radius:50%;background:radial-gradient(ellipse at 45% 30%,#163a32ce,#082320bd);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 25px #d5bf5530,0 6px 35px #04171550;color:#f4e7ab;transition:background .15s,transform .15s}#action:hover{background:#254d3cd9}#action:active{transform:scale(.95)}#action strong{font:10px Mono;letter-spacing:.02em;margin-top:6px}#action svg{width:32px;height:32px}#action.release{background:#c9d995e3;border-color:#eaffb1;color:#1b352c;box-shadow:0 0 35px #b7e79135}#action.empty{border-color:#b8cbc25c;box-shadow:none;color:#c2d1c4}.desktop-hint{position:absolute;bottom:42px;left:35px;text-align:center;opacity:.75;display:flex;flex-direction:column;align-items:center;gap:3px}.desktop-hint kbd{font:10px Mono;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#0c29265c;border:1px solid #c4d8c13d;border-radius:3px;margin:0 1px}.desktop-hint>span{font:8px Mono;letter-spacing:.08em;margin-top:8px}.desktop-hint i{display:block;font:7px Mono;font-style:normal;margin-top:5px;opacity:.7}#skill{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);width:340px;border:1px solid #9db6a148;border-radius:15px;padding:16px 20px 12px;background:#082322ed;box-shadow:0 7px 25px #00140c60;text-align:center;backdrop-filter:blur(10px)}#skill>span{font:20px Display;letter-spacing:.04em;color:#f2edcb}#skill p{font-size:10px;color:#bacabe;margin:5px 0 14px}.gauge{position:relative;height:9px;border-radius:5px;background:#77877a3b;overflow:visible;margin:0 0 10px}.gauge .green{position:absolute;left:44%;width:12%;top:0;height:100%;background:#b2d7a8}.gauge b{position:absolute;top:-5px;left:8%;height:19px;width:2px;background:#fffae0;border-radius:1px;box-shadow:0 0 5px #fff8}.gauge b:before{content:'';position:absolute;left:-3px;top:-2px;width:8px;height:4px;background:#fffae0;clip-path:polygon(0 0,100% 0,50% 100%)}#skillFooter{font:8px Mono;letter-spacing:.08em;color:#a6b9ac}.modal{position:absolute;inset:0;z-index:30;background:#071b1cd9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;flex-direction:column}.modal h2{font:64px Display;margin:23px}.text-button{border:0;background:none;font-size:12px;color:#b9c9bc;margin-top:22px}.result-copy{position:relative;margin-left:9%;max-width:700px}.result-copy h1{font:clamp(65px,7vw,110px)/.98 Display;margin:28px 0 20px}.result-stats{display:flex;gap:50px;margin:30px 0 37px}.result-stats strong{font:50px Display;display:block;color:#efefd7}.result-stats label{font:10px Mono;letter-spacing:.08em;color:#bfccc1}.joystick{display:none;position:absolute;left:35px;bottom:37px;width:112px;height:112px;border:1px solid #d8e8d13b;border-radius:50%;background:#102a1d24;pointer-events:auto;touch-action:none}.joystick:after{content:'';position:absolute;inset:19px;border:1px solid #e1e4d314;border-radius:50%;pointer-events:none}#stick{position:absolute;width:45px;height:45px;left:33px;top:33px;background:#d7e2c32b;border:1px solid #e1e5cd5c;border-radius:50%;pointer-events:none}.joystick>span{position:absolute;bottom:-19px;left:0;right:0;text-align:center;font:8px Mono;color:#d2dcc8;letter-spacing:.08em}#portrait{display:none;position:absolute;inset:0;z-index:100;background:#071b1cf2;align-items:center;justify-content:center;flex-direction:column;text-align:center}#portrait h2{font:46px Display;margin:24px}#portrait p{color:#acbfb4;font-size:14px;line-height:1.6}.rotate-icon{font-size:58px;color:#f2d550}@media(pointer:coarse),(max-width:1000px){.joystick{display:block}.desktop-hint,.keys{display:none}.touch-hint{display:block}#actionHint{visibility:hidden}}@media(max-height:540px){.mission-title{left:22px;top:17px;font-size:8px}.stats{left:22px;top:42px;gap:25px}.stats label{font-size:8px}.stats strong{font-size:32px}.stats strong span{font-size:17px}.stats i{width:64px}.top-actions{right:20px;top:15px}.top-actions button{width:28px;height:28px}.finder{top:54px;right:16px;width:126px}.finder canvas{width:126px;height:71px}.wind{font-size:7px;gap:7px;margin-top:6px}.action-wrap{right:28px;bottom:27px}#action{width:84px;height:84px}#action strong{font-size:9px}#action svg{width:27px;height:27px}.joystick{width:92px;height:92px;left:28px;bottom:26px}#stick{width:38px;height:38px;left:26px;top:26px}#objective{bottom:14px;font-size:9px}#skill{bottom:42px;width:300px;padding:12px 17px 9px}#skill>span{font-size:17px}#skill p{font-size:9px;margin-bottom:11px}#skillFooter{font-size:7px}.intro-copy h1{font-size:clamp(46px,6.3vw,68px);margin:18px 0}.intro-copy p{font-size:13px;margin-bottom:17px}.brief-pills{font-size:8px;margin-bottom:18px}.primary{padding:13px 18px;min-width:205px;font-size:11px}.keys,.touch-hint{font-size:9px;margin-top:15px}.intro-brand{font-size:10px;bottom:20px;right:25px}.result-copy h1{font-size:65px;margin:15px 0}.result-copy p{font-size:13px;margin-bottom:10px}.result-stats{margin:18px 0 23px;gap:35px}.result-stats strong{font-size:37px}.result-stats label{font-size:8px}#toast{top:21%;font-size:11px;padding:10px 22px}.eyebrow{font-size:9px}}@media (orientation:portrait) and (max-width:800px){#portrait{display:flex}}@media(prefers-reduced-motion:reduce){button,.primary,#toast{transition:none}}

.gauge .green{z-index:1;background:#b4d9a7;box-shadow:0 0 8px #b4d9a73a}.gauge b{z-index:2}

.intro-brand img{width:66px;height:auto;display:block}.game-wordmark{position:absolute;right:32px;top:26px;width:210px;height:auto;opacity:.93}@media(max-height:540px){.intro-brand img{width:44px}.game-wordmark{width:150px;right:20px;top:17px}}

#portrait .primary{margin-top:22px}#portrait p{max-width:280px}

@media(max-height:540px){#skill{bottom:32px}}
