:root{--bg: #04070b;--bg-2: #070d14;--panel: rgba(11, 21, 30, .86);--panel-2: rgba(18, 32, 44, .9);--panel-solid: #0a141d;--line: rgba(94, 156, 186, .22);--line-strong: rgba(94, 156, 186, .45);--ink: #cfe3ef;--muted: #6d8ba1;--accent: #3ee0c0;--accent-2: #4aa8d8;--danger: #ff5f7a;--warn: #ffc857;--display: "Orbitron", "Share Tech Mono", monospace;--mono: "Share Tech Mono", "JetBrains Mono", Consolas, monospace;--glow: 0 0 18px rgba(62, 224, 192, .28);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--mono);letter-spacing:.02em;overflow-x:hidden}body:before{content:"";position:fixed;top:-20vh;right:-10vw;bottom:-20vh;left:-10vw;z-index:-2;pointer-events:none;background:radial-gradient(900px 520px at 18% -8%,rgba(30,92,118,.34),transparent 62%),radial-gradient(760px 480px at 88% 6%,rgba(62,224,192,.1),transparent 60%),radial-gradient(1100px 700px at 50% 116%,rgba(24,58,92,.3),transparent 64%),linear-gradient(180deg,#04070b,#060c13,#04070b)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 50%,transparent 58%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.75;background-repeat:repeat;background-size:340px 340px,520px 520px,700px 700px;background-image:radial-gradient(1px 1px at 40px 60px,rgba(200,232,245,.8),transparent 100%),radial-gradient(1px 1px at 220px 310px,rgba(140,200,225,.6),transparent 100%),radial-gradient(2px 2px at 480px 120px,rgba(62,224,192,.45),transparent 100%);animation:drift 140s linear infinite}.grid-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(94,156,186,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(94,156,186,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 20%,transparent 78%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 20%,transparent 78%)}@keyframes drift{0%{background-position:0 0,0 0,0 0}to{background-position:0 -1360px,0 -1040px,0 -700px}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}94%{opacity:.55}96%{opacity:1}98%{opacity:.7}}@media(prefers-reduced-motion:reduce){.starfield{animation:none}*{animation-duration:1ms!important}}button{position:relative;font:600 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:linear-gradient(150deg,#1e3444e6,#0b151ee6);border:1px solid var(--line-strong);padding:11px 18px;cursor:pointer;overflow:hidden;transition:color .15s,border-color .15s,box-shadow .2s,transform .08s;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}button:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,transparent,rgba(190,240,255,.14),transparent);transform:translate(-120%)}button:hover:not(:disabled){color:var(--accent);border-color:var(--accent);box-shadow:var(--glow)}button:hover:not(:disabled):after{animation:sweep .7s ease-out}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.32;cursor:not-allowed}button.danger{border-color:#ff5f7a80;color:#ffa8b8}button.danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger);box-shadow:0 0 18px #ff5f7a4d}button.primary{color:#032019;background:linear-gradient(150deg,#6ff0d8,#2ec2a6);border-color:#7df5de;box-shadow:0 0 22px #3ee0c052}button.primary:hover:not(:disabled){color:#02150f;background:linear-gradient(150deg,#8ffce9,#3ee0c0);border-color:#b6fff0;box-shadow:0 0 30px #3ee0c080}input,textarea,.select{font:14px/1.5 var(--mono);width:100%;color:var(--ink);background:#040a10db;border:1px solid var(--line);border-left:2px solid var(--line-strong);border-radius:0;padding:10px 12px;transition:border-color .15s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#6d8ba1b3}input:focus,textarea:focus,.select:focus{outline:none;border-color:var(--line-strong);border-left-color:var(--accent);box-shadow:inset 0 0 22px #3ee0c014,0 0 12px #3ee0c01f}textarea{margin-top:10px;resize:vertical}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;font:500 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:#0a141db3;border:1px solid var(--line);padding:7px 12px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.chip.on{color:var(--accent);border-color:#3ee0c080}.chip.bad{color:var(--danger);border-color:#ff5f7a80}.tag{font:500 11px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:4px 7px}.tag.q{color:var(--warn);border-color:#ffc85766}.tag.p{color:var(--danger);border-color:#ff5f7a66}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>input,.row>.select{flex:1 1 180px;width:auto}.row>button{flex:none}.spacer{flex:1}.center-text{text-align:center}.panel{position:relative;background:linear-gradient(158deg,#11202ceb,#070e15f0),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 4px);border:1px solid var(--line);padding:20px 20px 22px;margin-bottom:16px;animation:rise .35s ease both;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.panel:before{content:"";position:absolute;top:0;left:0;width:74px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.panel:after{content:"";position:absolute;right:0;bottom:0;width:2px;height:74px;background:linear-gradient(0deg,var(--accent-2),transparent);opacity:.6}.panel h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:700 13px/1.2 var(--display);letter-spacing:.22em;text-transform:uppercase;color:#e6f4fb}.panel h2 svg{color:var(--accent);flex:none}.panel h2:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 12px)}.panel p.hint{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.6}.panel.help{border-color:#3ee0c066}.panel.help h2.spaced{margin-top:22px}.grid{display:grid;gap:16px;grid-template-columns:2fr 1fr;align-items:start}@media(max-width:900px){.grid{grid-template-columns:1fr}}.notice{position:relative;padding:11px 14px 11px 18px;background:linear-gradient(90deg,#3ee0c017,#0a141d80 60%);border:1px solid rgba(62,224,192,.22);border-left:3px solid var(--accent);font-size:13px;line-height:1.6}.notice.bad{border-color:#ff5f7a3d;border-left-color:var(--danger);background:linear-gradient(90deg,#ff5f7a1a,#0a141d80 60%)}.notice.warn{border-color:#ffc8573d;border-left-color:var(--warn);background:linear-gradient(90deg,#ffc8571a,#0a141d80 60%)}.list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.list li{display:flex;gap:10px;align-items:center;padding:8px 12px;background:linear-gradient(90deg,#14243199,#0a131b66);border:1px solid var(--line);border-left:2px solid var(--line-strong);font-size:13px}.list li.off{opacity:.4}.list li strong{font-family:var(--display);font-size:12px;letter-spacing:.08em}.list li b{color:var(--accent);font-weight:600}.steps{margin:12px 0 0;padding-left:18px;color:var(--muted);font-size:13px}.steps li{margin-bottom:5px}.steps li::marker{color:var(--accent)}.edges{width:100%;border-collapse:collapse;font-size:13px}.edges th,.edges td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.edges tbody tr:hover td{background:#3ee0c00d}.edges th{font:500 10px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--line-strong)}.chat{display:flex;flex-direction:column;gap:10px}.chat .log{height:268px;overflow-y:auto;display:grid;gap:6px;align-content:start;padding:12px;background:#040a10b3;border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.chat .log::-webkit-scrollbar{width:6px}.chat .log::-webkit-scrollbar-thumb{background:var(--line-strong)}.chat .line{font-size:13px;animation:rise .2s ease both}.chat .line b{color:var(--accent);font-weight:400}.chat .line b:before{content:"> ";color:var(--muted)}.chat .row,.panel .row{margin-top:12px}.feed{list-style:none;margin:12px 0 0;padding:10px 12px;display:grid;gap:4px;background:#040a108c;border:1px solid var(--line)}.feed li{font-size:12px;color:var(--muted);animation:rise .2s ease both}.feed li:before{content:"· ";color:var(--accent)}.feed li.leave:before{color:var(--danger)}.feed li.host:before{color:var(--warn)}.toasts{position:fixed;top:16px;right:16px;z-index:40;display:grid;gap:8px;justify-items:end}.toast{padding:9px 14px;font-size:13px;color:var(--ink);background:#0a141deb;border:1px solid var(--line-strong);border-left:3px solid var(--accent);animation:rise .2s ease both}.toast.leave{border-left-color:var(--danger)}.toast.host{border-left-color:var(--warn)}.shell{max-width:1280px;margin:0 auto;padding:26px 20px 72px}.hud-frame{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:998;pointer-events:none}.hud-frame span{position:absolute;width:26px;height:26px;border:2px solid rgba(62,224,192,.42)}.hud-frame span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.hud-frame span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.hud-frame span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.hud-frame span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding:12px 18px;background:linear-gradient(180deg,#0e1c27eb,#060d13db);border:1px solid var(--line);border-bottom:2px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.brand{display:flex;align-items:center;gap:10px}.brand svg{color:var(--accent);filter:drop-shadow(0 0 6px rgba(62,224,192,.55))}.topbar h1{margin:0;font:900 17px/1 var(--display);letter-spacing:.42em;color:#eafcf7;text-shadow:0 0 14px rgba(62,224,192,.5)}.phase-tag{font:700 11px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;color:#04231d;background:linear-gradient(150deg,#6ff0d8,#2ec2a6);padding:8px 13px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.chip.role{gap:8px;font-weight:700}.chip.role.op{color:var(--accent);border-color:#3ee0c073}.chip.role.par{color:var(--danger);border-color:#ff5f7a73}.chip.role svg{flex:none}.score{display:flex;gap:10px;align-items:center}.score .cell{display:grid;gap:3px;justify-items:center;min-width:62px;padding:5px 8px;background:#040a1099;border:1px solid var(--line)}.score .cell span{font:500 9px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.score .cell b{font:700 15px/1 var(--display);color:var(--ink)}.score .cell.op b{color:var(--accent)}.score .cell.par b{color:var(--danger)}.pips{display:flex;gap:3px}.pips i{width:5px;height:5px;background:#5e9cba47}.pips i.on{background:var(--accent);box-shadow:0 0 6px #3ee0c0cc}.pips.par i.on{background:var(--danger);box-shadow:0 0 6px #ff5f7acc}.timer{display:grid;gap:5px;min-width:92px}.timer .digits{font:700 22px/1 var(--display);letter-spacing:.1em;color:var(--ink);text-shadow:0 0 12px rgba(120,200,230,.35)}.timer .bar{height:3px;background:#5e9cba33;overflow:hidden}.timer .bar i{display:block;height:100%;background:var(--accent);transition:width .25s linear}.timer.low .digits{color:var(--warn);text-shadow:0 0 12px rgba(255,200,87,.45)}.timer.low .bar i{background:var(--warn)}.timer.critical .digits{color:var(--danger);animation:pulse 1s steps(2) infinite}.timer.critical .bar i{background:var(--danger)}.avatar{flex:none;display:block}.avatar.me{filter:drop-shadow(0 0 5px rgba(62,224,192,.7))}.led{width:7px;height:7px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #3ee0c0cc}.led.off{background:#35505f;box-shadow:none}.center{display:grid;place-items:center;min-height:82vh}.stack{display:grid;gap:14px;width:min(440px,100%)}.hint.spaced{margin-top:14px}.title-block{display:grid;justify-items:center;gap:10px;margin-bottom:8px}.title-block svg{color:var(--accent);filter:drop-shadow(0 0 14px rgba(62,224,192,.55))}.title{margin:0;font:900 40px/1 var(--display);letter-spacing:.34em;text-indent:.34em;color:#eafcf7;text-shadow:0 0 24px rgba(62,224,192,.5),0 0 60px rgba(62,224,192,.2);animation:flicker 7s infinite}.subtitle{font:500 10px/1 var(--display);letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--muted)}.code{font:900 32px/1 var(--display);letter-spacing:.36em;text-indent:.36em;color:var(--accent);text-align:center;padding:16px 0;background:#040a10b3;border:1px solid rgba(62,224,192,.28);text-shadow:0 0 20px rgba(62,224,192,.45)}.hyps{display:flex;gap:12px;flex-wrap:wrap}.hyp{position:relative;width:66px;height:78px;padding:0;font:900 26px/1 var(--display);letter-spacing:0;display:grid;place-items:center;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(160deg,#1e3444eb,#091119f0)}.hyp:after{display:none}.hyp:hover:not(:disabled){box-shadow:0 0 26px #3ee0c059}.hyp.sel{color:#03211b;background:linear-gradient(160deg,#7ff5e0,#2ec2a6);border-color:#9ffff0;box-shadow:0 0 32px #3ee0c08c}.hyp.out{opacity:.28;filter:grayscale(.7)}.hyp.out:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:var(--danger);transform:rotate(-24deg)}.stage{position:relative;border:1px solid var(--line-strong);overflow:hidden;background:#04070a;box-shadow:inset 0 0 60px #000c,0 0 30px #0009;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));aspect-ratio:5 / 3}.stage canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #3ee0c029}.reveal{display:grid;justify-items:center;gap:14px;padding:34px 20px}.reveal .role-name{font:900 30px/1 var(--display);letter-spacing:.2em;text-indent:.2em;text-transform:uppercase}.reveal.op .role-name{color:var(--accent);text-shadow:0 0 26px rgba(62,224,192,.5)}.reveal.par .role-name{color:var(--danger);text-shadow:0 0 26px rgba(255,95,122,.5)}.reveal svg{filter:drop-shadow(0 0 12px currentColor)}.reveal.op svg{color:var(--accent)}.reveal.par svg{color:var(--danger)}.verdict{font:900 22px/1.3 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#eafcf7}.truth{display:inline-grid;place-items:center;width:54px;height:62px;margin-left:8px;font:900 24px/1 var(--display);color:#03211b;background:linear-gradient(160deg,#7ff5e0,#2ec2a6);clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%)}.stage-legend{margin:10px 0 16px;color:var(--muted);font-size:13px}.settings{list-style:none;margin:0;padding:0;display:grid;gap:8px}.setting{display:flex;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:6px}.setting-name{display:grid;gap:2px;min-width:0;flex:1}.setting-name .hint{margin:0;font-size:12px;color:var(--muted)}.stepper{display:flex;align-items:center;gap:8px}.stepper button{padding:2px 10px;line-height:1.2}.stepper .value{min-width:46px;text-align:center;color:var(--accent);font-weight:600}button.reset{margin-top:12px}.shell.wide{max-width:min(1720px,97vw)}.grid.wide{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}@media(max-width:1000px){.grid.wide{grid-template-columns:1fr}}.spatial{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#04070a}.spatial:fullscreen{width:100vw;height:100vh}.stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#04070a}.stage canvas{display:block;width:100%!important;height:100%!important}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.hud .topbar{margin:0;padding:10px 18px;background:linear-gradient(180deg,#04080ceb,#04080c8c);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hud-side{position:absolute;top:74px;right:16px;width:min(360px,32vw);max-height:calc(100% - 150px);overflow-y:auto;display:grid;gap:12px;align-content:start}.hud-side .panel,.hud-side .notice{margin:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-foot{position:absolute;left:18px;bottom:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 40vw)}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03070b99;z-index:1000}.dialog{width:min(560px,92vw);margin:0}