.home-view[data-v-b8cc5276]{display:flex;flex-direction:column;gap:20px;width:100%}.profile-header[data-v-b8cc5276]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.profile-meta[data-v-b8cc5276]{display:flex;flex-direction:column;flex:1}.profile-name-row[data-v-b8cc5276]{display:flex;align-items:center;gap:8px}.player-name[data-v-b8cc5276]{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-main)}.edit-badge[data-v-b8cc5276]{font-size:11px;color:var(--primary);background:#ffffff14;padding:2px 6px;border-radius:4px}.profile-tip[data-v-b8cc5276]{font-size:12px;color:var(--text-dim)}.header-right-meta[data-v-b8cc5276]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.theme-pill[data-v-b8cc5276]{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);background:#ffffff14;border:1px solid var(--border-subtle);font-size:11px;font-weight:600;color:var(--text-muted)}.theme-pill-icon[data-v-b8cc5276]{font-size:12px}.theme-pill-text[data-v-b8cc5276]{font-family:var(--font-display)}.connection-indicator[data-v-b8cc5276]{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.status-dot[data-v-b8cc5276]{width:7px;height:7px;border-radius:50%;background:#ef4444}.dot-online[data-v-b8cc5276]{background:#10b981;box-shadow:0 0 8px #10b981}.hero-section[data-v-b8cc5276]{text-align:center;padding:10px 0 0}.hero-icon[data-v-b8cc5276]{font-size:44px;margin-bottom:4px;filter:drop-shadow(0 0 16px var(--primary-glow))}.hero-title[data-v-b8cc5276]{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,var(--text-main) 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle[data-v-b8cc5276]{font-size:13px;color:var(--text-muted);margin-top:4px}.action-card[data-v-b8cc5276]{padding:20px;display:flex;flex-direction:column;gap:20px}.action-block[data-v-b8cc5276]{display:flex;flex-direction:column;gap:12px}.section-label[data-v-b8cc5276]{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-muted)}.digit-selector[data-v-b8cc5276]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.digit-btn[data-v-b8cc5276]{background:var(--input-bg);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease}.digit-btn[data-v-b8cc5276]:hover{border-color:var(--border-glow)}.digit-btn-active[data-v-b8cc5276]{background:#ffffff14;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.digit-num[data-v-b8cc5276]{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-main)}.digit-desc[data-v-b8cc5276]{font-size:11px;color:var(--text-dim)}.digit-btn-active .digit-num[data-v-b8cc5276]{color:var(--primary)}.full-width[data-v-b8cc5276]{width:100%}.flex-1[data-v-b8cc5276]{flex:1}.divider[data-v-b8cc5276]{display:flex;align-items:center;text-align:center;color:var(--text-dim);font-size:12px}.divider[data-v-b8cc5276]:before,.divider[data-v-b8cc5276]:after{content:"";flex:1;border-bottom:1px solid var(--border-subtle)}.divider span[data-v-b8cc5276]{padding:0 12px}.join-input-wrapper[data-v-b8cc5276]{width:100%}.join-input[data-v-b8cc5276]{width:100%;background:var(--input-bg);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;font-family:var(--font-mono);font-size:18px;font-weight:700;text-align:center;color:var(--primary);letter-spacing:4px;outline:none;transition:all .2s ease}.join-input[data-v-b8cc5276]:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.join-input[data-v-b8cc5276]::placeholder{font-family:var(--font-sans);letter-spacing:normal;font-size:14px;font-weight:400;color:var(--text-dim)}.home-footer[data-v-b8cc5276]{display:flex;flex-direction:column;gap:14px;margin-top:auto}.footer-buttons[data-v-b8cc5276]{display:flex;gap:12px}.rule-hint-banner[data-v-b8cc5276]{background:#ffffff08;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;font-size:12px;color:var(--text-dim);line-height:1.5;text-align:center}.digit-input-container[data-v-4e39ffba]{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.digit-boxes[data-v-4e39ffba]{display:flex;justify-content:center;gap:12px;width:100%}.digit-box[data-v-4e39ffba]{position:relative;width:56px;height:68px;background:var(--input-bg);border:2px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000004d}.digit-box[data-v-4e39ffba]:hover:not(.box-disabled){border-color:var(--border-glow)}.box-active[data-v-4e39ffba]{border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow),inset 0 2px 4px #0000004d;transform:translateY(-2px)}.box-filled[data-v-4e39ffba]{background:#ffffff14;border-color:var(--border-glow)}.box-disabled[data-v-4e39ffba]{opacity:.6;cursor:not-allowed}.digit-native-input[data-v-4e39ffba]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.digit-display[data-v-4e39ffba]{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--primary);-webkit-user-select:none;user-select:none;text-shadow:0 0 12px var(--primary-glow)}.keypad-panel[data-v-4e39ffba]{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px;margin-top:4px}.keypad-row[data-v-4e39ffba]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad-btn[data-v-4e39ffba]{background:var(--btn-secondary-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-display);font-size:22px;font-weight:700;padding:14px 0;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-shadow:0 4px 6px #00000026}.keypad-btn[data-v-4e39ffba]:hover{background:var(--btn-secondary-hover);border-color:var(--border-glow);transform:translateY(-1px)}.keypad-btn[data-v-4e39ffba]:active{transform:translateY(1px);background:#ffffff26;border-color:var(--primary)}.keypad-func[data-v-4e39ffba]{font-size:16px;color:var(--text-muted);background:var(--input-bg)}.lobby-view[data-v-3b3d5059]{display:flex;flex-direction:column;gap:16px;width:100%}.room-header[data-v-3b3d5059]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.room-info[data-v-3b3d5059]{display:flex;align-items:center;gap:10px}.room-code-badge[data-v-3b3d5059]{display:flex;align-items:center;gap:6px;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px 12px;cursor:pointer;transition:all .2s ease}.room-code-badge[data-v-3b3d5059]:hover{border-color:var(--primary)}.room-code-badge .label[data-v-3b3d5059]{font-size:11px;color:var(--text-dim)}.room-code-badge .code[data-v-3b3d5059]{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--primary);letter-spacing:1px}.copy-icon[data-v-3b3d5059]{font-size:11px;color:var(--text-muted)}.leave-btn[data-v-3b3d5059]{background:transparent;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:all .2s ease}.leave-btn[data-v-3b3d5059]:hover{color:#fb7185;background:#f43f5e1a}.players-status-grid[data-v-3b3d5059]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-card[data-v-3b3d5059]{display:flex;align-items:center;gap:10px;padding:12px}.card-locked[data-v-3b3d5059]{border-color:#10b98166}.player-info[data-v-3b3d5059]{display:flex;flex-direction:column;gap:2px;overflow:hidden}.player-info .name[data-v-3b3d5059]{font-size:13px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge[data-v-3b3d5059]{font-size:11px;font-weight:600}.status-ready[data-v-3b3d5059]{color:#34d399}.status-waiting[data-v-3b3d5059]{color:var(--text-dim)}.avatar-placeholder[data-v-3b3d5059]{background:#ffffff0a;border-style:dashed}.setting-panel[data-v-3b3d5059]{padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:24px}.panel-header[data-v-3b3d5059]{text-align:center}.panel-title[data-v-3b3d5059]{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text-main)}.panel-desc[data-v-3b3d5059]{font-size:13px;color:var(--text-muted);margin-top:4px}.waiting-prompt[data-v-3b3d5059]{font-size:12px;color:#fbbf24;background:#f59e0b1a;padding:8px 14px;border-radius:var(--radius-md);text-align:center}.full-width[data-v-3b3d5059]{width:100%}.locked-state-card[data-v-3b3d5059]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0;width:100%}.lock-icon[data-v-3b3d5059]{font-size:48px;filter:drop-shadow(0 0 16px rgba(16,185,129,.4))}.secret-display-box[data-v-3b3d5059]{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 18px}.secret-label[data-v-3b3d5059]{font-size:13px;color:var(--text-muted)}.secret-digits[data-v-3b3d5059]{font-family:var(--font-mono);font-size:20px;font-weight:800;color:var(--primary);letter-spacing:2px}.peek-btn[data-v-3b3d5059]{background:transparent;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;margin-left:6px}.peek-btn[data-v-3b3d5059]:hover{color:var(--text-main)}.waiting-opponent-banner[data-v-3b3d5059]{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-md);padding:12px 20px;font-size:14px;font-weight:600;color:var(--primary);text-align:center;width:100%}.guess-history-card[data-v-341d3f42]{padding:10px 12px;display:flex;flex-direction:column;gap:8px;max-height:560px}.history-filter-bar[data-v-341d3f42]{display:flex;background:#0f172ab3;padding:3px;border-radius:var(--radius-md);gap:3px;overflow-x:auto;scrollbar-width:none}.history-filter-bar[data-v-341d3f42]::-webkit-scrollbar{display:none}.filter-pill[data-v-341d3f42]{flex:1;min-width:fit-content;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-display);font-size:11px;font-weight:600;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s ease;white-space:nowrap}.filter-pill[data-v-341d3f42]:hover{color:var(--text-main);background:#ffffff0a}.filter-active[data-v-341d3f42]{background:#ffffff1a!important;color:var(--text-main)!important;box-shadow:0 2px 8px #0000004d}.pill-count[data-v-341d3f42]{background:#ffffff1a;padding:1px 5px;border-radius:99px;font-size:10px;color:var(--text-dim)}.highlight-count[data-v-341d3f42]{background:#38bdf833;color:var(--primary);font-weight:700}.history-list-wrapper[data-v-341d3f42]{overflow-y:auto;padding-right:4px;max-height:480px}.history-rounds-list[data-v-341d3f42]{display:flex;flex-direction:column;gap:6px}.round-card[data-v-341d3f42]{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 8px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.round-card[data-v-341d3f42]:hover{background:#ffffff0d;border-color:#ffffff1f}.round-card-header[data-v-341d3f42]{display:flex;justify-content:space-between;align-items:center;line-height:1}.round-title-tag[data-v-341d3f42]{font-size:11px;font-weight:800;color:var(--text-dim);letter-spacing:.5px}.round-quick-flags[data-v-341d3f42]{display:flex;gap:4px}.flag-pill[data-v-341d3f42]{font-size:9px;padding:1px 5px;border-radius:99px;font-weight:600;line-height:1.2}.flag-mine[data-v-341d3f42]{background:#38bdf826;color:var(--primary);border:1px solid rgba(56,189,248,.3)}.flag-opp[data-v-341d3f42]{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.flag-both[data-v-341d3f42]{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.round-duel-grid[data-v-341d3f42]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.duel-col[data-v-341d3f42]{display:flex;flex-direction:column;gap:4px;padding:4px 6px;border-radius:6px;background:#0f172a73;border:1px solid transparent;min-height:44px;justify-content:center;transition:all .2s ease}.hit-active-glow[data-v-341d3f42]{background:#ffffff0d;border-color:#ffffff1f}.col-top-row[data-v-341d3f42]{display:flex;align-items:center;justify-content:space-between;gap:4px}.role-badge[data-v-341d3f42]{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;line-height:1.2}.badge-mine[data-v-341d3f42]{background:#38bdf833;color:var(--primary)}.badge-opp[data-v-341d3f42]{background:#ffffff14;color:var(--text-muted)}.guess-digits[data-v-341d3f42]{display:flex;gap:3px;justify-content:flex-start}.guess-char[data-v-341d3f42]{background:#0f172ae6;border:1px solid rgba(255,255,255,.12);border-radius:3px;width:18px;height:22px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-main)}.char-mine[data-v-341d3f42]{border-color:#38bdf84d}.char-opp[data-v-341d3f42]{border-color:#ffffff1f}.hit-badge[data-v-341d3f42]{font-size:10px;font-weight:700;padding:1px 5px;border-radius:var(--radius-full);line-height:1.2;white-space:nowrap}.badge-subtle[data-v-341d3f42]{background:#ffffff0d;color:var(--text-dim);border:1px solid rgba(255,255,255,.08)}.col-waiting[data-v-341d3f42]{padding:2px 0;display:flex;align-items:center;justify-content:center}.waiting-text[data-v-341d3f42]{font-size:11px;color:var(--text-dim);font-style:italic}.duel-divider[data-v-341d3f42]{width:1px;height:32px;background:#ffffff14}.empty-state[data-v-341d3f42]{text-align:center;padding:32px 12px;color:var(--text-dim);font-size:13px}.chat-body-content[data-v-d2e93f54]{flex:1;overflow-y:auto;padding:12px 20px 20px;display:flex;flex-direction:column;gap:20px}.props-cards-grid[data-v-d2e93f54]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:480px){.props-cards-grid[data-v-d2e93f54]{grid-template-columns:repeat(2,1fr)}}.prop-action-card[data-v-d2e93f54]{position:relative;background:linear-gradient(155deg,#ffffff0d,#0f172acc);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1)}.card-glow-bg[data-v-d2e93f54]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,var(--prop-glow) 0%,transparent 70%);opacity:.2;transition:opacity .3s ease;pointer-events:none}.card-top-row[data-v-d2e93f54]{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.65rem}.prop-tag-badge[data-v-d2e93f54]{background:#ffffff1a;color:var(--prop-accent);padding:2px 6px;border-radius:6px;font-weight:800;border:1px solid color-mix(in srgb,var(--prop-accent) 30%,transparent)}.card-action-hint[data-v-d2e93f54]{color:#64748b;font-weight:600;transition:color .2s ease}.prop-icon-stage[data-v-d2e93f54]{padding:6px 0}.prop-3d-emoji[data-v-d2e93f54]{font-size:2.5rem;line-height:1;display:inline-block;filter:drop-shadow(0 4px 12px var(--prop-glow));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.prop-meta-box[data-v-d2e93f54]{display:flex;flex-direction:column;align-items:center;gap:2px}.prop-item-name[data-v-d2e93f54]{font-size:.92rem;font-weight:800;color:#f8fafc}.prop-item-desc[data-v-d2e93f54]{font-size:.68rem;color:#94a3b8;text-align:center}.prop-action-card[data-v-d2e93f54]:hover:not(:disabled){border-color:var(--prop-accent);transform:translateY(-4px);box-shadow:0 10px 24px -5px var(--prop-glow)}.prop-action-card:hover:not(:disabled) .card-glow-bg[data-v-d2e93f54]{opacity:.6}.prop-action-card:hover:not(:disabled) .prop-3d-emoji[data-v-d2e93f54]{transform:scale(1.22) rotate(6deg)}.prop-action-card:hover:not(:disabled) .card-action-hint[data-v-d2e93f54]{color:var(--prop-accent)}.prop-action-card[data-v-d2e93f54]:disabled{opacity:.45;cursor:not-allowed}.prop-cooldown-mask[data-v-d2e93f54]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f19e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:10}.cd-timer-val[data-v-d2e93f54]{font-size:1.3rem;font-weight:900;color:#f59e0b}.cd-timer-lbl[data-v-d2e93f54]{font-size:.68rem;color:#94a3b8}.phrase-tab-container[data-v-4ab23ca0]{display:flex;flex-direction:column;flex:1;overflow:hidden}.sub-category-bar-wrapper[data-v-4ab23ca0]{padding:0 20px 10px;position:relative}.sub-category-bar[data-v-4ab23ca0]{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.custom-scrollbar-hide[data-v-4ab23ca0]::-webkit-scrollbar{display:none}.custom-scrollbar-hide[data-v-4ab23ca0]{-ms-overflow-style:none;scrollbar-width:none}.sub-cat-pill[data-v-4ab23ca0]{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#94a3b8;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.sub-cat-pill[data-v-4ab23ca0]:hover:not(.active){background:#ffffff14;color:#f1f5f9;border-color:#fff3;transform:translateY(-1px)}.sub-cat-pill.active[data-v-4ab23ca0]{background:color-mix(in srgb,var(--cat-color) 20%,rgba(15,23,42,.9));border-color:var(--cat-color);color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--cat-color) 45%,transparent);transform:scale(1.04)}.sub-cat-icon[data-v-4ab23ca0]{font-size:.95rem}.sub-cat-name[data-v-4ab23ca0]{letter-spacing:.3px}.sub-cat-count[data-v-4ab23ca0]{font-size:.68rem;background:#0006;padding:1px 6px;border-radius:999px;font-weight:800;color:#cbd5e1}.sub-cat-pill.active .sub-cat-count[data-v-4ab23ca0]{background:var(--cat-color);color:#0b0f19}.chat-body-content[data-v-4ab23ca0]{flex:1;overflow-y:auto;padding:12px 20px 20px;display:flex;flex-direction:column;gap:20px}.phrase-section[data-v-4ab23ca0]{display:flex;flex-direction:column;gap:10px}.section-title-bar[data-v-4ab23ca0]{display:flex;align-items:center;gap:8px}.section-badge[data-v-4ab23ca0]{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--tag-color) 15%,transparent);color:var(--tag-color);border:1px solid color-mix(in srgb,var(--tag-color) 40%,transparent)}.section-title-text[data-v-4ab23ca0]{font-size:.82rem;font-weight:700;color:#cbd5e1}.phrase-cards-grid[data-v-4ab23ca0]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(max-width:480px){.phrase-cards-grid[data-v-4ab23ca0]{grid-template-columns:1fr}}.phrase-card[data-v-4ab23ca0]{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.phrase-quote-icon[data-v-4ab23ca0]{font-size:1.1rem;color:#38bdf8;opacity:.6;font-weight:800}.phrase-text[data-v-4ab23ca0]{flex:1;font-size:.84rem;font-weight:600;color:#f1f5f9;line-height:1.35}.phrase-arrow[data-v-4ab23ca0]{font-size:.75rem;color:#64748b;transition:transform .2s ease,color .2s ease}.phrase-card[data-v-4ab23ca0]:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf873;transform:translateY(-2px);box-shadow:0 4px 14px #38bdf833}.phrase-card:hover:not(:disabled) .phrase-arrow[data-v-4ab23ca0]{color:#38bdf8;transform:translate(3px)}.phrase-card[data-v-4ab23ca0]:disabled{opacity:.4;cursor:not-allowed}.chat-body-content[data-v-e370c6a3]{flex:1;overflow-y:auto;padding:12px 20px 20px;display:flex;flex-direction:column;gap:20px}.history-empty-state[data-v-e370c6a3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:8px;color:#64748b;text-align:center}.empty-icon[data-v-e370c6a3]{font-size:2.5rem;margin-bottom:4px;opacity:.6}.empty-title[data-v-e370c6a3]{font-size:.95rem;font-weight:700;color:#cbd5e1}.empty-subtitle[data-v-e370c6a3]{font-size:.76rem;color:#64748b;max-width:240px;line-height:1.4}.history-timeline-list[data-v-e370c6a3]{display:flex;flex-direction:column;gap:10px}.history-item-card[data-v-e370c6a3]{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.history-item-card[data-v-e370c6a3]:hover{background:#ffffff12;border-color:#38bdf840;transform:translateY(-1px)}.history-item-card.is-my-action[data-v-e370c6a3]{border-left:3px solid #38bdf8}.history-item-card.is-prop-action[data-v-e370c6a3]{border-left:3px solid #f59e0b}.history-item-top[data-v-e370c6a3]{display:flex;justify-content:space-between;align-items:center}.history-tag-group[data-v-e370c6a3]{display:flex;align-items:center;gap:6px}.history-type-badge[data-v-e370c6a3]{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:6px}.badge-chat[data-v-e370c6a3]{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.badge-prop[data-v-e370c6a3]{background:color-mix(in srgb,var(--badge-accent) 15%,transparent);color:var(--badge-accent);border:1px solid color-mix(in srgb,var(--badge-accent) 35%,transparent)}.history-actor-badge[data-v-e370c6a3]{font-size:.72rem;font-weight:800;color:#e2e8f0;background:#ffffff14;padding:2px 8px;border-radius:999px}.history-time[data-v-e370c6a3]{font-size:.68rem;color:#64748b;font-family:var(--font-mono, monospace)}.history-item-body[data-v-e370c6a3]{font-size:.85rem}.chat-record-bubble[data-v-e370c6a3]{background:#0b0f1999;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 12px;color:#f1f5f9;font-weight:500;line-height:1.4}.record-quote[data-v-e370c6a3]{color:#38bdf8;font-weight:800}.prop-record-box[data-v-e370c6a3]{padding:4px 2px;color:#cbd5e1;font-size:.84rem}.action-highlight[data-v-e370c6a3]{font-weight:800;color:#f8fafc}.prop-name-chip[data-v-e370c6a3]{font-weight:800;margin-left:4px}.chat-modal-backdrop[data-v-6b55801d]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:transparent;pointer-events:auto}.chat-modal-panel[data-v-6b55801d]{position:fixed;bottom:24px;right:24px;width:440px;max-width:calc(100vw - 32px);height:580px;max-height:82vh;background:#0f172af0;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(56,189,248,.28);border-radius:24px;box-shadow:0 20px 50px #000000bf,0 0 40px #38bdf82e;display:flex;flex-direction:column;overflow:hidden;z-index:1001}@media(max-width:640px){.chat-modal-panel[data-v-6b55801d]{bottom:0;right:0;left:0;width:100%;max-width:100%;height:75vh;border-radius:24px 24px 0 0;border-bottom:none;border-left:none;border-right:none}}.bottom-drag-handle[data-v-6b55801d]{width:44px;height:5px;background:#ffffff38;border-radius:999px;margin:10px auto 2px;cursor:pointer;transition:all .2s ease}.bottom-drag-handle[data-v-6b55801d]:hover{background:#38bdf899;transform:scaleX(1.15)}.chat-modal-header[data-v-6b55801d]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.header-branding[data-v-6b55801d]{display:flex;align-items:center;gap:12px}.header-badge-icon[data-v-6b55801d]{font-size:1.5rem;width:40px;height:40px;background:linear-gradient(135deg,#38bdf826,#6366f126);border:1px solid rgba(56,189,248,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #38bdf833}.header-titles[data-v-6b55801d]{display:flex;flex-direction:column;gap:2px}.header-title[data-v-6b55801d]{font-size:1.05rem;font-weight:800;color:#f8fafc;letter-spacing:.5px}.header-actions[data-v-6b55801d]{display:flex;align-items:center;gap:10px}.header-tool-btn[data-v-6b55801d],.header-close-btn[data-v-6b55801d]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.header-tool-btn[data-v-6b55801d]:hover,.header-close-btn[data-v-6b55801d]:hover{background:#38bdf833;color:#38bdf8;border-color:#38bdf880;transform:scale(1.08)}.header-tool-btn.muted[data-v-6b55801d]{color:#f43f5e;border-color:#f43f5e4d}.tab-switcher-wrap[data-v-6b55801d]{padding:14px 20px 8px}.segmented-control[data-v-6b55801d]{display:flex;background:#0b0f19d9;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:4px;gap:4px}.seg-btn[data-v-6b55801d]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:10px;color:#94a3b8;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.seg-btn[data-v-6b55801d]:hover:not(.active){color:#e2e8f0;background:#ffffff08}.seg-btn.active[data-v-6b55801d]{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#0b0f19;box-shadow:0 4px 16px #38bdf859}.seg-icon[data-v-6b55801d]{font-size:1.1rem}.seg-badge[data-v-6b55801d]{background:#0b0f1999;color:#fff;padding:2px 7px;border-radius:999px;font-size:.72rem;font-weight:800}.seg-count-badge[data-v-6b55801d]{background:#38bdf840;color:#38bdf8;font-size:.7rem;font-weight:800;padding:1px 6px;border-radius:999px}.seg-btn.active .seg-count-badge[data-v-6b55801d]{background:#0b0f19;color:#38bdf8}.chat-custom-footer[data-v-6b55801d]{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.08);background:#080c16b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chat-input-bar[data-v-6b55801d]{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 6px 6px 16px;transition:all .25s ease}.chat-input-bar[data-v-6b55801d]:focus-within{border-color:#38bdf8;background:#38bdf80f;box-shadow:0 0 16px #38bdf84d}.input-prefix-icon[data-v-6b55801d]{font-size:.95rem;opacity:.7}.chat-input-bar input[data-v-6b55801d]{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-size:.88rem;font-weight:500}.chat-input-bar input[data-v-6b55801d]::placeholder{color:#64748b}.char-counter[data-v-6b55801d]{font-size:.7rem;color:#64748b;font-family:var(--font-mono, monospace)}.chat-send-action-btn[data-v-6b55801d]{background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;color:#0b0f19;font-weight:800;font-size:.84rem;padding:8px 18px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #38bdf859;transition:all .2s cubic-bezier(.16,1,.3,1)}.chat-send-action-btn[data-v-6b55801d]:hover:not(:disabled){transform:scale(1.04);box-shadow:0 6px 18px #38bdf880}.chat-send-action-btn[data-v-6b55801d]:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.btn-cd-timer[data-v-6b55801d]{color:#fff;font-weight:800}@keyframes slideUpRight-6b55801d{0%{transform:translateY(28px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.animate-slide-up-bottom[data-v-6b55801d]{animation:slideUpRight-6b55801d .26s cubic-bezier(.16,1,.3,1) forwards}.interaction-overlay[data-v-af59090b]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.prop-container[data-v-af59090b]{position:absolute;top:0;right:0;bottom:0;left:0}.flying-prop[data-v-af59090b]{position:absolute;left:0;top:0;font-size:2.2rem;will-change:transform;animation:propTrajectory-af59090b .65s cubic-bezier(.25,.9,.4,1) forwards}.prop-emoji[data-v-af59090b]{display:inline-block;animation:propSpin-af59090b .65s linear infinite}@keyframes propTrajectory-af59090b{0%{transform:translate(var(--start-x),var(--start-y)) scale(.8);opacity:.8}50%{transform:translate(calc((var(--start-x) + var(--target-x)) / 2),calc(min(var(--start-y),var(--target-y)) - 60px)) scale(1.25);opacity:1}to{transform:translate(var(--target-x),var(--target-y)) scale(1.1);opacity:1}}@keyframes propSpin-af59090b{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.impact-effect[data-v-af59090b]{position:absolute;left:var(--target-x);top:var(--target-y);transform:translate(-50%,-50%)}.flower-burst[data-v-af59090b]{position:relative;display:flex;align-items:center;justify-content:center;animation:popIn-af59090b .3s cubic-bezier(.175,.885,.32,1.275) forwards}.center-flower[data-v-af59090b]{font-size:3rem;filter:drop-shadow(0 0 12px rgba(244,63,94,.6));animation:flowerPulse-af59090b .8s ease-in-out infinite alternate}.petal[data-v-af59090b]{position:absolute;font-size:1.4rem;animation:petalFloat-af59090b 1s cubic-bezier(.1,.8,.2,1) forwards}.petal-1[data-v-af59090b]{--tx: -40px;--ty: -35px}.petal-2[data-v-af59090b]{--tx: 40px;--ty: -35px}.petal-3[data-v-af59090b]{--tx: -35px;--ty: 30px}.petal-4[data-v-af59090b]{--tx: 35px;--ty: 30px}@keyframes petalFloat-af59090b{0%{transform:translate(0) scale(.5);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1.2);opacity:0}}@keyframes flowerPulse-af59090b{0%{transform:scale(1)}to{transform:scale(1.2) rotate(8deg)}}.egg-splat[data-v-af59090b]{position:relative;display:flex;flex-direction:column;align-items:center;animation:splatPop-af59090b .2s cubic-bezier(.2,1,.3,1) forwards}.splat-core[data-v-af59090b]{font-size:3rem;filter:drop-shadow(0 4px 10px rgba(245,158,11,.6))}.egg-yolk-drip[data-v-af59090b]{width:24px;height:38px;background:linear-gradient(to bottom,#f59e0b,#fbbf24);border-radius:12px 12px 16px 16px;opacity:.85;margin-top:-10px;animation:yolkDrip-af59090b 1s ease-out forwards}@keyframes yolkDrip-af59090b{0%{transform:scaleY(.2);opacity:1}60%{transform:scaleY(1.2);opacity:.9}to{transform:translateY(15px) scaleY(.9);opacity:0}}.bomb-blast[data-v-af59090b]{position:relative;display:flex;align-items:center;justify-content:center;animation:blastPop-af59090b .4s cubic-bezier(.1,.9,.2,1) forwards}.blast-icon[data-v-af59090b]{font-size:3.8rem;filter:drop-shadow(0 0 16px rgba(239,68,68,.8));animation:flashScale-af59090b .4s ease-out forwards}@keyframes flashScale-af59090b{0%{transform:scale(.5);opacity:0}30%{transform:scale(1.4);opacity:1}to{transform:scale(1.1);opacity:0}}.splash-burst[data-v-af59090b]{position:relative;display:flex;align-items:center;justify-content:center}.splash-water[data-v-af59090b]{font-size:3.2rem;animation:splashZoom-af59090b .5s ease-out forwards}.splash-ripple[data-v-af59090b]{position:absolute;width:70px;height:70px;border:3px solid rgba(56,189,248,.7);border-radius:50%;animation:rippleOut-af59090b .8s ease-out forwards}@keyframes rippleOut-af59090b{0%{transform:scale(.3);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes splashZoom-af59090b{0%{transform:scale(.4);opacity:.2}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}.cheers-burst[data-v-af59090b]{position:relative;display:flex;align-items:center;justify-content:center}.cheers-icon[data-v-af59090b]{font-size:3.2rem;animation:clinkBounce-af59090b .6s cubic-bezier(.175,.885,.32,1.275) forwards}.cheers-star[data-v-af59090b]{position:absolute;font-size:1.4rem;animation:starFly-af59090b .8s ease-out forwards}.star-1[data-v-af59090b]{--sx: -30px;--sy: -25px}.star-2[data-v-af59090b]{--sx: 30px;--sy: -25px}@keyframes starFly-af59090b{0%{transform:translate(0) scale(.3);opacity:1}to{transform:translate(var(--sx),var(--sy)) scale(1.2);opacity:0}}@keyframes clinkBounce-af59090b{0%{transform:scale(.5)}50%{transform:scale(1.3) rotate(-8deg)}to{transform:scale(1) rotate(0);opacity:0}}.brick-bonk[data-v-af59090b]{display:flex;flex-direction:column;align-items:center;animation:bonkPop-af59090b .3s cubic-bezier(.2,.9,.3,1) forwards}.bonk-text[data-v-af59090b]{font-weight:800;font-size:1.2rem;color:#ef4444;text-shadow:0 0 8px rgba(0,0,0,.8);margin-bottom:4px}.dizzy-stars[data-v-af59090b]{display:flex;gap:8px;animation:starsSpin-af59090b 1s linear infinite}.star[data-v-af59090b]{font-size:1.4rem}@keyframes starsSpin-af59090b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn-af59090b{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes splatPop-af59090b{0%{transform:scale(.4)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes blastPop-af59090b{0%{transform:scale(.3)}50%{transform:scale(1.4)}to{transform:scale(1.2);opacity:0}}@keyframes bonkPop-af59090b{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.modal-backdrop[data-v-f7972ef6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal-content[data-v-f7972ef6]{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;gap:12px}.modal-icon[data-v-f7972ef6]{font-size:2.2rem;line-height:1}.modal-title[data-v-f7972ef6]{font-size:1.15rem;font-weight:800;color:#f8fafc}.modal-desc[data-v-f7972ef6]{font-size:.85rem;color:#94a3b8;line-height:1.45;margin:0}.modal-actions[data-v-f7972ef6]{display:flex;gap:10px;width:100%;margin-top:8px}.flex-1[data-v-f7972ef6]{flex:1}.battle-view[data-v-bc3e56b3]{display:flex;flex-direction:column;gap:12px;width:100%}.battle-hero-card[data-v-bc3e56b3]{display:flex;flex-direction:column;padding:12px 14px;gap:10px}.hero-top-bar[data-v-bc3e56b3]{display:flex;justify-content:space-between;align-items:center}.hero-meta-left[data-v-bc3e56b3]{display:flex;align-items:center;gap:8px}.hero-actions-right[data-v-bc3e56b3]{display:flex;align-items:center;gap:6px}.room-code-tag[data-v-bc3e56b3]{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);transition:all .2s ease}.room-code-tag[data-v-bc3e56b3]:hover{background:#ffffff14;color:var(--text-main);border-color:#fff3}.copy-icon[data-v-bc3e56b3]{color:var(--primary);font-size:11px}.hero-inner-divider[data-v-bc3e56b3]{height:1px;background:#ffffff0f;width:100%}.hero-matchup-row[data-v-bc3e56b3]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:2px 0}.player-col[data-v-bc3e56b3]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:var(--radius-md);transition:all .25s ease}.turn-active-glow[data-v-bc3e56b3]{background:#ffffff0f;border:1px solid var(--border-glow);box-shadow:0 0 16px var(--primary-glow)}.player-name[data-v-bc3e56b3]{font-family:var(--font-display);font-size:13px;font-weight:700;max-width:140px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secret-chip[data-v-bc3e56b3]{display:flex;align-items:center;gap:4px;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;cursor:pointer}.secret-chip .val[data-v-bc3e56b3]{font-family:var(--font-mono);font-weight:700;color:var(--primary)}.chip-opponent[data-v-bc3e56b3]{cursor:default}.chip-opponent .val[data-v-bc3e56b3]{color:var(--text-dim)}.vs-center[data-v-bc3e56b3]{display:flex;flex-direction:column;align-items:center}.turn-bubble[data-v-bc3e56b3]{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:var(--radius-md);background:var(--input-bg);border:1.5px solid var(--border-subtle)}.bubble-my-turn[data-v-bc3e56b3]{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.turn-title[data-v-bc3e56b3]{font-family:var(--font-display);font-size:13px;font-weight:800}.turn-subtitle[data-v-bc3e56b3]{font-size:10px;color:var(--text-dim)}.text-cyan[data-v-bc3e56b3]{color:var(--primary)}.text-amber[data-v-bc3e56b3]{color:#fbbf24}.text-muted[data-v-bc3e56b3]{color:var(--text-muted)}.console-panel[data-v-bc3e56b3]{padding:18px;display:flex;flex-direction:column;align-items:center}.my-turn-console[data-v-bc3e56b3]{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.console-header[data-v-bc3e56b3]{text-align:center}.console-title[data-v-bc3e56b3]{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text-main);display:block}.console-desc[data-v-bc3e56b3]{font-size:12px;color:var(--text-dim);margin-top:2px;display:block}.full-width[data-v-bc3e56b3]{width:100%}.submit-btn[data-v-bc3e56b3]{margin-top:4px}.opponent-turn-waiting[data-v-bc3e56b3]{display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:8px;text-align:center}.thinking-spinner[data-v-bc3e56b3]{font-size:36px;animation:bounce-bc3e56b3 1.5s infinite ease-in-out}@keyframes bounce-bc3e56b3{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.waiting-title[data-v-bc3e56b3]{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-main)}.waiting-desc[data-v-bc3e56b3]{font-size:12px;color:var(--text-dim)}.avatar-wrapper[data-v-bc3e56b3]{position:relative;display:flex;justify-content:center;align-items:center}.speech-bubble[data-v-bc3e56b3]{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);max-width:180px;min-width:70px;padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:600;line-height:1.35;white-space:normal;word-break:break-word;z-index:40;box-shadow:0 6px 20px #00000080;pointer-events:none;text-align:center}.bubble-my[data-v-bc3e56b3]{background:linear-gradient(135deg,#06b6d4f2,#0e7490f2);color:#0b0f19;border:1px solid rgba(255,255,255,.4)}.bubble-opponent[data-v-bc3e56b3]{background:linear-gradient(135deg,#1e293bf2,#0f172af2);color:#f1f5f9;border:1px solid var(--border-subtle)}.bubble-arrow[data-v-bc3e56b3]{position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px}.arrow-my[data-v-bc3e56b3]{background:#0e7490f2;border-right:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}.arrow-opponent[data-v-bc3e56b3]{background:#0f172af2;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.bubble-pop-enter-active[data-v-bc3e56b3]{animation:popBubble-bc3e56b3 .25s cubic-bezier(.175,.885,.32,1.275)}.bubble-pop-leave-active[data-v-bc3e56b3]{animation:popBubble-bc3e56b3 .2s ease-in reverse}@keyframes popBubble-bc3e56b3{0%{transform:translate(-50%) scale(.3);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.opponent-interactive-avatar[data-v-bc3e56b3]{cursor:pointer;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.opponent-interactive-avatar[data-v-bc3e56b3]:hover{transform:scale(1.08);box-shadow:0 0 16px #f43f5e80}.interactive-badge[data-v-bc3e56b3]{position:absolute;bottom:-2px;right:-2px;font-size:.8rem;background:#0f172aeb;border:1px solid var(--cyan-400);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000080}.quick-prop-popover[data-v-bc3e56b3]{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);padding:10px 14px;border-radius:20px;z-index:60;box-shadow:0 16px 40px #000c,0 0 25px #38bdf840;border:1px solid rgba(56,189,248,.4);background:linear-gradient(160deg,#141b2df5,#0a0e1afa);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:230px}.quick-prop-header[data-v-bc3e56b3]{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:#38bdf8;font-weight:800;margin-bottom:8px;letter-spacing:.5px}.quick-prop-close[data-v-bc3e56b3]{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:all .2s ease}.quick-prop-close[data-v-bc3e56b3]:hover{background:#f43f5e40;color:#f43f5e}.quick-prop-row[data-v-bc3e56b3]{display:flex;gap:8px;justify-content:center}.quick-prop-btn[data-v-bc3e56b3]{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.quick-prop-btn[data-v-bc3e56b3]:hover:not(:disabled){transform:scale(1.3) translateY(-3px);background:#38bdf833;border-color:#38bdf8;box-shadow:0 4px 15px #38bdf866}.quick-prop-btn[data-v-bc3e56b3]:disabled{opacity:.35;cursor:not-allowed}.floating-chat-trigger[data-v-bc3e56b3]{position:fixed;right:24px;bottom:28px;background:linear-gradient(135deg,#0ea5e933,#6366f133);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.4);color:#f8fafc;border-radius:999px;padding:10px 18px;display:flex;align-items:center;gap:8px;cursor:pointer;z-index:100;box-shadow:0 8px 30px #0009,0 0 20px #38bdf84d;transition:all .25s cubic-bezier(.16,1,.3,1)}.floating-chat-trigger[data-v-bc3e56b3]:hover{transform:translateY(-3px) scale(1.06);border-color:#38bdf8;box-shadow:0 12px 35px #000000b3,0 0 30px #38bdf880}.chat-trigger-icon[data-v-bc3e56b3]{font-size:1.25rem}.chat-trigger-label[data-v-bc3e56b3]{font-size:.9rem;font-weight:800;color:#38bdf8;letter-spacing:.5px}.chat-trigger-badge[data-v-bc3e56b3]{background:#f59e0b;color:#0b0f19;font-size:.72rem;font-weight:900;padding:2px 7px;border-radius:999px}[data-v-bc3e56b3] .avatar-impact-shake{animation:avatarShake-bc3e56b3 .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes avatarShake-bc3e56b3{10%,90%{transform:translate3d(-2px,0,0) rotate(-4deg)}20%,80%{transform:translate3d(3px,0,0) rotate(4deg)}30%,50%,70%{transform:translate3d(-4px,0,0) rotate(-6deg)}40%,60%{transform:translate3d(4px,0,0) rotate(6deg)}}.result-view[data-v-9003e22a]{display:flex;flex-direction:column;gap:16px;width:100%}.result-banner[data-v-9003e22a]{padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.banner-icon[data-v-9003e22a]{font-size:54px;filter:drop-shadow(0 0 20px rgba(56,189,248,.4))}.result-title[data-v-9003e22a]{font-family:var(--font-display);font-size:26px;font-weight:800}.title-win[data-v-9003e22a]{color:#34d399;text-shadow:0 0 15px rgba(52,211,153,.4)}.title-draw[data-v-9003e22a]{color:#fbbf24;text-shadow:0 0 15px rgba(251,191,36,.4)}.title-loss[data-v-9003e22a]{color:#fb7185}.result-reason[data-v-9003e22a]{font-size:13px;color:var(--text-muted)}.secrets-reveal-card[data-v-9003e22a]{padding:18px;display:flex;flex-direction:column;align-items:center;gap:14px}.section-title[data-v-9003e22a]{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-muted)}.secrets-grid[data-v-9003e22a]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:10px}.secret-box[data-v-9003e22a]{display:flex;flex-direction:column;align-items:center;gap:6px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 8px}.secret-box .name[data-v-9003e22a]{font-family:var(--font-display);font-size:13px;font-weight:700;max-width:140px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secret-val[data-v-9003e22a]{font-family:var(--font-mono);font-size:22px;font-weight:800;letter-spacing:2px}.text-cyan[data-v-9003e22a]{color:var(--primary);text-shadow:0 0 10px rgba(56,189,248,.4)}.text-amber[data-v-9003e22a]{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.guess-stat[data-v-9003e22a]{font-size:11px;color:var(--text-dim)}.reveal-divider[data-v-9003e22a]{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text-dim)}.round-summary[data-v-9003e22a]{font-size:12px;color:var(--text-dim);background:#ffffff0a;padding:4px 12px;border-radius:99px}.actions-panel[data-v-9003e22a]{padding:18px;display:flex;flex-direction:column;gap:12px}.digit-picker-row[data-v-9003e22a]{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px}.digit-picker-row .label[data-v-9003e22a]{font-size:13px;color:var(--text-muted)}.picker-buttons[data-v-9003e22a]{display:flex;gap:6px}.d-btn[data-v-9003e22a]{background:#0f172acc;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);padding:4px 10px;font-size:12px;cursor:pointer;transition:all .2s ease}.d-btn-active[data-v-9003e22a]{background:#38bdf833;border-color:var(--primary);color:var(--primary);font-weight:700}.btn-row[data-v-9003e22a]{display:flex;gap:10px}.full-width[data-v-9003e22a]{width:100%}.flex-1[data-v-9003e22a]{flex:1}.avatar-picker-container[data-v-7cbd8574]{display:flex;flex-direction:column;gap:10px;width:100%}.category-tabs[data-v-7cbd8574]{display:flex;gap:4px;background:#0f172a99;padding:4px;border-radius:var(--radius-md);overflow-x:auto}.cat-btn[data-v-7cbd8574]{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-display);font-size:12px;font-weight:600;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all .2s ease}.cat-btn[data-v-7cbd8574]:hover{color:var(--text-main)}.cat-btn-active[data-v-7cbd8574]{background:#ffffff1a;color:var(--primary);font-weight:700;box-shadow:0 2px 6px #0000004d}.avatar-scroll-box[data-v-7cbd8574]{max-height:190px;overflow-y:auto;padding:4px 2px}.avatar-grid[data-v-7cbd8574]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-item[data-v-7cbd8574]{aspect-ratio:1 / 1;background:#ffffff0a;border:1.5px solid transparent;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.avatar-item[data-v-7cbd8574]:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3}.avatar-selected[data-v-7cbd8574]{border-color:var(--primary);background:#38bdf82e;box-shadow:0 0 14px #38bdf866;transform:scale(1.06)}.avatar-emoji[data-v-7cbd8574]{font-size:24px;line-height:1;-webkit-user-select:none;user-select:none}.theme-picker-container[data-v-4fb843ea]{width:100%}.theme-grid[data-v-4fb843ea]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:380px){.theme-grid[data-v-4fb843ea]{grid-template-columns:1fr}}.theme-card[data-v-4fb843ea]{background:#ffffff08;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;position:relative;transition:all .2s ease}.theme-card[data-v-4fb843ea]:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-1px)}.theme-card-active[data-v-4fb843ea]{background:#ffffff17;border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow)}.theme-preview-wrapper[data-v-4fb843ea]{flex-shrink:0}.color-dot-ring[data-v-4fb843ea]{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid rgba(255,255,255,.2);transition:all .25s ease}.theme-icon[data-v-4fb843ea]{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.theme-info[data-v-4fb843ea]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.theme-name-row[data-v-4fb843ea]{display:flex;align-items:center;justify-content:space-between;gap:4px}.theme-title[data-v-4fb843ea]{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-badge[data-v-4fb843ea]{font-size:11px;font-weight:800;color:var(--primary);background:#ffffff1a;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-desc[data-v-4fb843ea]{font-size:10px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-card-active .theme-title[data-v-4fb843ea]{color:var(--primary)}.modal-backdrop[data-v-ede24b74]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-card[data-v-ede24b74]{max-width:440px;width:100%;max-height:90vh;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.modal-header[data-v-ede24b74]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.modal-tabs[data-v-ede24b74]{display:flex;gap:8px}.tab-btn[data-v-ede24b74]{background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-display);font-size:14px;font-weight:700;padding:6px 12px;cursor:pointer;transition:all .2s ease}.tab-btn[data-v-ede24b74]:hover{color:var(--text-main);background:#ffffff0d}.tab-btn-active[data-v-ede24b74]{color:var(--primary);background:#ffffff14;border-color:var(--border-subtle)}.close-btn[data-v-ede24b74]{background:transparent;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.close-btn[data-v-ede24b74]:hover{color:var(--text-main);background:#ffffff1a}.tab-content[data-v-ede24b74]{display:flex;flex-direction:column;gap:18px}.theme-intro[data-v-ede24b74]{display:flex;flex-direction:column;gap:4px}.avatar-section[data-v-ede24b74]{display:flex;flex-direction:column;align-items:center;gap:8px}.section-hint[data-v-ede24b74]{font-size:12px;color:var(--text-dim)}.name-section[data-v-ede24b74]{display:flex;flex-direction:column;gap:6px}.field-label[data-v-ede24b74]{font-size:13px;font-weight:600;color:var(--text-muted)}.name-input[data-v-ede24b74]{width:100%;background:var(--input-bg);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;font-size:15px;color:var(--text-main);outline:none;transition:all .2s ease}.name-input[data-v-ede24b74]:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.full-width[data-v-ede24b74]{width:100%}.modal-backdrop[data-v-57ff236f]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-card[data-v-57ff236f]{max-width:460px;width:100%;max-height:85vh;padding:20px;display:flex;flex-direction:column;gap:16px}.modal-header[data-v-57ff236f]{display:flex;justify-content:space-between;align-items:center}.tabs-group[data-v-57ff236f]{display:flex;background:#0f172acc;border-radius:var(--radius-md);padding:4px;gap:4px}.tab-btn[data-v-57ff236f]{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-display);font-size:13px;font-weight:700;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.tab-active[data-v-57ff236f]{background:#ffffff1a;color:var(--text-main)}.close-btn[data-v-57ff236f]{background:transparent;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.tab-content[data-v-57ff236f]{overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:10px;min-height:240px}.loading-state[data-v-57ff236f],.empty-state[data-v-57ff236f]{text-align:center;padding:40px 10px;color:var(--text-dim);font-size:13px}.history-cards-list[data-v-57ff236f]{display:flex;flex-direction:column;gap:10px}.history-item-card[data-v-57ff236f]{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:all .2s ease}.history-item-card[data-v-57ff236f]:hover{background:#ffffff0f;border-color:#fff3}.card-left[data-v-57ff236f]{display:flex;flex-direction:column;gap:4px}.matchup-names[data-v-57ff236f]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.vs-tag[data-v-57ff236f]{font-size:10px;color:var(--text-dim)}.meta-row[data-v-57ff236f]{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-dim)}.card-right[data-v-57ff236f]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.replay-arrow[data-v-57ff236f]{font-size:11px;color:var(--primary)}.stats-container[data-v-57ff236f]{display:flex;flex-direction:column;gap:16px}.stats-overview-grid[data-v-57ff236f]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card[data-v-57ff236f]{background:#0f172ab3;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:4px}.stat-card[data-v-57ff236f]:nth-child(3){grid-column:span 2}.stat-label[data-v-57ff236f]{font-size:11px;color:var(--text-dim)}.stat-value[data-v-57ff236f]{font-family:var(--font-display);font-size:22px;font-weight:800}.text-sm[data-v-57ff236f]{font-size:15px}.text-cyan[data-v-57ff236f]{color:var(--primary)}.text-green[data-v-57ff236f]{color:#34d399}.text-rose[data-v-57ff236f]{color:#fb7185}.text-amber[data-v-57ff236f]{color:#fbbf24}.breakdown-section[data-v-57ff236f]{display:flex;flex-direction:column;gap:8px}.breakdown-title[data-v-57ff236f]{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-muted)}.breakdown-list[data-v-57ff236f]{display:flex;flex-direction:column;gap:6px}.breakdown-item[data-v-57ff236f]{display:flex;justify-content:space-between;background:#ffffff08;border-radius:var(--radius-sm);padding:8px 12px;font-size:12px}.d-label[data-v-57ff236f]{color:var(--text-muted)}.d-val[data-v-57ff236f]{font-weight:700;color:var(--text-main)}.replay-backdrop[data-v-57ff236f]{z-index:120}.replay-card[data-v-57ff236f]{max-width:440px;width:100%;max-height:88vh;padding:18px 16px;display:flex;flex-direction:column;gap:12px}.replay-secrets-bar[data-v-57ff236f]{display:flex;justify-content:space-between;background:#0f172acc;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;gap:8px}.player-secret-pill[data-v-57ff236f]{display:flex;align-items:center;gap:6px;font-size:12px}.secret-code[data-v-57ff236f]{font-family:var(--font-mono);font-size:14px;font-weight:800;color:var(--primary)}.replay-history-wrapper[data-v-57ff236f]{max-height:600px;overflow-y:auto}.app-layout[data-v-ecd73dc6]{width:100%;display:flex;flex-direction:column;flex:1}.toast-error[data-v-ecd73dc6]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#ef4444f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:10px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px #ef444466;z-index:200}.toast-close[data-v-ecd73dc6]{background:transparent;border:none;color:#fff;font-size:12px;cursor:pointer}:root{--bg-main: #090d16;--bg-radial-1: rgba(99, 102, 241, .15);--bg-radial-2: rgba(56, 189, 248, .1);--bg-radial-3: rgba(244, 63, 94, .05);--bg-card: rgba(18, 24, 38, .75);--bg-card-hover: rgba(28, 36, 56, .85);--bg-card-solid: #121826;--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(56, 189, 248, .4);--primary: #38bdf8;--primary-glow: rgba(56, 189, 248, .35);--primary-dark: #0284c7;--btn-primary-bg: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 4px 15px rgba(56, 189, 248, .35);--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-hover: rgba(255, 255, 255, .12);--btn-secondary-border: var(--border-subtle);--btn-secondary-text: var(--text-main);--input-bg: rgba(15, 23, 42, .8);--input-border: var(--border-subtle);--accent-purple: #818cf8;--accent-green: #10b981;--accent-green-glow: rgba(16, 185, 129, .35);--accent-rose: #f43f5e;--accent-amber: #f59e0b;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font-sans);--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .5), 0 0 0 1px var(--border-subtle);--shadow-glow: 0 0 25px var(--primary-glow)}[data-theme=cyber-blue]{--bg-main: #090d16;--bg-radial-1: rgba(99, 102, 241, .15);--bg-radial-2: rgba(56, 189, 248, .1);--bg-radial-3: rgba(244, 63, 94, .05);--bg-card: rgba(18, 24, 38, .75);--bg-card-hover: rgba(28, 36, 56, .85);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(56, 189, 248, .4);--primary: #38bdf8;--primary-glow: rgba(56, 189, 248, .35);--primary-dark: #0284c7;--btn-primary-bg: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 4px 15px rgba(56, 189, 248, .35);--btn-secondary-bg: rgba(255, 255, 255, .06);--input-bg: rgba(15, 23, 42, .8);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b}[data-theme=dopamine-pop]{--bg-main: #190b1c;--bg-radial-1: rgba(255, 107, 139, .22);--bg-radial-2: rgba(253, 224, 71, .15);--bg-radial-3: rgba(192, 132, 252, .12);--bg-card: rgba(38, 18, 42, .75);--bg-card-hover: rgba(52, 24, 58, .85);--border-subtle: rgba(255, 182, 193, .12);--border-glow: rgba(255, 107, 139, .45);--primary: #ff6b8b;--primary-glow: rgba(255, 107, 139, .4);--primary-dark: #e11d48;--btn-primary-bg: linear-gradient(135deg, #ff6b8b 0%, #ffa387 100%);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 4px 18px rgba(255, 107, 139, .4);--btn-secondary-bg: rgba(255, 255, 255, .08);--input-bg: rgba(30, 12, 36, .85);--text-main: #fff1f2;--text-muted: #fda4af;--text-dim: #f43f5e;--accent-purple: #f472b6;--accent-green: #4ade80;--accent-rose: #ff4d6d;--accent-amber: #fde047}[data-theme=arcade-street]{--bg-main: #0b0c16;--bg-radial-1: rgba(6, 182, 212, .18);--bg-radial-2: rgba(244, 63, 94, .16);--bg-radial-3: rgba(59, 130, 246, .12);--bg-card: rgba(18, 20, 36, .78);--bg-card-hover: rgba(26, 30, 52, .88);--border-subtle: rgba(6, 182, 212, .15);--border-glow: rgba(6, 182, 212, .5);--primary: #06b6d4;--primary-glow: rgba(6, 182, 212, .4);--primary-dark: #0891b2;--btn-primary-bg: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 4px 16px rgba(6, 182, 212, .4);--btn-secondary-bg: rgba(244, 63, 94, .12);--input-bg: rgba(13, 16, 32, .85);--text-main: #f8fafc;--text-muted: #a5f3fc;--text-dim: #64748b;--accent-rose: #f43f5e}[data-theme=synthwave-sunset]{--bg-main: #120824;--bg-radial-1: rgba(236, 72, 153, .2);--bg-radial-2: rgba(139, 92, 246, .18);--bg-radial-3: rgba(34, 211, 238, .1);--bg-card: rgba(30, 16, 52, .75);--bg-card-hover: rgba(44, 24, 76, .85);--border-subtle: rgba(236, 72, 153, .15);--border-glow: rgba(244, 114, 182, .45);--primary: #f472b6;--primary-glow: rgba(244, 114, 182, .4);--primary-dark: #db2777;--btn-primary-bg: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 4px 18px rgba(236, 72, 153, .4);--btn-secondary-bg: rgba(255, 255, 255, .08);--input-bg: rgba(22, 10, 42, .85);--text-main: #fae8ff;--text-muted: #f0abfc;--text-dim: #c084fc}[data-theme=matcha-soda]{--bg-main: #0a1510;--bg-radial-1: rgba(110, 231, 183, .16);--bg-radial-2: rgba(16, 185, 129, .14);--bg-radial-3: rgba(254, 240, 138, .08);--bg-card: rgba(16, 32, 24, .78);--bg-card-hover: rgba(24, 46, 36, .88);--border-subtle: rgba(110, 231, 183, .12);--border-glow: rgba(110, 231, 183, .4);--primary: #6ee7b7;--primary-glow: rgba(110, 231, 183, .35);--primary-dark: #059669;--btn-primary-bg: linear-gradient(135deg, #10b981 0%, #6ee7b7 100%);--btn-primary-text: #062e1e;--btn-primary-shadow: 0 4px 16px rgba(16, 185, 129, .35);--btn-secondary-bg: rgba(255, 255, 255, .06);--input-bg: rgba(12, 24, 18, .85);--text-main: #ecfdf5;--text-muted: #a7f3d0;--text-dim: #34d399}[data-theme=mecha-eva]{--bg-main: #090514;--bg-radial-1: rgba(168, 85, 247, .22);--bg-radial-2: rgba(74, 222, 128, .15);--bg-radial-3: rgba(192, 132, 252, .1);--bg-card: rgba(22, 12, 40, .8);--bg-card-hover: rgba(34, 18, 60, .9);--border-subtle: rgba(168, 85, 247, .18);--border-glow: rgba(74, 222, 128, .45);--primary: #c084fc;--primary-glow: rgba(192, 132, 252, .45);--primary-dark: #7c3aed;--btn-primary-bg: linear-gradient(135deg, #7c3aed 0%, #c084fc 100%);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 4px 18px rgba(168, 85, 247, .4);--btn-secondary-bg: rgba(74, 222, 128, .1);--input-bg: rgba(16, 8, 30, .85);--text-main: #f5f3ff;--text-muted: #d8b4fe;--text-dim: #4ade80;--accent-green: #4ade80}[data-theme=acid-cyber]{--bg-main: #050505;--bg-radial-1: rgba(204, 255, 0, .16);--bg-radial-2: rgba(132, 204, 22, .12);--bg-radial-3: rgba(255, 255, 255, .04);--bg-card: rgba(18, 18, 18, .85);--bg-card-hover: rgba(28, 28, 28, .92);--border-subtle: rgba(204, 255, 0, .15);--border-glow: rgba(204, 255, 0, .5);--primary: #ccff00;--primary-glow: rgba(204, 255, 0, .45);--primary-dark: #84cc16;--btn-primary-bg: linear-gradient(135deg, #84cc16 0%, #ccff00 100%);--btn-primary-text: #000000;--btn-primary-shadow: 0 4px 18px rgba(204, 255, 0, .35);--btn-secondary-bg: rgba(255, 255, 255, .08);--input-bg: rgba(12, 12, 12, .9);--text-main: #ffffff;--text-muted: #d9f99d;--text-dim: #a3e635}[data-theme=frost-mist]{--bg-main: #f1f5f9;--bg-radial-1: rgba(56, 189, 248, .15);--bg-radial-2: rgba(129, 140, 248, .12);--bg-radial-3: rgba(244, 63, 94, .06);--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .95);--border-subtle: rgba(0, 0, 0, .08);--border-glow: rgba(2, 132, 199, .3);--primary: #0284c7;--primary-glow: rgba(2, 132, 199, .25);--primary-dark: #0369a1;--btn-primary-bg: linear-gradient(135deg, #0369a1 0%, #0ea5e9 100%);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 4px 15px rgba(2, 132, 199, .3);--btn-secondary-bg: rgba(0, 0, 0, .05);--btn-secondary-hover: rgba(0, 0, 0, .08);--btn-secondary-border: rgba(0, 0, 0, .1);--btn-secondary-text: #1e293b;--input-bg: rgba(255, 255, 255, .95);--text-main: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}body{font-family:var(--font-sans);background-color:var(--bg-main);background-image:radial-gradient(circle at 50% 0%,var(--bg-radial-1) 0%,transparent 60%),radial-gradient(circle at 100% 100%,var(--bg-radial-2) 0%,transparent 50%),radial-gradient(circle at 0% 100%,var(--bg-radial-3) 0%,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:stretch;overflow-x:hidden}#app{width:100%;max-width:540px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;position:relative;padding:16px}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-panel-interactive:hover{border-color:var(--border-glow);transform:translateY(-2px)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:var(--radius-md);padding:14px 24px;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--btn-primary-shadow);transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.5)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-main);border:1px solid var(--btn-secondary-border);border-radius:var(--radius-md);padding:12px 20px;font-family:var(--font-display);font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--border-glow)}.btn-secondary-sm{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px 9px;font-family:var(--font-display);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;line-height:1.4}.btn-secondary-sm:hover{background:#ffffff1f;color:var(--text-main);border-color:#fff3;transform:translateY(-1px)}.btn-secondary-sm:active{transform:translateY(0)}.btn-danger{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-md);padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#f43f5e40;border-color:#f43f5e80}.btn-danger-sm{background:#f43f5e1a;color:#fb7185;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-sm);padding:3px 9px;font-family:var(--font-display);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.btn-danger-sm:hover{background:#f43f5e38;border-color:#f43f5e73;color:#fda4af;box-shadow:0 0 10px #f43f5e33}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;font-family:var(--font-display)}.badge-cyan{background:#38bdf81f;color:var(--primary);border:1px solid var(--border-glow)}.badge-green{background:#10b9811f;color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.badge-rose{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.badge-amber{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.avatar-circle{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1.5px solid var(--border-subtle);box-shadow:0 4px 12px #0003;-webkit-user-select:none;user-select:none;flex-shrink:0}.avatar-circle-lg{width:72px;height:72px;font-size:36px;border-width:2px}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--primary-glow);border-color:var(--border-glow)}50%{box-shadow:0 0 30px var(--primary-glow);border-color:var(--primary)}}.pulse-active{animation:pulse-glow 2s infinite ease-in-out}@keyframes float-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:float-up .35s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}