:root{--bg: #090e0b;--surface: #0c120e;--card: #101712;--line: #1d2a21;--line-strong: #2c4033;--ink: #e8efe9;--muted: #8fa396;--faint: #5c6f63;--gain: #54e38e;--gain-dim: rgba(84, 227, 142, .12);--loss: #f0a3a3;--loss-dim: rgba(240, 163, 163, .1);--gold: #f2c14e;--serif: "Instrument Serif", georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}body{background:radial-gradient(1200px 500px at 70% -10%,rgba(84,227,142,.05),transparent 60%),var(--bg);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.55;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(143,163,150,.09) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}.shell{max-width:1060px;margin:0 auto;padding:0 20px 80px}.topbar{display:flex;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:36px;flex-wrap:wrap}.brand{font-family:var(--serif);font-style:italic;font-size:26px;letter-spacing:.5px}.brand .tick{color:var(--gain);font-style:normal}.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.14em;padding:8px 14px;border:1px solid transparent;border-radius:3px}.nav a.active{color:var(--gain);border-color:var(--line-strong);background:var(--card)}.nav a:hover{color:var(--ink)}.whoami{color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.whoami button{background:none;border:none;color:var(--muted);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;margin-left:8px}.whoami button:hover{color:var(--loss)}h1.page{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1.05;margin-bottom:6px}h1.page em{font-style:italic;color:var(--gain)}.sub{color:var(--muted);font-size:12px;margin-bottom:32px}.label{text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:var(--faint)}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:3fr 2fr;align-items:start}@media (max-width: 800px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:20px}.card .label{margin-bottom:10px;display:block}.stat{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat small{font-size:13px;color:var(--muted);font-weight:400;margin-left:6px}.gain{color:var(--gain)}.loss{color:var(--loss)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;border:1px solid var(--line-strong)}.pill.gain{background:var(--gain-dim);border-color:transparent}.pill.loss{background:var(--loss-dim);border-color:transparent}.pill.gold{color:var(--gold);border-color:#f2c14e59}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th{text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:var(--faint);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#54e38e08}td.num,th.num{text-align:right}.me-row td{background:#54e38e0d}form.stack{display:grid;gap:14px}input,textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:4px;padding:11px 12px;font:inherit}input:focus,textarea:focus{outline:1px solid var(--gain);border-color:var(--gain)}textarea{resize:vertical;min-height:84px}button.primary{background:var(--gain);color:#06130b;border:none;border-radius:4px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:12px}button.primary:hover{filter:brightness(1.1)}button.primary:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:none;border:1px solid var(--line-strong);color:var(--muted);border-radius:4px;padding:8px 14px;font:inherit;font-size:12px;cursor:pointer}button.ghost:hover{color:var(--ink);border-color:var(--muted)}.err{color:var(--loss);font-size:12px}.ok{color:var(--gain);font-size:12px}.hint{color:var(--faint);font-size:11px}.auth-wrap{max-width:400px;margin:9vh auto 0}.auth-wrap .brand{font-size:32px;display:block;margin-bottom:4px}.auth-toggle{color:var(--muted);font-size:12px;margin-top:16px}.auth-toggle button{background:none;border:none;color:var(--gain);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.versus .vs{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--faint)}.player-name{font-weight:600}.versus .side{min-width:0}.versus .side.right{text-align:right}.sub-status{font-size:11px;color:var(--faint);margin-top:2px}.sub-status.in{color:var(--gain)}.chart-tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;padding:6px 10px;font-size:11px;white-space:nowrap;transform:translate(-50%,-130%)}.chart-empty{color:var(--faint);font-size:12px;padding:40px 0;text-align:center}.deadline-chip{display:inline-flex;gap:8px;align-items:baseline;border:1px solid var(--line-strong);border-radius:4px;padding:6px 12px;background:var(--surface);font-size:12px;color:var(--muted)}.deadline-chip b{color:var(--ink);font-weight:600}.notes-quote{color:var(--muted);font-size:12px;font-style:italic}