*{box-sizing:border-box}
html{background:var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font:500 15px/22px var(--font-sans);-webkit-font-smoothing:antialiased}
.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}
.muted{color:var(--ink-muted)}
.top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--ground);z-index:2}
.top-right{display:flex;align-items:center;gap:var(--space-2)}
.mode{font:700 11px/14px var(--font-sans);letter-spacing:.08em;color:var(--amber-strong);border:1px solid var(--amber);border-radius:var(--radius-pill);padding:4px 10px;white-space:nowrap}
main{max-width:1040px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}
h1{font:700 28px/32px var(--font-sans);margin:var(--space-8) 0 var(--space-2)}
h2{font:700 18px/24px var(--font-sans);margin:var(--space-8) 0 var(--space-3)}
.banner{background:var(--surface-raised);border:1px solid var(--amber);color:var(--amber-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font:600 13px/18px var(--font-sans);margin:0 0 var(--space-4)}

.strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--steel);color:var(--on-steel);border-radius:var(--radius-lg);overflow:hidden}
.strip>div{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px;min-width:0}
.strip>div+div{border-left:1px solid rgba(230,236,247,.16)}
.strip b{font:800 32px/34px var(--font-display);font-variant-numeric:tabular-nums}
.lbl{font:700 11px/14px var(--font-sans);letter-spacing:.08em;opacity:.85}
@media(max-width:520px){.strip b{font-size:24px;line-height:28px}.strip>div{padding:var(--space-3)}}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}
.tile .lbl{color:var(--ink-muted);opacity:1}
.tile b{display:block;font:700 32px/34px var(--font-display);font-variant-numeric:tabular-nums;margin-top:2px}
.tile small{color:var(--ink-muted);font:500 13px/18px var(--font-sans)}
.pos{color:var(--edge)}.neg{color:var(--loss)}
.chart{margin-top:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4)}
.chart svg{display:block;width:100%;height:auto}
.chart .cap{font:700 11px/14px var(--font-sans);letter-spacing:.08em;color:var(--ink-muted);margin:0 0 var(--space-2)}
.basis{color:var(--ink-muted);font:500 13px/18px var(--font-sans);margin:var(--space-3) 0 0}
.empty{background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);color:var(--ink-muted);text-align:center}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}
.cards .gz-card{width:auto}
.gz-card-side{text-transform:lowercase}
.card-note{font:500 13px/18px var(--font-sans);color:var(--ink-muted);margin:0}
.card-foot{border-top:1px solid var(--line);padding-top:var(--space-2);font:500 12px/16px var(--font-sans);color:var(--ink-muted)}
.tk{font:500 12px/16px var(--font-mono);color:var(--ink-muted);word-break:break-all}

.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}
table{border-collapse:collapse;width:100%;min-width:640px}
th,td{padding:10px var(--space-3);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{font:700 11px/14px var(--font-sans);letter-spacing:.08em;color:var(--ink-muted)}
td.r,th.r{text-align:right}
td.n{font:700 17px/20px var(--font-display);font-variant-numeric:tabular-nums}
tr:last-child td{border-bottom:0}
.res{font:700 11px/14px var(--font-sans);letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius-sm)}
.res-won{background:var(--edge-soft);color:var(--edge)}.res-lost{background:var(--loss-soft);color:var(--loss)}.res-void{background:var(--surface-raised);color:var(--ink-muted)}

.login{max-width:380px}
.login form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}
.login label{display:flex;flex-direction:column;gap:var(--space-1);font:700 11px/14px var(--font-sans);letter-spacing:.08em;color:var(--ink-muted)}
.login input{font:500 16px/22px var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px}
.login input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.err{color:var(--loss);font:600 13px/18px var(--font-sans);min-height:18px;margin:0}
footer{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--ink-muted);font:500 13px/18px var(--font-sans)}
footer p{margin:0 0 var(--space-1)}
[hidden]{display:none!important}
.gz-card-pick{flex-wrap:wrap;align-items:flex-end}
.gz-card-pick>div{min-width:0;flex:1 1 150px}
.gz-card-side{font-size:28px;line-height:28px}
.gz-stake{white-space:nowrap}