:root{--bg: #141210;--panel: #1e1a16;--panel-2: #262019;--line: #3a322a;--ink: #ece4d4;--ink-dim: #a2957e;--gold: #e8b64c;--gold-dim: #8a6a24;--win: #7fb069;--loss: #c05746;--rib: #d98943}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:16px/1.55 Segoe UI,system-ui,-apple-system,sans-serif;min-height:100dvh}#root{max-width:760px;margin:0 auto;padding:0 16px calc(24px + env(safe-area-inset-bottom))}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}header.app{display:flex;align-items:center;gap:12px;padding:14px 0 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}header.app img{width:34px;height:34px}header.app h1{font-size:1.1rem;margin:0;letter-spacing:.06em;text-transform:uppercase}header.app .spacer{flex:1}header.app nav{display:flex;gap:14px;font-size:.9rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:16px 0}.card h2{margin:0 0 8px;font-size:1rem;color:var(--gold);letter-spacing:.04em}.card p{margin:.5em 0}.writeup p{font-size:1.02rem}.writeup p:first-child{font-weight:600}.mentions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{font-size:.8rem;padding:3px 10px;border-radius:99px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink-dim)}.chip.praise{border-color:var(--win);color:var(--win)}.chip.ribbing{border-color:var(--rib);color:var(--rib)}.tablewrap{overflow-x:auto;margin:0 -18px;padding:0 18px}table{border-collapse:collapse;width:100%;font-size:.88rem;white-space:nowrap}th,td{padding:7px 10px;text-align:right;border-bottom:1px solid var(--line)}th:nth-child(2),td:nth-child(2){text-align:left}th{color:var(--ink-dim);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;background:var(--panel)}tr.me td{background:#e8b64c14}td.rank{color:var(--gold);font-weight:700}tr:nth-child(-n+3) td.rank{font-size:1rem}.result-win{color:var(--win)}.result-lose{color:var(--loss)}.field{display:block;margin:14px 0}.field span{display:block;font-size:.8rem;color:var(--ink-dim);margin-bottom:4px}input,select,button{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}select{width:auto}button.primary{background:var(--gold);color:#1a1508;font-weight:700;border:none;cursor:pointer;margin-top:6px}button.primary:disabled{opacity:.5;cursor:default}.error{color:var(--loss);font-size:.9rem;margin-top:10px}.hint{color:var(--ink-dim);font-size:.85rem}.loading{color:var(--ink-dim);padding:40px 0;text-align:center}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:12px 0}.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.stat b{display:block;font-size:1.3rem;color:var(--gold)}.stat span{font-size:.75rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em}