html,body{margin:0;height:100%;background:#000;overflow:hidden;touch-action:none}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;cursor:pointer;user-select:none;-webkit-user-select:none}#c{display:block;position:fixed;inset:0;width:100%;height:100%}footer{position:fixed;left:0;right:0;top:max(2.5vh,env(safe-area-inset-top));text-align:center;pointer-events:none;opacity:0!important;transition:opacity .6s;font:500 clamp(10px,1.2vw,13px)/1 system-ui,sans-serif;letter-spacing:.35em;text-transform:uppercase;color:#c040d0}#hint{position:fixed;left:0;right:0;bottom:max(8vh,calc(2.5vh + 50px));text-align:center;pointer-events:none;font-size:clamp(13px,1.6vw,17px);letter-spacing:.15em;color:#fff;text-shadow:-2px 0 #e8301f,2px 0 #1818e8;opacity:0;transition:opacity .6s}body.intro footer{opacity:.7!important}#hint.on{opacity:1;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}#hud{position:fixed;left:max(3vw,env(safe-area-inset-left));top:max(3vh,env(safe-area-inset-top));pointer-events:none;padding:14px 18px;border-left:3px solid #e8301f;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:translateY(-8px);transition:opacity .8s,transform .8s}#hud.on{opacity:1;transform:none}#hud .k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#c9a0ff}#hud .n{font-size:clamp(22px,3vw,34px);font-weight:800;margin:2px 0 8px;text-shadow:-2px 0 rgba(232,48,31,.8),2px 0 rgba(24,24,232,.8)}#hud .c{font-size:12px;font-weight:700;letter-spacing:.08em;margin:-4px 0 8px}#hud .c:empty{display:none}#hud .c b{margin-left:8px;padding:1px 7px;border-radius:999px;background:#ffd84a;color:#000;font-size:10px;letter-spacing:.15em;text-transform:uppercase}#hud .d{font-size:13px;line-height:1.7;color:#ddd}#hud .f{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);max-width:400px}#hud .fk{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#ffb199}#hud .ft{font-size:13px;line-height:1.5;margin:4px 0 6px;color:#fff}#hud .fs{font-size:11px;color:#c9a0ff;text-decoration:underline;text-underline-offset:2px}#hud.on .fs{pointer-events:auto;cursor:pointer}#hud .fs:before{content:attr(data-pre)}#acts{position:fixed;left:50%;bottom:max(14vh,calc(2.5vh + 88px));transform:translate(-50%);width:min(640px,94vw);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;pointer-events:none}#play,#leave{transform:scale(.9);opacity:0;pointer-events:none;font:800 clamp(15px,1.8vw,19px)/1 system-ui,sans-serif;letter-spacing:.08em;color:#fff;cursor:pointer;padding:14px 28px;border-radius:999px;border:2px solid rgba(255,255,255,.85);background:#0a001e8c;box-shadow:-3px 0 #e8301f,3px 0 #1818e8,0 0 30px #aa3cff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap;transition:opacity .5s,transform .5s}#dailyBtn{transform:scale(.9);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;font:800 clamp(13px,1.5vw,16px)/1 system-ui,sans-serif;letter-spacing:.06em;color:#fff;cursor:pointer;padding:12px 22px;border-radius:999px;border:2px solid rgba(255,216,74,.75);background:#28140080;box-shadow:0 0 24px #ffbe3c59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap}#dailyBtn.on{opacity:1;pointer-events:auto;transform:none}#dailyBtn:hover{background:#5a320099}#dailyBtn small{font-weight:600;color:#ffd84a;margin-left:6px}#leave{font-size:clamp(13px,1.5vw,16px);padding:12px 22px;border-color:#ffffff8c;background:#00000073;box-shadow:0 0 22px #78a0ff4d}#flyBtn{transform:scale(.9);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;font:800 clamp(13px,1.5vw,16px)/1 system-ui,sans-serif;letter-spacing:.08em;color:#fff;cursor:pointer;white-space:nowrap;padding:12px 22px;border-radius:999px;border:2px solid rgba(140,200,255,.6);background:#000a1e80;box-shadow:0 0 22px #5aaaff59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#flyBtn:hover{background:#142850b3}#photoBtn{width:46px;height:46px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:#00000073;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.9);transition:opacity .5s,transform .5s}#photoBtn svg,#viewBtn svg{width:22px;height:22px;display:block}#photoBtn:hover,#viewBtn:hover{background:#141e46b3}#viewBtn{width:46px;height:46px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:#00000073;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.9);transition:opacity .5s,transform .5s,background .3s,color .3s}#viewBtn.in{background:#2878468c;color:#b6ffc8;border-color:#96ffbeb3}#play.on,#leave.on,#flyBtn.on,#photoBtn.on,#viewBtn.on{opacity:1;pointer-events:auto;transform:none}#acts>button:not(.on){display:none}#acts>button.on{animation:actin .5s}@keyframes actin{0%{opacity:0;transform:scale(.9)}}body.photo #hud,body.photo #hint,body.photo #acts,body.photo #tools,body.photo #score,body.photo footer,body.photo #comms{opacity:0!important;pointer-events:none!important}#comms{position:fixed;right:max(2vw,env(safe-area-inset-right));top:calc(max(2.5vh,env(safe-area-inset-top)) + 64px);width:176px;padding:8px 8px 10px;border-radius:14px;background:linear-gradient(160deg,#2b2f36,#14171c);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 30px #0000008c,inset 0 1px #ffffff1f;opacity:0;transform:translate(20px) scale(.96);transition:opacity .35s,transform .35s;pointer-events:none;cursor:pointer;z-index:4}#comms.on{opacity:1;transform:none;pointer-events:auto}#comms canvas{display:block;width:160px;height:200px;border-radius:9px/12px;box-shadow:inset 0 0 18px #000c;background:#061014}#comms .who{margin-top:7px;font:700 10px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;color:#ff8a6a}#comms .who:before{content:"\25cf  ";color:#ff4a3a;animation:rec 1s steps(2) infinite}#comms .say{margin-top:5px;min-height:3.6em;font:600 12.5px/1.35 system-ui,sans-serif;color:#e8f4ff;text-shadow:0 1px 2px #000}#comms.mfd{width:min(360px,80vw);top:auto;bottom:calc(max(14vh,2.5vh + 88px) + 62px);right:50%;transform:translate(50%);background:#0000008c;border-color:#8cffaf59}#comms.mfd canvas{display:none}#comms.mfd .say{color:#b6ffc8;text-align:center;min-height:0}#comms.mfd .who{text-align:center}@keyframes rec{50%{opacity:.2}}@media(max-width:600px){#comms{width:126px;top:34vh}#comms canvas{width:110px;height:138px}#comms .say{font-size:11.5px}}#photobar{position:fixed;left:50%;bottom:max(4vh,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:max-content;max-width:94vw;opacity:0;pointer-events:none;transition:opacity .4s}#photobar.on{opacity:1;pointer-events:auto}#photobar .pt{flex-basis:100%;text-align:center;font-size:13px;letter-spacing:.12em;color:#fff;text-shadow:0 1px 3px #000;transition:opacity 1s 2.5s}#photobar.on .pt{opacity:0}#photobar button{font:800 15px system-ui,sans-serif;color:#fff;padding:11px 20px;border-radius:999px;border:2px solid rgba(255,255,255,.8);background:#0a001e8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}#photobar button:hover{background:#3c0a6eb3}#photobar #phClose{width:46px;padding:0}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none}#flash.on{animation:flash .45s ease-out}@keyframes flash{0%{opacity:.85}to{opacity:0}}#play:hover{background:#3c0a6eb3}#leave:hover{background:#141e46b3}#gbar{position:fixed;top:max(2.5vh,env(safe-area-inset-top));left:50%;transform:translate(-50%);pointer-events:none;display:flex;gap:22px;align-items:baseline;padding:10px 22px;border-radius:999px;background:#00000073;font:600 16px system-ui,sans-serif;white-space:nowrap;opacity:0;transition:opacity .3s}#gbar.on{opacity:1}#gbar b{font-size:26px;text-shadow:-2px 0 #e8301f,2px 0 #1818e8}#result{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);pointer-events:none;text-align:center;padding:26px 40px;background:#0009;border-radius:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .4s,transform .4s}#result.on{opacity:1;transform:translate(-50%,-50%)}#result .rk{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#c9a0ff}#result .rn{font-size:56px;font-weight:900;text-shadow:-3px 0 #e8301f,3px 0 #1818e8;margin:4px 0}#result .rd{font-size:13px;color:#ccc}#result .rr{margin-top:8px;font-weight:800;color:#ffd84a}#result .rt{margin-top:10px;font-size:15px}#score{position:fixed;right:max(2vw,env(safe-area-inset-right));bottom:2.5vh;pointer-events:none;text-align:right;font:600 13px system-ui,sans-serif;color:#fff;text-shadow:0 1px 3px #000}#score{transition:opacity .4s}#score.dim{opacity:.2}#score b{display:block;font-size:18px;color:#ffd84a}#score span{display:block;font-size:11px;color:#ccc}#score .fuel{width:150px;height:6px;margin:6px 0 3px auto;border-radius:3px;background:#ffffff2e;overflow:hidden}#score .fuel i{display:block;height:100%;background:linear-gradient(90deg,#ff8a3c,#ffd84a)}#score .fuel.low i{background:#ff4a2e}#score.shake{animation:shake .5s}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}#play.pulse{animation:pop .6s 2}@keyframes pop{50%{transform:scale(1.12)}}#result .rf{margin-top:6px;color:#ffb85c;font-weight:700}#ghelp{position:fixed;left:50%;top:calc(max(2.5vh,env(safe-area-inset-top)) + 58px);transform:translate(-50%);pointer-events:none;width:min(460px,90vw);text-align:center;padding:10px 16px;border-radius:12px;background:#0000008c;font-size:14px;line-height:1.45;opacity:0;transition:opacity .4s}#ghelp.on{opacity:1}#ghelp b{display:block;font-size:18px;margin-bottom:2px;text-shadow:-2px 0 #e8301f,2px 0 #1818e8}#tools{position:fixed;left:max(2vw,env(safe-area-inset-left));bottom:2.5vh;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .4s}#tools.on{opacity:1;pointer-events:auto}#tools button{height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:#0a001e8c;font:700 13px system-ui,sans-serif;color:#fff;letter-spacing:.1em;cursor:pointer}#tools button:hover{background:#3c0a6eb3}#tools .ico{width:36px;padding:0;display:grid;place-items:center;font-size:16px;font-weight:800;letter-spacing:0}#tools .ico svg{width:18px;height:18px;display:block}#hangar{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);width:min(520px,92vw);padding:20px 22px 18px;border-radius:18px;background:#0c041ee0;border:1px solid rgba(200,150,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;cursor:default}#hangar.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}#hangar .hk{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#c9a0ff;margin-bottom:12px}#hangar .hs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}#hangar .ship{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 8px;border-radius:12px;cursor:pointer;border:2px solid transparent;background:#ffffff0f;color:#ddd;font:600 12px system-ui,sans-serif}#hangar .ship.sel{border-color:#fff;background:#ffffff24;color:#fff}#hangar .hc{display:flex;justify-content:center;gap:10px;margin:16px 0;flex-wrap:wrap}#hangar .sw{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;font:700 9px system-ui,sans-serif;color:#fff;text-shadow:0 1px 2px #000}#hangar .sw.sel{border-color:#fff;box-shadow:0 0 12px #fff9}#hangar .sw.lock{filter:grayscale(.8) brightness(.45);cursor:not-allowed}#hangar .hx{display:flex;justify-content:center;gap:8px;margin:10px 0 16px;flex-wrap:wrap}#hangar .sx{font:700 12px system-ui,sans-serif;color:#fff;padding:8px 12px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.45);background:#ffffff14}#hangar .sx.sel{background:#7dff9a40;border-color:#7dff9a}#hangar .sx.lock{color:#998fb0;border-style:dashed;cursor:not-allowed}#hangar{max-height:92vh;overflow:auto}#hangar .hd{font:800 15px system-ui,sans-serif;color:#fff;padding:10px 30px;border-radius:999px;border:2px solid #fff;background:transparent;cursor:pointer}.card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);width:min(440px,90vw);max-height:86vh;overflow:auto;padding:22px 24px 20px;border-radius:18px;background:#0c041eeb;border:1px solid rgba(200,150,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:15px;line-height:1.5;cursor:default;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:5}.card.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.card .ck{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#c9a0ff;text-align:center}.card .cn{font-size:26px;font-weight:900;text-align:center;margin:4px 0 10px;text-shadow:-2px 0 #e8301f,2px 0 #1818e8}.card ol{padding-left:22px;margin:12px 0}.card li{margin:8px 0}.card p{margin:10px 0;color:#ddd}.card .row{margin:8px 0}.card .row b{display:inline-block;min-width:58px}.card .ok b{color:#7dff9a}.card .no b{color:#ff7a5c}.card .go{display:block;margin:16px auto 0;font:800 17px system-ui,sans-serif;color:#fff;padding:12px 34px;border-radius:999px;border:2px solid #fff;background:#7828c873;cursor:pointer;box-shadow:-3px 0 #e8301f,3px 0 #1818e8}.card .credit{margin-top:16px;text-align:center;font-size:12px;color:#b9a6d8}.card .set{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.card .set>span{font-weight:700;color:#e8dcff}.card .seg{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;border:1px solid rgba(255,255,255,.35);border-radius:18px;overflow:hidden}.card .seg button{font:700 13px system-ui,sans-serif;color:#ddd;background:transparent;border:0;padding:8px 12px;cursor:pointer}.card .seg button.sel{background:#a05aff80;color:#fff}.card .seg button:disabled{color:#776d8c;cursor:not-allowed}.card input[type=range]{width:55%;accent-color:#b070ff;cursor:pointer}.card .note{font-size:12px;line-height:1.4;color:#b9a6d8;margin:-6px 0 6px}.card .sx{font:700 13px system-ui,sans-serif;color:#fff;padding:9px 16px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.55);background:#ffffff1a}.card .sx:disabled{color:#998fb0;border-style:dashed;cursor:not-allowed}#album{width:min(560px,94vw)}#album .cn{margin-bottom:6px}#album .abar{height:6px;border-radius:3px;background:#ffffff26;overflow:hidden;margin:0 0 14px}#album .abar i{display:block;height:100%;background:linear-gradient(90deg,#b070ff,#ffd84a)}#album .agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}#album .at{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;border-radius:12px;border:2px solid transparent;background:#ffffff0f;color:#fff;cursor:pointer;font:700 12px system-ui,sans-serif}#album .at img,#album .at i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px;font-weight:900;color:#6d6385;background:radial-gradient(circle at 35% 35%,#2a2340,#0b0814)}#album .at img{object-fit:cover;background:#000}#album .at em{font-style:normal;font-size:10px;letter-spacing:.04em}#album .at.lock span{color:#8f86a6}#album .at.sel{border-color:#fff;background:#ffffff24}#album .adet{margin-top:12px;font-size:14px;text-align:center}#album .adet:empty{display:none}#album .adet p{margin:6px 0}#album .adet .am{font-size:12px;color:#b9a6d8}#ghelp.tip{font-size:13px;padding:6px 14px}#score{pointer-events:auto;cursor:default;-webkit-tap-highlight-color:transparent}#score em{display:block;font:700 10px/1.4 Courier New,monospace;color:#9fe8ff;font-style:normal;letter-spacing:.1em}#cheat input{display:block;width:100%;box-sizing:border-box;margin-top:12px;padding:10px 12px;border-radius:8px;border:1px solid #8a6ad0;background:#000;color:#7dff9a;font:700 22px Courier New,monospace;letter-spacing:.2em;text-transform:uppercase;text-align:center}#toast{position:fixed;left:50%;top:32%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;max-width:96vw;font:900 clamp(18px,4.2vw,44px) "Courier New",monospace;letter-spacing:.08em;color:#fff;text-shadow:-3px 0 #e8301f,3px 0 #1818e8,0 0 18px rgba(255,255,255,.6);opacity:0;z-index:6}#toast.on{animation:toast 2.4s steps(1,end) forwards,toastfade 2.4s forwards}@keyframes toast{0%,10%,20%{opacity:1}5%,15%{opacity:.2}25%{opacity:1}}@keyframes toastfade{0%,80%{visibility:visible}to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){#hint.on{animation:none}}@media(max-width:600px){#score span{display:none}#score .fuel{width:72px}#tools{gap:6px}#tools button{padding:0 12px}#tools .ico{width:34px;height:34px}#hint{bottom:max(9vh,calc(2.5vh + 46px))}#acts{bottom:max(14vh,calc(2.5vh + 84px))}#gbar{gap:14px;font-size:14px;padding:8px 16px}#gbar b{font-size:21px}footer{display:none}#play{padding:12px 20px}#hud{right:3vw;padding:10px 12px}#hud .ft{font-size:12px}#hud .d{font-size:12px;line-height:1.55}#hud .k{font-size:10px;letter-spacing:.2em}}:is(button,a,input,select,[tabindex]):focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #0009}
