:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12141c;--bg-raise:#1c2030;--bg-card:#f6f3eb;--ink:#1c1915;--text:#f4f1ea;--muted:#b7b1a6;--line:#343a4e;--joy:#f5c518;--joy-ink:#1a1404;--danger:#e23d3d;--shadow:0 12px 32px #00000047;--font:"Noto Sans CJK TC", "Noto Sans CJK HK", "PingFang TC", "Microsoft JhengHei", sans-serif;font:17px/1.45 var(--font);color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{background:radial-gradient(900px 420px at 10% -10%, #f5c51824, transparent 55%), radial-gradient(700px 380px at 110% 0%, #4c8dff1f, transparent 50%), var(--bg);min-height:100svh;margin:0}button,input{font:inherit}h1,h2,h3,p{margin:0}#root,.app{min-height:100svh}.app[data-lang=zh] .bi .zh{order:0}.app[data-lang=zh] .bi .en{order:1}.app[data-lang=en] .bi .en{order:0}.app[data-lang=en] .bi .zh{order:1}.bi{flex-direction:column;align-items:center;gap:1px;line-height:1.2;display:inline-flex}.bi .en,.bi .zh{display:block}.app[data-lang=zh] .bi .en,.app[data-lang=en] .bi .zh{opacity:.78;font-size:.82em;font-weight:650}.bi-row{flex-direction:row;align-items:baseline;gap:.35rem}.bi-row .sep{opacity:.45;font-weight:500}.app[data-lang=zh] .bi-row .en,.app[data-lang=en] .bi-row .zh{opacity:.9;font-size:.92em}.btn{cursor:pointer;min-height:48px;color:var(--text);background:#2a3148;border:1px solid #0000;border-radius:12px;padding:8px 14px}.btn:focus-visible,.count:focus-visible,.skip:focus-visible{outline:3px solid var(--joy);outline-offset:2px}.btn-primary{background:var(--joy);color:var(--joy-ink);font-weight:750}.btn-ghost{border-color:var(--line);background:0 0}.btn-pass{background:#3a2a2a;border-color:#6a3a3a}.btn[aria-pressed=true]{border-color:var(--joy);box-shadow:inset 0 0 0 1px var(--joy)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-id,.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.brand{letter-spacing:.01em;font-weight:750}.meta,.fine,.en-line,.pass-who,.place-note,.region-note{color:var(--muted)}.intro{background:#07080d;min-height:100svh;position:relative;overflow:hidden}.intro-video{object-fit:cover;background:#07080d;width:100%;height:100%;position:absolute;inset:0}.intro-scrim{pointer-events:none;background:linear-gradient(#07080dc7,#0000 28%),linear-gradient(#0000 58%,#07080dd1);position:absolute;inset:0}.intro-top{z-index:2;padding:20px 20px 0;position:relative}.intro-brand{font-size:1.15rem;font-weight:750}.skip{z-index:4;right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));background:var(--joy);min-width:148px;min-height:56px;color:var(--joy-ink);cursor:pointer;box-shadow:var(--shadow);border:0;border-radius:999px;padding:10px 22px;font-size:1.15rem;font-weight:800;position:fixed}.skip .bi-row .zh,.skip .bi-row .en{opacity:1;font-size:1.15rem;font-weight:800}.title-screen,.table{flex-direction:column;gap:16px;width:min(1120px,100% - 28px);margin:0 auto;padding:18px 0 32px;display:flex}.title-card{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:#1c2030eb;border-radius:24px;flex-direction:column;align-items:center;gap:8px;margin-top:8vh;padding:28px 22px 24px;display:flex}.title-card h1{letter-spacing:-.03em;font-size:clamp(2rem,6vw,3.4rem);line-height:1.05}.title-card h1 .bi{gap:4px}.app[data-lang=zh] .title-card h1 .bi .zh,.app[data-lang=en] .title-card h1 .bi .en{opacity:1;font-size:clamp(2rem,6vw,3.4rem)}.app[data-lang=zh] .title-card h1 .bi .en,.app[data-lang=en] .title-card h1 .bi .zh{opacity:.8;font-size:clamp(1.05rem,2.6vw,1.45rem);font-weight:650}.lede{color:var(--joy);margin-bottom:12px;font-weight:700}.count-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,460px);margin:8px 0 16px;display:grid}.count{border:1px solid var(--line);min-height:84px;color:var(--text);cursor:pointer;background:#171b28;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.count-num{font-size:1.7rem;font-weight:750;line-height:1}.count[aria-checked=true]{border-color:var(--joy);box-shadow:inset 0 0 0 2px var(--joy);background:#33290d}.btn-start{min-width:min(100%,280px);min-height:58px;font-size:1.15rem}.fine{max-width:36rem;margin-top:6px;font-size:.92rem}.fine .bi{align-items:center}.seat{align-items:baseline;gap:6px;font-weight:700;display:flex}.seat-of{color:var(--muted)}.pass-banner{border:2px solid var(--joy);background:#2a2414;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pass-title{font-size:1.35rem;font-weight:800}.banner-actions,.actions{flex-wrap:wrap;gap:8px;display:flex}.map{flex-direction:column;gap:10px;display:flex}.hq,.region{background:var(--bg-raise);border:1px solid var(--line);text-align:left;border-radius:18px;padding:14px}.hq{background:radial-gradient(420px 120px at 0 0,#f5c51829,#0000 60%),#221e16;border-color:#6d5a22;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;display:flex}.hq h2,.region h3,.hand-head h2{font-size:1.15rem}.en-line{font-size:.92rem}.place-note,.region-note{margin-top:6px;font-size:.85rem}.pawns{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pawn{text-align:center;flex-direction:column;align-items:center;gap:2px;width:76px;display:flex}.pawn-disc{background:var(--pawn);border:2px solid #fff6;border-radius:50%;width:42px;height:42px;box-shadow:inset 0 -7px #00000038,0 4px #00000047}.pawn-zh{font-size:.92rem;font-weight:750}.pawn-en,.todo-mini{color:var(--muted);font-size:.72rem}.todo-mini{letter-spacing:.06em;color:var(--joy);border:1px solid #8a8175;border-radius:999px;padding:0 6px}.region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.region{border-top:4px solid var(--accent);min-height:92px}.hand-section{flex-direction:column;gap:8px;min-width:0;display:flex}.hand-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hand-frame{min-width:0;position:relative}.hand-row{scroll-snap-type:x mandatory;gap:10px;padding:2px 2px 10px;display:flex;overflow-x:auto}.hand-row.is-blurred .card{filter:blur(14px)}.hand-cover{pointer-events:none;background:#0c0e166b;border-radius:16px;place-items:center;font-weight:800;display:grid;position:absolute;inset:0 0 10px}.card{scroll-snap-align:start;background:var(--bg-card);width:168px;min-height:236px;color:var(--ink);border-top:8px solid var(--card-color,#888);box-shadow:var(--shadow);text-align:left;border-radius:16px;flex-direction:column;flex:none;padding:10px 10px 12px;display:flex}.art-slot{background:repeating-linear-gradient(-45deg,#efeae0,#efeae0 7px,#e4ddd0 7px 14px);border:1.5px dashed #8d8478;border-radius:10px;place-items:center;height:78px;display:grid}.todo-badge{color:var(--joy);letter-spacing:.04em;background:#1c1915;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:800}.card-name{overflow-wrap:anywhere;margin-top:8px;font-size:1rem;line-height:1.25}.card-color{align-items:center;gap:4px;margin-top:4px;font-size:.85rem;font-weight:800;display:flex}.swatch{border:1px solid #00000040;border-radius:50%;width:10px;height:10px}.card-meta,.card-ability{color:#4e483f;margin-top:4px;font-size:.75rem;line-height:1.35}.card-ability{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-back{color:var(--text);text-align:center;background:radial-gradient(circle at 50% 42%,#f5c5182e,#0000 46%),#232838;border-top-color:#3a4058;justify-content:center;align-items:center;gap:8px}.back-mark{border:2px dashed #f5c518;border-radius:50%;width:46px;height:46px;box-shadow:inset 0 0 0 6px #171b28}.loading{place-items:center;min-height:100svh;display:grid}@media (width<=800px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pawns{justify-content:flex-start}.title-card{margin-top:4vh}}@media (width<=520px){.title-screen,.table{width:min(100% - 20px,1120px)}.count{min-height:72px}.card{width:148px}.pass-banner,.actions,.banner-actions{align-items:stretch}.banner-actions .btn,.actions .btn{flex:140px}}