.hero[data-v-248fa404]{text-align:center;margin-top:32px}.existing-banner[data-v-bb9e9249]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--primary-soft);border:1px solid var(--primary);border-radius:10px;margin-bottom:14px}.eb-text[data-v-bb9e9249]{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.eb-title[data-v-bb9e9249]{font-weight:600;color:var(--primary);font-size:14px;flex-shrink:0}.eb-room[data-v-bb9e9249]{font-size:13px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.eb-status[data-v-bb9e9249]{font-size:12px;padding:2px 8px;border-radius:999px;background:#e2e8f0;color:#475569;flex-shrink:0}.eb-status.playing[data-v-bb9e9249]{background:#fee2e2;color:#b91c1c}.eb-actions[data-v-bb9e9249]{display:flex;gap:8px;flex-shrink:0}.existing-banner .mini-btn[data-v-bb9e9249]{padding:6px 12px;font-size:13px}.existing-banner .mini-btn.primary[data-v-bb9e9249]{background:var(--primary);color:#fff;border-color:var(--primary)}.tabs-row[data-v-bb9e9249]{display:flex;gap:8px;align-items:center;margin-bottom:12px}.tabs[data-v-bb9e9249]{flex:1;display:flex;gap:8px}.tabs-row>.ghost[data-v-bb9e9249]{width:auto;margin:0;padding:8px 14px;flex-shrink:0;align-self:center}.icon-btn[data-v-bb9e9249]{padding:3px 4px!important;font-size:14px;line-height:1;color:#64748b;display:inline-flex;align-items:center;justify-content:center;min-width:0;height:auto}.icon-btn[data-v-bb9e9249]:hover{color:#334155}.icon-btn.on[data-v-bb9e9249]{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.icon-funnel[data-v-bb9e9249]{display:block}.search-bar[data-v-bb9e9249]{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap;animation:slideDown-bb9e9249 .18s ease-out}.search-bar .search[data-v-bb9e9249]{flex:1;min-width:140px;margin:0}.clear-btn[data-v-bb9e9249]{flex-shrink:0;padding:8px 12px;font-size:12.5px}.history-head[data-v-bb9e9249]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-head h3[data-v-bb9e9249]{margin:0}@keyframes slideDown-bb9e9249{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tabs button[data-v-bb9e9249]{flex:1;margin:0;padding:9px 8px;border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:13.5px;color:var(--muted);cursor:pointer}.tabs button.on[data-v-bb9e9249]{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.ghost.more[data-v-bb9e9249]{width:100%;margin-top:10px;margin-bottom:0}.create-card[data-v-bb9e9249]{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.create-card>button[data-v-bb9e9249]:not(.ghost){flex:1;margin:0;min-width:0}.tutorial-btn[data-v-bb9e9249]{width:auto!important;margin:0!important;padding:11px 18px;flex-shrink:0}.search[data-v-bb9e9249]{width:100%;margin:8px 0 12px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box}.search[data-v-bb9e9249]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.filter-btns[data-v-bb9e9249]{display:flex;gap:6px;flex-shrink:0}.filter-btns .ghost[data-v-bb9e9249]{width:auto;margin:0;padding:7px 12px;font-size:12.5px}.filter-btns .ghost.on[data-v-bb9e9249]{background:var(--primary);color:#fff;border-color:var(--primary)}.existing-banner[data-v-ab51c1f9]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--primary-soft);border:1px solid var(--primary);border-radius:10px;margin-bottom:14px}.eb-text[data-v-ab51c1f9]{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.eb-title[data-v-ab51c1f9]{font-weight:600;color:var(--primary);font-size:14px;flex-shrink:0}.eb-room[data-v-ab51c1f9]{font-size:13px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.eb-status[data-v-ab51c1f9]{font-size:12px;padding:2px 8px;border-radius:999px;background:#e2e8f0;color:#475569;flex-shrink:0}.eb-status.playing[data-v-ab51c1f9]{background:#fee2e2;color:#b91c1c}.existing-banner .mini-btn.primary[data-v-ab51c1f9]{background:var(--primary);color:#fff;border-color:var(--primary);flex-shrink:0;padding:6px 14px}.error-tip[data-v-ab51c1f9]{padding:8px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;margin-bottom:14px}.field-label[data-v-ab51c1f9]{display:block;margin:14px 0 6px;font-size:14px;font-weight:600;color:#334155}.opt-list[data-v-ab51c1f9]{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.opt-item[data-v-ab51c1f9]{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.opt-item.active[data-v-ab51c1f9]{border-color:var(--primary);background:var(--primary-soft)}.opt-item input[data-v-ab51c1f9]{accent-color:var(--primary);width:16px;height:16px;margin:0}.opt-item.disabled[data-v-ab51c1f9]{opacity:.55;cursor:not-allowed;background:#f8fafc}.battle-select[data-v-ab51c1f9]{width:100%;padding:9px 10px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;margin-bottom:18px}.battle-select[data-v-ab51c1f9]:focus{outline:none;border-color:var(--primary)}.opt-name[data-v-ab51c1f9]{font-weight:600;color:#1e293b;min-width:92px}.opt-desc[data-v-ab51c1f9]{font-size:12.5px;color:#64748b}.share-card[data-v-6ccaf439]{width:min(92vw,320px);box-sizing:border-box}.share-hint[data-v-6ccaf439]{font-size:12.5px;color:var(--text-secondary);text-align:center;margin-top:-6px}.share-img[data-v-6ccaf439]{width:220px;height:220px;image-rendering:pixelated;border-radius:6px}.share-img-ph[data-v-6ccaf439]{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-secondary);background:#f1f5f9}.share-url[data-v-6ccaf439]{width:100%;box-sizing:border-box;max-height:56px;overflow:auto;padding:7px 10px;font-size:12px;line-height:1.5;color:var(--text-secondary);text-align:center;word-break:break-all;background:#f8fafc;border:1px solid var(--border);border-radius:8px}.share-actions[data-v-6ccaf439]{display:flex;gap:10px}.share-actions .mini-btn[data-v-6ccaf439]{width:auto;margin:0}.share-ok[data-v-6ccaf439]{font-size:12.5px;font-weight:600;color:#16a34a}.rb[data-v-f330cbe4]{position:relative}.rb.disabled[data-v-f330cbe4]{opacity:.6;pointer-events:none}.rb-zone-label[data-v-f330cbe4]{font-size:13px;font-weight:600;color:#334155;margin:10px 0 6px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.rb-zone-label b[data-v-f330cbe4]{color:var(--primary, #dc2626)}.rb-zone-label b.full[data-v-f330cbe4]{color:#b91c1c}.rb-hint[data-v-f330cbe4]{font-size:11.5px;font-weight:400;color:#94a3b8}.rb-pool[data-v-f330cbe4],.rb-rack[data-v-f330cbe4]{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1.5px dashed #cbd5e1;border-radius:10px;background:#f8fafc;min-height:52px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rb-rack[data-v-f330cbe4]{border-color:var(--primary, #dc2626);background:#fff7f7}.rb-chip[data-v-f330cbe4]{position:relative;width:44px;height:44px;padding:0;margin:0;border-radius:8px;border:1.5px solid #94a3b8;background:#fff;color:#1e293b;font-size:18px;font-weight:700;font-family:PingFang SC,Heiti SC,SimHei,sans-serif;cursor:grab;touch-action:none}.rb-chip[data-v-f330cbe4]:active{cursor:grabbing}.rb-chip.mine[data-v-f330cbe4]{border-color:var(--primary, #dc2626);color:var(--primary, #dc2626)}.rb-chip.exp[data-v-f330cbe4]{border-style:double;border-width:2.5px}.rb-chip.dim[data-v-f330cbe4]{opacity:.35}.rb-exp-tag[data-v-f330cbe4]{position:absolute;top:-7px;right:-6px;background:#dc2626;color:#fff;font-size:10px;line-height:1;padding:2px 3px;border-radius:4px}.rb-cnt[data-v-f330cbe4]{position:absolute;left:-7px;top:-7px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#1e293b;color:#fff;font-size:11px;line-height:16px;text-align:center}.rb-empty[data-v-f330cbe4]{color:#94a3b8;font-size:13px;align-self:center}.rb-actions[data-v-f330cbe4]{display:flex;gap:8px;margin-top:8px}.rb-actions .mini-btn[data-v-f330cbe4]{width:auto;margin-bottom:0;padding:5px 12px;font-size:12.5px;background:#fff;color:#334155;border:1px solid #cbd5e1}.rb-actions .mini-btn[data-v-f330cbe4]:hover{background:#f1f5f9;border-color:#94a3b8}.rb-ghost[data-v-f330cbe4]{position:fixed;z-index:3000;width:44px;height:44px;margin-left:-22px;margin-top:-22px;border-radius:8px;border:2px solid var(--primary, #dc2626);background:#fff;color:var(--primary, #dc2626);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 6px 16px #dc26264d}.item-ops[data-v-8db2f0cf]{display:flex;gap:8px;flex-shrink:0}.item-ops button[data-v-8db2f0cf]{width:auto;margin:0;padding:7px 14px}.item-ops button.ghost[data-v-8db2f0cf]{background:#fff;color:var(--primary);border-color:var(--primary)}.item-ops button.ghost[data-v-8db2f0cf]:hover{background:var(--primary-soft)}.filter-row[data-v-8db2f0cf]{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.search[data-v-8db2f0cf]{flex:1;min-width:140px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box}.search[data-v-8db2f0cf]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.game-select[data-v-8db2f0cf]{padding:9px 10px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:var(--surface);color:var(--text);cursor:pointer}.filter-btns[data-v-8db2f0cf]{display:flex;gap:6px;margin-bottom:12px}.filter-btns .ghost[data-v-8db2f0cf]{width:auto;margin:0;padding:7px 12px;font-size:12.5px}.filter-btns .ghost.on[data-v-8db2f0cf]{background:var(--primary);color:#fff;border-color:var(--primary)}.cs-sheet[data-v-1ff421a9]{width:100%;max-width:560px;margin:0 auto;padding:10px;display:flex;flex-direction:column;gap:10px}.cs-scores[data-v-1ff421a9]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.cs-score[data-v-1ff421a9]{font-size:12.5px;padding:3px 10px;border-radius:999px;background:#f1f5f9;color:#475569}.cs-score b[data-v-1ff421a9]{font-size:14px}.cs-score.yellow[data-v-1ff421a9]{background:#fef9c3;color:#a16207}.cs-score.blue[data-v-1ff421a9]{background:#e0f2fe;color:#0369a1}.cs-score.green[data-v-1ff421a9]{background:#dcfce7;color:#15803d}.cs-score.orange[data-v-1ff421a9]{background:#ffedd5;color:#c2410c}.cs-score.purple[data-v-1ff421a9]{background:#f3e8ff;color:#7e22ce}.cs-score.fox[data-v-1ff421a9]{background:#fee2e2;color:#b91c1c;font-weight:700}.cs-area[data-v-1ff421a9]{background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px}.cs-area-title[data-v-1ff421a9]{font-size:12px;color:var(--text-secondary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.cs-dot[data-v-1ff421a9]{width:10px;height:10px;border-radius:3px;display:inline-block}.cs-dot.yellow[data-v-1ff421a9]{background:#eab308}.cs-dot.blue[data-v-1ff421a9]{background:#0ea5e9}.cs-dot.green[data-v-1ff421a9]{background:#22c55e}.cs-dot.orange[data-v-1ff421a9]{background:#f97316}.cs-dot.purple[data-v-1ff421a9]{background:#a855f7}.cs-cell[data-v-1ff421a9]{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:7px;background:#fff;font-weight:700;padding:0;margin:0;width:100%;height:100%}button.cs-cell[data-v-1ff421a9]{cursor:pointer}button.cs-cell[data-v-1ff421a9]:disabled{opacity:1;cursor:default}.cs-yellow[data-v-1ff421a9]{display:grid;grid-template-columns:repeat(4,1fr) 34px;grid-auto-rows:40px;gap:4px}.y-cell[data-v-1ff421a9]{font-size:15px;color:#a16207}.y-cell.fixedx[data-v-1ff421a9]{color:#ca8a04;background:#fefce8}.y-cell.marked[data-v-1ff421a9]{background:#facc15;border-color:#ca8a04;color:#713f12}.cs-sidebonus[data-v-1ff421a9]{display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8;border:1px dashed var(--border);border-radius:6px}.cs-sidebonus.done[data-v-1ff421a9]{background:#dc2626;color:#fff;border-color:#dc2626;border-style:solid}.cs-colstar[data-v-1ff421a9]{text-align:center;font-size:11px;color:#94a3b8;padding-top:2px}.cs-colstar.done[data-v-1ff421a9]{color:#dc2626;font-weight:800}.cs-blue[data-v-1ff421a9]{display:grid;grid-template-columns:repeat(4,1fr) 34px;grid-auto-rows:38px;gap:4px}.b-cell[data-v-1ff421a9]{font-size:14px;color:#0369a1}.b-cell.marked[data-v-1ff421a9]{background:#38bdf8;border-color:#0284c7;color:#082f49}.cs-colbonus[data-v-1ff421a9]{text-align:center;font-size:11px;color:#94a3b8;padding-top:2px}.cs-colbonus.done[data-v-1ff421a9]{color:#dc2626;font-weight:800}.cs-cell.pick[data-v-1ff421a9]{border-color:#dc2626;box-shadow:0 0 0 2px #dc262659;animation:cs-pulse-1ff421a9 1s ease-in-out infinite}@keyframes cs-pulse-1ff421a9{0%,to{box-shadow:0 0 0 2px #dc262659}50%{box-shadow:0 0 0 4px #dc26262e}}.cs-line[data-v-1ff421a9]{display:flex;gap:3px}.cs-lcell-wrap[data-v-1ff421a9]{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.l-cell[data-v-1ff421a9]{aspect-ratio:1;flex-direction:column;line-height:1.05}.l-cell .l-main[data-v-1ff421a9]{font-size:15px}.l-cell .l-star[data-v-1ff421a9],.l-cell .l-mult[data-v-1ff421a9]{font-size:8.5px;color:#94a3b8;font-weight:600}.l-cell.green[data-v-1ff421a9]{color:#15803d}.l-cell.green.marked[data-v-1ff421a9]{background:#4ade80;border-color:#16a34a;color:#14532d}.l-cell.orange[data-v-1ff421a9]{color:#c2410c}.l-cell.orange.marked[data-v-1ff421a9]{background:#fb923c;border-color:#ea580c;color:#431407}.l-cell.purple[data-v-1ff421a9]{color:#7e22ce}.l-cell.purple.marked[data-v-1ff421a9]{background:#c084fc;border-color:#9333ea;color:#3b0764}.l-bonus[data-v-1ff421a9]{text-align:center;font-size:9.5px;color:#94a3b8;min-height:13px}@media (max-width: 400px){.cs-yellow[data-v-1ff421a9],.cs-blue[data-v-1ff421a9]{gap:3px}.l-cell .l-main[data-v-1ff421a9]{font-size:13px}}.qcb-board[data-v-a7bef922]{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:0;width:100%;max-width:360px;aspect-ratio:1 / 1;margin:0 auto;border:1px solid #cbd5e1;-webkit-user-select:none;user-select:none}.qcb-board.clickable .qcb-cell[data-v-a7bef922]{cursor:pointer}.qcb-cell[data-v-a7bef922]{position:relative;aspect-ratio:1 / 1;background:#fff;border:1px solid #cbd5e1;margin:-1px 0 0 -1px;container-type:size}.qcb-cell.alt[data-v-a7bef922]{background:#f1f5f9}.qcb-piece[data-v-a7bef922]{position:absolute;left:2px;width:calc(100% - 4px);background:#fff;border:2px solid;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;font-size:27cqh;overflow:hidden}.qcb-red[data-v-a7bef922]{border-color:#dc2626;color:#dc2626}.qcb-black[data-v-a7bef922]{border-color:#1e293b;color:#1e293b}.qcb-single[data-v-a7bef922]{top:28cqh;height:44cqh;border-radius:6px}.qcb-top[data-v-a7bef922]{top:28cqh;height:44cqh;border-radius:6px 6px 0 0;z-index:2}.qcb-bottom[data-v-a7bef922]{top:72cqh;height:44cqh;border-radius:0 0 6px 6px}.qcb-bl[data-v-a7bef922]{top:72cqh;height:44cqh;width:calc(50% - 2px);border-radius:0 0 0 6px;font-size:min(27cqh,29cqw)}.qcb-br[data-v-a7bef922]{top:72cqh;height:44cqh;left:50%;width:calc(50% - 2px);border-radius:0 0 6px;font-size:min(27cqh,29cqw)}.qcb-upright[data-v-a7bef922]{top:30cqh;height:40cqh;border-radius:6px;font-size:25cqh}.qcb-upright-frame[data-v-a7bef922]{position:absolute;left:1px;right:1px;top:30cqh;height:40cqh;border:2px solid #d97706;border-radius:4px;z-index:3;pointer-events:none}.qcb-upright-tag[data-v-a7bef922]{position:absolute;right:4px;top:30cqh;height:40cqh;display:flex;align-items:center;font-size:10px;font-weight:700;color:#b45309;z-index:4;pointer-events:none}.qcb-buried[data-v-a7bef922]{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#d97706;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.qcb-hl[data-v-a7bef922]{position:absolute;pointer-events:none;z-index:6}.qcb-hl-sel[data-v-a7bef922]{top:1px;right:1px;bottom:1px;left:1px;border:3px solid #facc15}.qcb-hl-capture[data-v-a7bef922]{top:2px;right:2px;bottom:2px;left:2px;border:3px solid #ef4444}.qcb-hl-move[data-v-a7bef922]{left:50%;top:50%;width:28cqh;height:28cqh;transform:translate(-50%,-50%);border-radius:50%;background:#22c55e8c}.clever-final-card[data-v-498e6ae2]{text-align:center;padding:8px 0 12px;border-bottom:1px solid var(--border);margin-bottom:10px}.cf-rating[data-v-498e6ae2]{font-size:19px;font-weight:800;color:var(--primary)}.cf-en[data-v-498e6ae2]{font-size:12px;font-weight:500;color:var(--text-secondary);margin-left:6px}.cf-total b[data-v-498e6ae2]{font-size:26px;color:var(--primary)}.cf-break[data-v-498e6ae2]{font-size:12.5px;color:var(--text-secondary)}.clever-replay-sheet[data-v-498e6ae2]{background:var(--bg);border:1px solid var(--border);border-radius:10px}.wc-summary[data-v-498e6ae2]{margin-bottom:12px}.wc-final[data-v-498e6ae2]{text-align:center;font-size:16px;margin-bottom:8px}.wc-win[data-v-498e6ae2]{color:var(--primary)}.wc-sub[data-v-498e6ae2]{font-size:12.5px;color:var(--text-secondary)}.wc-units[data-v-498e6ae2]{display:flex;flex-direction:column;gap:4px;font-size:13px}.wc-side[data-v-498e6ae2]{display:flex;align-items:center;gap:6px}.wc-tag[data-v-498e6ae2]{flex-shrink:0;padding:1px 6px;border-radius:6px;font-size:11px;font-weight:700}.wc-tag0[data-v-498e6ae2]{background:#fef3c7;color:#b45309}.wc-tag1[data-v-498e6ae2]{background:#e2e8f0;color:#475569}.sd-replay[data-v-498e6ae2]{display:grid;grid-template-columns:repeat(9,clamp(24px,8.2vw,36px));grid-template-rows:repeat(9,clamp(24px,8.2vw,36px));width:fit-content;margin:0 auto;border:2px solid #334155;position:relative}.sd-replay[data-v-498e6ae2]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to right,transparent calc(33.33% - 1px),#334155 calc(33.33% - 1px),#334155 calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.67% - 1px),#334155 calc(66.67% - 1px),#334155 calc(66.67% + 1px),transparent calc(66.67% + 1px)),linear-gradient(to bottom,transparent calc(33.33% - 1px),#334155 calc(33.33% - 1px),#334155 calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to bottom,transparent calc(66.67% - 1px),#334155 calc(66.67% - 1px),#334155 calc(66.67% + 1px),transparent calc(66.67% + 1px))}.sd-replay-cell[data-v-498e6ae2]{display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;font-size:clamp(12px,3.6vw,16px);font-weight:700;color:#0d9488}.hm-replay[data-v-498e6ae2]{text-align:center}.hm-round[data-v-498e6ae2]{font-size:14px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.hm-geisha-row[data-v-498e6ae2]{display:flex;justify-content:center;gap:4px;margin-bottom:12px;flex-wrap:wrap}.hm-geisha[data-v-498e6ae2]{padding:4px 8px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;min-width:48px}.hm-geisha.red[data-v-498e6ae2]{background:#fee2e2;border-color:#dc2626}.hm-geisha.blue[data-v-498e6ae2]{background:#dbeafe;border-color:#2563eb}.hm-g-name[data-v-498e6ae2]{font-size:13px;font-weight:700}.hm-g-charm[data-v-498e6ae2]{font-size:10px;color:var(--text-secondary)}.hm-sides[data-v-498e6ae2]{display:flex;gap:12px;justify-content:center}.hm-side[data-v-498e6ae2]{flex:1;max-width:240px;padding:8px;border-radius:10px;border:1px solid var(--border)}.hm-side.red[data-v-498e6ae2]{background:#fef2f2}.hm-side.blue[data-v-498e6ae2]{background:#eff6ff}.hm-side-title[data-v-498e6ae2]{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.hm-cards[data-v-498e6ae2]{font-size:12px;line-height:1.6}.az-replay[data-v-498e6ae2]{text-align:center}.az-round[data-v-498e6ae2]{font-size:14px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.az-players[data-v-498e6ae2]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.az-player[data-v-498e6ae2]{padding:8px;border-radius:10px;border:1px solid var(--border);background:var(--bg)}.az-p-title[data-v-498e6ae2]{font-size:12px;font-weight:700;margin-bottom:4px}.az-wall[data-v-498e6ae2]{display:inline-block;margin-bottom:4px}.az-wall-row[data-v-498e6ae2]{display:flex;gap:1px}.az-tile[data-v-498e6ae2]{width:18px;height:18px;border:1px solid #cbd5e1;border-radius:2px}.az-tile-sm[data-v-498e6ae2]{display:inline-block;width:14px;height:14px;border:1px solid #cbd5e1;border-radius:2px;margin-right:1px}.az-lines[data-v-498e6ae2]{margin-bottom:4px}.az-line-row[data-v-498e6ae2]{display:flex;align-items:center;gap:2px;margin-bottom:1px}.az-line-label[data-v-498e6ae2]{font-size:9px;color:var(--text-secondary);width:16px;text-align:right}.az-floor[data-v-498e6ae2]{font-size:11px;color:var(--text-secondary)}.hint[data-v-7e0bcd33]{font-size:13px;color:var(--muted);margin-bottom:12px}.piece-bar[data-v-7e0bcd33]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.piece-btn[data-v-7e0bcd33]{width:40px;height:40px;padding:0;margin:0;border-radius:8px;font-size:16px;font-weight:700;background:#fff;border:2px solid;cursor:pointer;font-family:Microsoft YaHei,PingFang SC,Heiti SC,SimHei,sans-serif}.piece-btn.red[data-v-7e0bcd33]{border-color:#dc2626;color:#dc2626}.piece-btn.black[data-v-7e0bcd33]{border-color:#1e293b;color:#1e293b}.piece-btn.on[data-v-7e0bcd33]{box-shadow:0 0 0 2px #3b82f6}.piece-btn.delete-btn[data-v-7e0bcd33]{border-color:#ef4444;color:#ef4444}.piece-btn.delete-btn.on[data-v-7e0bcd33]{background:#ef4444;color:#fff;box-shadow:none}.side-bar[data-v-7e0bcd33]{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px}.side-bar .small[data-v-7e0bcd33]{width:auto;margin:0;padding:6px 12px;font-size:12px}.tutorial-body[data-v-7e0bcd33]{font-size:13.5px;line-height:1.7;color:var(--text);overflow-wrap:break-word;word-break:break-word}.tutorial-body[data-v-7e0bcd33] img{max-width:100%;height:auto}.tutorial-body[data-v-7e0bcd33] table{max-width:100%;display:block;overflow-x:auto}.tutorial-body[data-v-7e0bcd33] pre,.tutorial-body[data-v-7e0bcd33] code{overflow-x:auto;white-space:pre-wrap;word-break:break-word}.tutorial-body[data-v-7e0bcd33] p{margin:0 0 8px}.tutorial-body[data-v-7e0bcd33] p:last-child{margin-bottom:0}.tutorial-body[data-v-7e0bcd33] ul,.tutorial-body[data-v-7e0bcd33] ol{margin:0;padding-left:1.4em}.tutorial-body[data-v-7e0bcd33] li>ul,.tutorial-body[data-v-7e0bcd33] li>ol{margin-top:4px}.tutorial-body[data-v-7e0bcd33] li{margin-bottom:4px}.side-bar .ghost.small.on[data-v-7e0bcd33]{background:var(--primary);color:#fff;border-color:var(--primary)}.sd-board[data-v-7e0bcd33]{display:grid;grid-template-columns:repeat(9,clamp(28px,9.2vw,40px));grid-template-rows:repeat(9,clamp(28px,9.2vw,40px));width:fit-content;margin:0 auto;border:2px solid #334155;position:relative}.sd-board[data-v-7e0bcd33]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to right,transparent calc(33.33% - 1px),#334155 calc(33.33% - 1px),#334155 calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.67% - 1px),#334155 calc(66.67% - 1px),#334155 calc(66.67% + 1px),transparent calc(66.67% + 1px)),linear-gradient(to bottom,transparent calc(33.33% - 1px),#334155 calc(33.33% - 1px),#334155 calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to bottom,transparent calc(66.67% - 1px),#334155 calc(66.67% - 1px),#334155 calc(66.67% + 1px),transparent calc(66.67% + 1px))}.sd-cell[data-v-7e0bcd33]{display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;font-size:clamp(13px,4vw,17px);font-weight:700;color:#0d9488;cursor:pointer;-webkit-user-select:none;user-select:none}.sd-cell.given[data-v-7e0bcd33]{color:#0f172a;background:#f8fafc}.sd-cell.user-err[data-v-7e0bcd33]{color:#dc2626;background:#fef2f2}.sd-cell.selected[data-v-7e0bcd33]{background:#bae6fd}.sd-pad[data-v-7e0bcd33]{display:flex;gap:6px;justify-content:center;margin-top:12px;flex-wrap:wrap}.sd-key[data-v-7e0bcd33]{width:clamp(26px,7vw,36px);height:40px;padding:0;margin:0;border-radius:8px;border:none;background:#0d9488;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.sd-key.erase[data-v-7e0bcd33]{background:#e2e8f0;color:#334155}.app-shell[data-v-6a3e1153]{min-height:100%}.topbar[data-v-6a3e1153]{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px;background:linear-gradient(135deg,#dc2626,#e11d48);color:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:20}.topbar-room[data-v-6a3e1153]{display:none}@media (min-width: 769px){.topbar-room[data-v-6a3e1153]{display:flex}}.menu-btn[data-v-6a3e1153]{width:38px;height:38px;margin:0;padding:0;border:none;background:transparent;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}.menu-btn span[data-v-6a3e1153]{display:block;width:20px;height:2px;background:#fff;border-radius:2px}.topbar-brand[data-v-6a3e1153]{display:flex;align-items:center;gap:8px;cursor:pointer}.logo[data-v-6a3e1153]{width:30px;height:30px;border-radius:8px;object-fit:contain}.logo.lg[data-v-6a3e1153]{width:42px;height:42px;border-radius:11px}.brand[data-v-6a3e1153]{font-size:16px;font-weight:700;letter-spacing:.3px}.topbar-right[data-v-6a3e1153]{margin-left:auto;font-size:12.5px;opacity:.92;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-mask[data-v-6a3e1153]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:30}.drawer[data-v-6a3e1153]{position:fixed;top:0;left:0;bottom:0;width:min(280px,82vw);background:var(--surface);z-index:40;display:flex;flex-direction:column;box-shadow:4px 0 24px #0f172a40}.drawer-head[data-v-6a3e1153]{display:flex;align-items:center;gap:12px;padding:20px 18px;background:linear-gradient(135deg,#dc2626,#e11d48);color:#fff}.drawer-sub[data-v-6a3e1153]{font-size:12px;opacity:.9;margin-top:2px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-nav[data-v-6a3e1153]{display:flex;flex-direction:column;padding:10px;gap:4px;flex:1}.drawer-nav button[data-v-6a3e1153]{text-align:left;padding:13px 14px;font-size:15px;border:none;background:transparent;border-radius:10px;color:var(--text);cursor:pointer}.drawer-nav button[data-v-6a3e1153]:hover,.drawer-nav button[data-v-6a3e1153]:active{background:var(--primary-soft);color:var(--primary);font-weight:600}.drawer-foot[data-v-6a3e1153]{padding:12px 18px 22px}.fade-enter-active[data-v-6a3e1153],.fade-leave-active[data-v-6a3e1153]{transition:opacity .2s}.fade-enter-from[data-v-6a3e1153],.fade-leave-to[data-v-6a3e1153]{opacity:0}.slide-enter-active[data-v-6a3e1153],.slide-leave-active[data-v-6a3e1153]{transition:transform .22s ease}.slide-enter-from[data-v-6a3e1153],.slide-leave-to[data-v-6a3e1153]{transform:translate(-100%)}:root{--primary: #dc2626;--primary-hover: #b91c1c;--primary-soft: #fee2e2;--accent: #e11d48;--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-secondary: #64748b;--warn: #d97706;--radius: 12px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}html{overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(1200px 400px at 50% -100px,rgba(220,38,38,.06),transparent),var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,select,button{-webkit-user-select:auto;user-select:auto}.page{max-width:720px;margin:0 auto;padding:16px 16px 40px}.brandbar{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:linear-gradient(135deg,#dc2626,#e11d48);color:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:10}.brandbar .logo{width:34px;height:34px;border-radius:9px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}.brandbar .brand{font-size:17px;font-weight:700;letter-spacing:.3px}.brandbar .spacer{flex:1}.brandbar .userchip{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.95}.brandbar .userchip .uname{font-weight:600}h1{font-size:26px;color:var(--text)}h2{font-size:20px}h3{font-size:14px;margin-bottom:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subtitle{color:var(--text-secondary);margin:6px 0 20px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:var(--shadow);overflow-x:clip}input,select,button{width:100%;padding:11px 14px;margin-bottom:10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}button{background:var(--primary);border:1px solid transparent;color:#fff;cursor:pointer;font-weight:600;transition:background .15s,transform .05s}button:hover{background:var(--primary-hover)}button:active{transform:translateY(1px)}button.ghost{background:#fff;color:var(--primary);border-color:var(--primary)}button.ghost:hover{background:var(--primary-soft)}button:disabled{opacity:.55;cursor:not-allowed}.linkbtn{background:none;border:none;color:#fff;text-decoration:underline;font-size:13px;padding:4px 6px;width:auto;margin:0}.linkbtn:hover{background:#ffffff26}.room-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}.room-item:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.room-item .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.room-item .meta .title{font-weight:600;font-size:14px}.room-item .meta .sub{color:var(--text-secondary);font-size:12px}.room-item button{width:auto;padding:7px 16px;flex-shrink:0;margin:0 0 0 10px}.empty{color:var(--text-secondary);text-align:center;padding:22px 0;font-size:14px}#status,.status-line{margin-top:12px;color:var(--warn);text-align:center;min-height:20px;font-size:14px}#game{display:flex;justify-content:center}#game canvas{border-radius:12px;max-width:100%}.replay-board{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:300px;margin:0 auto 12px;background:var(--border);padding:4px;border-radius:10px}.replay-cell{aspect-ratio:1;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:700}.replay-controls{display:flex;gap:8px;justify-content:center}.replay-controls button{width:auto;padding:9px 18px}.step-info{text-align:center;color:var(--text-secondary);font-size:13px;margin-bottom:12px}.hint{color:var(--warn);font-size:13px;margin-top:8px}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-row h2{margin:0}.header-row .back{width:auto;margin:0;background:#fff;color:var(--text-secondary);border-color:var(--border);padding:8px 14px;font-weight:500}.header-row .back:hover{color:var(--primary);border-color:var(--primary);background:#fff}.navbtn{width:auto;margin:0;padding:6px 12px;background:#ffffff26;border:none;color:#fff;font-size:13px;font-weight:600;border-radius:8px}.navbtn:hover{background:#ffffff47}.waterfall{columns:2;column-gap:16px}@media (max-width: 560px){.waterfall{columns:1}}.game-card{break-inside:avoid;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.game-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #dc26261f;transform:translateY(-2px)}.game-card .cover{height:96px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:800;letter-spacing:2px;overflow:hidden}.game-card .cover-img{width:100%;height:100%;object-fit:cover;display:block}.game-card .body{padding:14px}.page-head{display:flex;align-items:center;justify-content:space-between}.icon-btn{padding:3px 4px!important;font-size:14px;line-height:1;color:#64748b;display:inline-flex;align-items:center;justify-content:center;min-width:0;height:auto;width:auto;margin-bottom:0;border-radius:8px}.icon-btn:hover{color:#334155}.icon-btn.on{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.icon-funnel{display:block}.search-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.search-input{flex:1;min-width:140px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 12px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;font-size:13px;cursor:pointer;width:auto;margin-bottom:0}.chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.game-card .title-row{display:flex;justify-content:space-between;align-items:center}.game-card .title-left{display:flex;align-items:baseline;gap:8px;min-width:0}.game-card .title{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card .ver{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:4px;padding:0 4px;font-size:10px;line-height:14px;flex-shrink:0;-webkit-user-select:none;user-select:none}.game-card .players{color:var(--text-secondary);font-size:12px;flex-shrink:0}.game-card .desc{color:var(--text-secondary);font-size:13px;margin:6px 0;line-height:1.5}.fav-btn{width:auto;margin:0;padding:2px 10px;background:transparent;border:none;color:var(--text-secondary);font-size:18px;line-height:1.4;border-radius:8px}.fav-btn:hover,.fav-btn.active{color:var(--primary);background:var(--primary-soft)}.battle-page{position:relative;height:100dvh;display:flex;flex-direction:column;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:8px;overflow:hidden}.battle-titlebar{display:none}.gear-fab{display:flex}@media (min-width: 769px){.battle-page{height:calc(100dvh - 52px);padding:0;gap:0}.battle-titlebar{display:flex;align-items:center;gap:12px;flex:0 0 auto;max-width:1100px;width:100%;margin:0 auto;padding:14px 20px 10px;background:#fff;color:var(--text);box-shadow:none}.battle-titlebar .back{width:auto;margin:0;flex-shrink:0;background:#fff;color:var(--text-secondary);border-color:var(--border);padding:8px 14px;font-weight:500}.battle-titlebar .back:hover{color:var(--primary);border-color:var(--primary);background:#fff}.tb-title{flex:1;margin:0;font-size:18px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-actions{flex-shrink:0;display:flex;align-items:center;gap:10px}.tb-state{font-size:12.5px;padding:3px 10px;border-radius:999px;background:#f1f5f9;color:var(--text-secondary)}.tb-notice{font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:999px;background:#dc2626;color:#fff;max-width:min(420px,42vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-status{display:none}.tb-icon{width:auto;margin:0;padding:6px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text-secondary);display:inline-flex;align-items:center;cursor:pointer}.tb-icon:hover{color:var(--primary);border-color:var(--primary)}.tb-fs{width:auto;margin:0;padding:7px 12px;font-size:13px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text-secondary);cursor:pointer}.tb-fs:hover{color:var(--primary);border-color:var(--primary)}.lobby-wrap,.board-wrap{margin:10px 12px}.lobby-wrap{margin-top:10px}.board-wrap{margin-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.gear-fab{display:none}.battle-menu{top:56px;left:auto;right:20px}}.gear-fab{position:absolute;z-index:60;top:calc(8px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:none;border-radius:22px;background:#0f172a73;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.gear-fab:active{background:#0f172aa6}.menu-mask{position:absolute;z-index:65;top:0;right:0;bottom:0;left:0;background:transparent}.battle-menu{position:absolute;z-index:70;top:calc(56px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));width:248px;max-width:calc(100vw - 16px);display:flex;flex-direction:column;padding:6px;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0f172a38;animation:menu-pop .16s ease-out;transform-origin:top left}@media (min-width: 769px){.battle-menu{top:56px;left:auto;right:20px;transform-origin:top right}}@keyframes menu-pop{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-item{width:100%;margin:0;padding:11px 12px;text-align:left;font-size:14px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.menu-item:hover{background:#f1f5f9}.menu-item.danger{color:#b91c1c}.menu-item.danger:hover{background:#fef2f2}.menu-item:disabled{opacity:.6;cursor:default}.menu-sep{height:1px;margin:5px 8px;background:var(--border)}@media (min-width: 769px){.battle-menu{top:52px;left:10px}}@media (max-width: 768px){.battle-page{padding:0 0 calc(6px + env(safe-area-inset-bottom,0px));gap:0}.lobby-wrap{padding-top:calc(52px + env(safe-area-inset-top,0px))}.board-wrap{border:none;border-radius:0;box-shadow:none}.board-host canvas{border-radius:0}.battle-status{margin:0 8px 4px}}.mini-btn{width:auto;flex:0 0 auto;margin:0;padding:7px 12px;font-size:13px;border-radius:8px}.mini-btn.danger{background:#fff;color:#b91c1c;border-color:#fca5a5}.mini-btn.danger:hover{background:#fef2f2}.bot-bar{flex:0 0 auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;background:var(--surface);border:1px dashed var(--border);border-radius:10px}.bot-bar .bot-label{font-size:13px;color:var(--text-secondary)}.bot-bar .diff-select{width:auto;margin:0;padding:7px 10px;font-size:13px}.bot-bar .mini-btn{padding:7px 10px;font-size:12px}.bot-bar .bot-hint{font-size:12px;color:var(--primary);cursor:pointer;margin-left:auto}.lobby-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;justify-content:center}.lobby-card{width:100%;max-width:560px;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:14px}.lobby-phase{text-align:center;font-size:15px;font-weight:700;color:var(--primary);letter-spacing:1px}.lobby-card .bot-bar{border-style:solid}.invite-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.invite-hint{font-size:12.5px;color:var(--text-secondary)}.host-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.start-btn{width:100%;padding:13px;font-size:16px;font-weight:700;letter-spacing:2px}.start-btn:disabled{opacity:.5}.rules-hint{margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.board-wrap{flex:1 1 auto;min-height:0;display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.board-host{flex:1;min-width:0;min-height:0}.board-host canvas{display:block;width:100%!important;height:100%!important;border-radius:var(--radius)}.battle-status{flex:0 0 auto;color:#fff;background:#dc2626;border-radius:10px;text-align:center;font-size:14px;font-weight:700;padding:10px 14px;box-shadow:0 4px 14px #dc262659}@media (max-width: 560px){.brandbar{padding:10px 12px;gap:8px}.brandbar .brand{font-size:15px}.brandbar .logo{width:30px;height:30px;font-size:15px}.navbtn{padding:5px 10px;font-size:12px}.page{padding:12px 12px 32px}.card{padding:14px}.game-card .cover{height:76px;font-size:24px}.game-card .body{padding:10px 12px}.battle-page{padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));gap:6px;height:100dvh}.board-wrap{border:none;border-radius:0;box-shadow:none}.board-host canvas{border-radius:0}}@media (max-height: 480px){.battle-page{padding:4px 2px;gap:4px;height:100dvh}.board-wrap{border:none;border-radius:0;box-shadow:none}.battle-status{padding:6px 10px;font-size:13px}.bot-bar{padding:4px 8px}.brandbar{padding:6px 10px}.brandbar .logo{width:26px;height:26px;font-size:13px}}.seat-list{display:flex;flex-direction:column;gap:8px}.seat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}.seat-row.mine{border-color:var(--primary);background:var(--primary-soft)}.seat-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.seat-name{font-weight:700;font-size:14px}.seat-who{font-size:12.5px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.seat-who.empty-seat{color:#94a3b8}.ready-state{font-size:11.5px;padding:1px 8px;border-radius:999px;background:#f1f5f9;color:#64748b}.ready-state.ok{background:#dcfce7;color:#15803d}.reserve-state{font-size:11.5px;padding:1px 8px;border-radius:999px;background:#fef3c7;color:#b45309}.reserve-state.ok{background:#dcfce7;color:#15803d}.reserve-builder-card{margin:12px 0 4px;padding:12px 14px;border:1.5px solid #fecaca;border-radius:12px;background:#fff}.rb-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:4px}.rb-saved-tag{font-size:11px;padding:1px 8px;border-radius:999px;background:#dcfce7;color:#15803d;font-weight:500}.rb-unsaved-tag{font-size:11px;padding:1px 8px;border-radius:999px;background:#fef3c7;color:#b45309;font-weight:500}.rb-team-hint{font-size:11.5px;font-weight:400;color:#94a3b8}.rb-save-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.rb-save-row .start-btn{width:auto;padding:9px 22px;font-size:14px;letter-spacing:1px}.rb-tip{font-size:12.5px;color:#64748b}.rb-tip.ok{color:#15803d}.rb-tip.warn{color:#b45309}.seat-ops{display:flex;align-items:center;gap:6px;flex-shrink:0}.seat-ops .mini-btn{white-space:nowrap}.bot-select{width:auto;margin:0;padding:7px 8px;font-size:12.5px;border-radius:8px;color:var(--text-secondary)}.qr-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50}.qr-card{background:#fff;border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 10px 40px #0f172a4d}.qr-title{font-size:16px;font-weight:700}.qr-img{width:260px;height:260px;image-rendering:pixelated}.info-card{max-width:min(92vw,420px);width:100%;align-items:stretch}.info-rows{display:flex;flex-direction:column;gap:8px;font-size:14px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.info-k{color:var(--text-secondary);flex:0 0 auto}.info-v{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-link{display:flex;gap:8px}.info-subtitle{margin-top:6px;padding-top:10px;border-top:1px solid var(--border, #e5e7eb);font-weight:700;font-size:13px;color:var(--text-secondary)}