@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Saira+Condensed:wght@500;600;700&family=Saira+Stencil+One&display=swap";:root{--paper:#e9e6e2;--paper-hi:#f4f1ec;--paper-lo:#d6d0c7;--ink:#0d0d10;--muted:#66717c;--blue:#2e5e7b;--red:#8a1717;--stamp:#a32020}*{box-sizing:border-box}html{background:#232528}body{color:var(--ink);background:radial-gradient(circle at 8% 12%,#ffffff14,#0000 22rem),linear-gradient(120deg,#1f2225,#34383b 50%,#202225);min-height:100vh;margin:0;font-family:Saira Condensed,Arial,sans-serif}button,a{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #3d8fd1}.terminal-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:24px}.site-header{color:var(--paper-hi);justify-content:space-between;align-items:center;gap:24px;padding:2px 2px 22px;display:flex}.kicker,.section-heading span,.ledger-title span{text-transform:uppercase;letter-spacing:.18em;opacity:.66;margin:0 0 4px;font:700 10px/1.2 IBM Plex Mono,monospace}.site-header h1{letter-spacing:.035em;text-transform:uppercase;margin:0;font:400 clamp(25px,3vw,42px)/.95 Saira Stencil One,sans-serif}.site-header h1 span{color:#e54a50}.account-chip{background:#ffffff0f;border:1px solid #ffffff59;align-items:center;gap:10px;padding:8px 10px;display:flex}.account-chip div{display:grid}.account-chip small{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font:700 8px IBM Plex Mono,monospace}.account-chip strong{font-size:15px}.account-chip a{text-transform:uppercase;opacity:.75;margin-left:8px;font:600 11px IBM Plex Mono,monospace}.status-dot{background:#65b778;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #65b77826}.sign-in{color:var(--paper-hi);border:2px solid var(--paper-hi);text-transform:uppercase;letter-spacing:.08em;padding:11px 16px;font:700 12px IBM Plex Mono,monospace;text-decoration:none}.battle-layout{grid-template-columns:minmax(540px,1fr) 340px;align-items:start;gap:18px;display:grid}.game-column,.leaderboard{background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px #00000073}.section-heading,.ledger-title{border-bottom:2px solid var(--ink);background:var(--paper-hi);justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:12px 16px;display:flex}.section-heading h2,.ledger-title h2{text-transform:uppercase;letter-spacing:.04em;margin:0;font:400 22px/1 Saira Stencil One,sans-serif}.faction-select{border:1px solid var(--ink);display:flex}.faction-select button{color:var(--muted);text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:8px 10px;font:700 9px IBM Plex Mono,monospace}.faction-select button+button{border-left:1px solid var(--ink)}.faction-select button.blue.active{background:var(--blue);color:#fff}.faction-select button.red.active{background:var(--red);color:#fff}.public-name-settings{background:#e2ddd5;border-bottom:1px solid #969089;justify-content:space-between;align-items:end;gap:18px;padding:9px 16px;display:flex}.public-name-settings label{text-transform:uppercase;letter-spacing:.12em;gap:4px;min-width:230px;font:700 9px IBM Plex Mono,monospace;display:grid}.public-name-settings input{border:1.5px solid var(--ink);background:var(--paper-hi);width:100%;color:var(--ink);border-radius:2px;padding:7px 9px;font:700 13px IBM Plex Mono,monospace}.public-name-settings p{color:#4f5860;max-width:360px;margin:0;font:10px/1.45 IBM Plex Mono,monospace}.arena-panel{border-bottom:2px solid var(--ink);color:var(--paper-hi);background:linear-gradient(#0d0d10eb,#0d0d10eb),repeating-linear-gradient(45deg,#0000 0 12px,#ffffff17 12px 14px);grid-template-columns:minmax(220px,1fr) auto;gap:10px 16px;padding:12px 16px;display:grid}.arena-panel.ready{box-shadow:inset 5px 0 #e54a50}.arena-panel.playing{box-shadow:inset 5px 0 #65b778}.arena-copy{align-content:center;gap:3px;display:grid}.arena-copy span{color:#e54a50;letter-spacing:.15em;text-transform:uppercase;font:700 9px IBM Plex Mono,monospace}.arena-copy strong{font-size:15px;line-height:1.2}.arena-actions{align-items:center;gap:8px;display:flex}.arena-actions button{border:1.5px solid var(--paper-hi);background:var(--paper-hi);color:var(--ink);text-transform:uppercase;cursor:pointer;padding:8px 11px;font:700 10px IBM Plex Mono,monospace}.arena-actions button.accept{background:#65b778;border-color:#65b778}.arena-actions button.watch{color:#fff;background:#3d8fd1;border-color:#3d8fd1}.arena-actions button.leave{color:var(--paper-hi);background:0 0}.arena-actions button:disabled{cursor:wait;opacity:.55}.rival-strip{text-transform:uppercase;background:#0003;border:1px solid #ffffff40;grid-column:1/-1;grid-template-columns:auto minmax(80px,1fr) auto auto;align-items:center;gap:8px;padding:7px 9px;font:9px IBM Plex Mono,monospace;display:grid}.rival-strip>span{color:#e54a50;font-weight:700}.rival-strip>strong{text-overflow:ellipsis;overflow:hidden}.rival-strip>small{opacity:.7}.rival-strip>button{border:1px solid var(--paper-hi);color:var(--paper-hi);text-transform:uppercase;cursor:pointer;background:0 0;padding:5px 7px;font:700 8px IBM Plex Mono,monospace}.arena-lineup{grid-column:1/-1;gap:6px;margin:0;padding:2px 0 0;list-style:none;display:flex;overflow-x:auto}.arena-lineup li{background:#ffffff0d;border:1px solid #ffffff47;grid-template-columns:auto minmax(45px,auto);min-width:105px;padding:5px 7px;font:9px IBM Plex Mono,monospace;display:grid}.arena-lineup b{color:#e54a50;grid-row:span 2;margin-right:6px}.arena-lineup span{text-overflow:ellipsis;overflow:hidden}.arena-lineup small{opacity:.58;text-transform:uppercase}.game-frame-wrap{background:var(--paper-lo);min-height:min(790px,100vh - 150px);position:relative}.game-frame{background:var(--paper);border:0;width:100%;height:min(790px,100vh - 150px);min-height:660px;display:block}.login-gate{text-align:center;background:linear-gradient(#e9e6e2f0,#e9e6e2f0),repeating-linear-gradient(45deg,#0000 0 18px,#0d0d1014 18px 20px);place-content:center;justify-items:center;padding:40px;display:grid;position:absolute;inset:0}.login-gate .stamp{color:var(--stamp);text-transform:uppercase;border:3px solid;padding:6px 14px;font:400 16px Saira Stencil One;transform:rotate(-3deg)}.login-gate h3{text-transform:uppercase;max-width:520px;margin:14px 0 4px;font:400 clamp(27px,5vw,44px)/1 Saira Stencil One}.login-gate>p:not(.stamp){color:#34393f;max-width:460px;font-size:19px;line-height:1.35}.login-gate a{color:#fff;background:var(--ink);text-transform:uppercase;letter-spacing:.08em;box-shadow:4px 4px 0 var(--stamp);margin-top:12px;padding:14px 20px;font:700 13px IBM Plex Mono;text-decoration:none}.login-gate small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:18px;font:10px IBM Plex Mono}.match-note{border-top:2px solid var(--ink);background:var(--paper-hi);color:#40464c;margin:0;padding:10px 14px;font:12px/1.45 IBM Plex Mono}.leaderboard{position:sticky;top:18px}.daily-ledger{border-bottom:4px solid var(--ink);color:var(--paper-hi);background:#151a20}.daily-ledger-title{border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.daily-ledger-title span{color:#e54a50;text-transform:uppercase;letter-spacing:.12em;font:700 9px IBM Plex Mono}.daily-ledger-title h2{text-transform:uppercase;margin:2px 0 0;font:400 22px Saira Stencil One}.daily-ledger-title b{color:#65b778;text-transform:uppercase;font:700 9px IBM Plex Mono}.daily-ledger .ledger-message{color:#ffffffa6}.daily-score-list li{border-bottom-color:#ffffff2e;border-left:4px solid #65b778}.daily-score-list .rank,.daily-score-list .commander small{color:#ffffff8c}.ledger-title b{color:var(--stamp);text-transform:uppercase;border:2px solid;padding:3px 7px;font:400 12px Saira Stencil One;transform:rotate(-4deg)}.ledger-message,.empty-ledger{color:var(--muted);margin:0;padding:28px 18px;font:12px/1.6 IBM Plex Mono}.empty-ledger{align-items:center;gap:14px;display:flex}.empty-ledger span{color:var(--stamp);font:400 34px Saira Stencil One}.score-list{margin:0;padding:0;list-style:none}.score-list li{border-bottom:1px solid #969089;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.score-list li.blue{border-left:5px solid var(--blue)}.score-list li.red{border-left:5px solid var(--red)}.rank{color:var(--muted);font:700 11px IBM Plex Mono}.commander{min-width:0;display:grid}.commander strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.commander small{text-transform:uppercase;color:var(--muted);font:8px IBM Plex Mono}.score-list .score{font:400 21px Saira Stencil One}.scoring-key{background:var(--paper-hi);border-top:2px solid var(--ink);padding:16px}.scoring-key h3{text-transform:uppercase;letter-spacing:.12em;margin:0 0 9px;font:700 10px IBM Plex Mono}.scoring-key dl{margin:0}.scoring-key dl div{justify-content:space-between;font:11px/1.7 IBM Plex Mono;display:flex}.scoring-key dd{margin:0;font-weight:700}.score-notice{z-index:20;border:2px solid var(--ink);background:var(--paper-hi);box-shadow:5px 5px 0 var(--stamp);cursor:pointer;text-align:left;padding:14px 16px;font:700 12px IBM Plex Mono;position:fixed;bottom:24px;right:24px}.score-notice span{color:var(--stamp);text-transform:uppercase;margin-top:5px;font-size:9px;display:block}@media (width<=980px){.terminal-shell{padding:14px}.battle-layout{grid-template-columns:1fr}.leaderboard{position:static}}@media (width<=600px){.terminal-shell{padding:0}.site-header{align-items:flex-start;padding:14px}.site-header h1{font-size:24px}.kicker{font-size:8px}.account-chip{padding:6px 8px}.account-chip div,.account-chip .status-dot{display:none}.account-chip a{margin:0}.battle-layout{gap:0}.game-column,.leaderboard{box-shadow:none;border-left:0;border-right:0}.section-heading{flex-direction:column;align-items:flex-start}.faction-select{width:100%}.faction-select button{flex:1}.public-name-settings{flex-direction:column;align-items:stretch;gap:6px}.public-name-settings label{min-width:0}.arena-panel{grid-template-columns:1fr}.arena-actions{flex-wrap:wrap}.arena-lineup{grid-column:1}.rival-strip{grid-column:1;grid-template-columns:auto 1fr}.rival-strip>button{grid-column:1/-1}.game-frame-wrap,.game-frame{height:780px;min-height:780px}.sign-in{padding:8px;font-size:9px}.score-notice{bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}