:root{color-scheme:dark;--void: #071116;--deck: #0d2024;--grid: #18343a;--line: #35d9c7;--sun: #f7c65b;--coral: #f0647c;--leaf: #8be16c;--ink: #effbf8;--muted: #a2c5c0;--avatar-color: #31d8c8;font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:960px;min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(90deg,rgba(53,217,199,.05) 1px,transparent 1px) 0 0 / 46px 46px,linear-gradient(rgba(247,198,91,.035) 1px,transparent 1px) 0 0 / 46px 46px,var(--void)}button,input{font:inherit}button{min-height:38px;border:1px solid rgba(53,217,199,.35);border-radius:7px;padding:0 12px;color:var(--ink);background:#0c2c30d1;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}button:hover,button:focus-visible{border-color:var(--line);background:#35d9c72e;outline:none;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.46;transform:none}#app{min-height:100vh}.game-shell{position:relative;height:min(790px,86vh);min-height:620px;overflow:hidden;border-bottom:1px solid rgba(53,217,199,.3);background:#071116}#phaser-root,#phaser-root canvas{width:100%;height:100%}#phaser-root canvas{display:block}.mission-briefing{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:26px;background:#030c10c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mission-briefing[hidden]{display:none}.mission-briefing__frame{width:min(520px,calc(100% - 32px));padding:38px 42px 30px;border:1px solid rgba(240,100,124,.66);border-radius:8px;background:#0a1d21;box-shadow:0 0 0 7px #f0647c12,0 30px 70px #0000007a;text-align:center}.hunter-sigil{position:relative;width:70px;height:70px;margin:0 auto 20px;border:3px solid var(--coral);clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);box-shadow:0 0 24px #f0647c5c;animation:sigil-pulse 1.5s ease-in-out infinite}.hunter-sigil span{position:absolute;left:50%;width:3px;height:44px;background:var(--sun);transform-origin:50% 100%}.hunter-sigil span:nth-child(1){top:10px;transform:translate(-50%) rotate(0)}.hunter-sigil span:nth-child(2){top:18px;transform:translate(-50%) rotate(120deg)}.hunter-sigil span:nth-child(3){top:18px;transform:translate(-50%) rotate(240deg)}.briefing-kicker{margin:0;color:var(--sun);font:800 11px/1.2 Courier New,ui-monospace,monospace;letter-spacing:.1em}.mission-briefing h2{margin:10px 0 7px;font-size:32px;letter-spacing:0}.briefing-hunter{margin:0;color:var(--muted)}.briefing-hunter strong{color:var(--coral)}.briefing-objectives{display:grid;gap:6px;margin:24px 0;padding:15px 16px;border-top:1px solid rgba(169,242,229,.22);border-bottom:1px solid rgba(169,242,229,.22);color:var(--ink);text-align:left}.briefing-objectives p,.briefing-controls{margin:0;font-size:13px;line-height:1.55}.start-round-button{width:100%;min-height:48px;color:#071116;border-color:var(--sun);background:var(--sun);font-weight:900}.briefing-controls{margin-top:14px;color:var(--muted);font-family:Courier New,ui-monospace,monospace}.game-hud{position:absolute;z-index:2;border:1px solid rgba(169,242,229,.22);background:#051116c7;box-shadow:0 14px 36px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-hud--top{top:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:10px 14px;border-radius:7px}.game-brand{display:flex;align-items:center;gap:11px}.signal-dot{width:12px;height:12px;border-radius:50%;background:var(--line);box-shadow:0 0 18px var(--line);animation:signal 1.8s ease-in-out infinite}.game-brand p,.section-heading p{margin:0;color:var(--sun);font:800 11px/1.2 Courier New,ui-monospace,monospace;letter-spacing:.08em}.game-brand h1{margin:3px 0 0;font-size:22px;line-height:1;letter-spacing:0}.hud-status{display:flex;gap:16px;color:var(--muted);font:700 12px Courier New,ui-monospace,monospace;text-align:right}#round-phase{color:var(--sun)}#round-clock{min-width:40px;color:var(--ink)}.game-hud--left,.game-hud--right{bottom:20px;border-radius:7px;padding:14px}.game-hud--left{left:20px;width:212px;display:grid;gap:14px}.game-hud--right{right:20px;width:150px;display:grid;gap:8px}.game-hud--right button:first-child{color:#071116;background:var(--sun);border-color:var(--sun);font-weight:900}.game-hud--right p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.hud-label{display:block;color:var(--muted);font-size:12px}.hud-block strong{display:block;margin-top:2px;font-size:25px}.hud-block p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.danger-console{--danger-color: #35d9c7;margin-top:8px;padding:7px 8px 9px;border:1px solid rgba(163,213,207,.42);background:#0a1d22e6;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:border-color .18s ease,box-shadow .18s ease}.danger-console__header{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;color:#effbf8a6;font:800 9px/1 Courier New,ui-monospace,monospace;letter-spacing:.08em}#danger-index{color:var(--danger-color)}.danger-crystals{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.danger-crystal{display:block;height:23px;clip-path:polygon(50% 0,100% 23%,100% 78%,50% 100%,0 78%,0 23%);background:#193136;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.danger-crystal.is-active{background:var(--danger-color);box-shadow:0 0 11px color-mix(in srgb,var(--danger-color),transparent 18%)}.danger-console[data-danger-state=watch]{--danger-color: var(--sun);border-color:#f7c65bb3}.danger-console[data-danger-state=alert]{--danger-color: #ff8a56;border-color:#ff8a56bf}.danger-console[data-danger-state=critical]{--danger-color: var(--coral);border-color:#f0647ce6;box-shadow:0 0 0 1px #f0647c26,0 0 22px #f0647c2e;animation:danger-console-pulse .76s ease-in-out infinite}@keyframes danger-console-pulse{50%{transform:translateY(-1px);box-shadow:0 0 0 1px #f0647c4d,0 0 30px #f0647c5c}}.map-caption{position:absolute;z-index:2;left:50%;bottom:24px;transform:translate(-50%);color:#effbf8a6;font:700 12px Courier New,ui-monospace,monospace;pointer-events:none}.vent-selector{position:absolute;z-index:4;right:182px;bottom:20px;width:270px;padding:14px;border:1px solid rgba(108,125,255,.75);border-radius:8px;background:#07111bf0;box-shadow:0 14px 34px #00000057}.vent-selector[hidden]{display:none}.vent-selector p{margin:0;color:#98a3ff;font:800 10px/1.2 Courier New,ui-monospace,monospace;letter-spacing:.08em}.vent-selector strong{display:block;margin:5px 0 10px;font-size:16px}.vent-selector__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vent-selector__options button{min-height:34px;padding:5px 7px;color:var(--ink);font-size:12px}.vent-selector__options .vent-selector__hide{grid-column:1 / -1;color:#071116;border-color:var(--sun);background:var(--sun);font-weight:900}.control-bay{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;width:min(1320px,calc(100% - 48px));margin:0 auto;padding:44px 0 64px}.appearance-studio{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start}.section-heading{grid-column:1 / -1;display:flex;align-items:baseline;gap:12px}.section-heading h2{margin:0;font-size:27px;letter-spacing:0}.section-heading span{color:var(--muted);font-size:14px}.appearance-preview-frame{display:grid;place-items:center;min-height:260px;border:1px solid rgba(53,217,199,.25);border-radius:8px;background:linear-gradient(rgba(53,217,199,.08) 1px,transparent 1px) 0 0 / 24px 24px,#0a1a1e}.avatar-preview{position:relative;width:86px;height:122px;animation:avatar-float 2.5s ease-in-out infinite}.avatar-preview__body{position:absolute;inset:30px 22px 8px 18px;border:3px solid rgba(239,251,248,.24);border-radius:32px 32px 20px 20px;background:var(--avatar-color);box-shadow:inset -14px -15px #00000026,0 18px 28px #00000059}.avatar-preview__visor{position:absolute;z-index:2;top:48px;right:8px;width:41px;height:26px;border:2px solid rgba(239,251,248,.72);border-radius:15px;background:linear-gradient(135deg,#e8ffff,#5a9dba)}.avatar-preview__pack{position:absolute;left:7px;top:60px;width:23px;height:48px;border:2px solid rgba(239,251,248,.35);border-radius:12px 4px 4px 12px;background:#658c91}.avatar-preview__hat{position:absolute;z-index:3;top:18px;left:29px;width:38px;height:20px;border-radius:18px 18px 4px 4px;background:var(--sun);transform:rotate(-5deg)}.avatar-preview__mask{position:absolute;z-index:3;top:54px;right:15px;width:28px;height:12px;opacity:0}.avatar-preview__expression{position:absolute;z-index:4;top:86px;right:20px;width:12px;height:12px;opacity:.65}.scan-line{position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--line);box-shadow:0 0 14px var(--line);animation:scanner 2.2s linear infinite}.avatar-preview[data-hat=antenna] .avatar-preview__hat{width:4px;height:34px;top:1px;left:49px;border-radius:8px;transform:none}.avatar-preview[data-hat=antenna] .avatar-preview__hat:after{position:absolute;top:-7px;left:-5px;width:14px;height:14px;content:"";border-radius:50%;background:var(--coral);box-shadow:0 0 12px var(--coral)}.avatar-preview[data-hat=halo] .avatar-preview__hat{top:12px;left:16px;width:56px;height:16px;border:3px solid var(--sun);border-radius:50%;background:transparent}.avatar-preview[data-hat=visor] .avatar-preview__hat{top:36px;left:34px;width:38px;height:8px;border-radius:2px;background:var(--coral);transform:rotate(7deg)}.avatar-preview[data-hat=beacon] .avatar-preview__hat{top:11px;left:42px;width:18px;height:22px;border-radius:8px 8px 2px 2px;background:var(--coral);animation:beacon 1.1s ease-in-out infinite}.avatar-preview[data-hat=none] .avatar-preview__hat{display:none}.avatar-preview[data-mask=grid] .avatar-preview__mask{opacity:1;border-top:2px solid var(--sun);border-bottom:2px solid var(--sun);background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(247,198,91,.86) 4px 5px)}.avatar-preview[data-mask=pulse] .avatar-preview__mask{opacity:1;border-radius:99px;background:var(--coral);box-shadow:0 0 12px var(--coral);animation:beacon 1.2s ease-in-out infinite}.avatar-preview[data-pack=jet] .avatar-preview__pack{width:26px;background:var(--coral)}.avatar-preview[data-pack=jet] .avatar-preview__pack:after{position:absolute;bottom:-13px;left:4px;width:12px;height:14px;content:"";background:var(--sun);clip-path:polygon(50% 100%,0 0,100% 0)}.avatar-preview[data-pack=cargo] .avatar-preview__pack{width:31px;height:56px;background:#8a7a50}.avatar-preview[data-pack=signal] .avatar-preview__pack{background:var(--leaf)}.avatar-preview[data-pack=signal] .avatar-preview__pack:after{position:absolute;top:8px;left:5px;width:8px;height:8px;content:"";border-radius:50%;background:var(--ink);box-shadow:0 15px 0 var(--ink)}.avatar-preview[data-expression=wave] .avatar-preview__expression{opacity:1;right:-2px;top:76px;width:18px;height:18px;border:3px solid var(--ink);border-left:0;border-bottom:0;border-radius:0 14px 0 0;animation:wave .7s ease-in-out infinite alternate}.avatar-preview[data-expression=alert] .avatar-preview__expression{opacity:1;background:var(--coral);clip-path:polygon(50% 0,100% 100%,0 100%)}.avatar-preview[data-expression=bounce]{animation:avatar-bounce .7s ease-in-out infinite}.avatar-preview[data-expression=scan] .avatar-preview__expression{opacity:1;width:28px;height:2px;background:var(--line);box-shadow:0 0 12px var(--line);animation:scan-expression 1s linear infinite}.appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.appearance-group{min-width:0;margin:0;padding:0;border:0}.appearance-group:first-child{grid-column:1 / -1}.appearance-group legend{margin-bottom:9px;color:var(--muted);font-size:13px;font-weight:800}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:30px;min-height:30px;border:2px solid rgba(239,251,248,.15);border-radius:50%;padding:0;background:var(--swatch)}.swatch.is-active{border-color:var(--ink);box-shadow:0 0 0 3px #35d9c738}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.option-button{min-height:34px;padding:6px 8px;color:var(--muted);font-size:12px;line-height:1.2}.option-button.is-active{color:#061116;border-color:var(--line);background:var(--line);font-weight:900}.playtest-panel{align-self:start}.playtest-panel .section-heading{display:block}.playtest-panel .section-heading h2{margin-top:4px}dl{display:grid;gap:0;margin:18px 0;border-top:1px solid rgba(162,197,192,.18)}dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(162,197,192,.18)}dt{color:var(--muted);font-size:13px}dd{margin:0;font-size:13px;text-align:right}.launcher{display:grid;gap:8px;margin-top:20px}.launcher label{color:var(--sun);font:800 11px Courier New,ui-monospace,monospace}.launcher__row{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px}input{min-width:0;min-height:38px;border:1px solid rgba(162,197,192,.3);border-radius:7px;padding:0 10px;color:var(--ink);background:#071116}.launcher__message{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.connect-button{width:100%;margin-top:10px;background:var(--line);color:#061116;font-weight:900}#match-button{width:100%;margin-top:8px}body[data-static-demo=true] .launcher,body[data-static-demo=true] .connect-button,body[data-static-demo=true] #match-button{display:none}body[data-static-demo=true] .playtest-panel{padding-bottom:12px}@keyframes signal{0%,to{opacity:.55}50%{opacity:1}}@keyframes sigil-pulse{50%{transform:scale(1.06);box-shadow:0 0 34px #f0647c8c}}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes avatar-bounce{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-15px) scaleY(1.04)}}@keyframes scanner{0%{top:0}to{top:100%}}@keyframes beacon{0%,to{opacity:.45;box-shadow:0 0 0 transparent}50%{opacity:1;box-shadow:0 0 18px var(--coral)}}@keyframes wave{to{transform:rotate(18deg)}}@keyframes scan-expression{0%{transform:translate(-8px)}to{transform:translate(12px)}}@media(max-width:1000px){body{min-width:0}.game-shell{height:720px}.control-bay{grid-template-columns:1fr;width:min(760px,calc(100% - 32px))}.appearance-studio{grid-template-columns:150px minmax(0,1fr)}.game-hud--top{align-items:flex-start}.hud-status{display:grid;gap:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}