:root{color-scheme:dark;--bg:#071018;--panel:#0c1821;--line:#1a2c38;--text:#e7f0f3;--muted:#91a5ad;--cyan:#62e5d4;--amber:#ffb454;--red:#ff6e71}
*{box-sizing:border-box}
html{min-width:320px;background:var(--bg)}
body{margin:0;background:radial-gradient(ellipse at 50% -18%,#16303c 0,transparent 48%),var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}
.topbar{height:72px;max-width:1440px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(112,151,163,.13)}
.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:800;letter-spacing:.1em}.brand-light{font-weight:500;color:#89a0aa;margin-left:2px}
.brand-mark,.loader-mark{display:flex;align-items:center;gap:3px;height:23px}.brand-mark i,.loader-mark i{display:block;width:4px;border-radius:4px;background:var(--cyan)}.brand-mark i:nth-child(1),.loader-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2),.loader-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3),.loader-mark i:nth-child(3){height:14px}
.back-link{font-size:12px;color:#a9bac1}.back-link span{color:var(--cyan);margin-left:5px}
main{max-width:1440px;margin:auto;padding:50px 40px 44px}
.intro{max-width:760px;margin:0 0 28px}.eyebrow,.briefing-label,.controls-title,.build-tag,.game-footer{font-family:"IBM Plex Mono",monospace;letter-spacing:.11em;font-size:10px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:9px;color:#96aab2}.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 13px #ff6e71aa;display:inline-block}.intro h1{font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-.065em;margin:15px 0 13px;font-weight:800}.intro h1 span{color:var(--cyan)}.lead{max-width:670px;color:#a4b5bc;font-size:15px;line-height:1.7;margin:0}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.game-column{min-width:0}.game-frame{position:relative;background:#03090e;border:1px solid #253a45;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0005;aspect-ratio:16/10}.game-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #fff08;border-radius:8px}#unity-canvas{display:block;width:100%;height:100%;outline:0;background:#061019}
.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse,#10232d,#050b10 72%);transition:opacity .3s}.loading[hidden],.load-error[hidden]{display:none}.loader-mark{height:32px;gap:5px}.loader-mark i{width:6px;animation:signal .7s ease-in-out infinite alternate}.loader-mark i:nth-child(2){animation-delay:.18s}.loader-mark i:nth-child(3){animation-delay:.35s}@keyframes signal{from{opacity:.38;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}.loading-title{font-size:14px;font-weight:700}.loading-track{width:min(280px,60%);height:3px;border-radius:3px;background:#20323b;overflow:hidden}.loading-track span{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .2s}.loading-note{font:10px "IBM Plex Mono",monospace;color:#8298a2}
.load-error{position:absolute;left:6%;right:6%;top:40%;padding:18px;border:1px solid #713b40;border-radius:6px;background:#29171c;color:#ffd7d8;text-align:center;font-size:13px;line-height:1.5}
.game-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 2px;color:#728992;font-size:9px}.live-dot{width:6px;height:6px;background:var(--cyan);box-shadow:0 0 10px #62e5d4aa;margin-right:7px}.game-footer button{border:0;background:none;color:#9fb4bc;font:inherit;letter-spacing:.04em;cursor:pointer;padding:5px 0}.game-footer button:hover{color:var(--cyan)}.game-footer button span{font-size:15px;margin-left:5px;vertical-align:-1px}
.briefing{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#0e1b25,#0a141c);padding:22px 20px}.briefing-label,.controls-title{color:#849ba5}.objectives{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:19px}.objectives li{display:flex;gap:12px;align-items:flex-start}.step{font:11px "IBM Plex Mono",monospace;color:var(--cyan);padding-top:2px}.objectives b{display:block;font-size:12px;margin-bottom:4px}.objectives small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.controls-title{border-top:1px solid var(--line);padding-top:17px}.controls{display:grid;gap:10px;margin:13px 0 18px}.controls>span{display:flex;align-items:center;gap:4px;min-height:22px}.controls em{font-style:normal;font-size:10px;color:#9dafb6;margin-left:auto}kbd{font:10px "IBM Plex Mono",monospace;color:#d9e7eb;background:#152630;border:1px solid #2b404b;border-radius:3px;padding:3px 5px;min-width:22px;text-align:center}.warning{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:15px}.warning>span{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1px solid #714c2d;border-radius:50%;color:var(--amber);font:12px "IBM Plex Mono",monospace}.warning p{margin:1px 0 0;color:#b6a18b;font-size:10px;line-height:1.55}.build-tag{margin-top:20px;color:#60747d;font-size:8px}.build-tag span{color:var(--cyan);padding:0 4px}
@media(max-width:900px){.topbar{padding:0 24px}main{padding:38px 24px}.game-layout{grid-template-columns:minmax(0,1fr) 260px;gap:13px}.briefing{padding:18px 15px}}
@media(max-width:680px){.topbar{height:60px;padding:0 18px}main{padding:31px 14px}.intro{margin-bottom:22px}.lead{font-size:13px}.game-layout{grid-template-columns:1fr}.game-frame{aspect-ratio:4/3}.briefing{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.briefing-label,.objectives,.warning,.build-tag{grid-column:1/-1}.objectives{grid-template-columns:1fr;gap:14px;margin:15px 0 19px}.controls-title{padding-top:14px}.controls{margin-bottom:15px}.game-footer{font-size:8px}.game-footer button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.touch-note{display:none}
#unity-canvas{touch-action:none;overscroll-behavior:contain}
.fullscreen-exit{display:none;position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));padding:10px 14px;border:1px solid #38515d;border-radius:6px;background:#071018dd;color:#e7f0f3;font:600 12px system-ui,sans-serif}
.game-frame.fullscreen-fallback{position:fixed;z-index:10000;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;aspect-ratio:auto;border:0;border-radius:0;overflow:hidden;background:#03090e}
.game-frame.fullscreen-fallback #unity-canvas{width:100vw;height:100vh;height:100dvh;object-fit:contain}
.game-frame.fullscreen-fallback .fullscreen-exit{display:block}
body.fullscreen-fallback-active{overflow:hidden}
@media(max-width:680px){.touch-note{display:block;color:var(--cyan);font-size:10px;line-height:1.5;margin-top:4px}}