:root{--bg0: #0B0E17;--bg1: #121627;--panel: #171C30;--panel-raised: #1D2340;--line: rgba(255, 255, 255, .07);--ink: #E8EBF7;--dim: #8A93B2;--faint: #566080;--gold: #F0B34E;--teal: #43E5C4;--win: #3FD68C;--loss: #FF5D73;--draw: #8A93B2;--sq-light: #CBD3EE;--sq-dark: #454E74;--sq-highlight: rgba(240, 179, 78, .35);--sq-check: rgba(255, 93, 115, .45);--radius: 3px;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-body: Inter, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--bg0);color:var(--ink);font-family:var(--font-body);font-size:13px;-webkit-font-smoothing:antialiased}.label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-weight:600}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.01em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}button,input,select,textarea{touch-action:manipulation}*{scrollbar-width:thin;scrollbar-color:var(--panel-raised) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-raised);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--faint)}::-webkit-scrollbar-corner{background:transparent}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}