:root{--ground:#0d1613;--felt:#13231d;--felt-2:#193028;--felt-line:#2b483e;--brass:#c9a24b;--brass-hi:#ecd08a;--brass-lo:#8f6f2a;--ivory:#efe6d0;--ivory-edge:#b7a981;--ink:#1c1a17;--piece-back:#7b5b37;--cinnabar:#c9452f;--jade:#2f8560;--text:#ebe6d8;--muted:#95a39b;--win:#58b889;--loss:#d9705d;--draw:#c9b27a;--forfeit:#a0695f;--serif:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--ground);color:var(--text);font:15px/1.6 var(--sans);background-image:radial-gradient(1200px 600px at 50% -200px,#1d3a30 0%,#0000 70%);background-attachment:fixed;margin:0}button,input{font:inherit;color:inherit}a{color:var(--brass-hi);text-decoration:none}:focus-visible{outline:2px solid var(--brass-hi);outline-offset:3px;border-radius:6px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.num em,.num i{color:var(--muted);font-size:.86em;font-style:normal}.nw{white-space:nowrap;display:inline-block}.muted{color:var(--muted)}.small{font-size:12.5px}.warn-text{color:var(--draw)}code{font-family:var(--mono);background:#0006;border-radius:4px;padding:1px 6px;font-size:.9em}.app{max-width:1160px;margin:0 auto;padding-block:0 40px;padding-inline:clamp(16px,4vw,32px)}.top{z-index:20;background:linear-gradient(180deg, var(--ground) 70%, transparent);flex-wrap:wrap;align-items:center;gap:12px 20px;padding-block:14px;display:flex;position:sticky;top:0}.brand{font:900 21px/1 var(--serif);color:var(--text);letter-spacing:.04em;align-items:center;gap:8px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--cinnabar), #8d2a1b);color:var(--ivory);letter-spacing:.1em;border-radius:6px;padding:6px 7px;font-size:15px}.top nav{gap:4px;margin-right:auto;display:flex}.top nav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-weight:500}.top nav a.on{color:var(--ink);background:linear-gradient(145deg, var(--brass-hi), var(--brass))}.who{cursor:pointer;border:1px solid var(--felt-line);background:linear-gradient(145deg, var(--felt-2), var(--felt));border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:4px 14px 4px 5px;display:flex}.who b{font-weight:700}.who:not(:has(.avatar)){border-color:var(--brass);color:var(--brass-hi);padding-left:14px}.avatar{width:28px;height:28px;font:900 14px var(--serif);color:var(--ink);background:linear-gradient(145deg, var(--ivory), var(--ivory-edge));border-radius:50%;place-items:center;display:grid}.badge{background:var(--cinnabar);color:var(--ivory);border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal}.banner{border-radius:8px;margin-bottom:12px;padding:8px 14px;font-size:13.5px}.banner.demo{border:1px dashed var(--brass);color:var(--brass-hi);background:repeating-linear-gradient(135deg,#3a2f12 0 12px,#33290f 12px 24px)}.banner.warn{border:1px solid var(--forfeit);background:#3a1d17}.toast{z-index:40;border:1px solid var(--brass-lo);background:linear-gradient(145deg,#24423a,#172a24);border-radius:12px;align-items:center;gap:10px;max-width:min(640px,100vw - 32px);padding:10px 14px;animation:.35s ease-out rise;display:flex;position:fixed;bottom:22px;left:50%;translate:-50%;box-shadow:0 16px 40px #000a}.toast .x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:20px}@keyframes rise{0%{opacity:0;translate:-50% 12px}}.hero{padding-block:26px 8px}.hero h1{font:900 clamp(28px, 5vw, 44px)/1.2 var(--serif);text-wrap:balance;letter-spacing:.02em;margin:0 0 6px}.hero h1 span{color:var(--brass-hi);font-family:var(--mono);font-weight:700}.hero p{color:var(--muted);max-width:46em;margin:0}.hero p b{color:var(--text)}.shelf{margin-top:28px}.shelf h2{font:600 15px var(--serif);letter-spacing:.3em;color:var(--brass);align-items:baseline;gap:12px;margin:0 0 12px;display:flex}.shelf h2:after{content:"";background:linear-gradient(90deg, var(--felt-line), transparent);flex:1;height:1px}.shelf h2 em{font:400 12.5px var(--sans);letter-spacing:.04em;color:var(--muted);order:2}.cards{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.cards.n3 .card{grid-column:span 2}.cards.n2 .card{grid-column:span 3}.cards.n1 .card{grid-column:span 6}@media (width<=900px){.cards.n3 .card{grid-column:span 3}.cards.n3 .card:last-child{grid-column:span 6}}@media (width<=620px){.cards.n1 .card,.cards.n2 .card,.cards.n3 .card,.cards.n3 .card:last-child{grid-column:span 6}}.card{cursor:pointer;border:1px solid var(--felt-line);background:linear-gradient(145deg, var(--felt-2) 0%, var(--felt) 60%, #0f1c18 100%);border-radius:14px;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;gap:4px 14px;padding:16px 16px 14px;transition:translate .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #0006,inset 0 1px #ffffff0d}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--brass), transparent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.card:hover,.card:focus-visible{border-color:var(--brass-lo);translate:0 -3px;box-shadow:0 18px 38px #0009,0 0 0 1px #c9a24b33}.card.down .emblem{filter:grayscale(.7)opacity(.6)}.card.flash{animation:1.6s ease-out flash}@keyframes flash{0%,30%{border-color:var(--brass-hi);box-shadow:0 0 0 3px #ecd08a66,0 18px 38px #0009}}.emblem{filter:drop-shadow(0 6px 8px #0008);align-self:start}.card-body{min-width:0}.card h3{font:900 24px/1.2 var(--serif);letter-spacing:.06em;margin:2px 0 0}.card p{color:var(--muted);margin:2px 0 10px;font-size:13.5px}.card dl{gap:4px;margin:0;display:grid}.card dl div{grid-template-columns:4.6em 1fr;align-items:baseline;min-height:1.7em;display:grid}.card dt{color:var(--muted);font-size:12.5px}.card dd{overflow-wrap:anywhere;margin:0;font-size:13.5px}.card dd em{color:var(--muted);margin-left:.6em;font-size:12.5px;font-style:normal}.cards.n1 .card dl{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card-foot{border-top:1px solid #ffffff10;grid-column:1/-1;align-items:center;gap:10px;margin-top:10px;padding-top:12px;display:flex}.card-foot .btn{margin-left:auto}.live{color:var(--muted);align-items:center;gap:6px;min-width:5em;font-size:12.5px;display:inline-flex}.live:before{content:"";background:#56635d;border-radius:50%;width:8px;height:8px}.live.up{color:var(--win)}.live.up:before{background:var(--win);box-shadow:0 0 0 3px #58b88933}.tag{border:1px solid var(--felt-line);color:var(--muted);white-space:nowrap;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11.5px;font-style:normal}.btn{border:1px solid var(--felt-line);cursor:pointer;white-space:nowrap;background:linear-gradient(145deg,#27443a,#182c25);border-radius:10px;padding:8px 14px;font-weight:700;transition:filter .15s,translate .15s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){translate:0 1px}.btn.primary{color:var(--ink);border-color:var(--brass-lo);background:linear-gradient(145deg, var(--brass-hi), var(--brass) 55%, var(--brass-lo))}.btn.danger{background:linear-gradient(145deg,#5a2a22,#3a1a15);border-color:#7a3a30}.btn.small{border-radius:8px;padding:3px 10px;font-size:12.5px}.btn.big{border-radius:12px;padding:14px 28px;font-size:18px}.btn:disabled{cursor:not-allowed;color:var(--muted);border-color:var(--felt-line);background:linear-gradient(145deg,#1c2a26,#151f1c)}.page{padding-top:6px}.page h1{font:900 clamp(26px, 4vw, 36px)/1.2 var(--serif);letter-spacing:.04em;margin:6px 0 14px}.back{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 10px 6px 0;font-weight:500}.back:hover{color:var(--brass-hi)}.g-head{grid-template-columns:auto 1fr auto;align-items:center;gap:8px 24px;padding:8px 0 22px;display:grid}.g-head h1{margin:0;font-size:clamp(32px,6vw,52px)}.g-head p{margin:2px 0}.g-cta{text-align:right;justify-items:end;gap:6px;max-width:300px;display:grid}@media (width<=760px){.g-head{grid-template-columns:auto 1fr}.g-cta{text-align:left;grid-column:1/-1;justify-items:stretch;max-width:none}}.cols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.cols{grid-template-columns:minmax(0,1fr)}}.panel{border:1px solid var(--felt-line);background:linear-gradient(145deg,#15261f,#101b17);border-radius:14px;padding:16px 18px}.panel h2{font:600 16px var(--serif);letter-spacing:.12em;color:var(--brass);flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 10px;display:flex}.panel h2.gap{margin-top:22px}.panel h2 a{font:500 13px var(--sans);letter-spacing:0;margin-left:auto}.panel h2 em{font:400 12.5px var(--sans);letter-spacing:0}.stat{gap:2px;display:grid}.stat b{color:var(--brass-hi);font-size:26px}.stat b em{font-size:14px}.empty{color:var(--muted);margin:6px 0}.seg{border:1px solid var(--felt-line);border-radius:999px;margin-left:auto;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;font:500 12.5px var(--sans);color:var(--muted);letter-spacing:0;background:0 0;border:0;padding:3px 12px}.seg button.on{color:var(--ink);background:linear-gradient(145deg, var(--brass-hi), var(--brass))}.tabs{scrollbar-width:thin;gap:6px;margin-bottom:10px;padding-bottom:8px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--felt-line);cursor:pointer;color:var(--muted);background:linear-gradient(145deg, var(--felt-2), var(--felt));border-radius:999px;flex:none;padding:6px 14px;font-weight:500}.tabs button.on{color:var(--ink);border-color:var(--brass-lo);background:linear-gradient(145deg, var(--brass-hi), var(--brass));font-weight:700}.tabs em{font:500 11.5px var(--mono);opacity:.75;margin-left:6px;font-style:normal}.table-wrap{overflow-x:auto}.board{border-collapse:collapse;table-layout:fixed;width:100%;min-width:560px;font-size:14px}.board th{text-align:left;color:var(--muted);border-bottom:1px solid var(--felt-line);white-space:nowrap;padding:4px 8px;font-size:12px;font-weight:500}.board td{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:8px;overflow:hidden}.board tr.me td{background:#c9a24b1a}.board tr.me td:first-child{box-shadow:inset 3px 0 0 var(--brass)}.board .rk{color:var(--brass-hi);font-weight:700}.board .prog{color:var(--muted);font-size:12px;font-style:normal;font-weight:500}.board tr.note td{color:var(--brass);letter-spacing:.08em;border-bottom:1px solid var(--felt-line);white-space:normal;padding:14px 8px 4px;font-size:12px}.board tbody tr:first-child .rk{font-size:17px}.matches{margin:0;padding:0;list-style:none;display:grid}.matches li{border-bottom:1px solid #ffffff0a;grid-template-columns:4em minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:8px 0;display:grid}.m-main{flex-wrap:wrap;gap:2px 10px;min-width:0;display:flex}.m-main em{color:var(--muted);font-size:13px;font-style:normal}.pill{text-align:center;min-width:3.4em;color:var(--ink);background:var(--muted);border-radius:999px;padding:1px 8px;font-size:12.5px;font-weight:700;display:inline-block}.o-win{background:var(--win)}.o-loss{background:var(--loss)}.o-draw{background:var(--draw)}.o-forfeit{background:var(--forfeit);color:var(--ivory)}.o-void{color:#bbb;background:#444}.scrim{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--brass-lo);background:linear-gradient(145deg,#1d3830,#12211c);border-radius:16px;width:min(520px,100%);padding:22px;box-shadow:0 30px 80px #000c}.sheet h2{font:900 24px var(--serif);letter-spacing:.06em;margin:0 0 4px}.sheet p{margin:0 0 14px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--felt-line);background:linear-gradient(145deg,#27443a,#182c25);border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.chip:hover,.chip.on{border-color:var(--brass)}.chip button{cursor:pointer;background:0 0;border:0;padding:6px 12px;font-weight:700}.chip em{font:400 12px var(--mono);color:var(--muted);margin-left:8px;font-style:normal}.chip i{color:var(--draw);margin-left:8px;font-size:11.5px;font-style:normal;font-weight:500}.chip .mini{border-left:1px solid var(--felt-line);color:var(--muted);padding-inline:10px;font-size:12px;font-weight:500}.chip .mini:hover{color:var(--loss)}.pinform{flex-direction:column;gap:8px;display:flex}.pinform>input{width:100%}.pin-actions{gap:8px;display:flex}.pin-actions .btn{flex:1 1 0}.pinform input::placeholder{font:500 14px var(--sans);letter-spacing:.05em}.pinform input{border:1px solid var(--felt-line);font:700 20px var(--mono);letter-spacing:.3em;text-align:center;background:#0b1411;border-radius:10px;min-width:0;padding:10px 12px}.acct{border-top:1px solid var(--felt-line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.acct span{margin-right:auto}.row{flex-wrap:wrap;gap:8px;display:flex}.row input{border:1px solid var(--felt-line);background:#0b1411;border-radius:10px;flex:200px;min-width:0;padding:9px 12px}.error{color:var(--loss);margin:12px 0 0!important}.foot{border-top:1px solid var(--felt-line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-top:40px;padding-top:14px;font-size:12.5px;display:flex}.foot nav{gap:16px;display:flex}.doc-panel{max-width:860px;margin-inline:auto}.doc-back{margin:0 0 10px;font-size:13.5px}.doc-tabs{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.doc-tabs a{color:var(--muted);border:1px solid var(--felt-line);border-radius:999px;padding:4px 12px;font-size:13.5px}.doc-tabs a.on{color:var(--ink);border-color:var(--brass-lo);background:linear-gradient(145deg, var(--brass-hi), var(--brass))}.doc-title{font:900 26px/1.2 var(--serif);letter-spacing:.04em;margin:0 0 8px}.doc{overflow-wrap:anywhere;line-height:1.85}.doc h1{font:900 26px/1.2 var(--serif);letter-spacing:.04em;margin:0 0 12px}.doc h2{font:700 18px var(--serif);color:var(--brass-hi);letter-spacing:.08em;border-bottom:1px solid var(--felt-line);margin:30px 0 10px;padding-bottom:6px}.doc h3{font:700 15.5px var(--sans);color:var(--text);margin:22px 0 8px}.doc p,.doc ul,.doc ol{margin:0 0 12px}.doc ul,.doc ol{padding-left:1.4em}.doc li{margin:3px 0}.doc strong{color:var(--brass-hi);font-weight:700}.doc blockquote{border-left:3px solid var(--brass-lo);color:var(--muted);background:#0004;border-radius:0 8px 8px 0;margin:0 0 12px;padding:8px 14px}.doc table{border-collapse:collapse;max-width:100%;margin:0 0 14px;font-size:14px;display:block;overflow-x:auto}.doc th,.doc td{border:1px solid var(--felt-line);text-align:left;vertical-align:top;white-space:nowrap;padding:6px 10px}.doc td:last-child,.doc th:last-child{white-space:normal;min-width:12em}.doc th{color:var(--brass-hi);background:#0005;font-weight:600}.doc pre{border:1px solid var(--felt-line);font:13px/1.6 var(--mono);background:#0007;border-radius:10px;margin:0 0 14px;padding:12px 14px;overflow-x:auto}.doc pre code{font-size:inherit;background:0 0;padding:0}.app-play{max-width:none;padding-block:0;padding-inline:0}