:root{--paper-0: #0e0f12;--paper-1: #15171c;--paper-2: #1d2027;--ink: #edeae2;--ink-2: #a8a49b;--line: #2c3038;--accent: #f2b705;--accent-ink: #1a1300;--red: #d64545;--blue: #3b7dd8;--ok: #3fa36b;--warn: #e08a2e;--shadow: #2c3038;--gym-rimal: #c9a66b;--gym-bushin: #b3b8c4;--gym-nanquan: #b8433b;--gym-morroazul: #3c8e8e;--gym-sulak: #7c8f6b;--gym-klongtoey: #d08a3e;--gym-huta: #8c8c8c;--gym-redline: #e23b3b;--font-sans: -apple-system, "PingFang SC", "Noto Sans SC", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, monospace;--fs-xs: 12px;--lh-xs: 16px;--fs-sm: 14px;--lh-sm: 20px;--fs-md: 16px;--lh-md: 24px;--fs-lg: 20px;--lh-lg: 28px;--fs-xl: 28px;--lh-xl: 34px;--fs-hero: 40px;--lh-hero: 44px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-0: 0;--r-1: 4px;--r-2: 8px;--s-1: 2px 2px 0 var(--shadow);--s-2: 3px 3px 0 var(--shadow);--s-3: 4px 4px 0 var(--shadow);--tap: 44px;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--paper-0: #f4f1ea;--paper-1: #ffffff;--paper-2: #ece8df;--ink: #16171a;--ink-2: #5b5a55;--line: #cfc9bc;--accent: #c48f00;--accent-ink: #1a1300;--red: #b83232;--blue: #2a62b3;--ok: #2e8a57;--warn: #b86e1c;--shadow: #16171a;color-scheme:light}}:root[data-theme=light]{--paper-0: #f4f1ea;--paper-1: #ffffff;--paper-2: #ece8df;--ink: #16171a;--ink-2: #5b5a55;--line: #cfc9bc;--accent: #c48f00;--accent-ink: #1a1300;--red: #b83232;--blue: #2a62b3;--ok: #2e8a57;--warn: #b86e1c;--shadow: #16171a;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper-0);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-md);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.label{font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.muted{color:var(--ink-2)}.xs{font-size:var(--fs-xs);line-height:var(--lh-xs)}.sm{font-size:var(--fs-sm);line-height:var(--lh-sm)}.lg{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:700}.xl{font-size:var(--fs-xl);line-height:var(--lh-xl);font-weight:700}.hero{font-size:var(--fs-hero);line-height:var(--lh-hero);font-weight:700}.row{display:flex;align-items:center;gap:var(--sp-2)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.grow{flex:1;min-width:0}.right{text-align:right}.center{text-align:center}.red{color:var(--red)}.blue{color:var(--blue)}.ok{color:var(--ok)}.warn{color:var(--warn)}.shell{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper-0)}.topbar{position:sticky;top:0;z-index:5;background:var(--paper-0);border-bottom:1px solid var(--line);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;min-height:52px}.brand{font-weight:700;letter-spacing:.08em}.brand small{color:var(--ink-2);font-weight:500;letter-spacing:.04em;margin-left:var(--sp-2)}.page{flex:1;padding:var(--sp-4);padding-bottom:calc(56px + var(--sp-6) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--sp-4)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper-1);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:5}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--ink-2);border-top:2px solid transparent;min-height:56px}.tab.active{color:var(--ink);border-top-color:var(--accent)}.tab .glyph{font-family:var(--font-mono);font-size:var(--fs-md);font-weight:700}.card{background:var(--paper-1);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--s-1);padding:var(--sp-4)}.card.clickable:hover{box-shadow:var(--s-2)}.card.flush{padding:0;overflow:hidden}.card-head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);background:var(--paper-2)}.card-body{padding:var(--sp-4)}.hostline{height:4px}.btn{height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-1);border:1px solid var(--line);background:var(--paper-1);color:var(--ink);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);box-shadow:var(--s-1);transition:transform 80ms,box-shadow 80ms}.btn:hover{box-shadow:var(--s-2)}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.danger{color:var(--red);border-color:var(--red)}.btn.block{width:100%}.btn.sm{height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn:disabled{opacity:.4;box-shadow:none;cursor:not-allowed;color:var(--ink-2)}.btn.loading{color:transparent;position:relative}.btn.loading:after{content:"…";color:var(--ink-2);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.input{height:var(--tap);padding:0 var(--sp-3);border-radius:var(--r-1);border:1px solid var(--line);background:var(--paper-0);color:var(--ink);width:100%}.input:focus{outline:none;border-color:var(--accent)}.input.mono{font-family:var(--font-mono)}.tag{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 var(--sp-2);border-radius:var(--r-1);border:1px solid var(--line);font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--ink-2);background:var(--paper-2);white-space:nowrap}.tag.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.dot{width:8px;height:8px;border-radius:50%;background:var(--ink-2);display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.proof{border-radius:var(--r-0);background:var(--paper-2);border:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-xs);line-height:var(--lh-xs)}.proof-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);align-items:center;cursor:pointer}.proof-full{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line);word-break:break-all;display:flex;flex-direction:column;gap:var(--sp-1)}.proof-full .k{color:var(--ink-2)}.matchup{display:grid;grid-template-columns:1fr minmax(64px,auto) 1fr;gap:var(--sp-2);align-items:center}.corner{display:flex;flex-direction:column;gap:2px;min-width:0}.corner.right{text-align:right;align-items:flex-end}.corner .name{font-size:var(--fs-md);line-height:var(--lh-md);font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;word-break:break-all}.corner .sub{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--ink-2)}.corner .rec{font-family:var(--font-mono);font-size:var(--fs-sm)}.corner.red .name{color:var(--red)}.corner.blue .name{color:var(--blue)}.vs{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-mono)}.vs .v{font-size:var(--fs-sm);color:var(--ink-2);letter-spacing:.1em}.countdown{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xl);line-height:var(--lh-xl);font-weight:700}.countdown.hot{color:var(--accent)}.pool-bar{display:flex;height:12px;border:1px solid var(--line);border-radius:var(--r-0);overflow:hidden;background:var(--paper-2)}.pool-bar .seg{height:100%}.pool-bar .seg.red{background:var(--red)}.pool-bar .seg.blue{background:var(--blue)}.pool-bar .seg.draw{background:var(--ink-2)}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.outcome{height:var(--tap);border:1px solid var(--line);border-radius:var(--r-1);background:var(--paper-0);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--fs-sm);line-height:var(--lh-sm)}.outcome .pct{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-2)}.outcome.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.outcome:disabled{opacity:.5;cursor:not-allowed}.live{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--r-0);background:var(--paper-1)}.live-line{display:grid;grid-template-columns:3px 1fr;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);font-size:var(--fs-sm);line-height:var(--lh-sm)}.live-line:last-child{border-bottom:none}.live-line .bar{background:transparent}.live-line.hit .bar{background:var(--ink)}.live-line.heavy .bar{background:var(--accent)}.live-line.kd-red .bar{background:var(--red)}.live-line.kd-blue .bar{background:var(--blue)}.live-line.sub .bar{background:var(--ok)}.live-line.round{background:var(--paper-2);font-weight:700}.live-line.finish{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:700}.feed-item{display:grid;grid-template-columns:12px 1fr;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:none}.feed-item .avatar{width:12px;height:12px;border-radius:50%;margin-top:6px;background:var(--ink-2)}.feed-item .meta{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:2px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-0);background:var(--paper-1)}.table{width:100%;border-collapse:collapse;background:var(--paper-1);min-width:100%}.table th{background:var(--paper-2);text-align:left;font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);padding:var(--sp-2);border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:0 var(--sp-2);height:44px;border-bottom:1px solid var(--line);font-size:var(--fs-sm);white-space:nowrap}.table td:first-child,.table th:first-child{padding-left:var(--sp-3)}.table td:last-child,.table th:last-child{padding-right:var(--sp-3)}.table tr:last-child td{border-bottom:none}.table td.n,.table th.n{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.toast{position:fixed;top:var(--sp-4);left:50%;transform:translate(-50%);z-index:20;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-1);padding:var(--sp-3) var(--sp-4);box-shadow:var(--s-2);display:flex;align-items:center;gap:var(--sp-2);max-width:calc(100% - 32px)}.attrs{display:grid;grid-template-columns:56px 1fr 36px;gap:var(--sp-2) var(--sp-3);align-items:center;font-size:var(--fs-sm)}.attr-bar{height:8px;border:1px solid var(--line);background:var(--paper-2)}.attr-bar>i{display:block;height:100%;background:var(--ink)}.empty{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--ink-2);border:1px dashed var(--line);border-radius:var(--r-2)}.divider{height:1px;background:var(--line)}.segmented{display:grid;grid-auto-flow:column;border:1px solid var(--line);border-radius:var(--r-1);overflow:hidden}.segmented button{height:36px;background:var(--paper-1);border:none;border-right:1px solid var(--line);cursor:pointer;font-size:var(--fs-sm)}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--paper-2);font-weight:700}@media(prefers-reduced-motion:reduce){.btn{transition:none}}