.mode-page{max-width:1440px;margin:0 auto;padding:20px 24px 64px;min-width:0}.mode-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}.mode-head h1{font:800 34px/34px var(--font-display);text-transform:uppercase;margin:0;color:var(--ink)}.mode-sub{color:var(--ink-3)}.mode-r{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mode-nav{margin-bottom:16px}.mode-grid{display:grid;gap:16px;align-items:start;grid-template-columns:repeat(var(--mode-cols,2),minmax(0,1fr))}.mode-grid>*{min-width:0}.mode-grid[data-cols="1"]{--mode-cols:1}.mode-grid[data-cols="3"]{--mode-cols:3}.mode-grid[data-cols="4"]{--mode-cols:4}.mode-grid[data-side=right]{grid-template-columns:minmax(0,1fr) 360px}.mode-grid[data-side=left]{grid-template-columns:320px minmax(0,1fr)}.mode-stack{display:grid;gap:16px;min-width:0}.mode-pad{padding:12px}.mode-note{color:var(--ink-3);font:600 11px/14px var(--font-hud);letter-spacing:.08em;text-transform:uppercase}.mode-p{margin:0;color:var(--ink-2);font:400 14px/20px var(--font-body)}.mode-h2{font:800 22px/24px var(--font-display)}.mode-h2,.mode-h3{margin:0;text-transform:uppercase;color:var(--ink)}.mode-h3{font:700 14px/18px var(--font-hud);letter-spacing:.06em}.mode-num{font-family:var(--font-hud);font-variant-numeric:tabular-nums;font-weight:600}.mode-win{color:var(--win)}.mode-loss{color:var(--loss)}.mode-amber{color:var(--amber)}.mode-dim{color:var(--ink-3)}.mode-ink2{color:var(--ink-2)}.mode-strip{display:flex;gap:28px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line)}.mode-big{font:700 30px/32px var(--font-hud);font-variant-numeric:tabular-nums;color:var(--ink)}.mode-big[data-tone=amber]{color:var(--amber)}.mode-big[data-tone=win]{color:var(--win)}.mode-big[data-tone=loss]{color:var(--loss)}.mode-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;font-size:13px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left}.mode-row[data-lead=none]{grid-template-columns:minmax(0,1fr) auto}a.mode-row,button.mode-row{cursor:pointer;text-decoration:none}.mode-row[data-on=true],a.mode-row:hover,button.mode-row:hover{background:var(--ground-3)}.mode-row[data-on=true],.mode-row[data-you=true]{box-shadow:inset 2px 0 0 var(--amber)}.mode-row[data-you=true]{background:var(--ground-2)}.mode-row-t{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.mode-row-m{display:block;color:var(--ink-3);font:600 11px/14px var(--font-hud);letter-spacing:.08em;text-transform:uppercase}.mode-row-r{display:flex;align-items:center;gap:10px;justify-self:end}.mode-rank{font:700 14px/1 var(--font-hud);font-variant-numeric:tabular-nums;color:var(--ink-2);min-width:28px}.mode-kv{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px}.mode-state{padding:24px 12px;text-align:center;color:var(--ink-2);display:grid;gap:10px;justify-items:center}.mode-state b{font:700 14px/18px var(--font-hud);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.mode-state[data-tone=error]{box-shadow:inset 2px 0 0 var(--loss)}.mode-inp{height:40px;width:100%;min-width:0;padding:0 12px;background:var(--ground-0);border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--control-border);color:var(--ink);font:400 14px/1 var(--font-body)}.mode-inp::-moz-placeholder{color:var(--ink-3)}.mode-inp::placeholder{color:var(--ink-3)}.mode-inp:focus-visible{outline:2px solid var(--amber-hot);outline-offset:1px}.mode-lbl{display:grid;gap:4px;font:600 11px/14px var(--font-hud);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.mode-form{display:grid;gap:10px;padding:12px}.mode-chips{display:flex;flex-wrap:wrap;gap:6px}.mode-chip{height:32px;padding:0 12px;background:none;border:0;cursor:pointer;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-strong);font:600 12px/1 var(--font-hud);letter-spacing:.08em;text-transform:uppercase}.mode-chip:hover:not(:disabled){background:var(--ground-3)}.mode-chip[aria-pressed=true]{color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.mode-chip:disabled{opacity:.45;cursor:not-allowed}.mode-chip:focus-visible{outline:2px solid var(--amber-hot);outline-offset:2px}@media (pointer:coarse){.mode-chip{min-height:44px}.mode-inp{height:44px}}.mode-scroll{overflow-x:auto}.mode-dt{width:100%;border-collapse:separate;border-spacing:0;font:400 13px/18px var(--font-body)}.mode-dt thead th{height:32px;padding:0 8px;background:var(--ground-2);text-align:left;white-space:nowrap;font:600 11px/1 var(--font-hud);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line-strong)}.mode-dt td.n,.mode-dt th.n{text-align:right}.mode-dt tbody td{height:44px;padding:0 8px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}.mode-dt tbody td.n{font:600 13px/1 var(--font-hud);font-variant-numeric:tabular-nums;white-space:nowrap}.mode-dt tbody tr[data-you=true] td{background:var(--ground-2)}.mode-dt tbody tr[data-you=true] td:first-child{box-shadow:inset 2px 0 0 var(--amber)}.mode-dt tbody tr:hover td{background:var(--ground-3)}.mode-gate{position:sticky;bottom:0;z-index:20}.mode-gate .sl-cta{margin:16px 0 0}.mode-tiers{display:grid;gap:0}.mode-bar{height:3px;background:var(--ground-3)}.mode-bar>i{display:block;height:100%;background:var(--amber)}@media (max-width:1100px){.mode-grid,.mode-grid[data-side]{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.mode-page{padding:14px 16px 90px}.mode-head h1{font-size:28px;line-height:28px}.mode-r{margin-left:0}.mode-strip{gap:18px}}@media (max-width:1023px){.mode-gate{bottom:calc(64px + env(safe-area-inset-bottom, 0px))}}.mode-dt[data-num=true] td:not(:first-child),.mode-dt[data-num=true] th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}