:root{--bg: #06080b;--room-near: #10151d;--room-far: #04060a;--panel-bg: rgba(19, 25, 34, .58);--panel-line: rgba(140, 162, 190, .14);--panel-line-strong: rgba(255, 180, 84, .34);--desk-top: #2e231b;--desk-face: #1e1610;--desk-edge: #100b08;--plastic: #1b2029;--plastic-lit: #2a323e;--plastic-dark: #0d1116;--text: #dbe2ec;--text-dim: #97a5b7;--text-faint: #5f6d7e;--accent: #ffb454;--accent-soft: rgba(255, 180, 84, .16);--screen-bg: #0a0b09;--screen-text: #ffc873;--screen-glow: rgba(255, 168, 60, .4);--gutter: 16px;--radius: 10px;--zoom-ms: .65s;--zoom-ease: cubic-bezier(.65, 0, .35, 1);--zoom-k: 1;--zoom-tx: 0px;--zoom-ty: 0px;--stage-s: .25;--stage-tx: 0px;--stage-ty: 0px;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}html:has(.desk[data-state=entering]),html:has(.desk[data-state=focused]),html:has(.desk[data-state=exiting]){overflow:hidden}.desk{position:relative;isolation:isolate}.desk__viewport{position:relative;overflow:hidden;min-height:100svh}.desk__scene{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:clamp(28px,5vh,64px) var(--gutter);transform-origin:0 0;transition:transform var(--zoom-ms) var(--zoom-ease),filter var(--zoom-ms) var(--zoom-ease);background:radial-gradient(120% 90% at 50% 8%,var(--room-near) 0%,var(--room-far) 68%,#020305 100%)}.desk[data-state=entering] .desk__scene,.desk[data-state=focused] .desk__scene{transform:translate3d(var(--zoom-tx),var(--zoom-ty),0) scale(var(--zoom-k))}.desk[data-state=focused] .desk__viewport{visibility:hidden}.desk[data-state=focused] .screen__cursor,.desk[data-state=focused] .screen__cta,.desk[data-state=focused] .monitor__halo{animation:none}.desk__roomGlow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 38% at 50% 44%,var(--accent-soft) 0%,transparent 72%);opacity:.85;transition:opacity var(--zoom-ms) var(--zoom-ease)}.desk__room{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr) minmax(0,.9fr);align-items:stretch;gap:clamp(20px,3vw,46px);width:min(1240px,100%)}.desk__col{min-width:0;transition:opacity calc(var(--zoom-ms) * .55) ease,transform var(--zoom-ms) var(--zoom-ease)}.desk:not([data-state=idle]) .desk__col{opacity:0;pointer-events:none}.desk:not([data-state=idle]) .desk__col--intro{transform:translate(-18px)}.desk:not([data-state=idle]) .desk__col--info{transform:translate(18px)}.panel{padding:clamp(16px,1.6vw,22px);border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel-bg)}.panel__label{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}.panel__label:before{content:"";display:inline-block;width:18px;height:1px;margin-right:9px;vertical-align:middle;background:var(--panel-line-strong)}.panel__title{margin:0;font-family:var(--font-mono);font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:.1em;line-height:1;color:var(--text)}.panel__tagline{margin:8px 0 20px;font-size:13px;line-height:1.5;color:var(--text-dim)}.panel__section+.panel__section{margin-top:18px;padding-top:18px;border-top:1px solid var(--panel-line)}.panel__heading{margin:0 0 7px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.panel__text{margin:0 0 8px;font-size:13px;line-height:1.6;color:var(--text-dim);text-wrap:pretty}.panel__text:last-child{margin-bottom:0}.panel__list{display:grid;gap:8px;margin:10px 0 0}.panel__row{display:grid;grid-template-columns:minmax(52px,auto) minmax(0,1fr);align-items:baseline;gap:10px}.panel__key{margin:0;padding:2px 7px;border:1px solid var(--panel-line);border-radius:5px;background:#ffffff0a;box-shadow:inset 0 -1px #00000080;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--accent);text-align:center;white-space:nowrap}.panel__value{margin:0;font-size:12.5px;line-height:1.55;color:var(--text-dim);text-wrap:pretty}.desk__center{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;align-self:center;justify-content:center;padding-bottom:clamp(44px,6vw,68px)}.monitor{display:flex;flex-direction:column;align-items:center;width:min(100%,560px);position:relative;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.monitor:focus-visible{outline:2px solid var(--accent);outline-offset:10px;border-radius:6px}.monitor__bezel{position:relative;display:block;width:100%;padding:clamp(12px,1.7vw,18px);padding-bottom:clamp(10px,1.4vw,15px);border-radius:16px 16px 12px 12px;background:linear-gradient(180deg,var(--plastic-lit) 0%,var(--plastic) 26%,var(--plastic-dark) 100%);box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0009,0 26px 60px -22px #000000f2,0 0 0 1px #00000080,0 0 70px -18px var(--screen-glow);transition:transform .26s cubic-bezier(.2,.8,.3,1),box-shadow .26s ease}.desk[data-state=idle] .monitor:hover .monitor__bezel,.desk[data-state=idle] .monitor:focus-visible .monitor__bezel{transform:translateY(-5px);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0009,0 34px 66px -20px #000000f2,0 0 0 1px #00000080,0 0 110px -14px var(--screen-glow)}.desk[data-state=idle] .monitor:active .monitor__bezel{transform:translateY(-1px)}.monitor__halo{position:absolute;inset:-8% -10%;display:block;background:radial-gradient(52% 40% at 50% 36%,var(--screen-glow) 0%,transparent 72%);opacity:.5;animation:desk-breathe 3.4s ease-in-out infinite;pointer-events:none;transition:opacity calc(var(--zoom-ms) * .4) ease}.desk:not([data-state=idle]) .monitor__halo{animation:none;opacity:0}@keyframes desk-breathe{0%,to{opacity:.32;transform:scale(.97)}50%{opacity:.66;transform:scale(1.03)}}.monitor__screen{position:relative;display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;isolation:isolate;border-radius:14px/20px;background:radial-gradient(88% 82% at 50% 44%,#131512 0%,var(--screen-bg) 62%,#050604 100%);box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 46px #000c}.monitor__chin{display:block;height:10px;margin:10px auto 0}.monitor__chin:after{content:"";display:block;width:7px;height:7px;margin:0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);opacity:.85}.monitor__neck{display:block;width:clamp(48px,7vw,70px);height:clamp(20px,3vw,32px);border-radius:0 0 8px 8px;background:linear-gradient(180deg,var(--plastic-dark) 0%,#080b0f 100%);box-shadow:inset 1px 0 #ffffff0a}.monitor__foot{display:block;width:clamp(130px,20vw,200px);height:12px;margin-bottom:-6px;border-radius:50%/70%;background:linear-gradient(180deg,var(--plastic) 0%,#070a0d 100%);box-shadow:0 10px 22px -8px #000000e6}.screen__attract{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:clamp(16px,4%,34px);font-family:var(--font-mono);color:var(--screen-text);text-shadow:0 0 12px var(--screen-glow);transition:opacity calc(var(--zoom-ms) * .4) ease}.desk:not([data-state=idle]) .screen__attract{opacity:0}.screen__log{display:block;font-size:clamp(9px,1.5vw,12px);letter-spacing:.1em;opacity:.45}.screen__logline{display:block;line-height:1.7}.screen__prompt{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:clamp(14px,2.6vw,22px);font-weight:500;letter-spacing:.12em}.screen__cursor{display:inline-block;width:.6em;height:1.05em;background:currentColor;box-shadow:0 0 12px var(--screen-glow);animation:desk-blink 1.1s steps(1,end) infinite}@keyframes desk-blink{0%,49%{opacity:1}50%,to{opacity:0}}.screen__cta{display:inline-block;margin-top:clamp(8px,2%,16px);padding:6px 12px;border:1px solid currentColor;border-radius:4px;font-size:clamp(9px,1.5vw,12px);letter-spacing:.24em;opacity:.8;animation:desk-pulse 2.6s ease-in-out infinite}@keyframes desk-pulse{0%,to{opacity:.5}50%{opacity:1}}.screen__scanlines{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.32) 0px,rgba(0,0,0,.32) 1px,transparent 1px,transparent 3px);opacity:.55;mix-blend-mode:multiply}.screen__vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(118% 112% at 50% 50%,transparent 52%,rgba(0,0,0,.62) 100%);box-shadow:inset 0 0 44px #0000008c}.screen__glare{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.02) 26%,transparent 27%)}.desk__surface{position:absolute;bottom:0;left:50%;width:min(110%,560px);height:clamp(44px,6vw,68px);transform:translate(-50%);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--desk-top) 0%,var(--desk-face) 24%,var(--desk-edge) 100%);box-shadow:inset 0 1px #ffd2a021,0 -16px 38px -26px #ffb4546b,0 22px 44px -18px #000000e6}.desk__props{position:absolute;bottom:clamp(10px,2vw,20px);left:50%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(14px,3vw,30px);width:min(100%,470px);transform:translate(-50%);pointer-events:none}.prop--keyboard{width:min(60%,300px);height:clamp(22px,3.4vw,34px);border-radius:4px;background:repeating-linear-gradient(to right,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 9px,transparent 9px,transparent 12px),linear-gradient(180deg,var(--plastic) 0%,var(--plastic-dark) 100%);box-shadow:inset 0 1px #ffffff14,0 8px 16px -8px #000000e6}.prop--mug{width:clamp(18px,2.6vw,26px);height:clamp(22px,3.2vw,32px);border-radius:3px 3px 7px 7px;background:linear-gradient(180deg,#4a3b33,#2a201a);box-shadow:inset 0 2px #ffb45438,0 8px 14px -8px #000000e6}.desk__stageLayer{position:fixed;inset:0;z-index:30;overflow:hidden;background:var(--screen-bg);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(var(--stage-tx),var(--stage-ty),0) scale(var(--stage-s));transform-origin:0 0;transition:transform var(--zoom-ms) var(--zoom-ease),opacity calc(var(--zoom-ms) * .45) ease,visibility 0s linear var(--zoom-ms)}.desk__stageLayer:focus{outline:none}.desk[data-state=entering] .desk__stageLayer,.desk[data-state=focused] .desk__stageLayer{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:transform var(--zoom-ms) var(--zoom-ease),opacity calc(var(--zoom-ms) * .5) ease calc(var(--zoom-ms) * .3),visibility 0s linear 0s}.desk__stage{position:absolute;inset:0;z-index:1}.desk__stage>canvas{display:block}.desk__stageFx{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.18}.desk__exit{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:10;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent}.desk__exitGlyph{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--panel-line);border-radius:6px;background:#0a0d128c;font-family:var(--font-mono);font-size:17px;line-height:1;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.desk__exit:hover .desk__exitGlyph,.desk__exit:focus-visible .desk__exitGlyph{color:var(--accent);border-color:var(--panel-line-strong);background:#18120acc}.desk__exit:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.desk__hint{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:0;right:0;z-index:9;margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-align:center;text-transform:uppercase;color:var(--text-faint);pointer-events:none;opacity:0}.desk[data-state=focused] .desk__hint{animation:desk-hint 5s ease forwards}@keyframes desk-hint{0%{opacity:0}14%,62%{opacity:1}to{opacity:0}}@media(max-width:899px){.desk__scene{align-items:flex-start;padding-top:clamp(20px,5vh,44px)}.desk__room{grid-template-columns:minmax(0,1fr);gap:22px;max-width:560px}.desk__center{order:0}.desk__col--intro{order:1}.desk__col--info{order:2}.monitor{width:100%}.monitor__screen{aspect-ratio:16 / 11}.desk__surface{width:106%}.desk:not([data-state=idle]) .desk__col--intro,.desk:not([data-state=idle]) .desk__col--info{transform:translateY(14px)}}@media(max-width:420px){.desk__props{display:none}}@media(prefers-reduced-motion:reduce){:root{--zoom-ms: 1ms}.monitor__bezel,.desk__col,.desk__roomGlow,.screen__attract{transition-duration:1ms}.monitor__halo,.screen__cta,.desk__hint{animation:none}.desk[data-state=focused] .desk__hint{animation:none;opacity:1}.desk[data-state=idle] .monitor:hover .monitor__bezel,.desk[data-state=idle] .monitor:focus-visible .monitor__bezel{transform:none}}:root{--hud-bg: rgba(10, 13, 17, .82);--hud-border: rgba(140, 170, 200, .22);--hud-text: #d9e2ec;--hud-dim: #8595a6;--hud-accent: #5ad1c4;--hud-cash: #ffd479;--hud-danger: #ff6b5e;--hud-fuel: #ffb347;--hud-hull: #5ad1c4;--hud-load: #9d8cff;--hud-radius: 8px;--hud-font: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--hud-font);color:var(--hud-text);font-size:13px;line-height:1.35;z-index:4;user-select:none;-webkit-user-select:none}.hud-panel{position:absolute;top:14px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:var(--hud-radius);padding:10px 12px;backdrop-filter:blur(6px)}.hud-panel--left{left:14px;width:min(240px,42vw);display:grid;gap:9px}.hud-panel--right{right:14px;top:58px;min-width:170px;display:grid;gap:5px}.hud-gauge__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.hud-gauge__label{color:var(--hud-dim);letter-spacing:.1em;font-size:10px}.hud-gauge__value{font-size:12px;font-variant-numeric:tabular-nums}.hud-gauge__track{height:8px;background:#ffffff12;border-radius:4px;overflow:hidden}.hud-gauge__fill{height:100%;width:0%;border-radius:4px;transition:width 90ms linear}.hud-gauge--fuel .hud-gauge__fill{background:var(--hud-fuel)}.hud-gauge--hull .hud-gauge__fill{background:var(--hud-hull)}.hud-gauge--load .hud-gauge__fill{background:var(--hud-load)}.hud-gauge.is-danger .hud-gauge__fill{background:var(--hud-danger)}.hud-gauge.is-danger .hud-gauge__value{color:var(--hud-danger)}.hud-stat{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.hud-stat__label{color:var(--hud-dim);letter-spacing:.1em;font-size:10px}.hud-stat__value{font-variant-numeric:tabular-nums;font-size:13px}.hud-stat__value--cash{color:var(--hud-cash)}.hud-stat__value--depth{color:var(--hud-accent)}.hud-warn{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:7px 16px;border-radius:999px;background:#3c0c0ae6;border:1px solid var(--hud-danger);color:var(--hud-danger);letter-spacing:.08em;font-size:12px;animation:hud-pulse 1.1s ease-in-out infinite;max-width:calc(100% - 32px);text-align:center}@keyframes hud-pulse{50%{opacity:.55}}.hud-prompt[hidden]{display:none}.hud-prompt{-webkit-appearance:none;appearance:none;font-family:inherit;pointer-events:none;cursor:pointer;position:absolute;bottom:22px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:999px;background:var(--hud-bg);border:1px solid var(--hud-accent);color:var(--hud-accent);letter-spacing:.1em;font-size:12px}.hud-dead[hidden]{display:none}.hud-dead{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;background:#080608b8;backdrop-filter:blur(3px);padding:24px}.hud-dead__title{margin:0;font-size:clamp(22px,5vw,38px);letter-spacing:.16em;color:var(--hud-danger)}.hud-dead__why{margin:0;color:var(--hud-text)}.hud-dead__hint{margin:6px 0 0;color:var(--hud-dim);font-size:12px}.hud-dead__action{-webkit-appearance:none;appearance:none;margin-top:16px;min-height:44px;padding:12px 22px;border:1px solid var(--hud-accent);border-radius:999px;background:#5ad1c41f;color:var(--hud-accent);font-family:inherit;font-size:12px;letter-spacing:.16em;cursor:pointer;pointer-events:auto}.hud-dead__action:hover{background:#5ad1c433}.hud-dead__action:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}.shop{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#06080bbd;backdrop-filter:blur(4px);pointer-events:auto;font-family:var(--hud-font);color:var(--hud-text);padding:16px}.shop[hidden]{display:none}.shop__panel{width:min(620px,100%);max-height:min(78vh,640px);overflow-y:auto;background:#0e1319;border:1px solid var(--hud-border);border-radius:12px;padding:18px 20px 20px;box-shadow:0 24px 70px #0009}.shop__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.shop__title{margin:0;font-size:16px;letter-spacing:.16em;color:var(--hud-accent)}.shop__cash{color:var(--hud-cash);font-variant-numeric:tabular-nums}.shop__hint{color:var(--hud-dim);font-size:11px;margin:0 0 14px}.shop__row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}.shop__name{font-size:13px}.shop__sub{color:var(--hud-dim);font-size:11px}.shop__price{color:var(--hud-cash);font-variant-numeric:tabular-nums;font-size:12px}.shop__btn{font-family:inherit;font-size:12px;letter-spacing:.08em;padding:7px 14px;min-height:34px;border-radius:6px;border:1px solid var(--hud-accent);background:transparent;color:var(--hud-accent);cursor:pointer;transition:background .12s ease,color .12s ease}.shop__btn:hover:not(:disabled){background:var(--hud-accent);color:#06181a}.shop__btn:disabled{opacity:.32;cursor:not-allowed}.shop__btn:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}.shop__btn--close{border-color:var(--hud-border);color:var(--hud-dim)}.shop__btn--close:hover{background:var(--hud-border);color:var(--hud-text)}.shop__empty{color:var(--hud-dim);font-size:12px;padding:12px 0}@media(max-width:640px){.hud-panel--left{width:min(200px,46vw)}.hud-panel--right{min-width:0}.hud{font-size:12px}.shop__row{grid-template-columns:1fr auto}.shop__price{grid-column:1}}@media(prefers-reduced-motion:reduce){.hud-warn{animation:none}.hud-gauge__fill{transition:none}}.touch{display:none}@media(pointer:coarse){.touch{position:absolute;inset:0;display:block;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--hud-font)}.touch[hidden]{display:none}.touch__cluster{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));pointer-events:auto;touch-action:none}.touch__cluster--drill{left:calc(14px + env(safe-area-inset-left,0px))}.touch__cluster--thrust{right:calc(14px + env(safe-area-inset-right,0px))}.touch__fan{display:grid;grid-template-columns:repeat(3,var(--touch-key, 62px));grid-template-rows:var(--touch-key, 62px) var(--touch-key, 62px);grid-template-areas:"left  .    right" "left  down right";gap:6px}.touch__btn{-webkit-appearance:none;appearance:none;margin:0;padding:0;display:grid;place-items:center;border:1px solid var(--hud-border);border-radius:14px;background:#0a0d118c;backdrop-filter:blur(6px);color:var(--hud-text);font-family:inherit;font-size:20px;line-height:1;touch-action:none;transition:background-color 90ms ease,border-color 90ms ease,transform 90ms ease}.touch__btn[data-btn=left]{grid-area:left}.touch__btn[data-btn=right]{grid-area:right}.touch__btn[data-btn=down]{grid-area:down;border-radius:14px 14px 18px 18px}.touch__btn.is-on{background:#5ad1c43d;border-color:var(--hud-accent);color:var(--hud-accent);transform:scale(.96)}.touch__thrust{-webkit-appearance:none;appearance:none;margin:0;padding:0;width:var(--touch-thrust, 112px);height:var(--touch-thrust, 112px);display:grid;place-items:center;gap:2px;border:1px solid var(--hud-fuel);border-radius:50%;background:#ffb3471f;backdrop-filter:blur(6px);color:var(--hud-fuel);font-family:inherit;touch-action:none;transition:background-color 90ms ease,transform 90ms ease}.touch__thrust.is-on{background:#ffb34757;transform:scale(.95)}.touch__glyph{font-size:26px;line-height:1}.touch__label{font-size:9px;letter-spacing:.18em;opacity:.85}.hud-prompt{bottom:calc(190px + env(safe-area-inset-bottom,0px));pointer-events:auto;padding:12px 22px;font-size:13px}@media(max-height:460px){.touch__cluster{bottom:calc(10px + env(safe-area-inset-bottom,0px))}.touch{--touch-key: 50px;--touch-thrust: 92px}.hud-prompt{bottom:calc(124px + env(safe-area-inset-bottom,0px))}}}