:root{color-scheme:dark;--bg-night: #02060a;--bg-void: #07141d;--panel: rgba(5, 10, 16, .84);--panel-strong: rgba(4, 9, 14, .94);--line: rgba(96, 255, 217, .16);--line-strong: rgba(96, 255, 217, .3);--neon: #60ffd9;--neon-cyan: #4deaff;--neon-warm: #ffb36c;--danger: #ff6d62;--text: #f4eee2;--muted: #8ea0aa;--shadow: 0 24px 80px rgba(0, 0, 0, .46);--heading: "Agency FB", "Bahnschrift Condensed", "Trebuchet MS", sans-serif;--body: "Aptos", "Segoe UI Variable Text", "Trebuchet MS", sans-serif;--mono: "Consolas", "Lucida Console", monospace;font-family:var(--body)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 16%,rgba(255,179,108,.14),transparent 18%),radial-gradient(circle at 88% 12%,rgba(77,234,255,.1),transparent 20%),linear-gradient(180deg,#010308,#041019 42%,#06131c);overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.94),transparent 78%);mask-image:linear-gradient(180deg,rgba(255,255,255,.94),transparent 78%)}body:after{background:linear-gradient(180deg,transparent,rgba(96,255,217,.03) 52%,transparent 100%)}button,input,select{font:inherit}button,input,select,.panel-skin,.status-badge,.connection-chip,.topbar-chip,.telemetry-card,.hero-chip,.dock-mode-card,.invite-block,.safe-move,.coach-list li,.players li,.move-feed li,.signal-square{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}button{border:1px solid rgba(96,255,217,.22);color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 60%),#080f16f5;padding:.88rem 1rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}button:hover{transform:translateY(-2px);border-color:#60ffd980;box-shadow:0 14px 28px #0000003d}button.primary{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 60%),linear-gradient(135deg,#32a691fa,#0b3a3cfa)}button.primary.secondary{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 60%),linear-gradient(135deg,#ffb36cfa,#8e4e22fa)}input,select{width:100%;border:1px solid rgba(255,255,255,.08);color:var(--text);background:#04090ef0;padding:.92rem .95rem;box-shadow:inset 0 1px #ffffff0a}h1,h2,h3,.brand-badge,.dock-mode-card strong,.coach-headline,.safe-move strong,.telemetry-card strong{font-family:var(--heading);letter-spacing:.02em}.world-shell{position:relative;width:min(1840px,calc(100vw - 16px));margin:0 auto;padding:12px 0 24px}.world-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.matrix-rain{position:absolute;inset:0}.matrix-column{position:absolute;top:-34vh;color:#60ffd942;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;writing-mode:vertical-rl;text-orientation:upright;animation:matrixFall linear infinite;text-shadow:0 0 10px rgba(96,255,217,.28)}.void-grid{position:absolute;left:-8%;right:-8%;bottom:-10%;height:52vh;background-image:linear-gradient(rgba(96,255,217,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(96,255,217,.11) 1px,transparent 1px);background-size:54px 54px;transform:perspective(840px) rotateX(76deg);opacity:.28}.void-orb{position:absolute;border-radius:999px;filter:blur(90px);opacity:.28}.orb-a{width:340px;height:340px;left:-2%;top:10%;background:#ffb36c33;animation:orbDrift 15s ease-in-out infinite}.orb-b{width:320px;height:320px;right:12%;top:18%;background:#4deaff2e;animation:orbDrift 19s ease-in-out infinite reverse}.orb-c{width:460px;height:240px;left:34%;bottom:8%;background:#60ffd91a;animation:orbDrift 22s ease-in-out infinite}.voxel-horizon{position:absolute;left:-2%;right:-2%;bottom:0;height:28vh}.voxel-column{position:absolute;bottom:0;border:1px solid rgba(96,255,217,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 55%),linear-gradient(180deg,#082222eb,#03070cfa);box-shadow:inset 0 0 0 1px #60ffd90a,0 0 22px #4deaff0a;animation:voxelRise 8s ease-in-out infinite}.scan-veil{position:absolute;inset:-10%;background:linear-gradient(180deg,transparent,rgba(77,234,255,.05),transparent);mix-blend-mode:screen}.scan-a{animation:beamSweep 10s linear infinite}.scan-b{animation:beamSweep 14s linear infinite reverse;opacity:.5}.panel-skin{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 20%),linear-gradient(180deg,#060b11fa,#03070cf5);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-skin:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(96,255,217,.06),transparent 24%),linear-gradient(315deg,rgba(255,179,108,.06),transparent 20%)}.topbar{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;margin-bottom:14px}.brand-stack,.dock-heading,.arena-title{position:relative;z-index:1}.eyebrow{margin:0 0 .35rem;color:var(--neon-cyan);font-family:var(--mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase}.brand-title-row{display:flex;align-items:center;gap:.85rem}.brand-title-row h1{margin:0;font-size:clamp(2.5rem,4vw,4rem);line-height:.9}.brand-badge{padding:.38rem .7rem;border:1px solid rgba(96,255,217,.22);background:#050b12c7;color:var(--neon);font-size:.8rem}.brand-sub{margin:.25rem 0 0;color:var(--muted);font-size:.96rem}.topbar-status{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:end}.topbar-chip,.status-badge,.connection-chip{border:1px solid rgba(96,255,217,.18);padding:.56rem .88rem;background:#050b11bd;font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.connection-chip{color:var(--text)}.arena-layout{position:relative;z-index:1;display:grid;grid-template-columns:290px minmax(0,1fr) 320px;gap:14px}.launch-console,.oracle-console{padding:1rem}.main-stage{padding:.9rem;display:flex;flex-direction:column;gap:.9rem;min-height:960px}.dock-heading,.stage-headline,.oracle-banner{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.dock-heading h2,.arena-title h2,.oracle-banner h2{margin:0;font-size:1.5rem}.dock-mode-grid,.field-grid,.button-row,.coach-columns{display:grid;gap:.75rem}.dock-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:170px}.dock-mode-card,.invite-block,.telemetry-card{position:relative;z-index:1;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 58%),#070d14e6;padding:.85rem}.dock-mode-card span,.telemetry-card span{display:block;color:var(--neon);font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.dock-mode-card strong,.telemetry-card strong{display:block;margin-top:.45rem;font-size:.95rem}.field{display:block;margin-bottom:.75rem}.field span{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.field-grid,.button-row{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{margin-bottom:.7rem}.dock-divider{height:1px;margin:.95rem 0;background:linear-gradient(90deg,transparent,rgba(96,255,217,.18),transparent)}.mini-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.8rem}.mini-strip span{border:1px solid rgba(96,255,217,.14);padding:.42rem .62rem;background:#050a10c2;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-cyan)}.dock-terminal .microcopy{color:var(--muted)}.stage-headline{align-items:center}.arena-title p:last-child{margin:.35rem 0 0;color:var(--muted);max-width:48ch;line-height:1.5;font-size:.92rem}.badge-stack{display:grid;gap:.55rem}.status-badge.muted{color:var(--muted)}.stage-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:start}.render-toggle{display:flex;flex-wrap:wrap;gap:.7rem}.chip-toggle{padding:.78rem 1rem}.chip-toggle[data-active=true]{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 60%),linear-gradient(135deg,#124a45f5,#061216fa);box-shadow:0 0 24px #4deaff14}.arena-notes{display:grid;gap:.55rem;justify-items:end}.microcopy{margin:0;color:var(--muted);line-height:1.5}.renderer-note{max-width:32ch;text-align:right;font-size:.88rem}.void-stage{position:relative;flex:1;min-height:780px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 18%,rgba(96,255,217,.08),transparent 24%),linear-gradient(180deg,#040a10f5,#02060afa)}.arena-atmosphere{position:absolute;inset:0;pointer-events:none}.arena-grid{position:absolute;inset:auto -10% -12%;height:60%;background-image:linear-gradient(rgba(77,234,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(77,234,255,.12) 1px,transparent 1px);background-size:46px 46px;transform:perspective(900px) rotateX(76deg);opacity:.34}.arena-column{position:absolute;top:11%;bottom:12%;width:16px;background:linear-gradient(180deg,#4deaff0a,#4deaff38,#4deaff0a);box-shadow:0 0 24px #4deaff1f}.arena-column-left{left:8%}.arena-column-right{right:8%}.arena-art{position:absolute;display:block}.arena-art-balance{width:58%;left:-11%;top:-6%;opacity:.1}.arena-art-monolith{width:34%;right:3%;top:6%;opacity:.34}.arena-art-guide{width:17%;right:-1%;bottom:-1%;opacity:.46;animation:guideFloat 8s ease-in-out infinite}.arena-scanline{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.035) 42%,transparent 62%),radial-gradient(circle at 50% 46%,rgba(96,255,217,.1),transparent 26%);mix-blend-mode:screen;animation:scanPulse 9s linear infinite}.stage-wordmark{position:absolute;top:.9rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;color:#60ffd966}.stage-wordmark-left{left:1rem}.stage-wordmark-right{right:1rem}.board-chassis{position:absolute;left:50%;top:54%;width:min(94%,1180px);transform:translate(-50%,-50%);z-index:1}.board-stage-frame{position:relative;overflow:hidden;border:1px solid rgba(96,255,217,.18);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 60%),radial-gradient(circle at 50% 10%,rgba(96,255,217,.08),transparent 25%),#03080ef2;box-shadow:inset 0 0 0 1px #ffffff0a,0 22px 56px #00000047}.board-stage-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(96,255,217,.08),transparent),linear-gradient(180deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);mix-blend-mode:screen}.board-mount,.board-mount>*{width:100%;height:100%}.board-mount{position:relative;min-height:820px}.board-canvas{display:block}.arena-footer{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:1;display:flex;justify-content:end}.telemetry-card{max-width:18rem}.oracle-banner{align-items:center;margin-bottom:.9rem}.oracle-banner img{width:86px;height:124px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.32))}.coach-headline{margin:.1rem 0 .35rem;font-size:1.42rem}.coach-summary{margin:0 0 .95rem;color:var(--muted);line-height:1.55}.coach-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.oracle-console h3{margin:0 0 .55rem;color:var(--neon-warm);font-family:var(--mono);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}.coach-list,.players,.move-feed{margin:0;padding:0;list-style:none}.coach-list li,.players li,.move-feed li{margin-bottom:.55rem;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 58%),#060c12f0;padding:.82rem .88rem;color:var(--muted);line-height:1.42;font-size:.9rem}.safe-moves{display:grid;gap:.7rem}.safe-move{display:grid;gap:.28rem;justify-items:start;text-align:left;padding:.88rem .92rem;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 58%),#070d13f2}.safe-move span{color:var(--muted);font-size:.86rem}.empty-state{color:var(--muted)}.signal-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:8px;padding:10px;background:linear-gradient(180deg,rgba(96,255,217,.03),transparent 45%),#03080ef2}.signal-square{position:relative;display:flex;align-items:end;justify-content:space-between;min-height:82px;padding:.74rem;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0d,0 8px 18px #00000026}.signal-square[data-color=light]{background:linear-gradient(180deg,#ffc68847,#543826f5),#0a0a0cf5}.signal-square[data-color=dark]{background:linear-gradient(180deg,#1d5c5c85,#061015fa),#050a0ef5}.signal-square:before,.signal-square:after{content:"";position:absolute;pointer-events:none}.signal-square:before{inset:0;opacity:0;background:radial-gradient(circle at center,rgba(77,234,255,.34),transparent 60%);transition:opacity .18s ease}.signal-square:after{width:12px;height:12px;left:50%;top:50%;margin-left:-6px;margin-top:-6px;border-radius:999px;opacity:0;background:var(--neon);box-shadow:0 0 22px #60ffd9ad}.signal-square:hover:before,.signal-square.is-selection:before,.signal-square.is-last-to:before{opacity:1}.signal-square.is-target:after{opacity:1}.signal-square.is-danger{box-shadow:inset 0 0 0 1px #ff6d628f,0 8px 18px #00000026}.signal-square.is-guarded{box-shadow:inset 0 0 0 1px #4deaff4d,0 8px 18px #00000026}.signal-square.is-selection{box-shadow:inset 0 0 0 1px #ffb36cad,0 12px 22px #0003}.signal-square.is-last-from{outline:1px dashed rgba(255,255,255,.2);outline-offset:-5px}.signal-square.is-last-to:before{background:radial-gradient(circle at center,rgba(255,179,108,.28),transparent 60%)}.signal-coordinate{position:relative;z-index:1;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:#ffffff94}.signal-piece{position:relative;z-index:1;font-family:var(--heading);font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1}.signal-piece.is-white{color:#fff0db;text-shadow:0 0 16px rgba(255,179,108,.28)}.signal-piece.is-black{color:var(--neon-cyan);text-shadow:0 0 16px rgba(77,234,255,.34)}.signal-piece.is-empty{opacity:0}@keyframes matrixFall{0%{transform:translateY(-18vh)}to{transform:translateY(118vh)}}@keyframes orbDrift{0%,to{transform:translateZ(0)}50%{transform:translate3d(16px,-12px,0)}}@keyframes voxelRise{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes beamSweep{0%{transform:translateY(-12%)}to{transform:translateY(12%)}}@keyframes guideFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes scanPulse{0%,to{opacity:.42}50%{opacity:.74}}@media(max-width:1480px){.arena-layout{grid-template-columns:1fr}.main-stage{min-height:0}}@media(max-width:1080px){.topbar,.stage-headline,.stage-toolbar,.dock-heading,.oracle-banner{flex-direction:column;align-items:start}.topbar-status,.arena-notes{justify-content:start}.renderer-note{text-align:left}.field-grid,.button-row,.coach-columns{grid-template-columns:1fr}.dock-mode-grid{min-width:0}.board-chassis{width:calc(100% - 1rem)}}@media(max-width:760px){.world-shell{width:min(calc(100vw - 10px),100%);padding-top:8px}.topbar,.launch-console,.oracle-console,.main-stage{padding:.85rem}.brand-title-row{align-items:start;flex-direction:column;gap:.45rem}.brand-title-row h1{font-size:2.45rem}.board-mount{min-height:520px}.void-stage{min-height:620px}.signal-board{gap:6px;padding:8px}.signal-square{min-height:58px;padding:.45rem}}