:root{color-scheme:dark;font-family:Bahnschrift,DIN Alternate,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--ink: oklch(92% .018 92);--ink-muted: oklch(72% .025 92);--factory: oklch(18% .014 96);--factory-raised: oklch(24% .018 96);--line: oklch(48% .035 92);--hazard: oklch(81% .155 91);--danger: oklch(64% .19 28);--safe: oklch(72% .12 150);--human: oklch(74% .12 44);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{font-size:18px}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--factory)}body{min-width:20rem;min-height:30rem}button,input{font:inherit}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair;outline:none}#game-canvas:focus-visible{outline:3px solid var(--hazard);outline-offset:-3px}.fatal-error{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:.75rem;padding:2rem;color:var(--factory);background:var(--hazard);text-align:center}.fatal-error strong{font-size:clamp(2rem,8vw,6rem);letter-spacing:-.06em}.fatal-error code{max-width:46rem;padding:.5rem;color:#f8e6e4;background:#791a16;font-family:Consolas,monospace;font-size:.75rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.game-ui{position:absolute;inset:0;z-index:5;overflow:hidden;color:var(--ink);pointer-events:none;font-variant-numeric:tabular-nums;letter-spacing:.035em}.factory-vignette{position:absolute;inset:0;background:linear-gradient(90deg,oklch(11% .015 92 / .34),transparent 16% 84%,oklch(11% .015 92 / .34)),linear-gradient(0deg,oklch(11% .015 92 / .4),transparent 22% 78%,oklch(11% .015 92 / .3))}.factory-vignette:after{position:absolute;inset:0;content:"";opacity:.08;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,oklch(90% .01 92 / .12) 4px)}.shift-status{position:absolute;top:max(.75rem,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:auto minmax(8rem,21rem) auto auto auto;gap:.75rem;align-items:center;padding:.42rem .75rem;color:var(--factory);background:var(--hazard);clip-path:polygon(.6rem 0,100% 0,calc(100% - .6rem) 100%,0 100%);transform:translate(-50%)}.status-kicker,.shift-status strong,.shift-status time{font-size:.83rem;font-weight:800;white-space:nowrap}.network-status{padding-left:.75rem;border-left:1px solid oklch(35% .04 92);font-size:.71rem;font-weight:800;white-space:nowrap}.network-status[data-state=error]{color:oklch(34% .18 28)}.production-track{position:relative;width:100%;height:.38rem;overflow:hidden;background:#40371b}.production-track span{position:absolute;inset:0;background:#f5f2e9;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.shift-status time{min-width:2.5rem;padding-left:.75rem;border-left:1px solid oklch(35% .04 92);font-size:1rem}.shift-status time.is-critical{color:oklch(28% .16 28);animation:critical-pulse .8s steps(2,end) infinite}.player-hud{position:absolute;inset-block:0;width:50%;container-type:inline-size}.admin-hud{left:0}.human-hud{right:0}.view-admin .player-hud,.view-human .player-hud{width:100%}.view-admin .admin-hud,.view-human .human-hud{right:0;left:0}.view-admin .human-hud,.view-human .admin-hud{display:none}.role-stamp{position:absolute;top:clamp(4.4rem,10vh,6.5rem);left:clamp(1rem,3vw,3rem);display:grid;justify-items:start;line-height:1;animation:hud-enter .65s var(--ease-out) both}.human-hud .role-stamp{right:clamp(1rem,3vw,3rem);left:auto;justify-items:end}.role-index{margin-bottom:.45rem;color:var(--hazard);font-size:.77rem;font-weight:800}.human-hud .role-index{color:var(--human)}.role-stamp strong{font-size:clamp(1.73rem,4cqw,3.13rem);font-weight:760;letter-spacing:-.04em}.role-stamp small{margin-top:.45rem;color:var(--ink-muted);font-size:.76rem;font-weight:700}.crosshair{position:absolute;top:50%;left:50%;width:3rem;height:3rem;transform:translate(-50%,-50%)}.crosshair i,.crosshair b{position:absolute;display:block;background:var(--ink)}.crosshair i:nth-child(1),.crosshair i:nth-child(2){top:50%;width:.65rem;height:1px}.crosshair i:nth-child(1){left:0}.crosshair i:nth-child(2){right:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){left:50%;width:1px;height:.65rem}.crosshair i:nth-child(3){top:0}.crosshair i:nth-child(4){bottom:0}.crosshair b{top:50%;left:50%;width:.22rem;height:.22rem;transform:translate(-50%,-50%) rotate(45deg)}.admin-feedback{position:absolute;top:calc(50% + 2.5rem);left:50%;max-width:25rem;color:var(--ink);font-size:.79rem;font-weight:800;text-align:center;text-shadow:0 2px 5px var(--factory);opacity:0;transform:translate(-50%,.35rem);transition:opacity .18s,transform .18s var(--ease-out)}.admin-feedback.is-visible{opacity:1;transform:translate(-50%)}.admin-feedback[data-kind=danger]{color:oklch(83% .13 28)}.admin-feedback[data-kind=safe]{color:#a0e1a1}.admin-feedback[data-kind=warning]{color:var(--hazard)}.inspection-panel{position:absolute;top:clamp(9rem,21vh,12rem);left:clamp(1rem,3vw,3rem);width:min(19rem,calc(100% - 2rem));overflow:hidden;color:var(--factory);background:#e3dac1;opacity:0;transform:translate(-1.4rem);transition:opacity .24s,transform .3s var(--ease-out)}.inspection-panel.is-visible{opacity:1;transform:translate(0)}.panel-flag{display:flex;justify-content:space-between;padding:.55rem .7rem;color:var(--hazard);background:#17140a;font-size:.76rem}.action-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid oklch(58% .035 92)}.action-strip>div{display:grid;min-height:5rem;padding:.6rem;border-right:1px solid oklch(62% .03 92);opacity:.52}.action-strip>div:last-child{border-right:0}.action-strip>div.is-active{color:oklch(24% .08 90);background:var(--hazard);opacity:1}.action-strip>div.is-complete{color:#e9f1e8;background:#295a2c;opacity:1}.action-strip i{font-size:1.62rem;font-style:normal}.action-strip span{align-self:end;font-size:.68rem;font-weight:800}.action-strip b{overflow:hidden;font-size:.67rem;text-overflow:ellipsis}.charge-readout{display:flex;align-items:baseline;justify-content:space-between;padding:.65rem .75rem .15rem}.charge-readout span{font-size:.76rem;font-weight:700}.charge-readout strong{font-size:1.73rem;letter-spacing:-.05em}.inspection-panel p{margin:0;padding:.1rem .75rem .7rem;font-size:.77rem;font-weight:700}.inspection-panel p[data-verdict=suspicious]{color:#a2080c}.inspection-panel p[data-verdict=natural]{color:#0d5117}.factory-quota{position:absolute;top:clamp(5.5rem,13vh,8rem);right:clamp(1rem,2vw,2rem);width:min(12rem,34%);color:var(--ink);background:#141108;border-top:2px solid var(--hazard)}.quota-kicker{display:block;padding:.42rem .5rem;color:var(--factory);background:var(--hazard);font-size:.63rem;font-weight:800}.recipe-list{display:grid;gap:1px}.public-recipe{max-height:min(31rem,68vh);overflow:auto;scrollbar-width:thin}.recipe-row{display:grid;grid-template-columns:1.1rem 1fr auto;gap:.35rem;align-items:center;min-width:0;padding:.34rem .42rem;color:var(--ink-muted);background:#1e1a11;font-size:.63rem;font-weight:700}.recipe-row i{color:var(--part-color);font-size:.93rem;font-style:normal;text-align:center}.recipe-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-row b{color:var(--ink);font-size:.63rem}.recipe-row em{color:var(--part-color);font-style:normal}.recipe-row.is-filled{color:#cedcce;background:#1b381c}.recipe-row.is-filled em{color:#bcf2bd}.control-ribbon{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:clamp(1rem,3vw,3rem);display:flex;max-width:calc(100% - 2rem);flex-wrap:wrap;gap:.35rem .8rem;align-items:center;color:var(--ink-muted);font-size:.71rem;font-weight:650}.human-controls{right:clamp(1rem,3vw,3rem);left:auto;justify-content:flex-end}kbd{padding:.18rem .32rem;border:1px solid var(--line);color:var(--ink);background:#18160e;font-family:inherit;font-size:.67rem;font-weight:800;letter-spacing:.06em}.control-ribbon b{color:var(--hazard);font-size:.71rem}.human-inspection{position:absolute;top:50%;left:50%;display:grid;min-width:min(20rem,calc(100% - 2rem));justify-items:center;padding:1rem 1.5rem 1.2rem;color:var(--factory);background:var(--hazard);box-shadow:0 0 0 .35rem #14110a;opacity:0;transform:translate(-50%,-50%) scale(.94);transition:opacity .18s,transform .3s var(--ease-out)}.human-inspection.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.scan-line{justify-self:stretch;padding-bottom:.55rem;border-bottom:1px solid oklch(35% .04 92);font-size:.73rem;font-weight:800;text-align:center}.human-action-icon{margin-top:.6rem;font-size:clamp(3.24rem,10cqw,5.94rem);font-weight:300;line-height:.95}.human-inspection>strong{font-size:.95rem}.human-inspection p{margin:.65rem 0 0;font-size:.79rem}.human-inspection kbd{border-color:#443a1a;color:var(--hazard)}.human-sequence{display:flex;gap:.4rem;margin-top:.8rem}.human-sequence i{display:grid;width:2rem;height:.32rem;place-items:center;overflow:hidden;color:transparent;background:#736847;font-style:normal}.human-sequence i.is-active{background:oklch(27% .06 92)}.human-sequence i.is-complete{background:#29672e}.human-reticle{position:absolute;top:50%;left:50%;width:3.5rem;height:3.5rem;color:var(--ink);transform:translate(-50%,-50%)}.human-reticle i,.human-reticle b{position:absolute;display:block;background:currentColor}.human-reticle i:nth-child(1),.human-reticle i:nth-child(2){top:50%;width:.72rem;height:1px}.human-reticle i:nth-child(1){left:0}.human-reticle i:nth-child(2){right:0}.human-reticle i:nth-child(3),.human-reticle i:nth-child(4){left:50%;width:1px;height:.72rem}.human-reticle i:nth-child(3){top:0}.human-reticle i:nth-child(4){bottom:0}.human-reticle b{top:50%;left:50%;width:.22rem;height:.22rem;transform:translate(-50%,-50%) rotate(45deg)}.human-reticle strong{position:absolute;top:calc(100% + .4rem);left:50%;color:var(--ink-muted);font-size:.59rem;white-space:nowrap;transform:translate(-50%)}.human-reticle.has-target,.human-reticle.has-target strong{color:var(--human)}.human-reticle.is-cooling,.human-reticle.is-cooling strong{color:var(--ink-muted);opacity:.72}.human-controls #discharge-cooldown,.human-controls b#discharge-cooldown{color:var(--human);font-variant-numeric:tabular-nums}.human-controls #discharge-cooldown.is-cooling{color:#e78a45}.human-status{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(4rem,12vh,7rem);display:flex;gap:1.2rem;align-items:end}.charge-dial{display:grid;grid-template-columns:auto auto;align-items:baseline;min-width:7rem;border-bottom:2px solid var(--human);text-align:right}.charge-dial span{grid-column:1 / -1;color:var(--ink-muted);font-size:.71rem;font-weight:700}.charge-dial strong{font-size:clamp(2.16rem,7cqw,4.32rem);line-height:.92;letter-spacing:-.07em}.charge-dial i{color:var(--human);font-size:.98rem;font-style:normal}.parts-ledger{display:grid;min-width:14rem;gap:.35rem;padding-left:.8rem;border-left:1px solid var(--line)}.parts-ledger span,.parts-ledger strong{color:var(--ink-muted);font-size:.68rem}.parts-ledger span b{color:var(--ink)}.private-recipe{grid-template-columns:repeat(auto-fit,minmax(5.2rem,1fr));gap:.16rem}.view-human .parts-ledger{width:min(31rem,52vw)}.private-recipe .recipe-row{grid-template-columns:.8rem 1fr auto;padding:.22rem .28rem;background:#16140c}.private-recipe .recipe-row span,.private-recipe .recipe-row b{font-size:.56rem}.human-feedback{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(13.5rem,28vh,17rem);max-width:18rem;padding:.35rem .55rem;color:var(--factory);background:var(--human);font-size:.68rem;font-weight:800;opacity:0;transform:translateY(.4rem);transition:opacity .16s,transform .22s var(--ease-out)}.human-feedback.is-visible{opacity:1;transform:translateY(0)}.human-feedback[data-kind=danger]{color:#f8efee;background:var(--danger)}.human-feedback[data-kind=safe]{color:#051c07;background:var(--safe)}.event-notice{position:absolute;top:16%;left:50%;padding:.42rem .75rem;color:var(--factory);background:var(--hazard);font-size:.78rem;font-weight:800;opacity:0;transform:translate(-50%,-.65rem);transition:opacity .18s,transform .24s var(--ease-out)}.event-notice.is-visible{opacity:1;transform:translate(-50%)}.event-notice[data-kind=human]{color:#f8f0ec;background:var(--human)}.event-notice[data-kind=danger]{color:#f8efee;background:var(--danger)}.fast-forward-notice{position:absolute;top:38%;left:50%;display:grid;justify-items:center;gap:.35rem;padding:1.1rem 2.4rem;color:#f7f2e3;background:#0b1723d1;border:2px solid var(--hazard);opacity:0;pointer-events:none;transform:translate(-50%,-.4rem);transition:opacity .26s,transform .32s var(--ease-out)}.fast-forward-notice.is-visible{opacity:1;transform:translate(-50%)}.fast-forward-notice strong{font-size:1.05rem;letter-spacing:.04em}.fast-forward-notice span{font-size:.86rem;color:var(--hazard);letter-spacing:.1em}.match-end{position:absolute;inset:0;display:grid;z-index:40;align-content:center;justify-items:center;color:var(--factory);background:#d7ceb1;opacity:0;pointer-events:none;transform:scale(1.03);transition:opacity .3s,transform .5s var(--ease-out)}.match-end.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.match-end[data-winner=human]{color:#f8f0ec;background:#a1321f}.match-end>span{font-size:.83rem;font-weight:800}.match-end h1{margin:.4rem 0 0;font-size:clamp(3.24rem,11vw,9.72rem);font-weight:780;line-height:.9;letter-spacing:-.065em}.match-end p{margin:.8rem 0 0;font-size:.98rem;font-weight:750}.rematch-btn{position:relative;z-index:41;margin-top:.4rem;border:0;border-radius:.2rem;padding:.85rem 1.8rem;font:inherit;font-size:1.22rem;font-weight:800;letter-spacing:.04em;color:#071416;background:#fcd176;cursor:pointer;pointer-events:auto}.rematch-btn:disabled{opacity:.55;cursor:wait}.rematch-hint{margin-top:.75rem;font-size:.88rem;font-weight:700;opacity:.8}.surrender-hint{position:absolute;z-index:12;border:1px solid oklch(70% .08 30 / .45);border-radius:.2rem;padding:.45rem .75rem;font-size:.83rem;font-weight:800;letter-spacing:.06em;color:#f0ebdc;background:#421c18b8;pointer-events:none;backdrop-filter:blur(6px)}.surrender-hint kbd{display:inline-block;margin:0 .12rem;padding:.05rem .28rem;border:1px solid oklch(80% .04 90 / .4);border-radius:.15rem;font-size:.76rem}.surrender-hint small{display:block;margin-top:.15rem;font-size:.71rem;font-weight:700;opacity:.75}.admin-surrender{left:1rem;bottom:4.6rem}.human-surrender{right:1rem;bottom:4.6rem}.surrender-hint.is-done{opacity:.45}.surrender-hint.is-partial{border-color:#dbb155}.view-human .admin-surrender,.view-admin .human-surrender{display:none}.end-rule{width:min(28rem,65vw);height:.35rem;margin:2rem 0 1rem;background:currentColor;transform:skew(-18deg)}.match-end strong{font-size:.79rem}.viewport-warning{display:none;position:absolute;right:.5rem;bottom:.5rem;max-width:14rem;padding:.6rem;color:var(--factory);background:var(--hazard);font-size:.71rem}.viewport-warning strong,.viewport-warning span{display:block}.private-ready .human-hud{box-shadow:inset 0 0 0 3px var(--human)}.private-ready .human-hud:after{position:absolute;top:42%;right:1rem;content:"PRIVATE CHASSIS";color:var(--human);font-size:clamp(1.38rem,4cqw,2.7rem);font-weight:800;letter-spacing:-.03em;opacity:.64;transform:rotate(90deg) translate(50%);transform-origin:right}@keyframes hud-enter{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes critical-pulse{50%{opacity:.4}}@media(max-width:900px),(max-height:560px){.viewport-warning{display:block}.control-ribbon span{display:none}.shift-status{grid-template-columns:auto minmax(4rem,1fr) auto}.status-kicker,.network-status{display:none}.human-status{bottom:3rem;gap:.5rem}.parts-ledger{min-width:10rem}.factory-quota{width:9rem}.recipe-row span{display:none}}.robot-network-lobby{--nl-ink: oklch(94% .015 92);--nl-muted: oklch(73% .022 92);--nl-dim: oklch(56% .022 214);--nl-floor: oklch(13% .016 232);--nl-plate: oklch(19.5% .018 232);--nl-plate-2: oklch(24.5% .021 232);--nl-well: oklch(11% .016 232);--nl-line: oklch(37% .026 216);--nl-line-soft: oklch(29% .02 224);--nl-cyan: oklch(79% .088 198);--nl-hazard: oklch(83% .15 84);--nl-admin: oklch(81% .13 70);--nl-human: oklch(77% .1 214);--nl-live: oklch(76% .15 148);--nl-mono: "JetBrains Mono", Consolas, "SF Mono", ui-monospace, monospace;--nl-ease: cubic-bezier(.22, 1, .36, 1);position:absolute;inset:0;z-index:100;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:20rem;overflow:hidden;color:var(--nl-ink);background:radial-gradient(80% 48% at 50% -8%,oklch(34% .06 74 / .42),transparent 60%),radial-gradient(64% 52% at 104% 106%,oklch(26% .05 214 / .55),transparent 58%),radial-gradient(52% 44% at -6% 88%,oklch(23% .035 70 / .4),transparent 55%),var(--nl-floor);font-family:Bahnschrift,DIN Alternate,Segoe UI,Malgun Gothic,sans-serif}.network-lobby-noise{position:absolute;inset:0;pointer-events:none;opacity:.085;background-image:repeating-linear-gradient(0deg,transparent 0 3px,oklch(88% .02 88 / .12) 4px)}.network-lobby-grid{position:absolute;inset:0;pointer-events:none;opacity:.26;background-image:linear-gradient(oklch(74% .02 88 / .055) 1px,transparent 1px),linear-gradient(90deg,oklch(74% .02 88 / .055) 1px,transparent 1px),linear-gradient(oklch(74% .03 200 / .09) 1px,transparent 1px),linear-gradient(90deg,oklch(74% .03 200 / .09) 1px,transparent 1px);background-size:24px 24px,24px 24px,192px 192px,192px 192px;mask-image:radial-gradient(ellipse 78% 74% at 50% 34%,#000 18%,transparent 78%)}.network-lobby-grid:after{content:"";position:absolute;inset:-40% 0;background:linear-gradient(180deg,transparent 0%,oklch(86% .1 88 / .055) 46%,oklch(86% .1 88 / .09) 50%,transparent 56%);animation:nl-sweep 11s linear infinite}@keyframes nl-sweep{0%{transform:translateY(-45%)}to{transform:translateY(45%)}}.network-hero{position:relative;z-index:1;display:grid;justify-items:center;gap:.5rem;padding:clamp(1rem,3vh,2.1rem) clamp(1.1rem,3.5vw,3rem) clamp(.8rem,1.9vh,1.2rem)}.network-hero:after{content:"";width:min(21rem,54vw);height:5px;margin-top:.15rem;background:repeating-linear-gradient(115deg,var(--nl-hazard) 0 9px,oklch(13% .02 232) 9px 19px);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);box-shadow:0 0 22px #eab4444d}.network-logo{margin:0;font-size:clamp(2.3rem,6.8vw,4.6rem);font-weight:800;letter-spacing:-.055em;line-height:.92;text-align:center;text-shadow:0 0 48px oklch(80% .14 82 / .28),0 2px 0 oklch(9% .02 232 / .6)}.network-logo span{color:var(--nl-hazard)}.network-tagline{margin:0;color:var(--nl-dim);font-size:.72rem;font-weight:700;letter-spacing:.24em;text-align:center;text-transform:uppercase}.network-status{display:inline-flex;align-items:center;gap:.45rem;min-height:1.7rem;margin:0;padding:0 .7rem;border:1px solid transparent;color:var(--nl-hazard);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-align:center}.network-status:not(:empty){border-color:color-mix(in oklch,var(--nl-hazard) 35%,transparent);background:#f5be3f17}.network-status:not(:empty):before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--nl-hazard);box-shadow:0 0 8px var(--nl-hazard);animation:nl-pulse 1.6s var(--nl-ease) infinite}@keyframes nl-pulse{0%,to{opacity:1}50%{opacity:.25}}.network-hero .signal-url{display:none}.robot-network-lobby main{position:relative;z-index:1;min-height:0}.network-menu{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);justify-content:stretch;gap:clamp(1.25rem,3.5vw,3rem);align-items:stretch;width:100%;max-width:none;height:100%;min-height:0;padding:0 clamp(1.1rem,3.5vw,3rem) clamp(1.1rem,2.8vw,2rem);overflow:hidden}.network-rules{display:flex;flex-direction:column;gap:clamp(1rem,2.2vh,1.5rem);min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;text-align:left;padding:.15rem .85rem 1.5rem .1rem;scrollbar-width:thin;scrollbar-color:var(--nl-line) transparent}.network-rules::-webkit-scrollbar{width:6px}.network-rules::-webkit-scrollbar-thumb{background:var(--nl-line);border-radius:999px}.role-brief{--role: var(--nl-hazard);position:relative;padding:1.15rem 1.35rem 1.35rem;border:1px solid var(--nl-line-soft);border-left:3px solid var(--role);background:linear-gradient(180deg,color-mix(in oklch,var(--role) 9%,transparent),transparent 34%),color-mix(in oklch,var(--nl-plate) 88%,transparent);box-shadow:0 1px #f6f2e30d inset,0 14px 30px #00010359}.role-admin{--role: var(--nl-admin)}.role-human{--role: var(--nl-human)}.role-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid var(--nl-line-soft)}.role-brief h2{margin:0;color:var(--role);font-size:clamp(1.35rem,2.2vw,1.75rem);letter-spacing:-.03em;line-height:1.1}.role-tag{margin-left:auto;padding:.14rem .5rem;border:1px solid color-mix(in oklch,var(--role) 45%,transparent);color:var(--role);background:color-mix(in oklch,var(--role) 12%,transparent);font-family:var(--nl-mono);font-size:.62rem;font-weight:700;letter-spacing:.18em}.role-brief h3{display:flex;align-items:center;gap:.5rem;margin:.95rem 0 .36rem;color:var(--nl-cyan);font-size:.68rem;font-weight:800;letter-spacing:.16em}.role-brief h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--nl-line-soft),transparent)}.role-brief h3:first-of-type{margin-top:0}.role-brief p,.role-brief li{margin:0;color:var(--nl-ink);font-size:.9rem;line-height:1.55;font-weight:500}.role-brief p strong,.role-brief li strong{color:var(--nl-hazard);font-weight:800}.role-brief ul{margin:.15rem 0 0;padding:0;list-style:none;display:grid;gap:.38rem}.role-brief li{position:relative;padding-left:.95rem}.role-brief li:before{content:"";position:absolute;left:0;top:.62em;width:.34rem;height:.34rem;background:var(--role);opacity:.65;clip-path:polygon(0 0,100% 50%,0 100%)}.role-brief li b{color:var(--nl-ink);font-weight:800}.role-brief kbd{display:inline-block;min-width:1.35em;padding:.04rem .32rem;border:1px solid var(--nl-line);border-bottom-width:2px;border-radius:.2rem;background:var(--nl-well);color:var(--nl-hazard);font-family:var(--nl-mono);font-size:.72em;font-weight:700;text-align:center}.network-connect{position:relative;display:flex;flex-direction:column;gap:0;align-self:start;justify-self:end;width:100%;max-width:23rem;border:1px solid var(--nl-line);background:linear-gradient(180deg,oklch(30% .03 72 / .24),transparent 38%),color-mix(in oklch,var(--nl-plate) 95%,transparent);box-shadow:0 1px #f6f2e30f inset,0 18px 42px #00010273;text-align:left}.network-connect:before,.network-connect:after{content:"";position:absolute;width:.85rem;height:.85rem;border:2px solid var(--nl-hazard);pointer-events:none}.network-connect:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.network-connect:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.connect-head{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-bottom:1px solid var(--nl-line);background:var(--nl-well);color:var(--nl-cyan);font-size:.66rem;font-weight:800;letter-spacing:.2em}.connect-head:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--nl-live);box-shadow:0 0 9px var(--nl-live)}.connect-head em{margin-left:auto;color:var(--nl-dim);font-family:var(--nl-mono);font-size:.62rem;font-style:normal;letter-spacing:.1em}.network-connect label{display:grid;gap:.3rem;padding:.85rem 1rem .9rem;border-bottom:1px solid var(--nl-line);background:color-mix(in oklch,var(--nl-plate) 60%,transparent);text-align:left}.network-connect label>span{color:var(--nl-cyan);font-size:.66rem;font-weight:800;letter-spacing:.16em}.network-connect input{min-width:0;width:100%;box-sizing:border-box;padding:.5rem .6rem;border:1px solid var(--nl-line-soft);outline:0;color:var(--nl-ink);background:var(--nl-well);font:inherit;font-size:1.02rem;font-weight:700;text-align:left;transition:border-color .15s var(--nl-ease),box-shadow .15s var(--nl-ease)}.network-connect input::placeholder{color:var(--nl-dim);font-weight:600;letter-spacing:.02em;text-transform:none}.network-connect input:focus{border-color:var(--nl-hazard);box-shadow:0 0 0 1px var(--nl-hazard),0 0 16px #f5be3f29}.connect-name input{text-transform:none;letter-spacing:.02em}.connect-code input{font-family:var(--nl-mono);font-size:1.15rem;letter-spacing:.36em;text-transform:uppercase}.connect-split{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-bottom:1px solid var(--nl-line);color:var(--nl-dim);font-size:.62rem;font-weight:800;letter-spacing:.22em}.connect-split:before,.connect-split:after{content:"";flex:1;height:1px;background:var(--nl-line-soft)}.connect-host,.connect-join-btn,.room-actions button{position:relative;border:0;color:var(--nl-ink);background:var(--nl-plate-2);font:inherit;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:color .15s var(--nl-ease),background-color .15s var(--nl-ease),box-shadow .18s var(--nl-ease)}.connect-host,.room-actions [data-action=start]{color:#190f03;background:var(--nl-hazard);text-shadow:0 1px 0 oklch(92% .1 88 / .35)}.connect-host{min-height:3.2rem;padding:.85rem 1rem;border-bottom:1px solid oklch(64% .14 74);font-size:1rem;text-align:left}.connect-host:after,.room-actions [data-action=start]:not(:disabled):after{content:"";position:absolute;top:0;right:0;bottom:0;width:3.2rem;opacity:.32;background:repeating-linear-gradient(115deg,oklch(20% .04 74) 0 7px,transparent 7px 15px);mask-image:linear-gradient(90deg,transparent,#000 85%);pointer-events:none}.connect-join{display:grid;gap:0;margin:0}.connect-join-btn{min-height:3rem;padding:.8rem 1rem;border:0;background:transparent;color:var(--nl-cyan);font-size:.95rem;text-align:left}.connect-host:hover:not(:disabled),.connect-host:focus-visible,.room-actions [data-action=start]:hover:not(:disabled),.room-actions [data-action=start]:focus-visible{outline:none;filter:brightness(1.08);box-shadow:0 0 24px #f5be3f59}.connect-join-btn:hover:not(:disabled),.connect-join-btn:focus-visible,.room-actions [data-action=back]:hover:not(:disabled),.room-actions [data-action=back]:focus-visible{color:var(--nl-floor);background:var(--nl-cyan);outline:none}.robot-network-lobby button:disabled{cursor:wait;opacity:.42;filter:none;box-shadow:none}.robot-network-lobby [data-busy]{cursor:progress}.network-room{display:none;grid-template-columns:minmax(16rem,.85fr) minmax(21rem,1.15fr);grid-template-rows:minmax(0,1fr) auto;gap:clamp(1.5rem,4vw,4rem);width:100%;max-width:76rem;margin-inline:auto;height:100%;min-height:0;padding:clamp(1.25rem,4vw,3.5rem) clamp(1.25rem,4vw,3.5rem) clamp(1.25rem,3vw,2.5rem);overflow:auto}.robot-network-lobby[data-screen=room] .network-menu{display:none}.robot-network-lobby[data-screen=room] .network-hero:after,.robot-network-lobby[data-screen=room] .network-tagline{display:none}.robot-network-lobby[data-screen=room] .network-logo{font-size:clamp(1.3rem,2.3vw,1.85rem)}.robot-network-lobby[data-screen=room] .network-room{display:grid}.room-heading{align-self:center;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.room-heading h1{margin:0 0 clamp(1rem,3.5vh,2rem);font-size:clamp(1.7rem,3.2vw,3rem);line-height:.95;letter-spacing:-.04em}.room-heading>span{color:var(--nl-cyan);font-size:.68rem;font-weight:800;letter-spacing:.2em}.room-heading strong{display:block;align-self:stretch;margin:.45rem 0 0;padding:.55rem .9rem .6rem;border:1px solid var(--nl-line);background:repeating-linear-gradient(0deg,transparent 0 3px,oklch(80% .02 88 / .05) 4px),var(--nl-well);box-shadow:0 2px 10px #00010280 inset,0 0 26px #f5be3f14;color:var(--nl-hazard);font-family:var(--nl-mono);font-size:clamp(1.9rem,4.6vw,3.3rem);font-weight:700;line-height:1.1;letter-spacing:.22em;text-indent:.22em;text-align:center;text-shadow:0 0 22px oklch(83% .15 84 / .45)}.room-copy{margin-top:.5rem;padding:.4rem .75rem;border:1px solid var(--nl-line);color:var(--nl-muted);background:transparent;font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:color .15s var(--nl-ease),border-color .15s var(--nl-ease)}.room-copy:hover,.room-copy:focus-visible{outline:none;border-color:var(--nl-hazard);color:var(--nl-hazard)}.room-copy[data-copied]{border-color:var(--nl-live);color:var(--nl-live)}.room-heading p{max-width:26rem;margin:clamp(1rem,3vh,1.8rem) 0 0;color:var(--nl-muted);line-height:1.55;font-size:.92rem}.room-crew{align-self:center;display:grid;gap:.6rem;min-width:0}.room-crew-title{display:flex;align-items:center;gap:.6rem;margin:0;color:var(--nl-cyan);font-size:.68rem;font-weight:800;letter-spacing:.2em}.room-crew-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--nl-line),transparent)}.room-crew-title em{order:1;color:var(--nl-muted);font-family:var(--nl-mono);font-style:normal;letter-spacing:.1em}.network-roster{counter-reset:bay;display:grid;gap:.35rem;margin:0;padding:0;list-style:none;min-width:0}.network-roster li{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.4rem;padding:.55rem .95rem;border:1px solid var(--nl-line-soft);border-left:3px solid var(--nl-line);background:linear-gradient(90deg,oklch(96% .02 92 / .03),transparent 30%),color-mix(in oklch,var(--nl-plate) 82%,transparent);transition:border-color .2s var(--nl-ease),background-color .2s var(--nl-ease)}.network-roster li:before{counter-increment:bay;content:counter(bay,decimal-leading-zero);grid-column:1;grid-row:1;color:var(--nl-dim);font-family:var(--nl-mono);font-size:.82rem;font-weight:700;letter-spacing:.06em}.network-roster li:after{content:"";grid-column:2;grid-row:1;width:.5rem;height:.5rem;border-radius:50%;background:var(--nl-line)}.network-roster li span{grid-column:3;grid-row:1;min-width:0;overflow:hidden;font-size:1rem;font-weight:750;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.network-roster li b{grid-column:4;grid-row:1;padding:.16rem .5rem;border:1px solid var(--nl-line-soft);color:var(--nl-muted);font-size:.66rem;font-weight:800;letter-spacing:.1em;white-space:nowrap}.network-roster .is-linked{border-left-color:var(--nl-live)}.network-roster .is-linked:after{background:var(--nl-live);box-shadow:0 0 10px var(--nl-live)}.network-roster .is-linked b{border-color:color-mix(in oklch,var(--nl-live) 40%,transparent);color:var(--nl-live)}.network-roster .is-linking{border-left-color:var(--nl-hazard)}.network-roster .is-linking:after{background:var(--nl-hazard);box-shadow:0 0 10px var(--nl-hazard);animation:nl-pulse 1s var(--nl-ease) infinite}.network-roster .is-linking b{border-color:color-mix(in oklch,var(--nl-hazard) 40%,transparent);color:var(--nl-hazard)}.network-roster .is-empty{border-style:dashed;border-left-style:solid;border-left-color:var(--nl-line-soft);color:var(--nl-dim);background:#f6f2e303}.network-roster .is-empty span{font-weight:600;letter-spacing:.06em}.network-roster .is-empty b{border-color:transparent;color:var(--nl-dim)}.room-actions{display:flex;grid-column:1 / -1;align-self:end;justify-content:space-between;gap:1px;border:1px solid var(--nl-line);background:var(--nl-line)}.room-actions button{flex:1;min-height:3.4rem;text-align:center;font-size:.95rem}.room-actions [data-action=back]{flex:0 1 12rem;color:var(--nl-muted)}.robot-network-lobby[data-room-role=guest] [data-action=start]{visibility:hidden}.robot-network-lobby[data-room-role=guest] [data-action=back]{flex:1}.network-error{position:absolute;z-index:3;right:clamp(1rem,4vw,3rem);bottom:1rem;display:flex;align-items:center;gap:.55rem;max-width:min(36rem,calc(100% - 2rem));margin:0;padding:.7rem 1rem .7rem .85rem;border-left:4px solid oklch(30% .08 40);color:#180804;background:#fb784f;box-shadow:0 12px 30px #00010280;font-weight:750;letter-spacing:.01em}.network-error:before{content:"!";flex:none;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#310e03;color:oklch(90% .1 60);font-size:.8rem;font-weight:900}@media(max-width:56rem){.network-menu{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.network-connect{order:-1;justify-self:stretch;max-width:none}.network-rules{max-width:none;min-height:0}.network-room{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:start}.room-heading,.room-crew{align-self:start}.room-heading h1{margin-bottom:.8rem}}@media(prefers-reduced-motion:reduce){.robot-network-lobby *,.robot-network-lobby *:before,.robot-network-lobby *:after{animation:none!important;transition-duration:.01ms!important}}