:root{color:#efeee8;font-synthesis:none;text-rendering:optimizelegibility;--paper:#efeee8;--ink:#11110f;--muted:#9b9a92;--ink-muted:#b8b7b0;--line:#efeee833;--line-soft:#efeee817;--line-strong:#efeee857;--signal:#d9ff43;--danger:#ff665d;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;background:#11110f;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{background:var(--ink);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,dialog:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.34}.app-shell{flex-direction:column;width:min(100%,1500px);min-height:100vh;margin:0 auto;padding:0 42px;display:flex}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.wordmark{color:var(--paper);letter-spacing:-.03em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:26px;text-decoration:none}.wordmark span:last-child{color:var(--signal)}.header-meta{color:var(--muted);letter-spacing:.14em;align-items:center;gap:30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.connection-mark{align-items:center;gap:8px;display:inline-flex}.connection-mark>span{background:var(--muted);width:7px;height:7px}.connection-mark--connected>span{background:var(--signal);box-shadow:0 0 14px #d9ff4399}.connection-mark--local>span{background:var(--signal)}.connection-mark--disconnected>span{background:var(--danger)}.connection-mark--reconnecting>span{background:#ffb14a;animation:.8s steps(2,end) infinite signal}.settings-trigger{border:0;border-bottom:1px solid var(--paper);cursor:pointer;color:var(--paper);letter-spacing:.13em;background:0 0;padding:7px 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.error-strip{background:var(--danger);min-height:42px;color:var(--ink);align-items:center;gap:20px;padding:10px 14px;font-size:13px;font-weight:650;display:flex}.reconnect-strip{min-height:42px;color:var(--ink);background:#ffb14a;align-items:center;gap:20px;padding:10px 14px;font-size:13px;font-weight:650;display:flex}.reconnect-strip span,.error-strip span{letter-spacing:.15em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.site-footer{border-top:1px solid var(--line);min-height:56px;color:var(--muted);letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.eyebrow,.section-ruler,.board-label,.metric span,.next-list>span,.garbage-meter span{letter-spacing:.14em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.eyebrow{color:var(--signal);margin:0 0 22px}.loading-stage{flex-direction:column;justify-content:center;align-items:flex-start;min-height:calc(100vh - 138px);display:flex}.loading-stage h1{letter-spacing:-.055em;margin:25px 0 8px;font-size:clamp(42px,6vw,88px);font-weight:600}.loading-stage>p:last-child{color:var(--muted)}.signal-loader{gap:6px;display:flex}.signal-loader i{background:var(--signal);width:42px;height:6px;animation:1s steps(2,end) infinite signal}.signal-loader i:nth-child(2){animation-delay:.12s}.signal-loader i:nth-child(3){animation-delay:.24s}.signal-loader i:nth-child(4){animation-delay:.36s}@keyframes signal{50%{opacity:.18}}.entry-stage{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:clamp(60px,10vw,150px);min-height:calc(100vh - 138px);padding:70px 5vw;display:grid}.entry-intro h1{letter-spacing:-.045em;text-transform:uppercase;max-width:780px;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(70px,8vw,132px);font-weight:400;line-height:.82}.intro-copy{color:#b8b7b0;max-width:550px;margin:38px 0 34px;font-size:17px;line-height:1.55}.rule-line{border-top:1px solid var(--line);max-width:620px;color:var(--muted);letter-spacing:.12em;justify-content:space-between;padding-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.entry-actions{border-left:1px solid var(--line);padding:32px 0 0 38px}.entry-actions label{display:block}.entry-actions label>span{color:var(--muted);letter-spacing:.13em;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block}.entry-actions input{border:0;border-bottom:1px solid var(--paper);width:100%;height:62px;color:var(--paper);text-transform:uppercase;background:0 0;border-radius:0;font-size:24px;font-weight:600}.entry-actions input::placeholder{color:#484844}.primary-action,.ready-action{border:1px solid var(--signal);background:var(--signal);width:100%;min-height:62px;color:var(--ink);cursor:pointer;letter-spacing:.09em;border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.primary-action{justify-content:space-between;align-items:center;margin-top:28px;padding:0 20px;display:flex}.primary-action b{font-size:22px}.primary-action:hover:not(:disabled),.ready-action:hover:not(:disabled){background:var(--paper);border-color:var(--paper)}.join-divider{color:var(--muted);letter-spacing:.12em;align-items:center;gap:15px;margin:35px 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.join-divider:before,.join-divider:after{content:"";background:var(--line-soft);flex:1;height:1px}.join-row{grid-template-columns:1fr 92px;gap:14px;display:grid}.join-row .room-code-input{letter-spacing:.25em;height:54px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px}.join-action{border:1px solid var(--paper);cursor:pointer;letter-spacing:.12em;background:0 0;border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.join-requirement{min-height:1.2em;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.45}.local-action{border:0;border-bottom:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--paper);cursor:pointer;font:700 .76rem/1 var(--font-mono);letter-spacing:.14em;background:0 0;justify-content:space-between;align-items:center;margin-top:12px;padding:0 4px;display:flex}.local-action:after{content:"→";color:var(--muted);font-size:1rem;transition:color .14s,transform .14s}.local-action:hover{border-color:var(--signal);color:var(--signal)}.local-action:hover:after{color:var(--signal);transform:translate(3px)}.local-action--loading{width:min(100%,320px);margin-top:22px}.local-arena-grid{grid-template-columns:minmax(150px,.7fr) minmax(280px,360px) minmax(190px,.9fr);justify-content:center;align-items:start;gap:clamp(18px,3vw,42px);display:grid}.local-briefing{gap:18px;display:grid}.local-briefing>p:not(.eyebrow){color:var(--ink-muted);font-size:.88rem;line-height:1.65}@media (width<=860px){.local-arena-grid{grid-template-columns:minmax(0,1fr)}.local-arena-grid .local-board-wrap{order:-1}}.join-action:hover:not(:disabled){background:var(--paper);color:var(--ink)}.lobby-stage{grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);align-items:center;gap:10vw;min-height:calc(100vh - 138px);padding:90px 7vw;display:grid;position:relative}.lobby-code-block{align-self:start;padding-top:60px}.lobby-code-block>p:last-child{max-width:300px;color:var(--muted);line-height:1.5}.room-code{cursor:pointer;letter-spacing:.09em;background:0 0;border:0;flex-direction:column;align-items:flex-start;margin:10px 0 25px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(52px,6vw,86px);font-weight:700;line-height:1;display:flex}.room-code span{border-bottom:1px solid var(--signal);color:var(--signal);letter-spacing:.14em;margin-top:16px;padding-bottom:4px;font-size:9px}.lobby-roster{border-top:1px solid var(--paper)}.section-ruler{height:42px;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.pilot-row{border-top:1px solid var(--line);grid-template-columns:46px 1fr auto;align-items:center;gap:18px;min-height:106px;display:grid}.pilot-number{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pilot-row strong{text-transform:uppercase;font-size:24px;font-weight:550}.pilot-row strong em{color:var(--signal);letter-spacing:.12em;margin-left:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-style:normal}.pilot-row--empty strong{color:#8d8c84}.ready-state{color:var(--muted);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.ready-state--true{color:var(--signal)}.ready-action{margin-top:28px}.countdown{z-index:5;background:#11110ff0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown span{color:var(--signal);letter-spacing:.16em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.countdown strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:min(45vw,390px);font-weight:400;line-height:.92}.arena-stage{flex:1;padding:20px 0 44px}.arena-topline{border-bottom:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;align-items:center;min-height:44px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.arena-topline>div{color:var(--muted);gap:32px;display:flex}.match-state{color:var(--signal)}.match-state--paused{color:#ffb14a}.match-state--result{color:var(--paper)}.pause-banner{min-height:54px;color:var(--ink);background:#ffb14a;align-items:center;gap:26px;padding:12px 20px;font-size:13px;font-weight:600;display:flex}.pause-banner span{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.arena-grid{grid-template-columns:minmax(130px,.52fr) 300px minmax(230px,.9fr) minmax(130px,.5fr);justify-content:center;align-items:start;gap:clamp(24px,3.2vw,56px);padding-top:24px;display:grid}.local-telemetry,.controls-panel{padding-top:42px}.metric{border-top:1px solid var(--line);padding:14px 0 21px}.metric span,.next-list>span,.garbage-meter span{color:var(--muted);margin-bottom:10px;display:block}.metric strong{letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(23px,2.6vw,42px);font-weight:500}.metric--small{grid-template-columns:1fr auto;align-items:center;display:grid}.metric--small span{margin:0}.metric--small strong{font-size:22px}.next-list,.garbage-meter{border-top:1px solid var(--line);padding:18px 0}.next-list div{flex-wrap:wrap;gap:6px;display:flex}.next-list b{background:#262622;place-items:center;width:28px;height:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:grid}.garbage-meter strong{color:var(--danger);font-size:32px}.garbage-meter__bar{--garbage-lines:0;width:min(100%, calc(var(--garbage-lines) * 10%));background:var(--danger);min-height:3px;margin-top:10px;transition:width .14s ease-out;display:block;box-shadow:0 0 18px #ff5b616b}.board-label{justify-content:space-between;align-items:flex-start;min-height:42px;display:flex}.board-label strong{max-width:60%;color:var(--paper);text-overflow:ellipsis;letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;overflow:hidden}.board-label span{color:var(--muted);font-size:8px}.game-board{max-width:100%;image-rendering:crisp-edges;border:1px solid #efeee847;display:block;box-shadow:12px 12px #00000038}.game-board--danger{border-color:#ff5b61c7;animation:.9s ease-in-out infinite alternate danger-pulse;box-shadow:0 0 28px #ff5b6133,12px 12px #00000038}.attack-vector{color:var(--muted);font:700 .58rem/1 var(--font-mono);letter-spacing:.14em;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;display:grid}.attack-vector i{background:var(--line-strong);height:1px;position:relative;overflow:hidden}.attack-vector i:after{content:"";background:var(--signal);width:24%;position:absolute;inset:-1px auto -1px -24%}.attack-vector--incoming i:after{background:var(--danger)}.attack-vector--active{color:var(--paper)}.attack-vector--active i:after{animation:.7s linear infinite attack-dispatch}@keyframes attack-dispatch{to{transform:translate(520%)}}@keyframes danger-pulse{to{filter:saturate(1.35)brightness(1.08)}}.opponent-column{max-width:310px}.event-feed{border-top:1px solid var(--paper);margin-top:28px}.event-feed>p{color:#6e6e68;font-size:12px}.event-feed>div:not(.section-ruler){border-top:1px solid var(--line-soft);grid-template-columns:90px 1fr;gap:8px;padding:10px 0;font-size:10px;display:grid}.event-feed strong{color:var(--signal);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.event-feed span{color:var(--muted)}.controls-panel dl{margin:0}.controls-panel dl div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.controls-panel dt{color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.controls-panel dd{color:var(--muted);letter-spacing:.08em;text-align:right;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.result-panel{border-top:6px solid var(--signal);background:var(--paper);width:min(100%,620px);color:var(--ink);padding:34px}.result-overlay{z-index:40;box-sizing:border-box;width:100vw;max-width:none;height:100vh;max-height:none;color:inherit;background:#090909c7;border:0;margin:0;padding:clamp(20px,5vw,72px);display:none;position:fixed;inset:0;overflow:auto}.result-overlay[open]{place-items:center;display:grid}.result-overlay::backdrop{background:0 0}.result-overlay .result-panel{margin:auto;box-shadow:18px 18px #00000057}.result-panel .eyebrow{color:#55554f}.result-panel h2{margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(64px,8vw,108px);font-weight:400;line-height:.88}.result-panel p:not(.eyebrow){max-width:440px;line-height:1.5}.series-board{border-bottom:1px solid #0f0f0e47;max-width:440px;margin:24px 0}.series-board .section-ruler{color:#55554f;border-color:#0f0f0e47}.series-board ol{margin:0;padding:0;list-style:none}.series-board li{min-height:48px;font:800 .72rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #0f0f0e2e;justify-content:space-between;align-items:center;gap:20px;display:flex}.series-board li strong{font-size:1.35rem}.result-panel .primary-action{border-color:var(--ink);background:var(--ink);max-width:330px;color:var(--paper)}.result-actions{grid-template-columns:1fr 130px;align-items:end;gap:12px;max-width:440px;display:grid}.secondary-action{border:1px solid var(--ink);min-height:62px;color:var(--ink);cursor:pointer;letter-spacing:.09em;background:0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800}.secondary-action:hover{background:var(--ink);color:var(--paper)}.settings-dialog{border:1px solid var(--paper);width:min(92vw,650px);max-height:min(88vh,780px);color:var(--paper);background:#171714;border-radius:0;margin:auto;padding:32px;overflow:auto;box-shadow:18px 18px #00000080}.settings-dialog::backdrop{background:#080807c7}.settings-heading{border-bottom:1px solid var(--paper);justify-content:space-between;align-items:flex-start;display:flex}.settings-heading h2{text-transform:uppercase;margin:0 0 28px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:62px;font-weight:400;line-height:.9}.dialog-close{border:1px solid var(--line);cursor:pointer;background:0 0;width:42px;height:42px;font-size:28px;line-height:1}.settings-toggles{grid-template-columns:1fr 1fr;gap:12px;padding:22px 0;display:grid}.settings-toggles button{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:76px;padding:14px;display:flex}.settings-toggles span,.binding-heading,.binding-list span,.settings-note{letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.settings-toggles strong{color:var(--signal);font-size:14px}.binding-heading{border-top:1px solid var(--paper);border-bottom:1px solid var(--line);min-height:45px;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.binding-heading button{border:0;border-bottom:1px solid var(--signal);color:var(--signal);cursor:pointer;letter-spacing:.1em;background:0 0;padding:0;font-size:8px}.binding-list>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;min-height:50px;display:flex}.binding-list button{border:1px solid var(--line);cursor:pointer;min-width:112px;min-height:32px;color:var(--paper);letter-spacing:.08em;background:#252521;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.binding-list button:hover,.binding-list button:focus-visible{border-color:var(--signal)}.settings-note{color:var(--muted);margin:20px 0 0;line-height:1.5}@media (width<=1100px){.app-shell{padding:0 24px}.entry-stage{grid-template-columns:1fr 360px;gap:50px;padding-inline:0}.arena-grid{grid-template-columns:120px 300px 190px}.arena-grid>.controls-panel{display:none}}@media (width<=780px){.app-shell{padding:0 16px}.header-meta>span:first-child,.site-footer span:nth-child(2){display:none}.header-meta{gap:16px}.settings-dialog{padding:22px}.settings-toggles{grid-template-columns:1fr}.entry-stage,.lobby-stage{grid-template-columns:1fr;gap:50px;padding:60px 0}.entry-intro h1{font-size:clamp(58px,18vw,96px)}.entry-actions{border-left:0;padding-left:0}.lobby-code-block{padding-top:0}.arena-grid{grid-template-columns:minmax(100px,1fr) 300px;justify-content:start;overflow-x:auto}.opponent-column{grid-column:1/-1;grid-template-columns:190px 1fr;gap:24px;width:100%;max-width:none;display:grid}.opponent-column .board-label{grid-column:1/-1}.event-feed{margin-top:0}.site-footer{gap:20px}}@media (prefers-reduced-motion:reduce){.signal-loader i{animation:none}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}