@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/archivo-latin.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/archivo-latin-ext.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark;--ink: #ece9e2;--muted: #9a938a;--quiet: #857f75;--paper: #141312;--surface: #1b1a17;--surface-2: #23211d;--line: #2d2b27;--accent: #eaa62e;--accent-dark: #c9861a;--accent-dim: rgba(234, 166, 46, .1);--danger: #ff6b6b;--ok-bg: rgba(111, 211, 154, .1);--ok-fg: #7bd6a4;--err-bg: rgba(255, 107, 107, .1);--err-fg: #ff8f8f;--sans: "Archivo", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}:root[data-theme=light]{color-scheme:light;--ink: #1a1815;--muted: #59544c;--quiet: #6c675e;--paper: #f7f5ef;--surface: #ffffff;--surface-2: #edeae1;--line: #ddd9cf;--accent: #a86400;--accent-dark: #7f4a00;--accent-dim: rgba(168, 100, 0, .08);--danger: #cc2200;--ok-bg: rgba(31, 122, 77, .1);--ok-fg: #1f7a4d;--err-bg: rgba(204, 34, 0, .08);--err-fg: #a83232}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .15s,color .15s}.app{min-height:100vh;display:flex;flex-direction:column;max-width:620px;margin:0 auto;padding:0 20px}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:700;font-size:1.02rem;letter-spacing:.01em;color:var(--ink);background:none;border:none;padding:0;cursor:pointer}.brand-mark{color:var(--accent);font-size:1.15rem;line-height:1}.header-actions{display:flex;align-items:center;gap:8px}.main{flex:1;display:flex;flex-direction:column;gap:16px;padding:48px 0}.footer{padding:24px 0;border-top:1px solid var(--line);font-size:.78rem;letter-spacing:.02em;text-align:center;color:var(--quiet)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px}.auth{max-width:440px;width:100%;margin:8px auto 0}.eyebrow{margin:0 0 8px;color:var(--accent);font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.title{margin:0 0 8px;font-size:1.7rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.subtitle{margin:0 0 14px;font-size:.74rem;color:var(--quiet);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.muted{color:var(--muted);margin:0;line-height:1.6}.form{display:flex;flex-direction:column;gap:16px;margin-top:22px}.field{display:flex;flex-direction:column;gap:7px;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.field input{font-family:var(--sans);font-size:.95rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:12px 13px;transition:border-color .12s;appearance:none}.field input::placeholder{color:var(--quiet)}.field input:focus{outline:none;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:.9rem;font-weight:600;line-height:1;letter-spacing:.01em;cursor:pointer;border-radius:9px;border:1px solid transparent;min-height:44px;padding:0 20px;white-space:nowrap;transition:color .12s,background .12s,border-color .12s,transform .05s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.btn-primary:not(:disabled):hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);min-height:34px;padding:0 12px;font-size:.84rem}.btn-ghost:not(:disabled):hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.link{background:none;border:none;padding:0;font:inherit;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .12s}.link:hover{border-bottom-color:currentColor}.switch{margin-top:20px;font-size:.88rem;text-align:center}.sent{margin-top:22px}.banner{margin-top:16px;padding:11px 14px;border-radius:9px;font-size:.86rem;line-height:1.5;border:1px solid transparent}.banner-ok{background:var(--ok-bg);color:var(--ok-fg);border-color:color-mix(in srgb,var(--ok-fg) 32%,transparent)}.banner-err{background:var(--err-bg);color:var(--err-fg);border-color:color-mix(in srgb,var(--err-fg) 32%,transparent)}.dashboard{display:flex;flex-direction:column;gap:16px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--accent)}.stat-value{font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}.soon{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.soon li{font-size:.9rem;line-height:1.5}.soon li strong{color:var(--ink);font-weight:650}.devices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.devices li{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:.84rem;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.device-id{font-weight:650;color:var(--ink)}.devices li .muted{flex:1;font-size:.8rem}.link-code{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.link-code input{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-variant-numeric:tabular-nums}.pill{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);vertical-align:middle}.btn-sm{min-height:32px;padding:0 12px;font-size:.8rem;border-radius:8px}.friend-search{margin-bottom:4px}.friend-search>input{width:100%;font-family:var(--sans);font-size:.9rem;padding:11px 13px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;transition:border-color .12s}.friend-search>input:focus{outline:none;border-color:var(--accent)}.search-results{list-style:none;margin:8px 0 0;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.search-results>li{display:flex;align-items:center;gap:10px;padding:8px;font-size:.86rem}.friends{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.friends>li{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:.86rem}.friend-handle{font-weight:650;color:var(--ink)}.friend-rating{font-variant-numeric:tabular-nums;font-size:.8rem}.friend-actions{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap}.friend-group{margin-top:16px}.friend-group-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--quiet);margin-bottom:8px}.friend-link{margin:16px 0;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.friend-link-hint{font-size:.8rem;margin:0 0 10px}.friend-link-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.friend-code{font-family:var(--mono);font-size:.98rem;letter-spacing:.14em;font-weight:600;color:var(--accent);padding:6px 10px;background:var(--accent-dim);border-radius:7px}.toggles{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toggle-group{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.toggle{font-family:var(--sans);font-size:.8rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--muted);padding:8px 14px;transition:background .12s,color .12s}.toggle:not(.on):hover{color:var(--ink)}.toggle.on{background:var(--accent);color:var(--paper)}.leaderboard{width:100%;border-collapse:collapse;font-size:.88rem}.leaderboard th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--quiet);font-weight:600;padding:0 10px 8px;border-bottom:1px solid var(--line)}.leaderboard td{padding:10px;border-bottom:1px solid var(--line);color:var(--ink)}.leaderboard tbody tr:last-child td{border-bottom:none}.lb-rank{width:2.5rem;color:var(--muted);font-variant-numeric:tabular-nums}.lb-metric{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.lb-me td{background:var(--accent-dim);color:var(--ink);font-weight:650}.lb-me .lb-rank{color:var(--accent)}.lb-below td{border-top:2px solid var(--line)}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:520px){.main{padding:32px 0}.card{padding:22px}.title{font-size:1.5rem}.stat-value{font-size:2.5rem}}.app-wide{max-width:1000px}.board{container-type:inline-size;display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1 / 1;width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.sq{position:relative;display:flex;align-items:center;justify-content:center}.sq.light{background:#f0d9b5}.sq.dark{background:#b58863}.sq.hl:before{content:"";position:absolute;inset:0;background:#e8a02073}.piece{position:relative;font-size:9cqi;line-height:1}.piece.w{color:#f8f8f8;text-shadow:0 0 1px #000,0 0 1px #000,0 1px 2px rgba(0,0,0,.5)}.piece.b{color:#1a1a1a;text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,.4)}.coord{position:absolute;font-size:2cqi;font-weight:600;color:#00000073}.coord.file{bottom:1px;right:3px}.coord.rank{top:1px;left:3px}.captured{margin-left:8px;color:var(--muted);font-size:.85rem;letter-spacing:-.08em}.captured-adv{margin-left:5px;letter-spacing:0;color:var(--quiet);font-variant-numeric:tabular-nums}.games{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:18px}.games th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--quiet);font-weight:600;padding:0 10px 8px;border-bottom:1px solid var(--line)}.games td{padding:12px 10px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}.games tbody tr:last-child td{border-bottom:none}.games-row{cursor:pointer}.games-row:hover td,.games-row:focus-visible td{background:var(--surface-2)}.games-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.games-num{text-align:right;width:4.5rem;font-variant-numeric:tabular-nums}.games-seats{display:block;font-weight:600}.games-tags{display:inline-flex;gap:6px;margin-top:4px}.games-card .btn-ghost{margin-top:18px}.tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--surface-2)}.tag-quiet{color:var(--quiet);background:none}.outcome{font-weight:600;font-size:.82rem}.outcome-win{color:var(--ok-fg)}.outcome-loss{color:var(--err-fg)}.outcome-draw{color:var(--muted)}.viewer{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,380px);gap:20px;align-items:start}.viewer-board,.viewer-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.viewer-panel{display:flex;flex-direction:column;gap:12px;padding:22px}.viewer-back{align-self:flex-start}.viewer-seat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px}.viewer-seat-name{font-weight:600;color:var(--ink)}.viewer-acpl{font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.transport{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:12px}.transport-ply{min-width:8rem;text-align:center;font-size:.85rem;font-variant-numeric:tabular-nums}.moves{max-height:320px;overflow-y:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0}.move-row{display:grid;grid-template-columns:2.4rem 1fr 1fr;align-items:center}.move-num{color:var(--quiet);font-size:.8rem;font-variant-numeric:tabular-nums;padding-left:4px}.move{display:flex;align-items:center;gap:4px;min-height:26px;padding:3px 8px;border:none;border-radius:6px;background:none;font:inherit;font-size:.88rem;font-weight:500;color:var(--ink);text-align:left;cursor:pointer}button.move:hover{background:var(--surface-2)}.move.on{background:var(--accent-dim);color:var(--accent);font-weight:700}.badge{font-size:.72rem;font-weight:700}.badge-inaccuracy{color:#d9a441}.badge-mistake{color:#e08a3c}.badge-blunder{color:var(--err-fg)}.ply-detail{font-size:.83rem}.analysis-none{font-size:.85rem;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}.evalgraph{width:100%;height:72px;display:block;border-radius:8px;background:var(--surface-2);cursor:pointer}.evalgraph-area{fill:var(--accent-dim)}.evalgraph-line{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.evalgraph-zero{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.evalgraph-cursor{stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.5}.viewer-export{display:flex;align-items:center;gap:12px}@media(max-width:860px){.viewer{grid-template-columns:1fr}}