:root{--pz-h: 196px;--pz-len-h: min(74vw, 100vw - 2 * var(--pz-h) - 24px, 960px);--pz-len-v: min(64vh, 760px);--panel: #171a2b;--panel-2: #20233a;--panel-3: #272a3a;--line: #34374a;--ink: #f4f4f4;--gold: #f0b429}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#root{width:100%;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none;background:#12141f;color:var(--ink);font-family:PingFang TC,Noto Sans TC,system-ui,sans-serif}button{font-family:inherit;color:inherit;border:none;cursor:pointer}.tappable{cursor:pointer}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none}.mini-btn{background:#3a3e56;border:1px solid #565b7a;border-radius:8px;padding:3px 10px;font-size:12px;color:var(--ink)}.mini-btn:disabled{opacity:.4;cursor:default}.mini-btn.go{background:#2b7a43;border-color:#3fae5c;font-weight:700}.big-start-btn{background:#e5484d;border-radius:16px;padding:16px 56px;font-size:26px;font-weight:800;color:#fff;box-shadow:0 6px #a32e33}.big-start-btn:active{transform:translateY(3px);box-shadow:0 3px #a32e33}.start-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.start-title{font-size:64px;letter-spacing:12px}.start-sub{font-size:18px;opacity:.85}.start-block{display:flex;flex-direction:column;align-items:center;gap:12px}.start-label{font-size:15px;opacity:.8}.human-picker{display:flex;gap:12px}.human-btn{width:84px;height:64px;font-size:20px;font-weight:700;border-radius:14px;background:var(--panel-2);border:3px solid var(--line);color:var(--ink)}.human-btn.on{border-color:var(--gold);background:#3a3212}.seat-note{font-size:13px;opacity:.7}.draft-screen{height:100%;padding:18px 24px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.draft-head{display:flex;align-items:center;gap:20px}.draft-head h2{font-size:26px}.draft-turn{display:flex;align-items:center;gap:8px;border:2px solid;border-radius:12px;padding:6px 14px;font-size:16px;font-weight:700}.draft-zones{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.draft-zone-pill{padding:4px 12px;border-radius:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.draft-zone-pill.hidden-zone{background:var(--panel-3);border:1px dashed #565b7a;color:#9aa0bb}.draft-zones-note{opacity:.6;font-size:12px}.draft-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow-y:auto;touch-action:pan-y}.char-card{position:relative;background:var(--panel-2);border:2px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}.char-card.tappable:hover{border-color:var(--gold)}.char-card.taken{opacity:.45}.char-name{font-size:20px;font-weight:800}.char-home{font-size:12px;color:var(--gold)}.char-form{font-size:12px;opacity:.75;line-height:1.4}.char-skill{font-size:13px;line-height:1.35}.skill-tag{display:inline-block;font-size:10px;border-radius:6px;padding:1px 6px;margin-right:6px;vertical-align:middle}.passive-tag{background:#2b4a7a}.active-tag{background:#7a2b4a}.skill-desc{font-size:11px;opacity:.75;margin-top:2px}.char-taken-tag{position:absolute;top:8px;right:8px;font-size:11px;font-weight:700;color:#fff;border-radius:8px;padding:2px 8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.stage,.table-screen{position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:16px;align-items:center;background:#0a0c16cc;border:1px solid var(--line);border-radius:12px;padding:4px 16px;font-size:14px}.hud-round,.hud-turn{font-weight:700}.board-center{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1;transform:translate(-50%,-50%) rotate(var(--center-rot, 0deg)) scale(var(--center-scale, 1));transition:transform .65s cubic-bezier(.45,.05,.25,1);will-change:transform}.zone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.zone-tile{position:relative;width:116px;height:104px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55);box-shadow:inset 0 -5px #00000040,0 3px 8px #0006}.zone-tile.unrevealed{background:var(--panel-3);border:2px dashed #565b7a;color:#9aa0bb;text-shadow:none;box-shadow:none}.zone-abbr{font-size:36px;font-weight:900;line-height:1}.zone-name{font-size:15px;font-weight:700}.zone-icons{position:absolute;top:6px;right:8px;font-size:14px;display:flex;gap:2px}.zone-flag{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;border-radius:8px;padding:1px 7px;white-space:nowrap;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.zone-tile.eligible{outline:3px solid var(--gold);animation:pulseGlow 1.2s infinite}.zone-tile.targeting{outline:3px dashed #6ee7e7}@keyframes pulseGlow{0%,to{outline-color:var(--gold)}50%{outline-color:#f0b42940}}.market-row{display:flex;align-items:flex-start;gap:10px;background:#0a0c1699;border:1px solid var(--line);border-radius:14px;padding:8px 14px}.market-label{font-size:15px;font-weight:700;align-self:center;writing-mode:vertical-rl;letter-spacing:4px;opacity:.8}.market-slot{display:flex;flex-direction:column;align-items:center;gap:3px}.market-slot.targeting .card-chip{outline:2px dashed #6ee7e7}.cost-tag{font-size:11px;color:var(--gold)}.cost-tag.frozen{color:#7fc7ff}.market-empty{font-size:13px;opacity:.6;align-self:center}.card-chip{position:relative;width:84px;height:92px;flex:none;background:var(--panel-3);border-radius:10px;padding:4px 6px;display:flex;flex-direction:column;gap:2px;overflow:hidden;box-shadow:0 2px 5px #00000059}.card-chip.selected{outline:3px solid #fff}.card-chip.dimmed{opacity:.45}.cat-bar{height:6px;border-radius:3px;flex:none}.card-prov{font-size:13px;font-weight:800}.card-title{font-size:11px;line-height:1.25;opacity:.9;overflow:hidden}.card-cat{font-size:10px;margin-top:auto}.card-chip.wild{align-items:center;justify-content:center;background:#33290f;border:1px solid #6b5a1e}.wild-abbr{font-size:38px;font-weight:900;color:var(--gold);line-height:1.1}.wild-note{font-size:10px;opacity:.8}.card-badge{position:absolute;top:2px;right:2px;background:var(--gold);color:#221a05;font-size:11px;font-weight:800;border-radius:8px;padding:0 5px}.seat-pos-0{position:absolute;left:50%;top:calc(100% - var(--pz-h) / 2 - 4px);transform:translate(-50%,-50%);width:var(--pz-len-h)}.seat-pos-2{position:absolute;left:50%;top:calc(var(--pz-h) / 2 + 4px);transform:translate(-50%,-50%) rotate(180deg);width:var(--pz-len-h)}.seat-pos-1{position:absolute;left:calc(100% - var(--pz-h) / 2 - 4px);top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:var(--pz-len-v)}.seat-pos-3{position:absolute;left:calc(var(--pz-h) / 2 + 4px);top:50%;transform:translate(-50%,-50%) rotate(90deg);width:var(--pz-len-v)}.player-zone{height:var(--pz-h);background:#0f111ce6;border:3px solid var(--line);border-radius:14px;padding:8px 12px 16px;display:flex;flex-direction:column;gap:4px;z-index:4}.player-zone.current{box-shadow:0 0 18px #f0b42959}.pz-header{display:flex;align-items:center;gap:10px;font-size:14px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.pz-header.target-glow{outline:3px dashed #6ee7e7;border-radius:8px}.pz-name{font-size:16px;font-weight:800}.pz-cpu-tag{font-size:10px;background:#3a3e56;border-radius:6px;padding:1px 6px;opacity:.85}.pz-pop,.pz-amb{font-size:13px;color:var(--gold)}.pz-ap{display:flex;align-items:center;gap:4px}.ap-bean{width:15px;height:15px;border-radius:50%;background:#ffd75e;box-shadow:inset 0 -3px #00000040}.ap-bean.half{background:linear-gradient(90deg,#ffd75e 50%,#4a4d61 50%)}.ap-none{font-size:11px;opacity:.7}.pz-revenge{font-size:11px;color:#ff9d7a;white-space:nowrap}.pz-skills{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap;overflow:hidden}.pz-passive,.pz-active-label{opacity:.8}.skill-btn{background:#7a2b4a;border:1px solid #b0567c;border-radius:8px;padding:3px 12px;font-size:13px;font-weight:700;color:#fff}.skill-btn:disabled{opacity:.4;cursor:default}.end-turn-btn{margin-left:auto;background:#2b4a7a;border:1px solid #567ab0;border-radius:8px;padding:3px 14px;font-size:13px;font-weight:700;color:#fff}.pz-hand{flex:1;display:flex;align-items:flex-start;gap:6px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x}.pz-card-wrap{display:flex;flex-direction:column;gap:2px;flex:none}.lp-wrap{display:flex;flex-direction:column}.lp-wrap .card-chip{transition:transform .15s ease}.lp-pressing .card-chip{transform:scale(.88);transition:transform .45s ease;outline:2px solid var(--gold)}.wild-ops{display:flex;flex-direction:column;gap:2px}.wild-ops .mini-btn{font-size:10px;padding:1px 5px}.pz-card-wrap.scout{position:relative;opacity:.9}.scout-tag{font-size:10px;text-align:center;color:#7fc7ff}.pz-empty{font-size:12px;opacity:.5;align-self:center}.fact-pop{position:absolute;bottom:calc(100% + 6px);left:16px;max-width:320px;background:#101322;border:1px solid #565b7a;border-radius:10px;padding:8px 12px;font-size:12px;line-height:1.45;display:flex;flex-direction:column;gap:4px;z-index:9}.mode-bar{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#3a2f10;border:1px solid var(--gold);border-radius:10px;padding:6px 12px;font-size:13px;white-space:nowrap;z-index:9}.turn-timer{position:absolute;left:12px;right:52px;bottom:4px;height:8px;background:#31344a;border-radius:4px}.turn-timer-fill{height:100%;border-radius:4px;background:#6ee7a0;transition:width .1s linear}.turn-timer-fill.urgent{background:#e5484d}.turn-timer-num{position:absolute;right:-40px;top:-7px;font-size:15px;font-weight:800;color:var(--gold)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#060812d6;z-index:20}.arena-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:620px;z-index:21}.arena-title{font-size:64px;font-weight:900;color:#ff6b5e;text-shadow:0 4px 0 rgba(0,0,0,.5)}.arena-title.small{font-size:34px;color:var(--gold)}.arena-sub{font-size:20px;font-weight:700}.arena-count{font-size:68px;font-weight:900;color:var(--gold);line-height:1}.arena-hint{font-size:14px;opacity:.75}.quiz-prompt{font-size:25px;font-weight:700;line-height:1.4}.shake{animation:shakeIt .5s}@keyframes shakeIt{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 8px),-50%) rotate(-1deg)}40%{transform:translate(calc(-50% + 8px),-50%) rotate(1deg)}60%{transform:translate(calc(-50% - 5px),-50%)}80%{transform:translate(calc(-50% + 5px),-50%)}}.edge-panel{height:calc(var(--pz-h) + 10px);background:#141726;border:3px solid var(--line);border-radius:14px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;z-index:22}.ep-head{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.ep-cards{display:flex;gap:6px;overflow-x:auto;flex:1;align-items:flex-start;touch-action:pan-x}.ep-cards.center{justify-content:center;flex-wrap:wrap;overflow:visible}.ep-status{font-size:20px;font-weight:700;margin:auto;opacity:.9}.quiz-options{display:flex;gap:10px;flex-wrap:wrap;align-items:center;flex:1}.quiz-opt-btn{background:#2b4a7a;border:2px solid #567ab0;border-radius:12px;padding:12px 18px;font-size:17px;font-weight:700;color:#fff}.quiz-opt-btn:active{background:#3a62a0}.rush-grid{display:grid;grid-template-columns:repeat(8,minmax(64px,1fr));gap:6px;flex:1;align-items:stretch}.rush-tile{border-radius:10px;font-size:15px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);min-height:52px;box-shadow:inset 0 -4px #00000040}.rush-tile:active{transform:translateY(2px)}.reveal-overlay{display:flex;align-items:center;justify-content:center;z-index:30}.reveal-box{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:22px 32px;max-width:760px;max-height:86vh;overflow-y:auto;touch-action:pan-y;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.reveal-cols{display:flex;gap:22px}.reveal-col{border:2px solid;border-radius:12px;padding:10px 18px;min-width:220px;text-align:left;display:flex;flex-direction:column;gap:6px}.reveal-row{display:flex;justify-content:space-between;gap:18px;font-size:15px}.reveal-total{font-size:22px;font-weight:900;margin-top:4px;color:var(--gold)}.reveal-quiz-note{font-size:16px;font-weight:700;color:#7fc7ff}.reveal-verdict{display:flex;flex-direction:column;gap:6px}.verdict-main{font-size:24px;font-weight:900}.verdict-sub{font-size:14px;opacity:.85}.pop-in{opacity:0;animation:popIn .4s forwards}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.toast-stack{position:absolute;top:56px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:40;pointer-events:none}.toast{background:#141828f0;border:1px solid #4a4f68;border-radius:20px;padding:8px 18px;font-size:15px;font-weight:700;animation:popIn .3s;white-space:nowrap}.podium-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.podium-title{font-size:40px}.podium-row{display:flex;align-items:flex-end;gap:22px}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:6px;width:170px;text-align:center}.podium-medal{font-size:44px}.podium-name{font-size:21px;font-weight:900}.podium-stats{font-size:13px;opacity:.85}.podium-cheer{font-size:13px;color:var(--gold);min-height:34px}.podium-block{width:100%;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 -6px #00000040}.rank-0 .podium-block{height:130px}.rank-1 .podium-block{height:100px}.rank-2 .podium-block{height:78px}.rank-3 .podium-block{height:58px}.podium-clap,.podium-mvp{font-size:17px}.podium-btns{display:flex;align-items:center;gap:16px}.char-art,.podium-art{width:100%;max-height:120px;object-fit:contain;border-radius:10px}