.country-flag-icon{object-fit:cover;vertical-align:middle;border-radius:2px;flex-shrink:0;width:16px;height:11px;display:inline-block;box-shadow:0 1px 3px #0006}.flag-fallback{color:#c4cae8;font-size:.625rem;font-weight:700;font-family:var(--font-mono,monospace);vertical-align:middle;background:#ffffff1a;border-radius:3px;padding:1px 4px}.flag-empty{vertical-align:middle;font-size:.688rem}.avatar-image{object-fit:cover;vertical-align:middle;background:#0f132a;border:1.5px solid #ffd07099;border-radius:50%;flex-shrink:0;transition:transform .15s,border-color .15s;display:inline-block;box-shadow:0 2px 6px #0006}.avatar-image-fallback{font-weight:900;font-family:var(--font-display);color:#ffd070;vertical-align:middle;background:linear-gradient(135deg,#2b356c 0%,#151930 100%);border:1.5px solid #ffd070;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #0006}.avatar-size-small{width:20px;height:20px;font-size:.625rem}.avatar-size-medium{width:28px;height:28px;font-size:.812rem}.avatar-size-large{width:48px;height:48px;font-size:1.25rem}.avatar-size-huge{width:64px;height:64px;font-size:1.75rem}.dlg-backdrop{z-index:var(--dlg-z);background:var(--dlg-backdrop);-webkit-backdrop-filter:blur(var(--dlg-backdrop-blur));backdrop-filter:blur(var(--dlg-backdrop-blur));pointer-events:auto;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dlg-panel{padding:var(--dlg-padding);border:var(--dlg-border);border-radius:var(--dlg-radius);background:var(--dlg-bg);box-shadow:var(--dlg-shadow);pointer-events:auto;animation:var(--dlg-anim);color:#e8ecf6;position:relative;overflow-y:auto}.dlg-sm{width:var(--dlg-width-sm);max-height:var(--dlg-max-h)}.dlg-md{width:var(--dlg-width-md);max-height:var(--dlg-max-h)}.dlg-lg{width:var(--dlg-width-lg);max-height:90vh}@keyframes dialogIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.dlg-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dlg-kicker{letter-spacing:.12em;text-transform:uppercase;min-width:0;color:var(--dlg-kicker-fg);background:var(--dlg-kicker-bg);border:1px solid var(--dlg-kicker-border);border-radius:999px;align-items:center;gap:6px;margin-bottom:0;padding:3px 10px;font-size:.688rem;font-weight:700;display:inline-flex}.dlg-head-right{flex:none;align-items:center;height:22px;display:flex;overflow:visible}.dlg-title{color:var(--dlg-title-fg);letter-spacing:-.01em;font-size:1.35rem;font-weight:700;font-family:var(--font-display);margin:0 0 6px}.dlg-source{color:var(--dlg-source-fg);margin:-2px 0 10px;font-size:.88rem;font-weight:600}.dlg-message{color:var(--dlg-msg-fg);white-space:pre-wrap;margin:0 0 18px;font-size:.95rem;line-height:1.5}.dlg-search{margin:0 0 12px}.dlg-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.dlg-btn{cursor:pointer;border-radius:10px;padding:10px 22px;font-size:.812rem;font-weight:700;transition:all .15s}.dlg-btn-primary{background:var(--dlg-primary-bg);border:1px solid var(--dlg-primary-border);color:var(--dlg-primary-fg);box-shadow:0 4px 14px #2563eb66}.dlg-btn-primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.dlg-btn-cancel{background:var(--dlg-cancel-bg);border:1px solid var(--dlg-cancel-border);color:var(--dlg-cancel-fg)}.dlg-btn-cancel:hover:not(:disabled){color:#fff;background:#ffffff1f}.dlg-check-row{color:#9aa3c0;cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:.812rem;display:flex}.dlg-check-row input{accent-color:#7c5cff}.avatar-picker-close-btn{color:#c4cae8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.avatar-picker-close-btn:hover{color:#fff;background:#ff475740;border-color:#ff4757}.avatar-picker-tabs{background:#0a0d1c99;border-bottom:1px solid #ffffff0f;gap:8px;padding:12px 20px;display:flex}.avatar-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:16px 20px;display:grid;overflow-y:auto}.avatar-picker-item{cursor:pointer;text-align:center;background:#161c3880;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:all .15s;display:flex}.avatar-picker-item:hover{background:#232d5acc;border-color:#ffd070;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.avatar-picker-item.selected{background:#ffd07026;border-color:#ffd070;box-shadow:0 0 14px #ffd07066}.avatar-item-img-wrap{display:inline-block;position:relative}.avatar-selected-check{color:#0b0f24;background:#63e6be;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.688rem;font-weight:900;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 5px #00000080}.avatar-special-spark{font-size:.812rem;position:absolute;bottom:-3px;right:-3px}.avatar-item-name{color:#c4cae8;font-size:.688rem;font-weight:700;line-height:1.3}.avatar-picker-footer{background:#0a0d1ccc;border-top:1px solid #ffffff14;justify-content:flex-end;padding:12px 20px;display:flex}.language-selector-wrapper{align-items:center;display:inline-flex;position:relative}.language-selector-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #7c5cff38;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.language-selector-btn:hover,.language-selector-btn.active{color:#fff;background:#7c5cff26;border-color:#a78bfa}.language-selector-btn.compact{padding:4px 7px}.lang-flag{font-size:.875rem;line-height:1}.lang-name{white-space:nowrap}.lang-arrow{color:#8c96c0;font-size:.562rem;transition:transform .15s}.language-selector-btn.active .lang-arrow{transform:rotate(180deg)}.language-dropdown-menu{z-index:10000;background:#111428;border:1px solid #7c5cff59;border-radius:10px;flex-direction:column;gap:4px;min-width:170px;padding:6px;animation:.15s ease-out langFadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #000000b3,0 0 16px #7c5cff2e}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-section-header{text-transform:uppercase;letter-spacing:.05em;color:#ffd070;padding:4px 8px 2px;font-size:.656rem;font-weight:700}.dropdown-options-list{flex-direction:column;gap:2px;max-height:220px;display:flex;overflow-y:auto}.dropdown-option-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.781rem;transition:all .12s;display:flex}.dropdown-option-item:hover{color:#fff;background:#7c5cff26}.dropdown-option-item.selected{color:#ffd070;background:#7c5cff47;font-weight:700}.option-flag{font-size:.875rem}.option-name{flex:1}.option-check{color:#6ee7b7;font-size:.688rem}.dropdown-divider{background:#7c5cff2e;height:1px;margin:4px 0}.phase-stop-selector{align-items:center;gap:6px;padding:4px 8px;display:flex}.phase-stop-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:.688rem;font-weight:600}.phase-stop-row{align-items:center;gap:2px;display:flex}.phase-stop-turn-label{color:var(--text-dim);text-align:right;width:22px;margin-right:2px;font-size:.562rem}.phase-stop-btn{width:26px;height:20px;font-size:.562rem;font-weight:700;font-family:var(--font-display);color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.phase-stop-btn:hover{background:#ffffff14;border-color:#ffffff26}.phase-stop-btn.active{color:#63e6be;background:#63e6be26;border-color:#63e6be}.phase-stop-btn.active:hover{background:#63e6be40}.ui-toggle-row{color:#c4cae8;cursor:pointer;align-items:center;gap:10px;margin:8px 0;font-size:.812rem;display:flex}.ui-toggle{cursor:pointer;background:#1a1f3a;border:1px solid #303541;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .15s,border-color .15s;position:relative}.ui-toggle-knob{background:#6b7394;border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.ui-toggle.on{background:#253a2b;border-color:#2f5c3d}.ui-toggle.on .ui-toggle-knob{background:#4cd07d;transform:translate(18px)}.ui-toggle-label{flex:1}.ui-toggle-row.is-disabled{opacity:.45;cursor:not-allowed}.ui-toggle-row.is-disabled .ui-toggle{cursor:not-allowed}.settings-close{color:#8a90b8;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.938rem}.settings-close:hover{color:#fff}.settings-body{flex:1;gap:16px;min-height:0;display:flex}.settings-nav{flex-direction:column;flex-shrink:0;gap:4px;min-width:150px;display:flex}.settings-nav-item{text-align:left;color:#9aa1c0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:9px 12px;font-size:.812rem;font-weight:700}.settings-nav-item:hover{color:#fff;background:#ffffff0d}.settings-nav-item.active{color:#fff;background:#7c5cff2e;border-color:#7c5cff73}.settings-content{flex:1;min-width:0;padding-right:4px;overflow-y:auto}.settings-section-title{color:#e8eaf6;margin:0 0 8px;font-size:.812rem;font-weight:800}.settings-section-title:not(:first-child){margin-top:18px}.settings-hint{color:#7a82a6;margin:0 0 10px;font-size:.688rem}.settings-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.settings-field-label{color:#e8eaf6;font-size:.812rem;font-weight:800}.settings-select{appearance:none;color:#e8eaf6;cursor:pointer;background-color:#14182e;background-image:linear-gradient(45deg,#0000 50%,#8a90b8 50%),linear-gradient(135deg,#8a90b8 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;border:1.5px solid #ffffff1f;border-radius:10px;max-width:320px;padding:9px 34px 9px 12px;font-size:.812rem;font-weight:600}.settings-select:hover{border-color:#7c5cff}.settings-select option{color:#e8eaf6;background-color:#14182e}.settings-stepper{align-items:center;gap:8px;margin-bottom:10px;display:flex}.settings-step{color:#e8eaf6;cursor:pointer;background:#14182e;border:1.5px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0 0 2px;font-size:1.125rem;font-weight:800;line-height:1;display:inline-flex}.settings-step:hover{border-color:#7c5cff}.settings-step-value{color:#fff;cursor:pointer;font-variant-numeric:tabular-nums;background:#7c5cff24;border:1.5px solid #7c5cff66;border-radius:10px;flex:1;justify-content:center;align-items:center;height:34px;padding:0;font-size:.938rem;font-weight:800;display:inline-flex}.settings-stops{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.settings-stop{color:#c4cae8;cursor:pointer;font-variant-numeric:tabular-nums;background:#14182e;border:1.5px solid #0000;border-radius:10px;padding:9px 4px;font-size:.812rem;font-weight:800}.settings-stop.selected{color:#fff;border-color:#7c5cff;box-shadow:0 0 12px #7c5cff59}.settings-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px;display:grid}.settings-card{cursor:pointer;text-align:left;background:#14182e;border:1.5px solid #0000;border-radius:10px;flex-direction:column;gap:4px;padding:12px 10px;display:flex;position:relative}.settings-card.selected{border-color:#7c5cff}.settings-card-label{color:#e8eaf6;font-size:.812rem;font-weight:800}.settings-card-desc{color:#8a90b8;font-size:.625rem}.settings-card-check{color:#fff;background:#7c5cff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.625rem;font-weight:800;display:flex;position:absolute;top:6px;right:6px}.settings-auto-row{background:#14182e;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:7px 10px;font-size:.75rem;display:flex}.settings-auto-text{text-overflow:ellipsis;white-space:nowrap;color:#c4cae8;flex:1;min-width:0;overflow:hidden}.settings-auto-badge{border-radius:999px;padding:2px 8px;font-size:.625rem;font-weight:800}.settings-auto-badge.is-yes{color:#4cd07d;background:#4cd07d26}.settings-auto-badge.is-no{color:#ff5c6c;background:#ff5c6c26}.settings-auto-delete{color:#8a90b8;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.688rem}.settings-auto-delete:hover{color:#ff5c6c}.settings-link-btn{color:#8a90b8;cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.75rem;text-decoration:underline}.settings-link-btn:hover{color:#fff}.settings-footer{border-top:1px solid #ffffff14;justify-content:flex-end;margin-top:12px;padding-top:8px;display:flex}@media (width<=560px){.settings-body{flex-direction:column}.settings-nav{flex-direction:row;min-width:0;overflow-x:auto}.settings-nav-item{white-space:nowrap}.settings-stops{grid-template-columns:repeat(3,1fr)}.settings-cards{grid-template-columns:1fr}}.settings-sound-card{background:#10131c;border:1px solid #262b3d;border-radius:6px;flex-direction:column;gap:12px;margin:0 2px 2px;padding:10px 12px 12px;display:flex}.settings-sound-card .fx-popover-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-sound-card .fx-popover-text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-sound-card .fx-popover-label{color:#e8eaf6;font-size:.812rem;font-weight:600}.settings-sound-card .fx-popover-hint{color:#6b7394;font-size:.688rem;line-height:1.3}.settings-sound-card .fx-toggle{cursor:pointer;background:#1a1f3a;border:1px solid #303541;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .15s,border-color .15s;position:relative}.settings-sound-card .fx-toggle-knob{width:16px;height:16px;transition:transform calc(.15s / var(--fx-speed,1)) ease, background .15s;background:#6b7394;border-radius:50%;position:absolute;top:2px;left:2px}.settings-sound-card .fx-toggle.on{background:#253a2b;border-color:#2f5c3d}.settings-sound-card .fx-toggle.on .fx-toggle-knob{background:#4cd07d;transform:translate(18px)}.settings-sound-card .fx-speed-group{gap:4px;display:flex}.settings-sound-card .fx-speed-btn{color:#9aa1c0;cursor:pointer;background:#1a1f3a;border:1px solid #303541;border-radius:6px;min-width:38px;padding:4px 6px;font-size:.75rem;font-weight:600;transition:background .12s,color .12s,border-color .12s}.settings-sound-card .fx-speed-btn:hover{color:#e8eaf6;background:#252b4a}.settings-sound-card .fx-speed-btn.active{color:#cfc3ff;background:#2d2454;border-color:#7c5cff}.settings-sound-card .fx-popover-divider{background:#262b3d;height:1px;margin:2px 0}.settings-sound-card .audio-slider{appearance:none;cursor:pointer;background:#262b3d;border-radius:2px;outline:none;width:90px;height:4px}.settings-sound-card .audio-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#7c5cff;border-radius:50%;width:12px;height:12px;transition:transform .1s,background .1s}.settings-sound-card .audio-slider::-webkit-slider-thumb:hover{background:#9a80ff;transform:scale(1.2)}.settings-sound-card .audio-slider:disabled{opacity:.4;cursor:not-allowed}.appearance-sleeve-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start;gap:12px;padding:2px;display:grid}@media (width<=480px){.appearance-sleeve-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.sleeve-picker-close{cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1rem}.sleeve-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start;gap:12px;min-height:0;padding:2px;display:grid;overflow-y:auto}.sleeve-item{cursor:pointer;box-sizing:border-box;background:#14182e;border:1.5px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;padding:8px;display:flex}.sleeve-item.selected{border-color:#ffb03a;box-shadow:0 0 12px #ffb03a73}.sleeve-preview{aspect-ratio:.714;box-sizing:border-box;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;width:100%;max-width:110px;height:auto;display:flex;position:relative;overflow:hidden}.sleeve-preview img{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}.sleeve-preview-emblem{text-shadow:0 0 10px,0 2px 8px #000000b3;font-size:1.75rem}.sleeve-check{color:#10131f;background:#ffb03a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.688rem;font-weight:800;display:flex;position:absolute;top:4px;right:4px}.sleeve-name{text-align:center;word-break:break-word;font-size:.688rem;font-weight:600}.sleeve-picker-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;margin-top:14px;padding-top:12px;display:flex}@media (width<=480px){.sleeve-picker-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.game-menu{position:relative}.game-menu-btn{letter-spacing:1px;color:#6b7394;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:30px;height:28px;padding:0 0 4px 1px;font-size:1rem;font-weight:700;transition:background .15s,color .15s;display:flex}.game-menu-btn:hover{color:#a0a8c8;background:#1a1f3a}.game-menu-btn.is-open{color:#cfc3ff;background:#252b4a}.game-menu-overlay{z-index:198;position:fixed;inset:0}.game-menu-panel{z-index:200;background:#171a21;border:1px solid #363b46;border-radius:8px;flex-direction:column;gap:2px;min-width:220px;max-width:280px;padding:6px;display:flex;position:fixed;top:44px;right:8px;box-shadow:0 10px 30px #00000073}.game-menu-item{color:#c8cae6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.812rem;transition:background .1s;display:flex}.game-menu-item:hover{background:#252b4a}.game-menu-panel .leave-game-btn,.game-menu-panel .leave-match-btn,.game-menu-panel .rollback-game-btn{color:#c8cae6;white-space:normal;background:0 0;border:none;padding:8px 12px;font-weight:400}.game-menu-panel .leave-game-btn:hover,.game-menu-panel .leave-match-btn:hover{color:#ff5c6c;box-shadow:none;background:#2a1520;border:none}.game-menu-panel .rollback-game-btn:hover{color:#e8eaf6;box-shadow:none;background:#252b4a;border:none}.game-menu-divider{background:#262b3d;height:1px;margin:4px 6px}.game-menu-section-label{letter-spacing:.08em;text-transform:uppercase;color:#4a5080;padding:6px 12px 2px;font-size:.625rem;font-weight:700}.game-menu-auto-empty{color:#4a5080;padding:2px 12px 6px;font-size:.75rem}.game-menu-auto-row{align-items:center;gap:8px;padding:4px 12px;font-size:.75rem;display:flex}.game-menu-auto-text{text-overflow:ellipsis;white-space:nowrap;color:#c6cde6;flex:auto;min-width:0;overflow:hidden}.game-menu-auto-badge{border:1px solid #38436b;border-radius:999px;flex:none;padding:1px 8px;font-size:.688rem;font-weight:700}.game-menu-auto-badge.is-yes{color:#7ee2a8;border-color:#2c6b4a}.game-menu-auto-badge.is-no{color:#f09696;border-color:#6b2c2c}.game-menu-check{color:#c6cde6;cursor:pointer;align-items:center;gap:8px;padding:4px 12px;font-size:.75rem;display:flex}.game-menu-check input{accent-color:#7c5cff}.game-menu-auto-delete{color:#6b7394;cursor:pointer;background:0 0;border:none;flex:none;padding:2px 4px;font-size:.75rem}.game-menu-auto-delete:hover{color:#f09696}.about-backdrop{z-index:1200}.about-tabs{border-bottom:1px solid var(--border,#333);gap:4px;padding:4px 4px 0;display:flex}.about-tabs button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:8px 12px;font-size:14px}.about-tabs button.is-active{opacity:1;border-bottom:2px solid}.about-close-btn{margin-left:auto}.about-pane{max-height:min(56vh,520px);padding:16px 4px 4px;overflow-y:auto}.about-links{flex-direction:column;gap:8px;display:flex}.about-links a{color:inherit;align-items:center;gap:6px;display:inline-flex}.about-offline{opacity:.7;font-style:italic}.about-feed h3{margin:14px 0 8px;font-size:15px}.about-empty{opacity:.6}.about-release{border:1px solid var(--border,#333);border-radius:8px;margin-bottom:10px;padding:10px 12px}.about-release header{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.about-release-tag{opacity:.8;font-family:monospace;font-size:12px}.about-release-date{opacity:.6;margin-left:auto;font-size:12px}.about-release-body{max-height:220px;font-size:13px;line-height:1.45;overflow-y:auto}.about-release-body h2,.about-release-body h3,.about-release-body h4{margin:8px 0 4px;font-size:14px}.about-release-body p{margin:4px 0}.about-release-body ul{margin:4px 0;padding-left:20px}.about-release-body code{font-family:monospace;font-size:12px}.about-release-link{margin-top:8px;font-size:13px;display:inline-block}.login-wrap{box-sizing:border-box;-webkit-overflow-scrolling:touch;background:radial-gradient(circle,#161b36 0%,#0a0d1a 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative;overflow:hidden auto}.login-top-bar{z-index:100;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:calc(100% - 32px);display:flex;position:absolute;top:18px;right:22px}.login-settings-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #7c5cff38;border-radius:8px;justify-content:center;align-items:center;padding:5px 8px;display:inline-flex;position:relative}.login-news-dot{color:#ffd070;font-size:8px;position:absolute;top:1px;right:2px}.login-settings-btn:hover{color:#fff;background:#7c5cff26;border-color:#a78bfa}@media (width<=480px){.login-top-bar{justify-content:flex-end;top:10px;left:10px;right:10px}.login-wrap{align-items:flex-start;padding:56px 12px 16px;overflow-y:auto}.login-card{gap:12px;width:100%;max-width:100%;padding:20px 16px}.login-logo-img{width:96px;height:96px}.user-name-and-flag-grid{grid-template-columns:1fr}.login-presets-row{gap:6px}.preset-btn{padding:7px 2px;font-size:.625rem}.network-field-row{grid-template-columns:1fr}.login-user-section{flex-direction:column;align-items:stretch}.user-avatar-preview{align-self:center}}.login-bg-glow{filter:blur(80px);pointer-events:none;opacity:.35;will-change:transform;border-radius:50%;position:absolute}.login-bg-glow-1{background:radial-gradient(circle,#7c5cff99 0%,#0000 70%);width:420px;height:420px;animation:8s ease-in-out infinite alternate floatGlow1;top:15%;left:20%}.login-bg-glow-2{background:radial-gradient(circle,#ffb43273 0%,#0000 70%);width:380px;height:380px;animation:10s ease-in-out infinite alternate floatGlow2;bottom:15%;right:20%}@keyframes floatGlow1{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.15)}}@keyframes floatGlow2{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,40px)scale(1.12)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;box-sizing:border-box;background:#12162de0;border:1.5px solid #ffd07073;border-radius:18px;flex-direction:column;gap:16px;width:440px;max-width:94vw;padding:26px 30px;animation:.3s cubic-bezier(.16,1,.3,1) forwards cardFadeIn;display:flex;position:relative;box-shadow:0 24px 64px #000c,0 0 36px #7c5cff26,inset 0 1px #ffffff26}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-header{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.login-logo-img{object-fit:cover;border:2px solid #ffd070a6;border-radius:50%;align-self:center;width:140px;height:140px;margin:0 auto 6px;animation:4s ease-in-out infinite alternate logoGlowPulse;display:block;box-shadow:0 0 28px #7c5cff80,0 0 14px #ffd07059}@keyframes logoGlowPulse{0%{transform:scale(1);box-shadow:0 0 20px #7c5cff66,0 0 10px #ffd0704d}to{transform:scale(1.02);box-shadow:0 0 32px #7c5cffb3,0 0 18px #ffd07099}}.login-card .subtitle{color:#9aa2c8;letter-spacing:.02em;margin:0;font-size:.781rem}.login-presets-container{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;display:flex}.login-presets-title{text-transform:uppercase;color:#8c96c0;letter-spacing:.05em;font-size:.688rem;font-weight:700}.login-presets-row{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.preset-btn{color:#c4cae8;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#1a2040b3;border:1.5px solid #ffffff1a;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:5px;min-width:0;padding:8px 4px;font-size:.688rem;font-weight:700;transition:all .18s;display:flex}.preset-btn span:not(.preset-icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preset-btn:hover{color:#fff;background:#242c58e6;border-color:#ffd07080;transform:translateY(-1px)}.preset-btn.active{color:#fff;background:#7c5cff40;border-color:#7c5cff;box-shadow:0 0 14px #7c5cff73}.preset-icon{flex-shrink:0;font-size:.812rem}.login-user-section{background:#0c0f2099;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.user-avatar-preview{cursor:pointer;border-radius:50%;flex-shrink:0;width:48px;height:48px;transition:transform .15s;position:relative}.user-avatar-preview:hover{transform:scale(1.04)}.user-avatar-preview:after{content:"✏️";opacity:0;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.user-avatar-preview:hover:after{opacity:1}.user-avatar-badge-edit{background:#0e1226e6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.625rem;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #00000080}.user-avatar-flag-pill{background:#0f132a;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;padding:1px 3px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #00000080}.user-inputs-col{flex-direction:column;flex:1;gap:8px;display:flex}.user-name-and-flag-grid{grid-template-columns:1fr 140px;gap:10px;display:grid}.login-card label{text-transform:uppercase;color:#8c96c0;letter-spacing:.04em;box-sizing:border-box;flex-direction:column;gap:4px;min-width:0;font-size:.688rem;font-weight:700;display:flex}.login-card input,.login-card select{color:#fff;box-sizing:border-box;background:#12162df2;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;min-width:0;padding:8px 12px;font-size:.812rem;transition:border-color .15s,box-shadow .15s}.login-card select{cursor:pointer}.login-card select option{color:#fff;background:#0f132a}.login-card input:focus{border-color:#ffd070;box-shadow:0 0 10px #ffd07059}.login-network-box{box-sizing:border-box;background:#0a0d1ca6;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;width:100%;padding:0;display:flex}.login-network-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.network-box-title{text-transform:uppercase;color:#8c96c0;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.656rem;font-weight:700;overflow:hidden}.network-box-hint{color:#63e6be;font-size:.656rem;font-family:var(--font-mono,monospace);flex-shrink:0;font-weight:600}.login-network-fields{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.network-field-row{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 95px;gap:10px;width:100%;display:grid}.error-box{color:#ffb8c0;background:#3c141ed9;border:1.5px solid #ff5252;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.781rem;display:flex;box-shadow:0 4px 14px #ff525233}.login-invite-banner{color:#c3d5ff;background:#142850d9;border:1.5px solid #82aaff;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.781rem;display:flex;box-shadow:0 4px 14px #82aaff33}.login-invite-banner .invite-icon{flex-shrink:0;display:inline-flex}.error-icon{flex-shrink:0;font-size:1rem}.error-msg{flex:1}.error-box button{color:#ffb8c0;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:2px 6px;font-size:.75rem}.login-submit-btn{letter-spacing:.04em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1c6b50 0%,#17543f 100%);border:1.5px solid #63e6be99;border-radius:10px;justify-content:center;align-items:center;padding:12px 0;font-size:.875rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px 20px #1c6b5066,inset 0 1px #fff3}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#248262 0%,#1e6d52 100%);border-color:#63e6be;transform:translateY(-1px);box-shadow:0 8px 24px #63e6be73}.login-submit-btn:disabled{opacity:.75;cursor:not-allowed}.btn-connecting-wrap{align-items:center;gap:8px;display:inline-flex}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.connecting-splash{text-align:center;justify-content:center;align-items:center;padding:36px 30px}.connecting-splash .login-header{text-align:center;justify-content:center;align-items:center;width:100%}.connecting-spinner{border:3px solid #ffffff26;border-top-color:#ffd070;border-radius:50%;align-self:center;width:32px;height:32px;margin:14px auto 0;animation:.8s linear infinite spin}.login-attribution{color:#7a82a8;text-align:center;padding-top:2px;font-size:.656rem;line-height:1.4}.login-attribution a{color:#8ea0ff;text-decoration:none}.login-attribution a:hover{text-decoration:underline}details.login-network-box summary{cursor:pointer;list-style:none}details.login-network-box summary::-webkit-details-marker{display:none}details.login-network-box .login-network-fields{flex-direction:column;gap:8px;padding:0 12px 10px;display:flex}.deck-issues-body{flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.deck-issues-section h3{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin:0 0 6px;font-size:.9rem}.deck-issues-section ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.deck-issue-row{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;display:flex}.deck-issue-card{font-size:.9rem}.deck-issue-printing{opacity:.6;font-size:.8rem}.deck-issue-reason{opacity:.75;font-size:.78rem;font-style:italic}.deck-issue-fixes{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.deck-issue-suggestion-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:3px 8px;font-size:.75rem}.deck-issue-suggestion-btn:hover{background:#ffffff1f}.deck-issues-footer{justify-content:flex-end;gap:10px;display:flex}.deck-issues-cancel-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;padding:8px 14px}.deck-issues-play-btn{cursor:pointer;border-radius:8px;padding:8px 14px}.deck-issue-same-card{color:#a8d8b9;width:100%;font-size:.75rem}.random-packs-backdrop{z-index:60;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.random-packs-hint{opacity:.85;margin:0;font-size:.8rem}.random-packs-toolbar{gap:8px;display:flex}.random-packs-grid{border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;min-height:120px;padding:4px;display:grid;overflow-y:auto}.random-packs-cell{cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:3px 6px;font-family:monospace;font-size:.75rem;display:flex}.random-packs-cell:hover{background:#ffffff12}.random-packs-footer{justify-content:flex-end;gap:8px;display:flex}.draft-sets-container{background:#0f142a73;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.draft-sets-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.draft-sets-title{color:#e2e8f0;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.draft-sets-mode-buttons{gap:4px;display:flex}.draft-sets-mode-btn{color:#a0aec0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;padding:3px 8px;font-size:.72rem;transition:all .15s}.draft-sets-mode-btn:hover{color:#fff;background:#ffffff1f}.draft-sets-mode-btn.active{color:#ffd070;background:#7c5cff40;border-color:#ffd070;font-weight:700}.draft-sets-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.draft-sets-chips-label{color:#8c96c0;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.draft-set-chip{color:#cbd5e0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.72rem;font-weight:600;transition:all .15s}.draft-set-chip:hover{color:#ffd070;background:#7c5cff33;border-color:#ffd07080;transform:translateY(-1px)}.draft-set-chip.active{color:#ffd070;background:#ffd0702e;border-color:#ffd070;box-shadow:0 0 6px #ffd07033}.draft-sets-picker-row{flex-wrap:wrap;gap:8px;display:flex}.draft-sets-search-box{flex:1;min-width:140px}.draft-sets-search-box input{color:#fff;background:#0a0e1eb3;border:1px solid #ffffff24;border-radius:6px;width:100%;padding:6px 10px;font-size:.8rem}.draft-sets-search-box input:focus{border-color:#ffd070;outline:none}.draft-sets-select-box{flex:2;min-width:200px}.draft-sets-select-box select{color:#fff;background:#0a0e1ed9;border:1px solid #ffffff24;border-radius:6px;width:100%;padding:6px 10px;font-size:.8rem}.draft-sets-select-box select:focus{border-color:#ffd070;outline:none}.draft-sets-boosters-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.draft-sets-booster-item{background:#141a3699;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:4px;padding:6px 10px;display:flex}.draft-sets-booster-label{color:#ffd070;align-items:center;gap:4px;font-size:.7rem;font-weight:700;display:flex}.draft-sets-booster-select{color:#fff;background:#0a0e1ee6;border:1px solid #ffffff1f;border-radius:4px;width:100%;padding:4px 6px;font-size:.75rem}.draft-sets-manual-wrap{border-top:1px dashed #ffffff14;margin-top:4px;padding-top:8px}.draft-sets-manual-label-row{flex-direction:column;gap:4px;display:flex}.draft-sets-manual-label{color:#8c96c0;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.draft-sets-manual-input-el{color:#ffd070;background:#0a0e1eb3;border:1px solid #ffffff1f;border-radius:6px;width:100%;padding:6px 10px;font-family:monospace;font-size:.8rem}.draft-sets-manual-input-el:focus{border-color:#ffd070;outline:none}.overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;box-sizing:border-box;background:#040610d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.create-dialog-close-btn{color:#8c96c0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1rem;transition:all .15s}.create-dialog-close-btn:hover{color:#fff;background:#ffffff1a}.wizard-progress-track{background:#ffffff14;border-radius:99px;height:4px;margin-bottom:6px;overflow:hidden}.wizard-progress-fill{background:linear-gradient(90deg,#ffd070 0%,#7c5cff 100%);border-radius:99px;height:100%;transition:width .3s}.wizard-stepper{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:0;margin-bottom:14px;padding-bottom:12px;display:flex}.wizard-step{cursor:pointer;color:#7a84a8;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:6px;padding:0 4px;transition:color .15s;display:flex;position:relative}.wizard-step:hover{color:#c4cae8}.wizard-step.active{color:#ffd070}.wizard-step.completed{color:#8b9cff}.wizard-step-circle{width:30px;height:30px;color:inherit;z-index:1;background:#161c38cc;border:1.5px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:.812rem;font-weight:800;transition:all .2s;display:flex;position:relative}.wizard-step.active .wizard-step-circle{color:#ffd070;background:#7c5cff4d;border-color:#ffd070;box-shadow:0 0 12px #ffd0704d}.wizard-step.completed .wizard-step-circle{color:#fff;background:#7c5cff59;border-color:#7c5cff}.wizard-step-label{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.wizard-step-icon{font-size:.875rem;line-height:1}.wizard-step-text{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;font-size:.656rem;font-weight:800}.wizard-connector{z-index:0;background:#ffffff1a;height:2px;position:absolute;top:14px;left:58%;right:-42%}.wizard-connector.done{background:#7c5cff80}.wizard-step-heading{border-bottom:1px dashed #ffffff0f;margin-bottom:2px;padding-bottom:8px}.wizard-step-heading h3{color:#e8e9ff;letter-spacing:.02em;margin:0 0 2px;font-size:.875rem;font-weight:800}.wizard-step-heading p{color:#8c96c0;margin:0;font-size:.719rem}.wizard-hint-box{color:#9aa3c2;background:#ffffff0a;border:1px dashed #ffffff1a;border-radius:8px;padding:8px 10px;font-size:.688rem;line-height:1.4}.wizard-warn-badge{color:#ff9f43;white-space:nowrap;background:#ff9f4326;border:1px solid #ff9f4359;border-radius:99px;padding:2px 6px;font-size:.625rem;font-weight:800}.password-field-wrap{align-items:center;gap:6px;display:flex}.password-field-wrap input{flex:1}.password-toggle-btn{color:#c4cae8;cursor:pointer;background:#161c38cc;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px;font-size:.875rem;transition:all .15s}.password-toggle-btn:hover{color:#fff;border-color:#ffd070}.create-table-body{flex-direction:column;flex:1;min-height:260px;max-height:52vh;padding-right:4px;display:flex;overflow-y:auto}.create-tab-content{flex-direction:column;gap:14px;display:flex}.create-table-dialog label{text-transform:uppercase;color:#8c96c0;letter-spacing:.04em;flex-direction:column;gap:5px;font-size:.688rem;font-weight:700;display:flex}.create-table-dialog input[type=text],.create-table-dialog input[type=password],.create-table-dialog input[type=number]{color:#fff;box-sizing:border-box;background:#0a0d1cd9;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.812rem;transition:all .15s}.create-table-dialog select{color:#fff;box-sizing:border-box;cursor:pointer;background:#12162df2;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.812rem;transition:all .15s}.create-table-dialog select option{color:#fff;background:#0f132a;padding:8px}.create-table-dialog input:focus,.create-table-dialog select:focus{border-color:#ffd070;box-shadow:0 0 10px #ffd07059}.create-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{text-transform:uppercase;color:#8c96c0;letter-spacing:.04em;flex-direction:column;gap:6px;font-size:.688rem;font-weight:700;display:flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#c4cae8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#161c3899;border:1px solid #ffffff1f;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .15s}.chip:hover{color:#fff;background:#242c58cc;border-color:#ffd07066}.chip.on{color:#fff;background:#7c5cff4d;border-color:#7c5cff;box-shadow:0 0 10px #7c5cff66}.toggle-label-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0d1c8c;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;flex-direction:row!important;display:flex!important}.toggle-label-row:hover{background:#161c38b3;border-color:#ffffff26}.toggle-label-row input[type=checkbox]{cursor:pointer;accent-color:#7c5cff;width:16px;height:16px;margin-top:2px}.toggle-text-block{flex-direction:column;gap:2px;display:flex}.toggle-title{color:#fff;text-transform:none;letter-spacing:normal;font-size:.781rem;font-weight:700}.toggle-desc{color:#8c96c0;text-transform:none;letter-spacing:normal;font-size:.688rem;font-weight:400}.create-multiplayer-box{background:#1e143280;border:1px solid #7c5cff4d;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.multiplayer-box-title{color:#c4b5fd;letter-spacing:.05em;text-transform:uppercase;font-size:.688rem;font-weight:700}.create-restrictions-box{background:#141e3780;border:1px solid #3b82f64d;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.restrictions-box-title{color:#93c5fd;letter-spacing:.05em;text-transform:uppercase;font-size:.688rem;font-weight:700}.create-field-hint{color:#9ca3af;text-transform:none;letter-spacing:normal;font-size:.656rem;font-weight:500}.create-seats-section{flex-direction:column;gap:12px;display:flex}.create-seat-box{background:#0a0d1c99;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.seat-box-header{justify-content:space-between;align-items:center;display:flex}.seat-title{text-transform:uppercase;color:#ffd070;letter-spacing:.04em;font-size:.75rem;font-weight:700}.dev-options-notice{color:#ffd070;background:#3c280a99;border:1px solid #ffb4004d;border-radius:8px;padding:8px 12px;font-size:.688rem}.create-table-summary-strip{background:#0a0e1e99;border:1px solid #ffffff0f;border-radius:8px;flex-wrap:wrap;gap:6px;margin-top:10px;padding:8px 12px;display:flex}.summary-pill{color:#c4cae8;background:#161c38cc;border:1px solid #ffffff1a;border-radius:4px;padding:2px 7px;font-size:.656rem;font-weight:700}.summary-pill.security{color:#ff7675;background:#d6303126;border-color:#ff767566}.summary-pill.rated{color:#ffd070;background:#ffd07026;border-color:#ffd07066}.dialog-actions{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:12px;display:flex}.wizard-actions-left,.wizard-actions-right{align-items:center;gap:8px;display:flex}.create-submit-btn{letter-spacing:.03em;padding:8px 20px;font-size:.812rem;font-weight:800}.dev-demo-box{background:#121834b3;border:1px solid #6366f14d;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:12px;padding:14px 16px;display:flex}.dev-demo-box h4{color:#c7d2fe;margin:0;font-size:.844rem}.dev-demo-box p{color:#94a3b8;margin:0;font-size:.75rem;line-height:1.4}.dev-demo-btn{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:1px solid #fff3;align-self:flex-start;margin-top:4px;padding:6px 14px;font-size:.75rem;font-weight:700}.create-mode-selector{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.create-mode-card{text-align:left;cursor:pointer;color:inherit;background:#161c3899;border:1.5px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:6px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.create-mode-card:hover{background:#1e264cd9;border-color:#ffd07066;transform:translateY(-2px)}.create-mode-card.active{background:#7c5cff29;border-color:#ffd070;box-shadow:0 0 16px #ffd07033,inset 0 0 12px #7c5cff26}.create-mode-card-icon{color:#ffd070;align-items:center;margin-bottom:2px;display:flex}.create-mode-card-content{flex-direction:column;gap:4px;min-width:0;display:flex}.create-mode-card-title{color:#f1f3f9;letter-spacing:.02em;font-size:.875rem;font-weight:800;line-height:1.25;display:block}.create-mode-card.active .create-mode-card-title{color:#ffd070}.create-mode-card-desc{color:#8c96c0;font-size:.72rem;line-height:1.35;display:block}.create-presets-strip{background:#0f142a80;border:1px dashed #ffffff1f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:6px 10px;display:flex}.create-presets-label{color:#ffd070;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:flex}.create-presets-buttons{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{color:#c4cae8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:3px 9px;font-size:.72rem;font-weight:600;transition:all .15s}.preset-chip:hover{color:#fff;background:#7c5cff40;border-color:#7c5cff80}.tourney-box{background:#10163099;border:1px solid #7c5cff4d;border-radius:10px;gap:10px;margin-top:6px;padding:12px;display:grid}.tourney-tabs{gap:8px;display:flex}.tourney-tab-btn{color:#a4b0d0;cursor:pointer;background:#141932b3;border:1px solid #ffffff1f;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.tourney-tab-btn:hover{color:#fff;background:#1e264cd9}.tourney-tab-btn.active{color:#ffd070;background:#7c5cff40;border-color:#ffd070;box-shadow:0 0 10px #ffd07026}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#040610c7;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.close-btn{color:#8c96ba;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.125rem;transition:all .15s}.close-btn:hover{color:#fff;background:#ffffff1a}.join-table-meta-bar{background:#0a0d1e80;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:8px;padding:12px 24px;display:flex}.meta-badge{color:#c8cae6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:.75rem}.meta-badge strong{color:#fff}.meta-badge.meta-format{color:#ffd070;border-color:#ffd0704d}.meta-badge.meta-lock{color:#ff8080;background:#ff64641a;border-color:#ff64644d}.join-modal-form{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.join-password-section{flex-direction:column;gap:6px;display:flex}.join-field-label{color:#ffd070;flex-direction:column;gap:6px;font-size:.812rem;font-weight:700;display:flex}.join-password-input{color:#fff;background:#0a0d1ecc;border:1.5px solid #ffd07066;border-radius:8px;outline:none;padding:10px 14px;font-size:.875rem}.join-password-input:focus{border-color:#ffd070;box-shadow:0 0 12px #ffd0704d}.join-deck-section{flex-direction:column;gap:10px;display:flex}.join-deck-section-header{justify-content:space-between;align-items:center;display:flex}.join-deck-section-title{color:#b0badc;font-size:.812rem;font-weight:700}.join-import-toggle-btn{color:#d1c4ff;cursor:pointer;background:#7c5cff26;border:1px solid #7c5cff59;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.join-import-toggle-btn:hover{color:#fff;background:#7c5cff4d}.join-inline-importer{background:#141a3cb3;border:1px solid #7c5cff4d;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.join-inline-importer h4{color:#fff;margin:0;font-size:.781rem}.import-name-input{color:#fff;background:#0a0d1ecc;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:8px 12px;font-size:.812rem}.import-textarea{color:#e8eaf6;resize:vertical;background:#0a0d1ecc;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:8px 12px;font-family:monospace;font-size:.75rem}.import-error-msg{color:#f77;margin:0;font-size:.75rem}.import-actions{justify-content:flex-end;display:flex}.import-submit-btn{padding:6px 14px;font-size:.75rem}.join-deck-cards-list{flex-direction:column;gap:8px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.join-deck-card{cursor:pointer;background:#0e1226b3;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.join-deck-card:hover{background:#181e40cc;border-color:#fff3}.join-deck-card.selected{background:radial-gradient(circle at 10%,#263064e6,#141a38e6);border-color:#ffd070;box-shadow:0 0 14px #ffd07033}.join-deck-card.recommended{border-left:3px solid #63e6be}.deck-card-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.deck-card-title-row{justify-content:space-between;align-items:center;display:flex}.deck-card-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.844rem;font-weight:700;overflow:hidden}.deck-card-count-badge{color:#8c96c0;font-size:.719rem;font-weight:600}.deck-card-sample{color:#7b85aa;text-overflow:ellipsis;white-space:nowrap;font-size:.719rem;overflow:hidden}.join-error-banner{color:#f99;background:#ff4d4d26;border:1px solid #ff4d4d66;border-radius:8px;align-items:center;gap:10px;margin:0 24px;padding:10px 14px;font-size:.781rem;display:flex}.join-modal-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.join-default-checkbox{color:#8c96ba;cursor:pointer;align-items:center;gap:6px;font-size:.75rem;display:flex}.join-footer-buttons{align-items:center;gap:10px;display:flex}.join-cancel-btn{color:#b0badc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.812rem;font-weight:600}.join-cancel-btn:hover{color:#fff;background:#ffffff1a}.join-submit-btn{padding:9px 20px;font-size:.844rem;font-weight:800;box-shadow:0 4px 14px #1c6b5066}.deck-box{aspect-ratio:1.35;cursor:pointer;background:#0f1419;border:1px solid #ffffff14;border-radius:14px;width:100%;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000080,inset 0 0 0 1px #ffffff0a}.deck-box:hover{border-color:#ffffff2e;transform:translateY(-4px)scale(1.015);box-shadow:0 10px 28px #0009,inset 0 0 0 1px #ffffff14}.deck-box.selected{border-color:#ffb84d;box-shadow:0 0 0 2px #ffb84d,0 10px 28px #000000b3}.deck-box-ring{pointer-events:none;border:2px solid #ffb84d;border-radius:14px;position:absolute;inset:-2px}.deck-box-art{position:absolute;inset:0}.deck-box-art img{object-fit:cover;filter:saturate(1.08)contrast(1.05);width:100%;height:100%}.deck-box-art-fallback{color:#7a8a9a;letter-spacing:.04em;background:linear-gradient(135deg,#1a242e 0%,#0d1218 100%);place-items:center;width:100%;height:100%;font-size:2.2rem;font-weight:800;display:grid}.deck-box-art-scrim{background:linear-gradient(#0000 0%,#00000014 32%,#0000008c 64%,#000000eb 100%);position:absolute;inset:0}.deck-box-format-badge{z-index:2;letter-spacing:.03em;font-size:.68rem;font-weight:800;position:absolute;top:8px;right:8px}.format-badge-valid{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b981e0;border:1px solid #fff3;border-radius:999px;padding:3px 8px;box-shadow:0 2px 8px #00000080}.format-badge-invalid{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444e0;border:1px solid #fff3;border-radius:999px;padding:3px 8px;box-shadow:0 2px 8px #00000080}.deck-box-footer{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;bottom:24px;left:8px;right:8px}.deck-box-name{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f5f1e8;text-overflow:ellipsis;white-space:nowrap;background:#000000d1;border:1px solid #ffffff24;border-radius:999px;flex:1;min-width:0;padding:4px 8px;font-size:.82rem;font-weight:700;line-height:1.15;overflow:hidden;box-shadow:0 2px 10px #00000080}.deck-box-colors{flex-shrink:0;align-items:center;gap:2px;display:flex}.deck-box-colors .mana-symbol{border-radius:50%;box-shadow:0 1px 4px #0009}.mana-pip{color:#111;text-shadow:0 1px #ffffff73;border:1.5px solid #ffffffe6;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.68rem;font-weight:900;display:grid;box-shadow:0 1px 6px #00000080,inset 0 1px #fff9}.mana-pip.pip-w{background:radial-gradient(circle at 30% 28%,#fffef0 0%,#e6d9a3 55%,#b8a86a 100%)}.mana-pip.pip-u{background:radial-gradient(circle at 30% 28%,#d6eaf8 0%,#6bb3d9 55%,#2a6ea3 100%)}.mana-pip.pip-b{color:#e6e2d9;text-shadow:0 1px #000c;background:radial-gradient(circle at 30% 28%,#6b7280 0%,#2f353f 55%,#0f1419 100%);border-color:#ffffffbf}.mana-pip.pip-r{background:radial-gradient(circle at 30% 28%,#ffd0b8 0%,#e05a33 55%,#8a1e0f 100%)}.mana-pip.pip-g{background:radial-gradient(circle at 30% 28%,#d4edc9 0%,#5faa4b 55%,#1d4d1a 100%)}.mana-pip.pip-c{background:radial-gradient(circle at 30% 28%,#e5e7eb 0%,#9ca3af 55%,#6b7280 100%)}.deck-box-meta{color:#ffffffb8;align-items:center;gap:6px;font-size:.68rem;display:flex;position:absolute;bottom:6px;left:10px}.deck-box-count{letter-spacing:.03em}.deck-box-fav{color:#ffb84d;filter:drop-shadow(0 1px 4px #000000b3)}.deck-box-precon{letter-spacing:.06em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:999px;padding:1px 6px;font-size:.62rem}.deck-box-create{background:radial-gradient(at 30% 20%,#1a242e 0%,#0a0f14 70%);border:1px dashed #ffffff29;place-items:center;display:grid}.deck-box-create-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.deck-box-create-plus{color:#a8b4c2;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;place-items:center;width:64px;height:64px;font-size:2.6rem;line-height:1;display:grid;box-shadow:0 0 22px #78a0ff2e,inset 0 1px #ffffff14}.deck-box:hover .deck-box-create-plus{color:#d6e2f0;border-color:#ffffff38}.deck-box-create-label{color:#8a9ab0;letter-spacing:.04em;font-size:.82rem;font-weight:600}.arena-card-strip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#121820;border:1px solid #ffffff1a;border-radius:4px;align-items:center;height:38px;min-height:38px;margin-bottom:2px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0006}.arena-card-strip:hover{z-index:2;border-color:#ffc86499;transform:translate(-2px);box-shadow:0 2px 8px #0009,0 0 8px #ffb43240}.arena-card-strip.is-commander{background:linear-gradient(90deg,#d4af3733 0%,#14181ef2 40%);border:1px solid #d4af37;box-shadow:0 0 8px #d4af3759}.arena-card-strip.is-cover{border-color:#ffb84d}.arena-card-strip.has-issue{border-color:#f56565;box-shadow:0 0 6px #f5656566}.strip-issue-badge{z-index:1;filter:drop-shadow(0 0 4px #f56565cc);margin-right:4px;font-size:.85rem}.strip-bg-art{opacity:.85;pointer-events:none;background-position:50% 25%;background-size:cover;width:75%;transition:opacity .15s;position:absolute;top:0;bottom:0;right:0}.arena-card-strip:hover .strip-bg-art{opacity:1}.strip-gradient-overlay{pointer-events:none;background:linear-gradient(90deg,#0a0e12fa 0%,#0a0e12e0 35%,#0a0e1273 70%,#0a0e12d9 100%);position:absolute;inset:0}.strip-color-bar{background:#4a5568;flex-shrink:0;width:4px;height:100%}.strip-color-bar.color-w{background:#f6e05e}.strip-color-bar.color-u{background:#3182ce}.strip-color-bar.color-b{background:#4a423e}.strip-color-bar.color-r{background:#e53e3e}.strip-color-bar.color-g{background:#38a169}.strip-color-bar.color-multi{background:linear-gradient(#ecc94b,#d69e2e)}.strip-color-bar.color-colorless{background:#a0aec0}.strip-qty{color:#e2e8f0;z-index:1;font-variant-numeric:tabular-nums;background:#00000073;border-right:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:100%;font-size:.82rem;font-weight:800;display:flex}.strip-qty.commander-badge{color:#f6e05e;font-size:1rem}.strip-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000000e6,0 0 2px #000000e6;z-index:1;letter-spacing:-.01em;flex:1;padding:0 8px;font-size:.85rem;font-weight:700;overflow:hidden}.strip-mana{z-index:1;flex-shrink:0;align-items:center;gap:2px;padding-right:8px;display:flex}.mana-cost-display{align-items:center;gap:2px;display:inline-flex}.mana-symbol{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mana-symbol.sym-generic{color:#111;background:radial-gradient(circle at 30% 28%,#e5e7eb 0%,#9ca3af 60%,#6b7280 100%);border:1px solid #0006;font-weight:900;line-height:1;box-shadow:0 1px 2px #00000080}.strip-actions{z-index:3;background:linear-gradient(90deg,#0000 0%,#0a0e12f2 25%);align-items:center;gap:2px;padding:0 4px;display:none;position:absolute;top:0;bottom:0;right:0}.arena-card-strip:hover .strip-actions{display:flex}.strip-btn{color:#e2e8f0;cursor:pointer;background:#19202ad9;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.82rem;font-weight:800;line-height:1;transition:all .1s;display:flex}.strip-btn:hover{color:#fff;background:#3182ce;border-color:#63b3ed}.strip-btn.danger:hover{background:#e53e3e;border-color:#feb2b2}.strip-btn.star{color:#a0aec0}.strip-btn.star.active{color:#ecc94b;background:#ecc94b33;border-color:#ecc94b}.curve-chart{background:#00000073;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.curve-bars{justify-content:space-between;align-items:flex-end;gap:8px;height:100px;padding:0 4px;display:flex}.curve-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.curve-count{color:#ecc94b;min-height:14px;font-size:.72rem;font-weight:800;line-height:1}.curve-bar-track{background:#ffffff0a;border-radius:4px 4px 0 0;flex:1;align-items:flex-end;width:100%;max-width:22px;display:flex;position:relative;overflow:hidden}.curve-bar-fill{background:linear-gradient(#ecc94b 0%,#dd6b20 100%);border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #ecc94b40}.curve-bar-col:hover .curve-bar-fill{filter:brightness(1.2);box-shadow:0 0 12px #ecc94b80}.curve-label{color:#a0aec0;font-size:.7rem;font-weight:700;line-height:1}.curve-stats-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(2,1fr);gap:6px;padding-top:10px;display:grid}.curve-stat-pill{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.74rem;display:flex}.curve-stat-name{color:#a0aec0;font-weight:600}.curve-stat-val{color:#edf2f7;font-weight:800}.curve-pips-row{border-top:1px dashed #ffffff14;flex-wrap:wrap;align-items:center;gap:12px;padding-top:8px;display:flex}.curve-pip-item{color:#e2e8f0;align-items:center;gap:4px;font-size:.75rem;font-weight:800;display:inline-flex}.curve-mana-section{border-top:1px dashed #ffffff14;padding-top:8px}.curve-mana-section .curve-pips-row{border-top:none;padding-top:6px}.curve-section-title{letter-spacing:.04em;text-transform:uppercase;color:#a0aec0;font-size:.7rem;font-weight:800}.curve-section-sub{text-transform:none;letter-spacing:0;font-weight:600}.curve-dist-rows{flex-direction:column;gap:3px;padding-top:6px;display:flex}.curve-dist-row{align-items:center;gap:6px;display:flex}.curve-dist-label{text-align:right;color:#a0aec0;flex-shrink:0;width:14px;font-size:.68rem;font-weight:800}.curve-dist-track{background:#ffffff0f;border-radius:3px;flex:1;height:10px;display:flex;overflow:hidden}.curve-dist-seg{height:100%}.curve-dist-total{color:#e2e8f0;min-width:20px;font-size:.68rem;font-weight:800}.curve-color-donut{border:2px solid #ffffff24;border-radius:50%;flex-shrink:0;width:38px;height:38px;position:relative;box-shadow:0 0 8px #0006}.curve-donut-hole{background:#000000a6;border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:8px}.curve-pips-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deck-inspector-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#04060ad9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.deck-inspector-badges{align-items:center;gap:6px;display:flex}.inspector-format-badge{color:#f6e05e;background:#ecc94b26;border:1px solid #ecc94b;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.inspector-archetype-badge{color:#63b3ed;background:#4299e126;border:1px solid #4299e1;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.inspector-close-btn{color:#a0aec0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .12s;display:flex}.inspector-close-btn:hover{color:#fff;background:#ffffff26}.deck-inspector-body{grid-template-columns:1fr 300px;gap:16px;max-height:min(62vh,620px);padding:16px 4px 4px;display:grid;overflow-y:auto}@media (width<=768px){.deck-inspector-body{grid-template-columns:1fr}}.inspector-cards-column{flex-direction:column;gap:6px;max-height:55vh;display:flex;overflow-y:auto}.inspector-info-column{background:#0000004d;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:14px;padding:14px;display:flex}.inspector-desc{color:#cbd5e0;margin:0;font-size:.82rem;line-height:1.4}.deck-inspector-footer{background:#0a0e14f2;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.inspector-copy-btn{color:#111;cursor:pointer;background:linear-gradient(#ffa834 0%,#ff7300 100%);border:1px solid #ffd180;border-radius:999px;padding:8px 18px;font-size:.88rem;font-weight:900;transition:all .12s;box-shadow:0 4px 12px #ff730066}.inspector-copy-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.inspector-edit-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .12s}.inspector-edit-btn:hover{color:#fff;background:#3182ce;border-color:#63b3ed}.deck-browser-container{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow:hidden}.browser-nav-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding-bottom:8px;display:flex}.browser-tab-btn{color:#718096;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:800;transition:all .12s}.browser-tab-btn:hover{color:#e2e8f0;background:#ffffff0f}.browser-tab-btn.active{color:#111;background:linear-gradient(135deg,#ffa834 0%,#ff7300 100%);box-shadow:0 2px 10px #ff730059}.browser-filters-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.browser-search-wrap{flex:1;min-width:240px;max-width:400px;position:relative}.browser-search-input{color:#fff;background:#0f141c;border:1px solid #ffffff1f;border-radius:999px;outline:none;width:100%;padding:8px 30px 8px 14px;font-size:.85rem;transition:all .15s}.browser-search-input:focus{border-color:#ecc94b;box-shadow:0 0 8px #ecc94b4d}.browser-select{color:#cbd5e0;cursor:pointer;background:#0f141c;border:1px solid #ffffff1f;border-radius:999px;outline:none;padding:7px 14px;font-size:.8rem;font-weight:600}.browser-decks-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:max-content;gap:14px;padding-right:4px;display:grid;overflow-y:auto}.browser-deck-card{cursor:pointer;background:#111722;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000080}.browser-deck-card:hover{border-color:#ecc94b99;transform:translateY(-4px);box-shadow:0 8px 24px #000000b3,0 0 12px #ecc94b33}.browser-deck-art-header{background-color:#1a2230;background-position:50% 25%;background-size:cover;align-items:flex-end;height:110px;padding:10px;display:flex;position:relative}.browser-deck-art-gradient{background:linear-gradient(#0009 0%,#11172266 40%,#111722 100%);position:absolute;inset:0}.browser-deck-badges-overlay{z-index:1;align-items:center;gap:6px;display:flex;position:relative}.browser-deck-format-chip{color:#f6e05e;text-transform:uppercase;background:#0009;border:1px solid #ecc94b;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800}.browser-deck-arch-chip{color:#63b3ed;background:#0009;border:1px solid #4299e1;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800}.browser-deck-content{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.browser-deck-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:800;overflow:hidden}.browser-deck-desc{color:#a0aec0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.76rem;line-height:1.35;display:-webkit-box;overflow:hidden}.browser-deck-actions{border-top:1px solid #ffffff0f;align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.browser-deck-btn{color:#cbd5e0;cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:5px 8px;font-size:.72rem;font-weight:700;transition:all .12s}.browser-deck-btn:hover{color:#fff;background:#ffffff24}.browser-deck-btn.primary{color:#111;background:linear-gradient(#ffa834 0%,#ff7300 100%);border-color:#ffd180}.browser-url-import-view{background:#0f141c;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:16px;max-width:720px;margin:20px auto;padding:24px;display:flex}.url-import-title{color:#fff;margin:0;font-size:1.1rem;font-weight:800}.url-import-input{color:#fff;background:#080c10;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:10px 14px;font-size:.85rem}.url-import-textarea{color:#fff;resize:vertical;background:#080c10;border:1px solid #ffffff26;border-radius:8px;width:100%;height:160px;padding:10px 14px;font-family:ui-monospace,monospace;font-size:.78rem}.url-import-submit-btn{color:#111;cursor:pointer;background:linear-gradient(#ffa834 0%,#ff7300 100%);border:1px solid #ffd180;border-radius:999px;align-self:flex-start;padding:10px 24px;font-size:.9rem;font-weight:900;box-shadow:0 4px 14px #ff730066}.decks-gallery{box-sizing:border-box;color:#e6eaf0;background:radial-gradient(1200px 600px at 20% -10%,#6e8cc824 0%,#0000 60%),radial-gradient(900px 500px at 95% 10%,#50b4781a 0%,#0000 60%),#080c10;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.decks-gallery-top{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0a0e12f5,#0a0e12e0);border-bottom:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.decks-gallery-header-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.decks-gallery-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.decks-title{letter-spacing:.06em;color:#f0ede4;text-shadow:0 2px 12px #0009;margin:0;font-family:Cinzel,serif;font-size:1.3rem;font-weight:800}.gallery-view-tabs{background:#0006;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:3px;display:flex}.gallery-view-tab{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .12s}.gallery-view-tab:hover{color:#fff}.gallery-view-tab.active{color:#111;background:linear-gradient(#ffa834 0%,#ff7300 100%);font-weight:800;box-shadow:0 2px 8px #ff730059}.decks-filters{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.decks-select{color:#d6dce6;background:#141a21;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:.8rem}.decks-search-wrap{align-items:center;display:flex;position:relative}.decks-search{color:#d6dce6;background:#0f1419;border:1px solid #ffffff1f;border-radius:999px;min-width:160px;padding:6px 28px 6px 12px;font-size:.82rem}.decks-search-clear{color:#d6dce6;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;width:22px;height:22px;position:absolute;right:6px}.decks-mana-filter{align-items:center;gap:5px;display:flex}.mana-filter-btn{cursor:pointer;opacity:.5;background:#141a22;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:opacity .15s,transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;box-shadow:0 1px 6px #00000059}.mana-filter-btn:hover{opacity:.85;transform:scale(1.08)}.mana-filter-btn.active{opacity:1;border-color:#ecc94b;transform:scale(1.12);box-shadow:0 0 10px #ecc94b80}.decks-counter{opacity:.85;letter-spacing:.04em;margin-left:auto;font-size:.88rem;font-weight:700}.decks-grid{box-sizing:border-box;flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:max-content;align-content:start;gap:14px;width:100%;min-height:0;padding:16px;display:grid;overflow-y:auto}.decks-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;z-index:6;background:#0a0e12f5;border-top:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 16px;display:flex}.decks-footer-left{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.decks-footer-btn{color:#d6dce6;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:600}.decks-footer-btn:disabled{opacity:.38;cursor:not-allowed}.decks-footer-btn.danger{color:#ffb4a8;border-color:#ff786459}.decks-footer-btn.fav-active{color:#ffb84d;background:#ffb84d1f;border-color:#ffb84d80}.decks-edit-btn{color:#fff;letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2a5bd7 0%,#1e3fa8 100%);border:none;border-radius:999px;margin-left:auto;padding:8px 20px;font-size:.84rem;font-weight:800;box-shadow:0 4px 18px #2556cc73}.decks-edit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (width<=900px){.decks-title{font-size:1.15rem}.decks-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;padding:12px}.decks-footer-btn{padding:4px 8px;font-size:.7rem}}@media (width<=600px){.decks-gallery-header-row{flex-wrap:wrap;gap:8px}.decks-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:10px}}.decks-import-dialog{width:92vw;max-width:560px}.decks-import-dialog label{color:#a8b4c2;gap:6px;margin:12px 0;font-size:.82rem;display:grid}.decks-import-dialog input,.decks-import-dialog textarea{color:#e6eaf0;background:#0f1419;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:.82rem}.decks-import-hint{color:#8a9ab0;font-size:.82rem;line-height:1.45}.decks-import-hint code{background:#ffffff14;border-radius:6px;padding:1px 5px;font-size:.78rem}.decks-import-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.arena-filter-bar{background:#0f141ad9;border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.filter-bar-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.arena-search-box{flex:1;align-items:center;min-width:160px;max-width:360px;display:flex;position:relative}.arena-search-icon{color:#718096;pointer-events:none;font-size:.85rem;position:absolute;left:10px}.arena-search-input{color:#e2e8f0;background:#0d1218;border:1px solid #ffffff29;border-radius:999px;outline:none;width:100%;padding:7px 28px 7px 30px;font-size:.85rem;transition:all .15s}.arena-search-input:focus{background:#121820;border-color:#ecc94b;box-shadow:0 0 8px #ecc94b59}.arena-search-clear{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px;font-size:.8rem;line-height:1;position:absolute;right:8px}.arena-search-clear:hover{color:#fff}.arena-search-help-wrap{margin-left:6px;position:relative}.arena-search-help-btn{color:#a0aec0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78rem;font-weight:800;display:flex}.arena-search-help-btn:hover{color:#f6e05e;background:#ecc94b2e;border-color:#ecc94b}.arena-search-help-popover{z-index:120;background:#10161f;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;gap:8px;width:320px;margin-top:6px;padding:10px 12px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 28px #000000b3}.help-popover-title{letter-spacing:.06em;text-transform:uppercase;color:#ecc94b;font-size:.74rem;font-weight:800}.help-popover-examples{flex-wrap:wrap;gap:6px;display:flex}.help-popover-examples code{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:.72rem}.help-popover-hint{color:#a0aec0;font-size:.72rem}.help-popover-hint code{color:#f6e05e}.help-popover-link{color:#63b3ed;font-size:.72rem;text-decoration:none}.help-popover-link:hover{text-decoration:underline}.arena-mana-orbs{align-items:center;gap:4px;display:flex}.mana-orb-btn{cursor:pointer;filter:grayscale(.6)opacity(.65);background:#141a22;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.mana-orb-btn:hover{filter:grayscale(.2)opacity(.9);border-color:#fff6;transform:scale(1.1)}.mana-orb-btn.active{filter:grayscale(0)opacity();transform:scale(1.12)}.mana-orb-btn.active.orb-w{border-color:#f6e05e;box-shadow:0 0 10px #f6e05eb3}.mana-orb-btn.active.orb-u{border-color:#4299e1;box-shadow:0 0 10px #4299e1b3}.mana-orb-btn.active.orb-b{border-color:#a0aec0;box-shadow:0 0 10px #a0aec080}.mana-orb-btn.active.orb-r{border-color:#f56565;box-shadow:0 0 10px #f56565b3}.mana-orb-btn.active.orb-g{border-color:#48bb78;box-shadow:0 0 10px #48bb78b3}.mana-orb-btn.active.orb-c{border-color:#cbd5e0;box-shadow:0 0 8px #cbd5e099}.filter-bar-bottom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.arena-filter-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.arena-chip-label{text-transform:uppercase;letter-spacing:.05em;color:#718096;margin-right:2px;font-size:.68rem;font-weight:800}.arena-cmc-btn{color:#a0aec0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;transition:all .12s;display:flex}.arena-cmc-btn:hover{color:#fff;background:#ffffff1f}.arena-cmc-btn.active{color:#fff;background:#3182ce;border-color:#63b3ed;box-shadow:0 0 6px #3182ce99}.arena-type-btn{color:#a0aec0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .12s}.arena-type-btn:hover{color:#fff;background:#ffffff1f}.arena-type-btn.active{color:#f6e05e;background:#ecc94b26;border-color:#ecc94b}.filter-reset-btn{color:#718096;cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:4px;margin-left:auto;padding:3px 8px;font-size:.68rem}.filter-reset-btn:hover{color:#fc8181;border-color:#e53e3e}.arena-lang-select-wrap{align-items:center;display:flex;position:relative}.arena-lang-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#141a22;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.arena-lang-btn:hover{background:#1e2632;border-color:#ffffff4d}.arena-lang-btn .lang-flag{font-size:.95rem;line-height:1}.arena-lang-btn .lang-code{color:#a0aec0;font-size:.75rem}.arena-lang-btn .lang-arrow{color:#718096;font-size:.65rem}.arena-lang-dropdown{z-index:100;background:#10161f;border:1px solid #ffffff2e;border-radius:8px;flex-direction:column;gap:2px;min-width:140px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #000000b3}.arena-lang-item{color:#cbd5e0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:.8rem;transition:background .12s;display:flex}.arena-lang-item:hover{color:#fff;background:#ffffff14}.arena-lang-item.selected{color:#ecc94b;background:#ecc94b26;font-weight:700}.filter-advanced-toggle{color:#a0aec0;letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;margin-left:4px;padding:4px 10px;font-size:.7rem;font-weight:700;transition:all .12s}.filter-advanced-toggle:hover{color:#e2e8f0;background:#ffffff1a}.filter-advanced-toggle.open{color:#f6e05e;background:#ecc94b26;border-color:#ecc94b}.arena-sort-wrap{align-items:center;gap:6px;margin-left:4px;display:inline-flex}.arena-sort-select{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;padding:4px 6px;font-size:.7rem;font-weight:700}.arena-sort-select option{background:#1a202c}.arena-sort-dir-btn{color:#a0aec0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;line-height:1}.arena-sort-dir-btn:hover{color:#e2e8f0;background:#ffffff1a}.arena-grid-size-slider{accent-color:#ecc94b;cursor:pointer;width:90px}.filter-advanced-panel{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;margin-top:2px;padding:10px 0 2px;animation:.14s advFadeIn;display:flex}@keyframes advFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.adv-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rarity-chip{color:#a0aec0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:4px;width:28px;height:24px;font-size:.7rem;font-weight:800;transition:all .12s}.rarity-chip:hover{color:#fff;background:#ffffff1f}.rarity-chip.active{color:#fff;box-shadow:0 0 6px #ffffff40}.rarity-common.active{background:#4a5568;border-color:#718096}.rarity-uncommon.active{background:#718096;border-color:#a0aec0}.rarity-rare.active{background:#b7791f;border-color:#ecc94b}.rarity-mythic.active{background:#c53030;border-color:#fc8181}.keyword-chip{color:#a0aec0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:600;transition:all .12s}.keyword-chip:hover{color:#e2e8f0;background:#ffffff1a}.keyword-chip.active{color:#bee3f8;background:#63b3ed2e;border-color:#63b3ed}.keyword-more-btn{color:#718096;cursor:pointer;background:0 0;border:1px dashed #ffffff2e;border-radius:999px;padding:3px 8px;font-size:.68rem}.keyword-more-btn:hover{color:#ecc94b;border-color:#ecc94b}.adv-stats-row{gap:14px}.stat-filter-group{align-items:center;gap:4px;display:flex}.stat-op-select{color:#e2e8f0;background:#0d1218;border:1px solid #ffffff29;border-radius:6px;outline:none;padding:4px 6px;font-size:.72rem;font-weight:700}.stat-num-input{color:#e2e8f0;text-align:center;background:#0d1218;border:1px solid #ffffff29;border-radius:6px;outline:none;width:52px;padding:4px 6px;font-size:.72rem}.stat-num-input:focus,.stat-op-select:focus,.set-input:focus{border-color:#ecc94b;box-shadow:0 0 6px #ecc94b4d}.stat-clear-btn{color:#a0aec0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.stat-clear-btn:hover{color:#fc8181;background:#e53e3e2e;border-color:#fc8181}.set-filter-group .set-input{color:#e2e8f0;background:#0d1218;border:1px solid #ffffff29;border-radius:6px;outline:none;width:110px;padding:4px 8px;font-size:.72rem}.set-chip{color:#a0aec0;letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:700;transition:all .12s}.set-chip:hover{color:#fff;background:#ffffff1a}.set-chip.active{color:#f6e05e;background:#ecc94b26;border-color:#ecc94b}.arena-card-grid-container{background:radial-gradient(circle at 50% 30%,#151c24 0%,#0a0e13 100%);flex-direction:column;flex:1 1 0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.arena-card-grid-scroll{flex:1 1 0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;gap:12px;min-height:0;padding:14px;display:grid;overflow-y:auto}@media (width>=1200px){.arena-card-grid-scroll{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px;padding:16px}}@media (width>=1500px){.arena-card-grid-scroll{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;padding:18px}}.arena-grid-card{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;align-items:center;transition:transform .15s cubic-bezier(.2,0,.2,1),box-shadow .15s;display:flex;position:relative}.arena-grid-card:hover{z-index:10;transform:translateY(-4px)scale(1.04)}.arena-grid-card:hover .arena-grid-card-img-wrapper{border-color:#ecc94b;box-shadow:0 8px 24px #000c,0 0 12px #ecc94b66}.arena-card-pips{justify-content:center;align-items:center;gap:3px;height:12px;margin-bottom:4px;display:flex}.card-pip-diamond{background:#ffffff26;border:1px solid #ffffff59;border-radius:1px;width:7px;height:7px;transform:rotate(45deg)}.card-pip-diamond.filled{background:#f6e05e;border-color:#ecc94b;box-shadow:0 0 4px #f6e05ecc}.arena-grid-card-img-wrapper{aspect-ratio:2.5/3.5;background:#10141a;border:1px solid #ffffff26;border-radius:8px;width:100%;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000080}.arena-grid-card-img{object-fit:cover;width:100%;height:100%;display:block}.arena-grid-card-fallback{color:#e2e8f0;background:#18202a;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:8px;font-size:.75rem;display:flex}.arena-grid-card-fallback-name{color:#fff;font-weight:700}.arena-grid-card-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;inset:0}.arena-grid-card:hover .arena-grid-card-overlay{opacity:1}.arena-add-badge{color:#111;background:linear-gradient(135deg,#ffa834 0%,#ff7300 100%);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:900;transition:transform .12s;transform:translateY(6px);box-shadow:0 2px 8px #0009}.arena-grid-card:hover .arena-add-badge{transform:translateY(0)}.arena-grid-footer{color:#718096;z-index:10;box-sizing:border-box;background:#0a0e13;border-top:1px solid #ffffff1f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:46px;min-height:46px;max-height:46px;padding:0 18px;font-size:.78rem;display:flex;box-shadow:0 -4px 16px #00000080}.arena-footer-left,.arena-footer-right{align-items:center;gap:8px;display:flex}.arena-footer-center{flex:1;justify-content:center;align-items:center;display:flex}.arena-grid-count{color:#e2e8f0;font-weight:700}.arena-footer-load-btn{color:#f6e05e;cursor:pointer;background:linear-gradient(135deg,#ecc94b33 0%,#dd6b2040 100%);border:1px solid #ecc94b80;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:.75rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 0 10px #ecc94b33}.arena-footer-load-btn:hover{color:#111;background:linear-gradient(135deg,#ecc94b 0%,#dd6b20 100%);transform:translateY(-1px);box-shadow:0 0 16px #ecc94b99}.arena-footer-loading{color:#ecc94b;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:flex}.arena-footer-done{color:#48bb78;font-size:.75rem;font-weight:600}.arena-grid-status-box{color:#a0aec0;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.arena-grid-spinner{border:3px solid #ffffff1a;border-top-color:#ecc94b;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite arena-spin}.arena-grid-spinner.small{border-width:2px;width:14px;height:14px}.arena-grid-loading-more{color:#ecc94b;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:20px 0;font-weight:700;display:flex}@keyframes arena-spin{to{transform:rotate(360deg)}}.arena-search-panel{background:#0d1218;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 16px #0006}.arena-deck-list-container{background:#0f141a;border:1px solid #ffffff1a;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;flex:1;min-height:0;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.arena-deck-list-container.is-drag-over{border-color:#ecc94b;box-shadow:inset 0 0 24px #ecc94b66,0 0 20px #ecc94b80}.arena-drop-target-hint{color:#f6e05e;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,#ecc94b26,#ecc94b40,#ecc94b26);border:1px dashed #ecc94b;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-bottom:6px;padding:10px;font-size:.82rem;font-weight:800;animation:1.2s ease-in-out infinite alternate arena-drop-pulse;display:flex}@keyframes arena-drop-pulse{0%{opacity:.85;transform:scale(.98);box-shadow:0 0 8px #ecc94b4d}to{opacity:1;transform:scale(1);box-shadow:0 0 16px #ecc94b99}}.arena-deck-list-scroll{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.deck-category-section{flex-direction:column;display:flex}.deck-category-header{letter-spacing:.06em;text-transform:uppercase;color:#a0aec0;background:#ffffff0a;border-left:3px solid #4a5568;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 8px;font-size:.72rem;font-weight:800;display:flex}.deck-category-count{color:#ecc94b;font-weight:800}.deck-sideboard-section{border-top:1px dashed #ffffff26;margin-top:10px;padding-top:10px}.deck-sideboard-section .deck-category-header{border-left-color:#e53e3e}.deck-sideboard-section.is-side-drag-over{background:#ecc94b14;border:1px dashed #ecc94b;border-radius:6px;padding:6px;box-shadow:inset 0 0 16px #ecc94b40}.deck-sideboard-empty{color:#718096;text-align:center;border:2px dashed #ffffff24;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:14px 10px;font-size:.8rem;transition:border-color .15s,color .15s,background .15s;display:flex}.deck-sideboard-empty:before{content:"⇩";opacity:.7;font-size:1rem}.deck-sideboard-section.is-side-drag-over .deck-sideboard-empty{color:#f6e05e;background:#ecc94b0f;border-color:#ecc94b}.deck-cols+.deck-sideboard-section{margin:0 10px 10px}.deck-list-empty-hint{text-align:center;color:#718096;border:2px dashed #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:16px;padding:40px 16px;font-size:.82rem;display:flex}.empty-hint-icon{opacity:.6;font-size:1.8rem}.arena-deck-cols-layout{flex:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:start;gap:8px;padding:10px;display:grid;overflow-x:auto}.arena-deck-column{background:#00000040;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;min-height:120px;padding:6px;display:flex}.arena-deck-col-head{color:#a0aec0;text-transform:uppercase;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 6px;font-size:.72rem;font-weight:800;display:flex}.arena-deck-header{background:#141b24;border:1px solid #ffffff1f;border-bottom:2px solid #2d3748;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.deck-header-bg-art{opacity:.28;pointer-events:none;filter:blur(1px);background-position:50% 20%;background-size:cover;position:absolute;inset:0}.deck-header-gradient{pointer-events:none;background:linear-gradient(90deg,#0f141cf2 0%,#0f141cd9 50%,#0f141cf2 100%);position:absolute;inset:0}.deck-header-cover-box{border:1px solid #fff3;border-radius:6px;flex-shrink:0;width:38px;height:38px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0009}.deck-header-cover-img{object-fit:cover;width:100%;height:100%}.deck-header-cover-fallback{color:#fff;background:linear-gradient(135deg,#2b6cb0,#2c5282);justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;font-weight:900;display:flex}.deck-header-info{z-index:1;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex;position:relative;overflow:hidden}.deck-header-name-row{align-items:center;width:100%;min-width:0;display:flex}.deck-header-name-input{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;width:100%;padding:1px 4px;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .15s;overflow:hidden}.deck-header-name-input:hover,.deck-header-name-input:focus{background:#0006;border-color:#ffffff4d}.deck-header-meta-row{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:.72rem;display:flex}.deck-header-count{color:#a0aec0;white-space:nowrap;flex-shrink:0;font-size:.72rem;font-weight:700}.deck-header-count.valid{color:#68d391}.deck-header-count.invalid{color:#f6ad55}.deck-header-format-select{color:#cbd5e0;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:4px;flex-shrink:1;max-width:84px;padding:1px 4px;font-size:.68rem;font-weight:600}.deck-header-right{z-index:1;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.deck-header-layout-btn,.deck-header-stats-btn{color:#e2e8f0;cursor:pointer;z-index:1;background:#ffffff14;border:1px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .12s;display:flex;position:relative}.deck-header-layout-btn:hover,.deck-header-stats-btn:hover{color:#f6e05e;background:#ffffff2e;border-color:#ecc94b}.deck-header-layout-btn.active{color:#ecc94b;background:#ecc94b33;border-color:#ecc94b}.basic-land-adder{box-sizing:border-box;background:#0e121af2;border-bottom:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:6px;padding:6px 10px;display:flex}.basic-land-quick-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.basic-land-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.72rem;font-weight:800}.basic-land-buttons{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.basic-land-btn-group{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;transition:all .12s;display:inline-flex;overflow:hidden}.basic-land-btn-group:hover{border-color:#ffffff40}.basic-land-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:3px 6px;font-size:.72rem;font-weight:700;transition:background .12s;display:inline-flex}.basic-land-btn:hover{color:#fff;background:#ffffff1a}.basic-land-btn-count{color:#fff;background:#3182ce;border-radius:999px;margin-left:2px;padding:1px 5px;font-size:.65rem;font-weight:800}.basic-land-dec-btn{color:#a0aec0;cursor:pointer;background:#00000040;border:none;border-left:1px solid #ffffff1f;padding:3px 5px;font-size:.75rem;font-weight:800;transition:all .12s}.basic-land-dec-btn:hover{color:#ff8787;background:#ef444440}.basic-land-suggest-toggle-btn{color:#c4b5fd;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c5cff33,#6366f133);border:1px solid #7c5cff66;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:.72rem;font-weight:700;transition:all .15s}.basic-land-suggest-toggle-btn:hover,.basic-land-suggest-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#7c5cff,#6366f1);box-shadow:0 2px 10px #7c5cff66}.basic-land-suggester-panel{background:#141823fa;border:1px solid #7c5cff4d;border-radius:8px;flex-direction:column;gap:8px;padding:10px 14px;animation:.15s fadeIn;display:flex}.suggester-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.suggester-title{color:#ffd070;font-size:.8rem;font-weight:800}.suggester-pips-summary{color:#a0aec0;align-items:center;gap:8px;font-size:.74rem;display:flex}.pips-chips{align-items:center;gap:6px;display:flex}.pip-chip{color:#e2e8f0;background:#0000004d;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-weight:700;display:inline-flex}.pips-empty{color:#718096;font-style:italic}.suggester-action-row{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.suggester-target-label{color:#cbd5e0;align-items:center;gap:8px;font-size:.76rem;font-weight:600;display:flex}.suggester-input{color:#ffd070;text-align:center;background:#0f1419;border:1px solid #ffffff26;border-radius:6px;width:50px;padding:3px 6px;font-size:.82rem;font-weight:800}.suggester-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:999px;padding:6px 14px;font-size:.76rem;font-weight:800;transition:all .12s}.suggester-apply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 10px #10b98166}.suggester-apply-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sample-hand-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#04060cd9;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.sample-hand-stats-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stats-chip{color:#cbd5e0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:700}.stats-chip.lands{color:#68d391;background:#48bb781a;border-color:#48bb7866}.stats-chip.spells{color:#c4b5fd;background:#7c5cff1a;border-color:#7c5cff66}.stats-chip.turn{color:#ffd070;background:#ffd0701a;border-color:#ffd07066}.sample-hand-close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.sample-hand-close-btn:hover{color:#fff}.goldfish-projection{background:#0c121ce6;border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;padding:10px 20px;display:flex}.goldfish-title{letter-spacing:.06em;text-transform:uppercase;color:#ecc94b;font-size:.72rem;font-weight:800}.goldfish-turns{flex-wrap:wrap;gap:8px;display:flex}.goldfish-turn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;gap:4px;min-width:160px;padding:8px 10px;display:flex}.goldfish-turn.active-turn{background:#ecc94b14;border-color:#ecc94b80;box-shadow:0 0 8px #ecc94b2e}.goldfish-turn-label{color:#a0aec0;font-size:.72rem;font-weight:800}.goldfish-turn-count{color:#f7fafc;font-size:.82rem;font-weight:800}.goldfish-turn-names{color:#cbd5e0;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.sample-card-item.is-playable-now{box-shadow:0 0 12px #48bb7859;border-color:#48bb78d9!important}.mulligan-alert-banner{color:#fbd38d;background:linear-gradient(90deg,#ed893640 0%,#dd6b2026 100%);border-bottom:1px solid #ed893666;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.84rem;display:flex}.confirm-keep-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38a169 0%,#2f855a 100%);border:none;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:800;transition:all .12s}.confirm-keep-btn:disabled{opacity:.45;cursor:not-allowed}.sample-hand-cards-area{flex:1;justify-content:center;align-items:center;min-height:320px;padding:24px;display:flex;overflow-y:auto}.sample-hand-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:100%;display:flex}.sample-card-item{cursor:pointer;background:#1a202c;border:2px solid #ffffff1f;border-radius:10px;flex-direction:column;width:130px;height:185px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000080}.sample-card-item:hover{z-index:10;border-color:#fff6;transform:translateY(-8px)scale(1.04);box-shadow:0 12px 28px #000000b3}.sample-card-item.is-land{border-color:#48bb7859}.sample-card-item.selected-bottom{opacity:.55;border-color:#f56565;transform:translateY(6px)}.sample-card-art{background:#0f1419;flex:1;position:relative;overflow:hidden}.sample-card-art img{object-fit:cover;width:100%;height:100%}.sample-card-fallback{color:#718096;justify-content:center;align-items:center;height:100%;font-size:1.2rem;font-weight:800;display:flex}.sample-card-scrim{background:linear-gradient(#0000004d 0%,#0000 40%,#000c 100%);position:absolute;inset:0}.sample-card-cost{color:#ffd070;background:#000000bf;border-radius:4px;padding:2px 5px;font-size:.65rem;font-weight:800;position:absolute;top:4px;right:4px}.sample-card-footer{background:#0a0e14f2;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.sample-card-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;overflow:hidden}.land-indicator{color:#68d391;text-transform:uppercase;font-size:.62rem;font-weight:800}.bottom-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#e53e3ebf;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex;position:absolute;inset:0}.sample-hand-preview-dock{pointer-events:none;z-index:50;border:1px solid #fff3;border-radius:12px;width:200px;animation:.1s fadeIn;position:absolute;bottom:70px;right:20px;overflow:hidden;box-shadow:0 12px 36px #000000d9}.sample-hand-preview-dock img{width:100%;display:block}.sample-hand-footer{background:#141a26f2;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.sample-hand-actions-left{align-items:center;gap:10px;display:flex}.sample-action-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:700;transition:all .12s}.sample-action-btn:hover:not(:disabled){color:#fff;background:#ffffff29}.sample-action-btn.primary{color:#fff;background:linear-gradient(135deg,#3182ce 0%,#2b6cb0 100%);border-color:#4299e1}.sample-action-btn.reset{color:#fff;background:linear-gradient(135deg,#805ad5 0%,#6b46c1 100%);border-color:#9f7aea}.printings-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#04060cd9;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.printings-close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.printings-close-btn:hover{color:#fff}.printings-body{min-height:280px;max-height:min(58vh,560px);padding:20px 4px 4px;overflow-y:auto}.printings-status-box{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:.9rem;display:flex}.printings-status-box.error{color:#fc8181}.printings-spinner{border:3px solid #ffffff26;border-top-color:#ffd070;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.printings-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.printing-card-item{cursor:pointer;background:#141a24;border:2px solid #ffffff14;border-radius:12px;flex-direction:column;transition:all .14s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.printing-card-item:hover{border-color:#ffd070;transform:translateY(-4px);box-shadow:0 8px 24px #ffd07040}.printing-card-item.selected{border-color:#48bb78;box-shadow:0 0 16px #48bb7859}.printing-img-wrap{aspect-ratio:5/7;background:#080c10;width:100%;position:relative;overflow:hidden}.printing-img-wrap img{object-fit:cover;width:100%;height:100%}.printing-selected-badge{color:#fff;background:#38a169;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #00000080}.printing-info{background:#0a0e14f2;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.printing-set-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:700;overflow:hidden}.printing-meta-row{color:#a0aec0;justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.printing-set-code{font-family:ui-monospace,monospace;font-weight:700}.printing-rarity{text-transform:capitalize;font-weight:700}.printing-rarity.mythic{color:#f6ad55}.printing-rarity.rare{color:gold}.printing-rarity.uncommon{color:#a0aec0}.printing-rarity.common{color:#718096}.deck-import-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#04060cd9;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.deck-import-modal.drag-over{border-color:#ffd070;box-shadow:0 0 30px #ffd0704d}.deck-import-close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.deck-import-close-btn:hover{color:#fff}.deck-import-body{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.deck-import-mode-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.import-mode-label{color:#cbd5e0;font-size:.8rem;font-weight:700}.import-mode-options{background:#00000059;border:1px solid #ffffff14;border-radius:8px;gap:4px;padding:3px;display:flex}.import-mode-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .12s}.import-mode-btn:hover{color:#fff}.import-mode-btn.active{color:#fff;background:#2b6cb0;box-shadow:0 2px 8px #2b6cb066}.deck-import-textarea-wrap{width:100%;position:relative}.deck-import-textarea{box-sizing:border-box;color:#f7fafc;resize:vertical;background:#070a10;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;min-height:180px;max-height:380px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.5;transition:border-color .14s,box-shadow .14s}.deck-import-textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce40}.deck-import-textarea::placeholder{color:#4a5568;font-style:italic}.import-drop-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;background:#3182ced9;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex;position:absolute;inset:0}.deck-import-status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.import-status-left{align-items:center;gap:10px;display:flex}.import-file-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .12s}.import-file-btn:hover{color:#fff;background:#ffffff1f}.import-clear-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.74rem;text-decoration:underline}.import-clear-btn:hover{color:#fc8181}.import-paste-btn{color:#cbd5e0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.import-paste-btn:hover{color:#fff;background:#ffffff1f}.import-status-right{align-items:center;display:flex}.import-badge{border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700}.import-badge.success{color:#68d391;background:#48bb7826;border:1px solid #48bb7859}.import-badge.warning{color:#fbd38d;background:#ed893626;border:1px solid #ed893659}.import-hint-text{color:#718096;font-size:.74rem}.deck-import-error{color:#fc8181;background:#f5656526;border:1px solid #f565654d;border-radius:6px;padding:8px 12px;font-size:.78rem;font-weight:600}.deck-import-footer{background:#141a26f2;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:14px 22px;display:flex}.import-cancel-btn{color:#cbd5e0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .12s}.import-cancel-btn:hover{color:#fff;background:#ffffff1f}.import-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3182ce 0%,#2b6cb0 100%);border:1px solid #4299e1;border-radius:999px;padding:8px 22px;font-size:.82rem;font-weight:800;transition:all .14s;box-shadow:0 4px 12px #3182ce59}.import-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3182ce80}.import-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.deck-builder{box-sizing:border-box;color:#e6eaf0;background:#080c10 radial-gradient(circle at 50% 20%,#151d27 0%,#080b0f 100%);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.deck-builder.loading{color:#a0aec0;flex:1;justify-content:center;align-items:center;height:100%;font-size:1.1rem;display:flex}.arena-top-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a0e12f5;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 16px;display:flex}.arena-nav-left{align-items:center;gap:16px;display:flex}.arena-nav-back{color:#cbd5e0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .12s;display:flex}.arena-nav-back:hover{color:#fff;background:#ffffff1f}.deck-builder-title{color:#f0ede4;letter-spacing:.04em;font-size:.95rem;font-weight:800}.arena-nav-right{align-items:center;gap:12px;display:flex}.builder-save-badge{color:#68d391;font-size:.75rem;font-weight:600}.deck-builder-body{box-sizing:border-box;flex:1;grid-template-columns:1fr 380px;gap:12px;width:100%;max-width:100%;height:calc(100% - 48px);min-height:0;padding:8px 12px;display:grid}@media (width>=1600px){.deck-builder-body{grid-template-columns:1fr 420px}}@media (width<=1200px){.deck-builder-body{grid-template-columns:1fr 340px;gap:10px;padding:6px 10px}}@media (width<=850px){.deck-builder-body{grid-template-columns:1fr;overflow-y:auto}}.builder-left{border-radius:8px;flex-direction:column;height:100%;min-height:0;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.builder-left.is-drag-over{box-shadow:inset 0 0 24px #f5656566,0 0 20px #f5656580}.arena-remove-drop-hint{z-index:50;color:#feb2b2;pointer-events:none;background:#1a0c0cf2;border:2px dashed #f56565;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:800;animation:1s ease-in-out infinite alternate arena-remove-pulse;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #000c,0 0 16px #f5656599}@keyframes arena-remove-pulse{0%{opacity:.9;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1.02)}}.builder-right{flex-direction:column;gap:0;height:100%;min-height:0;display:flex;overflow:hidden}.deck-curve-panel{background:#111720;border:1px solid #ffffff1a;border-top:none;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px;animation:.15s ease-out curveSlideDown;display:flex}@keyframes curveSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.deck-curve-panel-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.deck-curve-panel-title{color:#ecc94b;letter-spacing:.02em;align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:flex}.deck-curve-panel-actions{align-items:center;gap:6px;display:flex}.deck-curve-inspect-btn,.deck-curve-close-btn{color:#a0aec0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700;transition:all .12s}.deck-curve-inspect-btn:hover,.deck-curve-close-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40}.deck-curve-panel .curve-chart{background:0 0;border:none;gap:8px;padding:0}.deck-curve-panel .curve-bars{gap:6px;height:70px}.deck-curve-panel .curve-bar-col{gap:3px}.deck-curve-panel .curve-count{min-height:14px;font-size:.74rem}.deck-curve-panel .curve-bar-track{max-width:24px}.deck-curve-panel .curve-bar-fill{box-shadow:0 0 6px #ecc94b4d}.deck-curve-panel .curve-label{font-size:.68rem}.deck-curve-panel .curve-stats-grid{grid-template-columns:repeat(2,1fr);gap:4px;padding-top:6px}.deck-curve-panel .curve-stat-pill{padding:3px 6px;font-size:.72rem}.deck-curve-panel .curve-pips-row{gap:8px;margin-top:2px}.builder-deck-footer{background:#11161d;border:1px solid #ffffff1a;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:6px;padding:8px;display:flex}.builder-action-btns-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.builder-act{color:#cbd5e0;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;flex:calc(25% - 4px);min-width:70px;padding:4px 6px;font-size:.68rem;font-weight:600;transition:all .12s;overflow:hidden}.builder-act:hover{color:#fff;background:#ffffff1f}.builder-act.primary{color:#fff;background:#2b6cb0;border-color:#3182ce}.builder-act.is-equipped{background:#276749;border-color:#38a169}.builder-done{color:#111;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-shadow:0 1px #fff6;background:linear-gradient(#ffa834 0%,#ff7300 50%,#e65100 100%);border:1px solid #ffd180;border-radius:999px;width:100%;padding:8px 0;font-size:.95rem;font-weight:900;transition:all .15s;box-shadow:0 4px 14px #ff730080,inset 0 1px #fff9}.builder-done:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #ff7300b3,inset 0 1px #fffc}.builder-done:active{transform:translateY(1px)}.arena-floating-preview{z-index:1000;pointer-events:none;transform-origin:50%;background:0 0;border-radius:16px;gap:16px;transition:opacity .1s;animation:.12s cubic-bezier(.1,.9,.2,1) arena-preview-pop;display:flex;position:fixed;box-shadow:0 24px 60px #000000f2,0 0 32px #ecc94b80}.preview-face-card{aspect-ratio:2.5/3.5;background:#0d1117;border:2.5px solid #ecc94bd9;border-radius:16px;width:420px;max-width:calc(48vw - 24px);max-height:calc(100vh - 40px);position:relative;overflow:hidden;box-shadow:0 16px 40px #000000e6}.preview-face-label{z-index:2;color:#f6e05e;text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;border:1px solid #ecc94b;border-radius:6px;padding:3px 10px;font-size:.76rem;font-weight:800;position:absolute;top:10px;left:10px}@keyframes arena-preview-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.builder-server-issues{color:#f2b8ad;background:#dc503c1f;border:1px solid #dc5a4673;border-radius:8px;margin:6px 12px 0;padding:8px 12px;font-size:.812rem}.builder-server-issues .bsi-title{margin-bottom:4px;font-weight:700}.builder-server-issues ul{margin:0;padding-left:18px;list-style:outside}.builder-server-issues li{margin:2px 0;line-height:1.4}.builder-server-issues .bsi-sug{color:#a8d8b9}.builder-server-issues .bsi-repair-btn{color:#a8d8b9;cursor:pointer;background:#a8d8b91f;border:1px solid #a8d8b980;border-radius:6px;margin-left:6px;padding:1px 8px;font-size:.75rem}.builder-server-issues .bsi-repair-btn:hover{background:#a8d8b940}.rank-badge{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;max-width:100%;padding:2px 7px;font-size:.688rem;font-weight:700;transition:all .15s;display:inline-flex;overflow:hidden;box-shadow:0 1px 4px #0000004d}.rank-badge.compact{gap:3px;padding:1px 5px;font-size:.625rem}.rank-badge-icon{align-items:center;font-size:.688rem;line-height:1;display:inline-flex}.rank-badge.compact .rank-badge-icon{font-size:.594rem}.rank-badge-name{text-transform:uppercase;font-size:.625rem;font-weight:800}.rank-badge-elo{opacity:.85;font-size:.594rem;font-family:var(--font-mono,monospace);font-weight:600}.rank-badge.mythic{animation:3s infinite alternate pulse-mythic;box-shadow:0 0 10px #fb923c66}.rank-badge.diamond{box-shadow:0 0 8px #818cf859}.rank-badge.platinum{box-shadow:0 0 6px #38bdf84d}.rank-badge.gold{box-shadow:0 0 6px #facc154d}@keyframes pulse-mythic{0%{box-shadow:0 0 6px #fb923c4d}to{box-shadow:0 0 14px #fb923cb3}}.ping-badge{font-size:.688rem;font-family:var(--font-mono,monospace);-webkit-user-select:none;user-select:none;background:#0e122699;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:2px 7px;font-weight:700;display:inline-flex}.ping-dot{border-radius:50%;width:6px;height:6px}.ping-good{color:#63e6be;background:#63e6be14;border-color:#63e6be4d}.ping-good .ping-dot{background:#63e6be;box-shadow:0 0 6px #63e6be}.ping-medium{color:#ffd070;background:#ffd07014;border-color:#ffd0704d}.ping-medium .ping-dot{background:#ffd070;box-shadow:0 0 6px #ffd070}.ping-slow{color:#ff7675;background:#ff767514;border-color:#ff76754d}.ping-slow .ping-dot{background:#ff7675;box-shadow:0 0 6px #ff7675}.ping-disconnected{color:#8c96c0;background:#8c96c014;border-color:#8c96c04d}.ping-disconnected .ping-dot{background:#8c96c0}.ping-unknown{color:#8c96c0}.ping-unknown .ping-dot{background:#8c96c0}.ping-compact{padding:1px 5px;font-size:.625rem}.leaderboard-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-sizing:border-box;background:#04060ed9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.leaderboard-body{max-height:min(52vh,480px);padding:16px 4px 4px;overflow-y:auto}.leaderboard-close-btn{color:#c4cae8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;transition:all .15s;display:flex}.leaderboard-close-btn:hover{color:#fff;background:#ff475740;border-color:#ff4757}.leaderboard-tabs{background:#0a0d1ccc;border-bottom:1px solid #ffffff14;gap:6px;padding:8px 16px;display:flex}.leaderboard-tab-btn{color:#8c96c0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.781rem;font-weight:700;transition:all .15s;display:flex}.leaderboard-tab-btn:hover{color:#fff;background:#ffffff0f}.leaderboard-tab-btn.active{color:#fff;background:#7c5cff40;border-color:#7c5cff80;box-shadow:0 0 10px #7c5cff4d}.leaderboard-body{flex:1;padding:16px 20px;overflow-y:auto}.leaderboard-tab-content{flex-direction:column;gap:12px;display:flex}.leaderboard-search-bar input{color:#fff;box-sizing:border-box;background:#12162de6;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.812rem}.leaderboard-table-wrap{-webkit-overflow-scrolling:touch;background:#0a0d1c80;border:1px solid #ffffff1a;border-radius:10px;overflow:auto visible}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%;min-width:820px;font-size:.781rem}.leaderboard-table th{text-transform:uppercase;color:#8c96c0;letter-spacing:.05em;white-space:nowrap;background:#161c38d9;border-bottom:1px solid #ffffff14;padding:11px 14px;font-size:.688rem;font-weight:800}.leaderboard-table td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:10px 14px}.leaderboard-row:hover{background:#ffffff0a}.leaderboard-row.is-me{background:#ffd07014}.pos-cell{text-align:center;font-weight:800;font-family:var(--font-mono,monospace);color:#c4cae8;width:50px}.pos-medal{font-size:.938rem}.user-cell-wrap{white-space:nowrap;align-items:center;gap:8px;display:flex}.leaderboard-user-name{color:#fff;font-weight:700}.me-badge{color:#0b0f24;text-transform:uppercase;white-space:nowrap;background:#ffd070;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:.594rem;font-weight:900}.elo-cell{text-align:center;color:#ffd070;font-weight:800;font-family:var(--font-mono,monospace);white-space:nowrap;min-width:80px}.history-cell{text-align:center;font-family:var(--font-mono,monospace);color:#c4cae8;white-space:nowrap;min-width:85px}.winrate-bar-container{flex-direction:column;align-items:center;gap:3px;display:flex}.winrate-text{color:#63e6be;font-size:.688rem;font-weight:700;font-family:var(--font-mono,monospace)}.winrate-mini-track{background:#ffffff1a;border-radius:2px;width:50px;height:4px;overflow:hidden}.winrate-mini-fill{background:#63e6be;border-radius:2px;height:100%}.status-playing{color:#ffd070;font-size:.688rem;font-weight:600}.status-idle{color:#8c96c0;font-size:.688rem}.leaderboard-empty-cell{text-align:center;color:#8c96c0;padding:24px;font-style:italic}.profile-inspect-banner{color:#e0d7ff;background:#7c5cff26;border:1px solid #7c5cff59;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.75rem;display:flex}.profile-back-my-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:4px 10px;font-size:.688rem;font-weight:700;transition:all .15s}.profile-back-my-btn:hover{color:#fff;background:#ffd0704d;border-color:#ffd070}.profile-rank-card{background:#161c3899;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.profile-rank-header{align-items:center;gap:16px;display:flex}.profile-rank-name-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.profile-rank-username{color:#fff;margin:0;font-size:1.125rem;font-weight:800}.profile-rank-emblem{border:2px solid;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 20px #00000080}.rank-emblem-icon{font-size:2rem}.profile-rank-title-col{flex-direction:column;gap:2px;display:flex}.profile-rank-tier{font-size:1.375rem;font-weight:900;font-family:var(--font-display);letter-spacing:.02em}.profile-rank-elo{color:#ffd070;font-size:.812rem;font-weight:700;font-family:var(--font-mono,monospace)}.profile-rank-desc{color:#8c96c0;font-size:.719rem}.profile-progress-box{background:#0a0d1c99;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.progress-labels{color:#c4cae8;justify-content:space-between;font-size:.719rem;font-weight:700;display:flex}.progress-value{font-family:var(--font-mono,monospace)}.progress-bar-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .3s}.profile-mythic-badge{color:#fb923c;text-align:center;background:#fb923c26;border:1px solid #fb923c66;border-radius:8px;padding:10px 14px;font-size:.75rem;font-weight:700}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=820px){.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.profile-stats-grid{grid-template-columns:1fr}}.stat-card{background:#0e1226b3;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.stat-value{font-size:1.25rem;font-weight:900;font-family:var(--font-mono,monospace);color:#fff}.stat-value.text-green{color:#63e6be}.stat-value.text-red{color:#ff7675}.stat-value.text-gold{color:#ffd070}.stat-label{text-transform:uppercase;color:#8c96c0;letter-spacing:.04em;font-size:.688rem;font-weight:700}.profile-formats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=820px){.profile-formats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.profile-formats-grid{grid-template-columns:1fr}}.format-card{background:#12183099;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.format-card-header{align-items:center;gap:6px;display:flex}.format-icon{font-size:.875rem}.format-title{color:#c4cae8;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:.688rem;font-weight:700;overflow:hidden}.format-card-body{flex-direction:column;gap:2px;display:flex}.format-elo{font-size:1rem;font-weight:900;font-family:var(--font-mono,monospace);color:#fff}.format-tier{font-size:.688rem;font-weight:700}.text-muted{color:#8c96c0}.profile-ignored-box{background:#0e1226b3;border:1px solid #ff475740;border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.profile-ignored-header{flex-direction:column;gap:3px;display:flex}.profile-ignored-header h4{color:#ff7675;margin:0;font-size:.875rem;font-weight:800}.profile-ignored-hint{color:#8c96c0;font-size:.688rem}.profile-ignored-list{flex-wrap:wrap;gap:8px;display:flex}.profile-ignored-item{background:#ff47571a;border:1px solid #ff475759;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;display:flex}.ignored-item-name{color:#ffcdd2;font-size:.75rem;font-weight:700;font-family:var(--font-mono,monospace)}.unignore-action-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;padding:2px 7px;font-size:.656rem;font-weight:700;transition:all .15s}.unignore-action-btn:hover{color:#63e6be;background:#63e6be4d;border-color:#63e6be}.profile-ignored-empty{color:#8c96c0;margin:0;font-size:.719rem;font-style:italic}.tiers-ladder-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=820px){.tiers-ladder-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.tiers-ladder-grid{grid-template-columns:1fr}}.tier-ladder-card{background:#141a3499;border:1px solid;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.tier-card-header{align-items:center;gap:8px;display:flex}.tier-icon{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.25rem;display:inline-flex}.tier-name{font-size:.938rem;font-weight:900;font-family:var(--font-display)}.tier-elo-range{color:#ffd070;font-size:.75rem;font-weight:700;font-family:var(--font-mono,monospace)}.tier-desc{color:#8c96c0;margin:0;font-size:.688rem;line-height:1.4}.leaderboard-footer{background:#0a0d1ccc;border-top:1px solid #ffffff14;justify-content:flex-end;padding:12px 20px;display:flex}.user-action-dialog{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e1226f5;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;width:92vw;max-width:480px;padding:0;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c,0 0 30px #7c5cff40}.user-action-header{background:#161c38b3;border-bottom:1px solid #ffffff14;align-items:center;gap:16px;padding:18px 20px;display:flex}.user-action-avatar-col{flex-shrink:0}.user-action-identity-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.user-action-title-row{align-items:center;gap:8px;display:flex}.user-action-name{color:#fff;margin:0;font-size:1.062rem;font-weight:800}.user-action-badges-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-action-history-pill{color:#c4cae8;font-size:.656rem;font-weight:700;font-family:var(--font-mono,monospace);background:#ffffff14;border-radius:4px;padding:2px 6px}.user-action-status-row{font-size:.688rem}.user-status-playing{color:#ffd070;font-weight:600}.user-status-idle{color:#63e6be;font-weight:600}.user-action-close-btn{color:#c4cae8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;width:30px;height:30px;font-size:.812rem;transition:all .15s;display:flex}.user-action-close-btn:hover{color:#fff;background:#ff475740;border-color:#ff4757}.user-action-body{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.user-action-btn{color:#fff;cursor:pointer;text-align:left;background:#161c388c;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.user-action-btn:hover{background:#232d5ad9;border-color:#ffd07066;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.user-action-btn.primary{background:linear-gradient(135deg,#ffd07040 0%,#c88c284d 100%);border-color:#ffd070}.user-action-btn.primary:hover{background:linear-gradient(135deg,#ffd07059 0%,#c88c2873 100%);box-shadow:0 0 14px #ffd07059}.user-action-btn.spectate-btn{background:#7c5cff33;border-color:#7c5cff}.user-action-btn.spectate-btn:hover{background:#7c5cff59;box-shadow:0 0 14px #7c5cff66}.user-action-btn.ignore-btn:hover{background:#ff475733;border-color:#ff4757}.user-action-btn.unignore-btn{background:#63e6be26;border-color:#63e6be}.action-btn-icon{flex-shrink:0;font-size:1.25rem}.action-btn-text{flex-direction:column;gap:2px;display:flex}.action-btn-title{color:#fff;font-size:.812rem;font-weight:700}.action-btn-desc{color:#8c96c0;font-size:.688rem}.table-filter-bar-container{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1226bf;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px 16px;display:flex;box-shadow:0 4px 20px #0000004d}.tfb-row{align-items:center;gap:12px;display:flex}.tfb-top-row{flex-wrap:wrap;justify-content:space-between}.tfb-search-box{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.tfb-search-icon{color:#8c96c0;pointer-events:none;font-size:.812rem;position:absolute;left:12px}.tfb-search-input{color:#fff;background:#080a18b3;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:8px 32px 8px 34px;font-size:.812rem;transition:all .15s}.tfb-search-input:focus{background:#0c1024e6;border-color:#7c5cff;box-shadow:0 0 12px #7c5cff40}.tfb-search-input::placeholder{color:#6d78a2}.tfb-clear-search-btn{color:#8c96c0;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.875rem;line-height:1;display:flex;position:absolute;right:8px}.tfb-clear-search-btn:hover{color:#fff;background:#fff3}.tfb-quick-toggles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tfb-pill-btn{color:#a2acd4;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.781rem;font-weight:600;transition:all .15s;display:flex}.tfb-pill-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.tfb-pill-btn.active{color:#63e6be;background:#63e6be26;border-color:#63e6be80;box-shadow:0 0 10px #63e6be33}.tfb-pill-dot{border-radius:50%;width:7px;height:7px}.tfb-pill-dot.open-dot{background:#63e6be;box-shadow:0 0 6px #63e6be}.tfb-advanced-trigger.is-open{color:#d1c4ff;background:#7c5cff26;border-color:#7c5cff80}.tfb-active-badge{color:#fff;background:#7c5cff;border-radius:10px;padding:1px 5px;font-size:.656rem;font-weight:800}.tfb-arrow-icon{opacity:.7;font-size:.625rem}.tfb-reset-btn{color:#f99;cursor:pointer;background:#ff50501f;border:1px solid #ff50504d;border-radius:8px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.tfb-reset-btn:hover{color:#fff;background:#ff505040}.tfb-formats-row{border-top:1px solid #ffffff0f;padding-top:8px}.tfb-format-chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.tfb-format-chip{color:#929dbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.tfb-format-chip:hover{color:#fff;background:#ffffff14}.tfb-format-chip.active{color:#ffd070;background:linear-gradient(135deg,#ffd07038 0%,#daa5201f 100%);border-color:#ffd07080;font-weight:700;box-shadow:0 0 10px #ffd07033}.tfb-chip-icon{font-size:.812rem}.tfb-chip-count{color:#a0a8c8;background:#0000004d;border-radius:4px;padding:1px 5px;font-size:.656rem}.tfb-format-chip.active .tfb-chip-count{color:#fff;background:#ffd0704d}.tfb-more-formats-wrap{position:relative}.tfb-more-select{color:#929dbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.tfb-more-select:hover{color:#fff;border-color:#fff3}.tfb-more-select.active{color:#ffd070;background:#ffd07033;border-color:#ffd070;font-weight:700}.tfb-more-select option{color:#e2e6f8;background:#141830}.tfb-advanced-drawer{border-top:1px solid #ffffff14;flex-direction:column;gap:12px;padding-top:10px;animation:.2s ease-out tfbSlideDown;display:flex}@keyframes tfbSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tfb-drawer-section{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tfb-section-label{color:#8c96ba;min-width:120px;font-size:.75rem;font-weight:700}.tfb-button-group{flex-wrap:wrap;gap:6px;display:flex}.tfb-sub-pill{color:#929dbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.tfb-sub-pill:hover{color:#fff;background:#ffffff14}.tfb-sub-pill.active{color:#d1c4ff;background:#7c5cff33;border-color:#7c5cff80;font-weight:700}.tfb-switches-section{align-items:flex-start}.tfb-switches-grid{flex-wrap:wrap;gap:16px;display:flex}.tfb-switch-label{color:#b0badc;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.75rem;display:flex}.tfb-switch-label input[type=checkbox]{cursor:pointer;accent-color:#7c5cff}.tfb-switch-label:hover{color:#fff}.tables-empty-match{text-align:center;background:#0e122666;border:1px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-match-icon{opacity:.7;font-size:2rem}.empty-match-title{color:#d1c4ff;font-size:1rem;font-weight:700}.empty-match-desc{color:#8c96c0;max-width:420px;font-size:.812rem}.empty-reset-btn{color:#d1c4ff;cursor:pointer;background:#7c5cff33;border:1px solid #7c5cff80;border-radius:8px;margin-top:4px;padding:8px 16px;font-size:.812rem;font-weight:700;transition:all .15s}.empty-reset-btn:hover{color:#fff;background:#7c5cff59}.finished-matches-panel{flex-direction:column;gap:16px;width:100%;animation:.15s ease-out fadeIn;display:flex}.finished-matches-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e1226bf;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.finished-matches-title-wrap{flex-direction:column;gap:4px;display:flex}.finished-matches-title-row{align-items:center;gap:10px;display:flex}.finished-matches-icon{font-size:1.375rem}.finished-matches-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800}.finished-matches-count-badge{color:#c7d2fe;font-size:.688rem;font-weight:800;font-family:var(--font-mono,monospace);background:#6366f133;border:1px solid #6366f166;border-radius:12px;padding:2px 8px}.finished-matches-subtitle{color:#8c96c0;margin:0;font-size:.812rem}.finished-matches-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.matches-search-wrap{align-items:center;display:flex;position:relative}.matches-search-input{color:#fff;background:#080c1ccc;border:1px solid #ffffff1f;border-radius:8px;outline:none;min-width:220px;padding:8px 30px 8px 12px;font-size:.812rem;transition:all .15s}.matches-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}.matches-search-clear{color:#8c96c0;cursor:pointer;background:0 0;border:none;font-size:.75rem;position:absolute;right:8px}.matches-filter-chips{align-items:center;gap:6px;display:flex}.filter-chip{color:#8c96c0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .15s}.filter-chip:hover{color:#fff;background:#ffffff1a}.filter-chip.active{color:#a5b4fc;background:#6366f133;border-color:#6366f180}.matches-refresh-btn{color:#e0e7ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.matches-refresh-btn:hover:not(:disabled){color:#fff;background:#ffffff24}.matches-refresh-btn.spinning .refresh-icon{animation:.8s linear infinite spin}.finished-matches-list{flex-direction:column;gap:12px;display:flex}.match-card{background:#0e1226b3;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:14px 18px;transition:transform .12s,border-color .12s;display:flex}.match-card:hover{background:#121830cc;border-color:#6366f14d}.match-card-header{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.match-meta-left{align-items:center;gap:8px;display:flex}.match-game-type{color:#fff;font-size:.812rem;font-weight:800}.match-deck-type{color:#a5b4fc;font-size:.75rem;font-family:var(--font-mono,monospace);background:#6366f11f;border-radius:6px;padding:2px 8px}.match-meta-right{align-items:center;gap:8px;display:flex}.match-badge{border-radius:6px;padding:2px 8px;font-size:.688rem;font-weight:800}.match-badge.rated{color:#ffd070;background:#ffd07026;border:1px solid #ffd0704d}.match-badge.tournament{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.match-duration{color:#8c96c0;font-size:.688rem;font-weight:600}.match-time-ago{color:#636e92;font-size:.688rem}.match-scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:6px 0;display:grid}.player-slot{background:#080c1c66;border:1px solid #ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.player-slot.winner{background:#ffd0700a;border-color:#ffd0704d}.player-slot.right{flex-direction:row}.player-info-wrap{align-items:center;gap:10px;display:flex}.player-name-col{flex-direction:column;gap:2px;display:flex}.player-name-col.right-align{align-items:flex-end}.player-name-line{align-items:center;gap:6px;display:flex}.player-name{color:#fff;font-size:.875rem;font-weight:800}.winner-crown{font-size:.875rem}.player-quit-tag{color:#ff7675;font-size:.688rem;font-weight:700}.player-score-box{width:38px;height:38px;font-size:1.25rem;font-weight:900;font-family:var(--font-mono,monospace);color:#fff;background:#0e1226e6;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;display:flex}.player-slot.winner .player-score-box{color:#ffd070;border-color:#ffd07080;box-shadow:0 0 10px #ffd07033}.match-vs-divider{justify-content:center;align-items:center;display:flex}.vs-text{color:#636e92;letter-spacing:.1em;font-size:.75rem;font-weight:900}.match-single-player-row{text-align:center;color:#8c96c0;grid-column:1/-1;padding:8px;font-size:.812rem}.match-card-footer{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.match-result-summary{align-items:center;gap:6px;font-size:.75rem;display:flex}.result-label{color:#8c96c0;font-weight:700}.result-text{color:#c4cae8;font-family:var(--font-mono,monospace)}.match-replay-actions{align-items:center;gap:6px;display:flex}.replay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f140,#4f46e559);border:1px solid #6366f166;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.replay-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f173,#4f46e58c);border-color:#6366f1;box-shadow:0 0 10px #6366f14d}.replay-btn:disabled{opacity:.6;cursor:not-allowed}.replay-icon{font-size:.812rem}.matches-empty-state{text-align:center;background:#0e122666;border:1px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty-icon{opacity:.8;font-size:2.5rem}.empty-title{color:#fff;margin:0;font-size:1.125rem;font-weight:800}.empty-desc{color:#8c96c0;max-width:440px;margin:0;font-size:.812rem}.download-dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#040712d9;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out dlFadeIn;display:flex;position:fixed;inset:0}@keyframes dlFadeIn{0%{opacity:0}to{opacity:1}}.download-dialog-close{color:#8c96c0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.125rem;transition:all .15s}.download-dialog-close:hover{color:#fff;background:#ffffff1a}.download-dialog-body{flex-direction:column;gap:16px;max-height:75vh;padding:20px;display:flex;overflow-y:auto}.download-form-grid{grid-template-columns:1fr;gap:12px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#c4cae8;font-size:.75rem;font-weight:700}.download-select{color:#fff;background:#070a18d9;border:1px solid #7c5cff47;border-radius:8px;outline:none;padding:8px 12px;font-size:.812rem;transition:border-color .15s,box-shadow .15s}.download-select:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa40}.download-select:disabled{opacity:.6;cursor:not-allowed}.checkbox-group{margin-top:4px}.checkbox-label{cursor:pointer;color:#cbd5e1;align-items:center;gap:8px;font-size:.781rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#7c5cff;cursor:pointer;width:16px;height:16px}.download-symbology-box{background:#7c5cff12;border:1px solid #7c5cff40;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.symbology-info{align-items:flex-start;gap:10px;min-width:0;display:flex}.symbology-icon{font-size:1.375rem;line-height:1}.symbology-info strong{color:#ffd070;margin-bottom:2px;font-size:.812rem;display:block}.symbology-info p{color:#94a3b8;margin:0;font-size:.719rem;line-height:1.3}.download-symbology-btn{color:#ffd070;cursor:pointer;white-space:nowrap;background:#ffd07026;border:1px solid #ffd07066;border-radius:8px;padding:8px 14px;font-size:.75rem;font-weight:700;transition:all .15s}.download-symbology-btn:hover:not(:disabled){color:#fff;background:#ffd07047;border-color:#ffd070}.download-symbology-btn:disabled{opacity:.5;cursor:not-allowed}.symbology-status-banner{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98147;border-radius:6px;padding:6px 10px;font-size:.719rem;animation:.2s ease-out dlFadeIn}.download-progress-section{background:#00000059;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.progress-header{justify-content:space-between;align-items:center;font-size:.781rem;display:flex}.progress-status-label{color:#e2e8f0;font-weight:700}.progress-pct-val{font-weight:800;font-family:var(--font-display);color:#a78bfa}.progress-track-bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.progress-fill-bar{background:linear-gradient(90deg,#7c5cff 0%,#a78bfa 50%,#38bdf8 100%);border-radius:999px;height:100%;transition:width .25s}.progress-details-row{justify-content:space-between;align-items:center;gap:10px;font-size:.719rem;display:flex}.current-card-text{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.count-stats-text{color:#cbd5e1;white-space:nowrap;font-weight:700}.download-metrics-row{border-top:1px dashed #ffffff14;flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.metric-pill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.688rem;display:inline-flex}.metric-icon{font-size:.75rem}.metric-label{color:#8c96c0}.metric-val{color:#f1f5f9;font-weight:700}.metric-pill.error .metric-val{color:#ef4444}.download-dialog-footer{background:#00000040;border-top:1px solid #7c5cff26;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.download-btn-clear{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444459;border-radius:8px;padding:7px 12px;font-size:.75rem;font-weight:600;transition:all .15s}.download-btn-clear:hover:not(:disabled){color:#fff;background:#ef444440}.download-btn-clear:disabled{opacity:.4;cursor:not-allowed}.footer-action-buttons{align-items:center;gap:8px;display:flex}.download-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cff 0%,#6345e8 100%);border:none;border-radius:8px;padding:8px 18px;font-size:.781rem;font-weight:700;transition:all .15s;box-shadow:0 4px 14px #7c5cff66}.download-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7c5cff8c}.download-btn-pause{color:#ffd070;cursor:pointer;background:#ffb03a2e;border:1px solid #ffb03a73;border-radius:8px;padding:7px 14px;font-size:.75rem;font-weight:700}.download-btn-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:7px 14px;font-size:.75rem}.download-btn-secondary{color:#c4cae8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;padding:7px 14px;font-size:.75rem;transition:all .15s}.download-btn-secondary:hover{color:#fff;background:#ffffff1f}.formatted-text{word-break:break-word;display:inline}.formatted-colored{text-shadow:0 0 8px;font-weight:600;transition:all .15s}.formatted-colored.is-card{cursor:pointer;border-bottom:1px dotted}.formatted-colored.is-card:hover{text-shadow:0 0 12px,0 0 18px;filter:brightness(1.2);border-bottom-style:solid}.formatted-colored.is-player{cursor:default}.formatted-colored.is-player:hover{text-shadow:0 0 12px;filter:brightness(1.2)}.mana-badge{width:18px;height:18px;font-size:.688rem;font-weight:800;font-family:var(--font-display,sans-serif);vertical-align:-2.5px;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 2px;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000080}.mana-badge img.mana-symbol-svg,.mana-symbol-svg{object-fit:contain;border-radius:50%;width:100%;height:100%;display:block}.mana-badge.mana-r{color:#fff;background:linear-gradient(135deg,#f05030 0%,#c42c10 100%);border-color:#781808}.mana-badge.mana-u{color:#fff;background:linear-gradient(135deg,#2090ea 0%,#0d60b5 100%);border-color:#083c74}.mana-badge.mana-w{color:#382e14;background:linear-gradient(135deg,#fff2c4 0%,#e0c888 100%);border-color:#a08440}.mana-badge.mana-b{color:#e8dcf5;background:linear-gradient(135deg,#443852 0%,#201a28 100%);border-color:#120e18}.mana-badge.mana-g{color:#fff;background:linear-gradient(135deg,#28a850 0%,#167030 100%);border-color:#0c421c}.mana-badge.mana-c{color:#1c202c;background:linear-gradient(135deg,#c0c6d4 0%,#8890a4 100%);border-color:#586074}.mana-badge.mana-tap{color:#fff;background:linear-gradient(135deg,#9da4b8 0%,#687084 100%);border-color:#404858;font-size:.812rem}.mana-badge.mana-generic{color:#141824;background:linear-gradient(135deg,#a8b0c2 0%,#767e92 100%);border-color:#4c5468}.mana-badge.mana-phyrexian{font-family:serif, var(--font-display,sans-serif);text-shadow:0 0 4px #000c;font-size:.75rem;font-weight:900}.mana-badge.mana-phyrexian.mana-u{color:#fff;background:radial-gradient(circle,#2090ea 0%,#083c74 100%);border-color:#5bb3ff;box-shadow:0 0 6px #2090ea99}.mana-badge.mana-phyrexian.mana-r{color:#fff;background:radial-gradient(circle,#f05030 0%,#781808 100%);border-color:#ff8060;box-shadow:0 0 6px #f0503099}.mana-badge.mana-phyrexian.mana-w{color:#382e14;background:radial-gradient(circle,#fff2c4 0%,#a08440 100%);border-color:#ffe480;box-shadow:0 0 6px #fff2c499}.mana-badge.mana-phyrexian.mana-b{color:#e8dcf5;background:radial-gradient(circle,#685080 0%,#120e18 100%);border-color:#9878b8;box-shadow:0 0 6px #68508099}.mana-badge.mana-phyrexian.mana-g{color:#fff;background:radial-gradient(circle,#28a850 0%,#0c421c 100%);border-color:#50e080;box-shadow:0 0 6px #28a85099}.mana-badge.mana-phyrexian.mana-c,.mana-badge.mana-phyrexian.mana-p{color:#fff;background:radial-gradient(circle,#a8b0c2 0%,#303848 100%);border-color:#c0c8d8}.mana-badge.mana-hybrid{letter-spacing:-.5px;color:#fff;background:linear-gradient(135deg,#707890 0%,#384050 100%);font-size:.562rem}.floating-card-preview,.floating-card-preview *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.floating-card-preview{z-index:9999;filter:drop-shadow(0 20px 48px #000000eb)drop-shadow(0 0 12px #ffd07059);will-change:transform, opacity;flex-direction:row;align-items:flex-start;gap:10px;animation:.12s cubic-bezier(.16,1,.3,1) forwards floatingCardIn;display:flex}.floating-card-preview.flip-keywords{flex-direction:row-reverse}.floating-card-main{flex-shrink:0;width:320px;height:448px;position:relative}.floating-card-keywords{flex-direction:column;gap:6px;width:240px;max-height:448px;padding:2px 2px 2px 0;display:flex;overflow-y:auto}.floating-card-keywords::-webkit-scrollbar{width:4px}.floating-card-keywords::-webkit-scrollbar-thumb{background:#ffd07066;border-radius:4px}.floating-card-kw-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1020f5;border:1px solid #a855f780;border-radius:8px;padding:8px 10px;box-shadow:0 4px 16px #0009}.floating-card-kw-box.cat-combat{border-color:#ef44448c}.floating-card-kw-box.cat-evasion{border-color:#38bdf88c}.floating-card-kw-box.cat-protection{border-color:#a855f78c}.floating-card-kw-box.cat-counters{border-color:#22c55e8c}.floating-card-kw-box.cat-mana{border-color:#eab3088c}.floating-card-kw-box.cat-graveyard{border-color:#d946ef8c}.floating-card-kw-box.cat-cards{border-color:#6366f18c}.kw-box-header{align-items:center;gap:5px;margin-bottom:3px;display:flex}.kw-box-icon{font-size:.812rem}.kw-box-name{color:#ffd070;font-size:.75rem;font-weight:800;font-family:var(--font-display,serif)}.kw-box-es{color:#94a3b8;font-size:.656rem}.kw-box-summary{color:#e2e8f0;margin:0;font-size:.656rem;line-height:1.35}@keyframes floatingCardIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.floating-card-preview.is-morph{transition:transform .28s cubic-bezier(.16,1,.3,1);animation:none}.floating-card-preview.is-morph.is-leaving{transition-duration:.18s;transition-timing-function:ease-in}.floating-card-preview.is-morph .floating-card-keywords{opacity:0;transition:opacity .18s .15s}.floating-card-preview.is-morph.is-open:not(.is-leaving) .floating-card-keywords{opacity:1}.floating-card-preview.is-morph.is-leaving .floating-card-keywords{transition-duration:.12s;transition-delay:0s}@media (prefers-reduced-motion:reduce){.floating-card-preview{animation:none}.floating-card-preview.is-morph{transition:none}.floating-card-preview.is-morph .floating-card-keywords{opacity:1;transition:none}}.floating-card-inner{background:#101426;border:2px solid #ffd070b3;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000c}.floating-card-img{object-fit:cover;width:100%;height:100%;display:block}.floating-card-fallback{box-sizing:border-box;color:#e4e8f8;background:linear-gradient(145deg,#181d36 0%,#0d1020 100%);flex-direction:column;gap:8px;width:100%;height:100%;padding:14px;display:flex}.floating-card-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}.floating-card-name{font-family:var(--font-display);color:#fff;font-size:.938rem;font-weight:700}.floating-card-mana{color:#ffca58;font-size:.812rem;font-weight:700}.floating-card-type{color:#9aa2c8;font-size:.75rem}.floating-card-rules{color:#d8ddf0;white-space:pre-wrap;background:#0000004d;border-radius:6px;flex:1;padding:8px;font-size:.75rem;line-height:1.4;overflow-y:auto}.floating-card-pt{color:#fff;background:#0e1222f2;border:1.5px solid #ffca58;border-radius:6px;padding:2px 8px;font-size:.875rem;font-weight:700;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #000000b3}.floating-card-loyalty{color:#c084fc;background:#141832f2;border:1.5px solid #a855f7;border-radius:6px;padding:2px 8px;font-size:.812rem;font-weight:700;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #000000b3}.floating-card-counters{color:#fff;background:#1e5ac8eb;border:1.5px solid #8cb4ff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 4px 12px #000000b3}.floating-card-token-badge{color:#000;letter-spacing:.05em;background:linear-gradient(135deg,#d4af37 0%,#aa8010 100%);border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:800;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #00000080}.floating-card-flip-badge{color:#ffd070;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0e1224e6;border:1.5px solid #ffd070cc;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.625rem;font-weight:700;animation:2s ease-in-out infinite pulseFlip;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 12px #000c}@keyframes pulseFlip{0%,to{border-color:#ffd07099}50%{color:#63e6be;border-color:#63e6be}}.floating-card-flip-badge .flip-icon{font-size:.688rem}.chat{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:8px 10px;display:flex}.chat-toolbar{border-bottom:1px solid #ffffff0d;justify-content:flex-end;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.chat-toggle-btn{color:#8c96c0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:.688rem;font-weight:600;transition:all .15s}.chat-toggle-btn:hover{color:#fff;background:#ffffff14}.chat-toggle-btn.active{color:#d1c4ff;background:#7c5cff2e;border-color:#7c5cff66}.chat-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:4px;font-size:.812rem;display:flex;overflow-y:auto}.chat-msg{word-break:break-word;line-height:1.4}.chat-msg.user-msg{color:#e8eaf6}.chat-msg.system-msg{color:#7b85aa;background:#ffffff05;border-radius:4px;align-items:center;gap:6px;width:fit-content;padding:2px 6px;font-size:.719rem;display:flex}.sys-icon{flex-shrink:0;font-size:.688rem}.sys-text{font-style:italic}.chat-msg.whisper-msg{color:#f3e8ff;background:#a855f726;border:1px solid #a855f759;border-radius:6px;padding:4px 8px}.chat-time{color:#5b6385;font-variant-numeric:tabular-nums;flex-shrink:0;margin-right:6px;font-size:.688rem}.chat-msg.own-msg .chat-from{color:#7dffd4}.chat-from{color:#ffd070;font-weight:700;transition:color .15s}.chat-from:hover{color:#fff;text-decoration:underline}.chat-input{box-sizing:border-box;align-items:center;gap:6px;width:100%;margin-top:8px;display:flex}.chat-input input{box-sizing:border-box;flex:1 1 0;min-width:0;padding:7px 10px;font-size:.781rem}.chat-input button{white-space:nowrap;flex-shrink:0;padding:7px 14px;font-size:.781rem}.lobby-aside.floating-chat{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0f20f5;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;width:min(360px,92vw);height:min(520px,68vh);min-height:0;display:flex;position:fixed;inset:auto 20px 20px auto;overflow:hidden;transform:none;box-shadow:0 16px 48px #0009,0 0 24px #7c5cff26}.floating-chat-header{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.floating-chat-tabs{gap:4px;min-width:0;display:flex}.floating-tab{color:#8c96c0;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:700;display:flex}.floating-tab:hover{color:#e2e6f8;background:#ffffff0f}.floating-tab.active{color:#fff;background:#7c5cff33;border-color:#7c5cff73}.floating-chat-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.floating-min-btn{color:#9aa2c8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.floating-min-btn:hover{color:#fff;background:#ffffff1a}.floating-chat-body{flex:1;min-height:0}.floating-users-list{flex:1;min-height:0;overflow-y:auto}.floating-chat-fab{z-index:60;color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b45e0 0%,#3d2fa3 100%);border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 28px #0000008c,0 0 18px #7c5cff66}.floating-chat-fab:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0009,0 0 24px #7c5cff8c}.fab-unread{position:absolute;top:-4px;right:-4px}@media (width<=600px){.lobby-aside.floating-chat{width:auto;height:min(52vh,420px);inset:auto 8px 68px!important}.floating-chat-header{cursor:default}.floating-chat-fab{bottom:68px}}.active-tables-bar{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.active-table-strip{background:#0f1324;border:1px solid #ffffff14;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000059}.active-table-strip.state-waiting{background:linear-gradient(90deg,#38bdf814 0%,#0f1324f2 45%);border-color:#38bdf840;border-left-style:solid;border-left-width:3.5px}.active-table-strip.state-ready{background:linear-gradient(90deg,#34d3991f 0%,#0f1324f2 45%);border-color:#34d39959;border-left-style:solid;border-left-width:3.5px;box-shadow:0 0 12px #34d39926}.active-table-strip.state-playing{background:linear-gradient(90deg,#a855f71a 0%,#0f1324f2 45%);border-color:#a855f740;border-left-style:solid;border-left-width:3.5px}.active-table-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.active-table-badge-row{align-items:center;gap:8px;display:flex}.active-status-badge{letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:5px;font-size:.6875rem;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.state-waiting .status-dot{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.state-waiting .active-status-badge{color:#7dd3fc}.state-ready .status-dot{background:#34d399;animation:1.2s infinite alternate pulseReadyDot;box-shadow:0 0 8px #34d399}.state-ready .active-status-badge{color:#6ee7b7}@keyframes pulseReadyDot{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.3)}}.state-playing .status-dot{background:#c084fc;box-shadow:0 0 6px #c084fc}.state-playing .active-status-badge{color:#d8b4fe}.active-table-time{color:#64748b;align-items:center;gap:3px;font-size:.625rem;display:inline-flex}.active-table-title-row{align-items:center;gap:8px;min-width:0;display:flex}.active-table-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.active-table-format{color:#cbd5e1;white-space:nowrap;background:#ffffff0f;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:.6875rem;display:inline-flex}.active-table-type{color:#64748b;white-space:nowrap;font-size:.625rem}.active-table-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.active-table-action-btn{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:5px 11px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.active-table-action-btn.btn-start{color:#fff;background:#10b981;border:1px solid #34d399;box-shadow:0 0 8px #10b98159}.active-table-action-btn.btn-start:hover{background:#059669;transform:translateY(-1px)}.active-table-action-btn.btn-staging{color:#e2e8f0;background:#1c223c;border:1px solid #7c5cff66}.active-table-action-btn.btn-staging:hover{color:#fff;background:#252e50;border-color:#7c5cff}.active-table-action-btn.btn-resume{color:#fff;background:#7c3aed;border:1px solid #a855f7}.active-table-action-btn.btn-resume:hover{background:#6d28d9}.tournament-bracket{width:100%;color:var(--text,#e2e8f0);flex-direction:column;gap:14px;display:flex}.tournament-bracket.compact{gap:8px}.tournament-bracket-header{background:linear-gradient(135deg,#7c5cff2e 0%,#141934e6 100%);border:1px solid #7c5cff59;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.tournament-bracket-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tournament-bracket-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tournament-name{color:#fff;margin:0;font-size:1.125rem;font-weight:800}.tournament-type{color:#ffd070;background:#ffd07024;border:1px solid #ffd0704d;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.tournament-state-badge{text-transform:uppercase;letter-spacing:.04em;color:#63e6be;background:#63e6be24;border:1px solid #63e6be59;border-radius:6px;padding:3px 8px;font-size:.688rem;font-weight:800}.tournament-watching-badge{color:#63e6be;background:#63e6be1f;border:1px solid #63e6be4d;border-radius:6px;padding:2px 7px;font-size:.688rem;font-weight:700}.tournament-watching-badge.off{color:#8c96c0;background:#ffffff0f;border-color:#ffffff1f}.tournament-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tournament-timer{font-size:.812rem;font-weight:800;font-family:var(--font-mono,monospace);color:#ffd070;background:#0a0d1c99;border:1px solid #ffd0704d;border-radius:8px;padding:4px 10px}.tournament-construction{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140;border-radius:6px;padding:2px 7px;font-size:.688rem}.tournament-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;place-items:center;width:28px;height:28px;font-size:.875rem;display:grid}.tournament-close-btn:hover{color:#fff;background:#ff5c6c33;border-color:#ff5c6c66}.tournament-running-info{color:#cbd5e1;background:#0a0d1c73;border:1px solid #ffffff0f;border-radius:8px;padding:8px 10px;font-size:.812rem;line-height:1.4}.tournament-state-hint{color:#f6ad55;font-size:.688rem;font-weight:600}.tournament-header-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tournament-meta{color:#8c96c0;font-size:.688rem;font-weight:600}.tournament-quit-btn{color:#ff9ea8;cursor:pointer;background:#3c141e99;border:1px solid #ff5c6c59;border-radius:6px;padding:5px 10px;font-size:.688rem;font-weight:700}.tournament-quit-btn:hover{color:#fff;background:#b4283cd9;border-color:#ff5c6c}.tournament-bracket-body{grid-template-columns:1.6fr 1fr;gap:16px;min-height:0;display:grid}@media (width<=900px){.tournament-bracket-body{grid-template-columns:1fr}}.tournament-section-title{letter-spacing:.06em;text-transform:uppercase;color:#8c96c0;margin:0 0 8px;font-size:.688rem;font-weight:800}.tournament-rounds-section,.tournament-standings-section{background:#0e1226b3;border:1px solid #ffffff14;border-radius:12px;min-width:0;padding:12px;overflow:hidden}.bracket-columns{align-items:flex-start;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.bracket-round{background:#0a0d1c80;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;flex:0 0 220px;gap:8px;padding:10px;display:flex}.bracket-round-title{color:#ffd070;text-align:center;border-bottom:1px solid #ffffff0f;margin:0;padding-bottom:6px;font-size:.75rem;font-weight:800}.bracket-games{flex-direction:column;gap:8px;display:flex}.bracket-empty{color:#8c96c0;text-align:center;padding:12px 0;font-size:.688rem}.bracket-game{background:#141934e6;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.bracket-game-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.bracket-game-players{color:#e2e8f0;word-break:break-word;flex:1;font-size:.75rem;font-weight:600}.bracket-game-state{text-transform:uppercase;color:#cbd5e1;white-space:nowrap;background:#ffffff14;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.625rem;font-weight:800}.bracket-game-state.state-finished{color:#63e6be;background:#63e6be26;border:1px solid #63e6be4d}.bracket-game-state.state-dueling{color:#c4b5fd;background:#7c5cff2e;border:1px solid #7c5cff59}.bracket-game-state.state-ready{color:#ffd070;background:#ffd07024;border:1px solid #ffd0704d}.bracket-game-result{color:#94a3b8;font-size:.688rem;font-style:italic}.bracket-game-meta{color:#64748b;align-items:center;gap:6px;font-size:.625rem;display:flex}.bracket-round-num{background:#ffffff0f;border-radius:4px;padding:1px 5px}.bracket-watchable{color:#8c96c0;align-items:center;display:inline-flex}button.bracket-watch-btn{cursor:pointer;color:#c4b5fd;background:#7c5cff1f;border:1px solid #7c5cff59;border-radius:4px;padding:1px 5px}button.bracket-watch-btn:hover:not(:disabled){color:#fff;background:#7c5cff47}button.bracket-watch-btn:disabled{opacity:.5;cursor:wait}.tournament-empty{color:#8c96c0;text-align:center;padding:18px 0;font-size:.75rem}.tournament-standings-wrap{overflow-x:auto}.tournament-standings-table{border-collapse:collapse;width:100%;font-size:.75rem}.tournament-standings-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#64748b;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:6px;font-size:.625rem;font-weight:800}.tournament-standings-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:7px 6px}.standings-row.is-quit{opacity:.55;background:#ff5c6c0f}.standings-rank{color:#ffd070;text-align:center;width:24px;font-weight:800}.standings-name{color:#e2e8f0;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.standings-flag{background:#ffffff14;border-radius:4px;padding:1px 4px;font-size:.625rem}.standings-quit-badge{color:#ff9ea8;background:#ff5c6c2e;border:1px solid #ff5c6c59;border-radius:4px;padding:1px 6px;font-size:.625rem;font-weight:800}.standings-points{color:#63e6be;text-align:center;font-weight:800}.standings-state{color:#94a3b8;font-size:.688rem}.standings-results,.standings-history{color:#8c96c0;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:.688rem;overflow:hidden}.standings-empty{text-align:center;color:#8c96c0;padding:16px;font-size:.75rem}.tournament-modal-scroll{flex-direction:column;gap:16px;max-height:min(62vh,600px);padding:4px;display:flex;overflow-y:auto}.tournament-modal-loading,.tournament-modal-error{text-align:center;color:#94a3b8;padding:24px;font-size:.812rem}.tournament-refresh-btn{color:#c4b5fd;cursor:pointer;background:#7c5cff24;border:1px solid #7c5cff59;border-radius:6px;padding:5px 10px;font-size:.688rem;font-weight:700}.tournament-refresh-btn:hover{color:#fff;background:#7c5cff40}.lobby{box-sizing:border-box;background:radial-gradient(circle at 50% 0,#171c3b 0%,#0a0d1a 100%);flex-direction:column;gap:0;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.lobby-topstrip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#0a0d1eeb;border-bottom:1px solid #ffd0702e;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px 12px;min-height:44px;padding:6px 16px;display:flex;box-shadow:0 4px 16px #0006}@media (width<=640px){.lobby-topstrip{gap:6px 8px;padding:6px 10px}.lobby-brand-titles .conn-info{display:none}.lobby-user-actions{gap:6px}}.lobby-brand-col{align-items:center;gap:12px;display:flex}.lobby-brand-logo{object-fit:cover;border:1.5px solid #ffd070;border-radius:50%;flex-shrink:0;width:32px;height:32px;box-shadow:0 0 10px #ffd07059,0 0 12px #7c5cff4d}.lobby-brand-titles{flex-direction:column;display:flex}.lobby-main-heading{font-size:.938rem;font-family:var(--font-display);letter-spacing:.05em;background:linear-gradient(135deg,#fff 0%,#ffd070 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:900;line-height:1.1}.conn-info{color:#8c96c0;align-items:center;gap:5px;font-size:.656rem;display:flex}.conn-status-dot{background:#63e6be;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 6px #63e6be}.lobby-top-nav{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;max-width:100%;padding:2px;display:flex;overflow-x:auto}.top-nav-btn{color:#7a82a8;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:6px 11px;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.top-nav-btn:hover{color:#e2e6f8;background:#ffffff0f;border-color:#ffffff14}.top-nav-btn.active{color:#fff;background:#7c5cff33;border-color:#7c5cff73;box-shadow:0 0 12px #7c5cff4d}.top-nav-btn.top-nav-create{color:#63e6be;background:linear-gradient(135deg,#1c6b5080 0%,#17543f80 100%);border:1.5px solid #63e6be99}.top-nav-btn.top-nav-create:hover{color:#fff;background:linear-gradient(135deg,#1c6b50 0%,#17543f 100%);box-shadow:0 0 16px #63e6be66}.top-nav-btn.top-nav-active-table{color:#63e6be;background:linear-gradient(135deg,#63e6be29 0%,#7c5cff29 100%);border:1.5px solid #63e6be99;position:relative;box-shadow:0 0 12px #63e6be33}.top-nav-btn.top-nav-active-table:hover{color:#fff;background:linear-gradient(135deg,#63e6be47 0%,#7c5cff47 100%);border-color:#63e6bee6;box-shadow:0 0 16px #63e6be73}.top-nav-active-pulse{background-color:#63e6be;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite activeTablePulse;box-shadow:0 0 8px #63e6be}@keyframes activeTablePulse{0%,to{opacity:.75;transform:scale(.9)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #63e6be}}.lobby-columns.lobby-columns-single{flex:1;min-height:0;display:block;overflow:hidden}.lobby-columns.lobby-columns-single .lobby-main{height:100%;padding:12px;overflow:hidden}@media (width>=1100px){.lobby-columns-single:has(>aside.lobby-aside.floating-chat)>.lobby-main.has-deck-builder{margin-right:380px}}@media (width<=900px){.lobby-top-nav{flex-basis:100%;order:3;justify-content:flex-start}}.lobby-columns{flex:1;grid-template-rows:1fr;grid-template-columns:88px 1fr 310px;gap:0;min-height:0;display:grid;overflow:hidden}@media (width<=1100px){.lobby-columns{grid-template-columns:80px 1fr 280px}}@media (width<=900px){.lobby-columns{grid-template-rows:1fr;grid-template-columns:64px 1fr}.lobby-aside{z-index:30;border-left:1px solid #ffffff1a;width:min(360px,92vw);transition:transform .24s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:46px;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 36px #0000008c}.lobby-aside.mobile-open{transform:translate(0)}.lobby-aside-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:29;background:#00000073;animation:.2s fadeIn;position:fixed;inset:46px 0 0}}@media (width<=600px){.lobby-columns{grid-template-columns:1fr;padding-bottom:56px}.lobby-sidebar{display:none}.lobby-mobile-bottom-nav{display:flex!important}.lobby-aside,.lobby-aside-backdrop{bottom:56px}}html:lang(ja) .sidebar-btn-label,html:lang(zh) .sidebar-btn-label,html:lang(ja) .aside-section-title,html:lang(zh) .aside-section-title,html:lang(ja) .table-type-badge,html:lang(zh) .table-type-badge,html:lang(ja) .seat-crown,html:lang(zh) .seat-crown,html:lang(ja) .table-state-badge,html:lang(zh) .table-state-badge{font-size:.688rem;line-height:1.45}html:lang(ja) .conn-info,html:lang(zh) .conn-info,html:lang(ja) .hero-deck-label,html:lang(zh) .hero-deck-label{font-size:.719rem}.lobby-sidebar{background:#0a0d1ccc;border-right:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex;overflow:hidden auto}.sidebar-btn{color:#7a82a8;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 6px;transition:all .15s;display:flex}.sidebar-btn:hover{color:#e2e6f8;background:#ffffff0f;border-color:#ffffff14}.sidebar-btn.active{color:#fff;background:#7c5cff33;border-color:#7c5cff73;box-shadow:0 0 12px #7c5cff4d}.sidebar-btn-icon{font-size:1.25rem;line-height:1}.sidebar-btn-label{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.625rem;font-weight:700;line-height:1;overflow:hidden}.sidebar-btn.hero-create-btn{margin-bottom:4px;color:#63e6be!important;background:linear-gradient(135deg,#1c6b5080 0%,#17543f80 100%)!important;border:1.5px solid #63e6be99!important}.sidebar-btn.hero-create-btn:hover{color:#fff!important;background:linear-gradient(135deg,#1c6b50 0%,#17543f 100%)!important;box-shadow:0 0 16px #63e6be66!important}.sidebar-btn-leaderboard{margin-top:auto;color:#ffd070!important;background:#ffd07014!important;border-color:#ffd07033!important}.sidebar-btn-leaderboard:hover{background:#ffd07033!important;border-color:#ffd07080!important}.sidebar-divider{background:#ffffff14;width:100%;height:1px;margin:4px 0}.lobby-main{flex-direction:column;flex:1;min-width:0;min-height:0;padding:12px;display:flex;overflow:hidden}.lobby-main.has-deck-builder{padding:0}.lobby-main.has-deck-builder .deck-builder{border:none;border-radius:0}.lobby-error-banner,.lobby-notice-banner{border-radius:8px;flex-shrink:0;margin:6px 12px 0}.lobby-aside{background:#0a0d1ccc;border-left:1px solid #ffffff0f;flex-direction:column;min-height:0;display:flex;overflow:hidden}.aside-chat-section{border-bottom:1px solid #ffffff12;flex-direction:column;flex:55%;min-height:0;display:flex}.aside-users-section{flex-direction:column;flex:45%;min-height:0;display:flex}.aside-section-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 6px;display:flex}.aside-section-title{text-transform:uppercase;letter-spacing:.05em;color:#8c96c0;font-size:.688rem;font-weight:800}.aside-unread-badge{color:#fff;background:#ff5c6c;border-radius:10px;padding:1px 6px;font-size:.625rem;font-weight:900;line-height:1.4}.aside-chat-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.aside-users-list{flex-direction:column;flex:1 1 0;gap:6px;min-height:0;display:flex;overflow:hidden auto;padding:6px 8px!important}.aside-users-list .user-list-item{box-sizing:border-box;flex-shrink:0;gap:8px;min-height:44px;padding:6px 8px;font-size:.75rem}.aside-users-list .user-name-text{color:#fff;font-size:.781rem;font-weight:700}.aside-users-list .user-info-col{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex;overflow:hidden}.aside-users-list .user-name-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.aside-users-list .game-info-badge,.aside-users-list .lobby-idle-badge{flex-shrink:0;font-size:.656rem}.lobby-nav-tabs{display:none}.lobby-user-actions{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.lobby-mobile-chat-toggle{color:#c4cae8;cursor:pointer;background:#7c5cff24;border:1px solid #7c5cff4d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;display:none;position:relative}.lobby-mobile-chat-toggle:hover{color:#fff;background:#7c5cff3d}.lobby-mobile-chat-toggle .aside-unread-badge{position:absolute;top:-6px;right:-6px}@media (width<=900px){.lobby-mobile-chat-toggle{display:flex}}.lobby-scale-quick{background:#0a0d1c99;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:4px;padding:2px;display:flex}.lobby-scale-quick button{color:#8c96c0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-width:32px;min-height:28px;padding:3px 7px;font-size:.688rem;font-weight:700}.lobby-scale-quick button.active{color:#fff;background:#7c5cff38;border-color:#7c5cff66}.lobby-scale-quick button:hover{color:#fff;background:#ffffff0f}.lobby-scale-quick .lobby-scale-readout{color:#c4cae8;font-variant-numeric:tabular-nums;min-width:44px}.lobby-user-actions .lobby-scale-readout{color:#c4cae8;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:6px;min-width:48px;min-height:32px;padding:3px 8px;font-size:.688rem;font-weight:700}.lobby-user-actions .lobby-scale-readout:hover{color:#fff;background:#ffffff0f}@media (width<=640px){.lobby-scale-quick{display:none}}.lobby-mobile-bottom-nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:#0a0d1cf5;border-top:1px solid #ffffff14;gap:2px;display:none;position:fixed;bottom:0;left:0;right:0}.lobby-mobile-bottom-nav .mobile-nav-btn{color:#7a82a8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:1px;min-height:48px;padding:6px 2px;font-size:.625rem;font-weight:700;display:flex}.lobby-mobile-bottom-nav .mobile-nav-btn.active{color:#fff;background:#7c5cff2e;border-color:#7c5cff59}.lobby-mobile-bottom-nav .mobile-nav-btn .mobile-nav-icon{font-size:1.125rem;line-height:1}.lobby-fullscreen-btn{color:#9aa2c8;cursor:pointer;background:#0a0d1c99;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .15s;display:flex}.lobby-fullscreen-btn svg{width:17px;height:17px}.lobby-fullscreen-btn:hover{color:#ffd070;background:#161c38e6;border-color:#ffd07066;transform:translateY(-1px)}.lobby-fullscreen-btn.active{color:#ffd070;background:#7c5cff33;border-color:#a855f799;box-shadow:0 0 10px #7c5cff4d}.lobby-user-badge{cursor:pointer;background:#0a0d1c99;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:all .15s;display:flex}.lobby-user-badge:hover{background:#161c38e6;border-color:#ffd07059;transform:translateY(-1px)}.lobby-user-col{align-items:center;gap:6px;display:flex}.leaderboard-nav-tab{color:#ffd070!important;background:#ffd07014!important;border-color:#ffd07040!important}.leaderboard-nav-tab:hover{background:#ffd0702e!important;border-color:#ffd070!important}.view-leaderboard-btn{color:#ffd070;cursor:pointer;background:#ffd0701f;border:1px solid #ffd0704d;border-radius:6px;padding:3px 8px;font-size:.688rem;font-weight:700;transition:all .15s}.view-leaderboard-btn:hover{background:#ffd07040;border-color:#ffd070}.lobby-avatar-pill{color:#ffd070;background:linear-gradient(135deg,#2b356c 0%,#151930 100%);border:1px solid #ffd070;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:900;display:flex}.lobby-username{color:#e2e6f8;font-size:.781rem;font-weight:700}.lobby-appearance-btn,.lobby-disconnect-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:32px;padding:0 9px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.lobby-appearance-btn{color:#9aa2c8;background:#0a0d1c99;border:1px solid #ffffff1a}.lobby-appearance-btn:hover{color:#ffd070;background:#161c38e6;border-color:#ffd07066}.lobby-appearance-btn{position:relative}.lobby-news-dot{color:#ffd070;font-size:8px;position:absolute;top:2px;right:3px}.lobby-disconnect-btn{color:#f99;background:#28141e99;border:1px solid #ff50504d}.lobby-disconnect-btn:hover{color:#fff;background:#3c141ee6;border-color:#ff5252}.lobby-tables-view{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.hero-deck-badge{background:#0e1226b3;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;display:flex}.hero-deck-label{color:#8c96ba;font-size:.688rem;font-weight:600}.hero-deck-name{color:#ffd070;font-size:.75rem;font-weight:700}.tables-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1226b3;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:16px;display:flex;overflow:hidden}.tables-panel-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.tables-header-title-row{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.tables-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tables-filter-toggle{color:#9aa2c8;cursor:pointer;white-space:nowrap;background:#0a0d1c99;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.tables-filter-toggle:hover{color:#fff;background:#161c38e6;border-color:#ffd07066}.tables-filter-toggle.is-open{color:#fff;background:#7c5cff33;border-color:#7c5cff73}.tables-filter-toggle.has-active{color:#63e6be;border-color:#63e6be80}.tables-filter-toggle.has-active.is-open{color:#fff;background:#7c5cff33;border-color:#7c5cff73}.tables-filter-count{color:#0a0d1a;background:#63e6be;border-radius:10px;padding:1px 6px;font-size:.656rem;font-weight:900;line-height:1.4}.tables-filter-collapse{grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.16,1,.3,1);display:grid}.tables-filter-collapse.is-open{grid-template-rows:1fr}.tables-filter-collapse-inner{min-height:0;overflow:hidden}.table-filter-bar-container.in-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080b1aa6;border:1px solid #ffffff17;border-radius:10px;margin:2px 0 0;padding:10px 12px;box-shadow:inset 0 2px 12px #00000059}.tables-filter-collapse.is-open+.tables-list{border-top:1px solid #ffffff14;margin-top:10px;padding-top:12px}@media (width<=640px){.tables-panel{border-radius:12px;padding:10px}.tables-panel-header{flex-direction:column;align-items:stretch}.tables-header-title-row{justify-content:space-between}.hero-deck-badge{justify-content:center}}.tables-panel h2{text-transform:uppercase;letter-spacing:.05em;color:#c4cae8;white-space:nowrap;margin:0;font-size:clamp(12px,1.1vw,14px);font-weight:800}.tables-deck-hint{color:#8c96c0;font-size:.75rem}.tables-deck-hint strong{color:#63e6be}.tables-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-content:start;gap:18px;padding:4px;display:grid;overflow-y:auto}html:lang(ja) .tables-list,html:lang(zh) .tables-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}@media (width>=1400px){.tables-list{grid-template-columns:repeat(3,1fr)}}@media (width>=1800px){.tables-list{grid-template-columns:repeat(4,1fr)}}@media (width>=2200px){.tables-list{grid-template-columns:repeat(4,1fr)}}html:lang(ja) .tables-list,html:lang(zh) .tables-list{gap:16px}@media (width<=780px){.tables-list{grid-template-columns:1fr!important}}@media (width<=480px){.tables-list{gap:12px;padding:2px}.table-card{padding:12px}.table-name-text{font-size:.938rem}}.table-card{box-sizing:border-box;background:#141934d1;border:1.5px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;gap:10px;height:100%;padding:14px 16px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;animation:.25s forwards tableCardIn;display:flex;box-shadow:0 6px 20px #0006}@keyframes tableCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.table-card:hover{background:#1c234bf2;border-color:#ffd07073;transform:translateY(-2px);box-shadow:0 10px 30px #0000008c,0 0 18px #7c5cff33}.table-card.status-ready{border-color:#63e6be73}.table-card.status-playing{border-color:#7c5cff73}.table-card.is-my-table{background:linear-gradient(#182341e6 0%,#141934d9 100%);border-color:#63e6be8c;box-shadow:0 6px 22px #63e6be1a,0 6px 20px #0006}.table-badge-mine{color:#63e6be;text-transform:uppercase;letter-spacing:.05em;background:#63e6be26;border:1px solid #63e6be73;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.table-card-main{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.table-card-top-bar{justify-content:space-between;align-items:center;gap:6px;display:flex}.table-badges-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-title-area{margin:2px 0}.table-name-text{color:#fff;word-break:break-word;letter-spacing:.01em;margin:0;font-size:1.031rem;font-weight:800;line-height:1.35}.table-type-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:.625rem;font-weight:800}.table-type-badge.match{color:#63e6be;background:#63e6be26;border:1px solid #63e6be66}.table-type-badge.tourney{color:#ffd070;background:#ffb43233;border:1px solid #ffb43280}.table-badge-lock{color:#ffd070;white-space:nowrap;background:#ffd07026;border:1px solid #ffd07059;border-radius:4px;padding:2px 6px;font-size:.688rem;font-weight:700}.table-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.table-time-ago{color:#8c96c0;font-size:.688rem;font-family:var(--font-mono,monospace);white-space:nowrap}.table-state-badge{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:.688rem;font-weight:800}.table-state-badge.status-ready{color:#63e6be;background:#1c6b5099;border:1px solid #63e6be}.table-state-badge.status-playing{color:#d1c4ff;background:#3c287899;border:1px solid #7c5cff}.table-state-badge.status-waiting{color:#ffd070;background:#64501499;border:1px solid #ffd070}.table-meta-row{color:#9aa2c8;flex-wrap:wrap;align-items:center;gap:6px;font-size:.719rem;display:flex}.table-game-tag,.table-deck-tag,.table-seats-count,.table-skill-badge,.table-tag-rated,.table-tag-unrated,.table-tag-spectate{white-space:nowrap;background:#0a0d1c99;border:1px solid #ffffff14;border-radius:4px;padding:2px 7px;font-size:.688rem}.table-deck-tag{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.table-skill-badge.skill-beginner{color:#63e6be;background:#1c6b5040;border-color:#63e6be66}.table-skill-badge.skill-casual{color:#c4b5fd;background:#7c5cff33;border-color:#7c5cff66}.table-skill-badge.skill-serious{color:#ffb8b8;background:#d6303133;border-color:#ff767580}.table-tag-rated{color:#ffd070;background:#ffd07026;border-color:#ffd07066;font-weight:700}.table-tag-unrated{color:#8c96c0;border-color:#ffffff0f}.table-tag-spectate{color:#80ebd1;background:#143c304d;border-color:#63e6be4d}.table-tag-restriction{color:#fbbf24;white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:4px;padding:2px 7px;font-size:.688rem;font-weight:600}.seat-flag{margin-right:2px}.user-list-flag{margin-right:4px}.table-info-strip{color:#a5b0d8;background:#0a0e1e8c;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:.688rem;display:flex}.info-strip-icon{opacity:.8;font-size:.688rem}.info-strip-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-seats-roster{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;margin-top:6px;display:flex}.seat-badge{box-sizing:border-box;background:#080c1c8c;border:1px solid #ffffff14;border-radius:8px;flex-wrap:wrap;align-content:center;align-items:center;gap:6px 10px;width:100%;height:auto;min-height:44px;padding:6px 12px;transition:all .15s;display:flex}.seat-badge.occupied{background:#121830b3;border-color:#ffffff1f}.seat-badge.occupied.is-owner{background:#1e183cbf;border-color:#ffd07059}.seat-badge.empty{color:#8c96c0;background:#080c1c4d;border:1px dashed #ffffff1a}.seat-badge.interactive:hover{background:#1c2448d9;border-color:#6366f166;transform:translate(2px)}.seat-part-avatar{flex-shrink:0;align-items:center;gap:6px;display:flex}.empty-circle{opacity:.6;font-size:.875rem}.seat-part-main{flex-direction:column;flex:160px;justify-content:center;gap:3px;min-width:0;display:flex;overflow:hidden}.seat-name-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:visible}.seat-player-name{color:#fff;word-break:break-word;overflow-wrap:anywhere;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;flex:auto;min-width:0;font-size:.812rem;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.seat-crown{color:#ffd070;white-space:nowrap;background:#ffd07026;border:1px solid #ffd0704d;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.625rem;font-weight:800}.seat-bot-tag{color:#c4b5fd;white-space:nowrap;background:#7c5cff2e;border:1px solid #7c5cff4d;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.625rem;font-weight:700}.seat-meta-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:visible}.seat-part-status{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}@media (width<=400px){.seat-badge{gap:6px 8px;padding:6px 10px}.seat-part-status{flex-basis:100%;width:100%;margin-left:0;padding-left:34px}}.seat-history-pill{color:#a5b4fc;font-size:.656rem;font-weight:700;font-family:var(--font-mono,monospace);white-space:nowrap;background:#6366f126;border:1px solid #6366f140;border-radius:5px;flex-shrink:0;align-items:center;padding:1px 6px;display:inline-flex}.seat-ready-indicator{color:#63e6be;white-space:nowrap;background:#63e6be1a;border:1px solid #63e6be40;border-radius:6px;align-items:center;gap:5px;padding:2px 7px;font-size:.688rem;font-weight:700;display:inline-flex}.seat-ready-dot{background:#63e6be;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #63e6be}.seat-open-badge{color:#ffd070;white-space:nowrap;background:#ffd0701f;border:1px solid #ffd0704d;border-radius:6px;padding:2px 8px;font-size:.688rem;font-weight:700}.seat-icon{font-size:.688rem}.table-actions{border-top:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;margin-top:6px;padding-top:8px;display:flex}.table-action-btn{cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 11px;font-size:.719rem;font-weight:700;transition:all .15s}.join-btn{color:#fff;background:linear-gradient(135deg,#1c6b50 0%,#17543f 100%);border:1px solid #63e6beb3;font-weight:800;box-shadow:0 2px 10px #1c6b5066}.join-btn:hover{background:linear-gradient(135deg,#248262 0%,#1e6d52 100%);border-color:#63e6be;transform:translateY(-1px);box-shadow:0 4px 16px #63e6be66}.ai-btn{color:#d1c4ff;background:#50287866;border:1px solid #b197fc}.ai-btn:hover{color:#fff;background:#5c3596}.watch-btn{color:#c4cae8;background:#1e285099;border:1px solid #ffffff26}.watch-btn:hover{color:#fff;background:#324178cc}.tables-empty-state{text-align:center;color:#8c96c0;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:48px 16px;display:flex}.empty-icon{margin-bottom:4px;font-size:2.5rem}.tables-empty-state h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.tables-empty-state p{margin:0 0 8px;font-size:.812rem}.lobby-community-grid{grid-template-columns:1fr min(300px,35vw);gap:16px;height:100%;min-height:0;display:grid}@media (width<=700px){.lobby-community-grid{grid-template-rows:1fr auto;grid-template-columns:1fr}}.chat-panel,.users-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1226b3;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow:hidden}.chat-panel h2,.users-panel h2{text-transform:uppercase;letter-spacing:.05em;color:#c4cae8;border-bottom:1px solid #ffffff14;margin:0;padding-bottom:8px;font-size:.875rem;font-weight:800}.users-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.user-list-item{box-sizing:border-box;background:#161c3880;border:1px solid #ffffff0a;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px 10px;transition:all .15s;display:flex;overflow:hidden}.user-list-item.interactive:hover{background:#1c2448d9;border-color:#7c5cff40;transform:translate(2px)}.user-info-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-name-row{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.user-name-text{color:#e2e6f8;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-size:.781rem;font-weight:600;overflow:hidden}.user-flag-tag{color:#c4cae8;font-size:.625rem;font-weight:700;font-family:var(--font-mono,monospace);background:#ffffff1a;border-radius:3px;padding:1px 4px}.user-rating-pill{color:#ffd070;background:#ffd0701f;border-radius:4px;padding:1px 5px;font-size:.656rem;font-weight:700}.user-history-text{color:#8c96c0;font-size:.656rem;font-family:var(--font-mono,monospace)}.users-empty-item{color:#8c96c0;justify-content:center;padding:16px 0;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.online{background:#63e6be;box-shadow:0 0 6px #63e6be}.dot.playing{background:#ffd070;box-shadow:0 0 6px #ffd070}.game-info-badge{color:#ffd070;white-space:nowrap;background:#ffd07026;border-radius:4px;padding:2px 6px;font-size:.688rem;font-weight:700}.lobby-idle-badge{color:#7c84a8;white-space:nowrap;font-size:.656rem}.debug-drawer-container{z-index:50;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:14px;right:20px}.debug-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#8c96c0;cursor:pointer;background:#0e1226e6;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.688rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #0006}.debug-toggle-btn:hover{color:#ffd070;background:#1a2040f2;border-color:#ffd070}.debug-drawer-panel{background:#0c0f20f5;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:8px;width:360px;max-height:280px;margin-bottom:8px;padding:12px;display:flex;box-shadow:0 12px 36px #000000b3}.debug-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.debug-drawer-header h3{color:#c4cae8;margin:0;font-size:.75rem;font-weight:800}.debug-count{color:#8c96c0;font-size:.656rem}.events-list{font-size:.688rem;font-family:var(--font-mono,monospace);flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.events-list li{color:#9aa2c8;gap:8px;display:flex}.debug-time{color:#7c84a8}.debug-method{color:#63e6be;font-weight:600}.spectator-staging-screen{color:#e8eaf6;height:100vh;font-family:var(--font-sans,system-ui, sans-serif);background:radial-gradient(circle at 50% 20%,#151936 0%,#080a18 70%);flex-direction:column;display:flex;overflow:hidden}.staging-top-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d1cd9;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.staging-brand{align-items:center;gap:12px;display:flex}.staging-logo{border:1px solid #ffd07066;border-radius:8px;width:38px;height:38px;box-shadow:0 0 10px #ffd07033}.staging-titles{flex-direction:column;display:flex}.staging-main-title{font-size:1.062rem;font-weight:900;font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#ffd070 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.staging-subtitle{color:#8c96c0;font-size:.719rem;font-weight:600}.staging-leave-btn{color:#f99;cursor:pointer;background:#28141e99;border:1px solid #ff505059;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.812rem;font-weight:700;transition:all .15s;display:flex}.staging-leave-btn:hover{color:#fff;background:#3c141ee6;border-color:#ff5252;box-shadow:0 0 12px #ff50504d}.staging-player-actions{z-index:2;background:linear-gradient(#0000,#0e1226eb 30%);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:12px 8px 4px;display:flex;position:sticky;bottom:0}.staging-action-btn{color:#e8e8f2;cursor:pointer;background:#1e1828b3;border:1px solid #ffffff2e;border-radius:10px;padding:10px 22px;font-size:.875rem;font-weight:700;transition:all .15s}.staging-action-btn:hover{background:#322846e6;border-color:#ffffff73;transform:translateY(-1px)}.staging-action-btn.primary{color:#a9f0c9;background:#183c2acc;border-color:#50dc8c8c}.staging-action-btn.primary:hover{color:#fff;background:#1e5a3cf2;border-color:#50dc8c;box-shadow:0 0 14px #50dc8c59}.staging-action-btn.danger{color:#ff9d9d;background:#3c161eb3;border-color:#ff5a5a73}.staging-action-btn.danger:hover{color:#fff;background:#5a1c26f2;border-color:#ff5a5a;box-shadow:0 0 12px #ff5a5a4d}.staging-action-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.staging-action-btn.ready-toggle-on{color:#ffd070;background:#503c14b3;border-color:#ffcc0080}.staging-action-btn.ready-toggle-on:hover{color:#fff;background:#644b19e6;border-color:#ffd070;box-shadow:0 0 14px #ffcc004d}.staging-action-btn.ready-toggle-off{color:#a9f0c9;background:#183c2acc;border-color:#50dc8c8c}.staging-action-btn.ready-toggle-off:hover{color:#fff;background:#1e5a3cf2;border-color:#50dc8c;box-shadow:0 0 14px #50dc8c59}.staging-main-container{flex:1;grid-template-columns:minmax(0,1fr) 400px;align-items:stretch;gap:20px;width:100%;min-height:0;padding:24px clamp(16px,2.5vw,44px);display:grid}@media (width<=1024px){.staging-main-container{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow-y:auto}}.staging-arena-card{background:#0e1226cc;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:20px;min-height:0;padding:24px;display:flex;overflow-y:auto;box-shadow:0 16px 40px #0009}.staging-card-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.staging-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.staging-status-pill{color:#d1c4ff;letter-spacing:.05em;background:#7c5cff33;border:1px solid #7c5cff66;border-radius:6px;padding:3px 8px;font-size:.688rem;font-weight:800}.staging-table-name{color:#fff;font-size:1.375rem;font-weight:800;font-family:var(--font-display);margin:0}.staging-tags-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staging-tag{color:#b0badc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.staging-tag.tag-game{color:#63e6be;background:#63e6be1a;border-color:#63e6be4d}.staging-tag.tag-deck{color:#ffd070;background:#ffd0701a;border-color:#ffd0704d}.staging-tag.tag-rated{color:#ffb03a;background:#ffb03a26;border-color:#ffb03a66}.staging-tag.tag-private{color:#ff8080;background:#ff646426;border-color:#ff64644d}button.staging-tag.tag-invite{font:inherit;cursor:pointer;color:#82aaff;background:#82aaff1a;border-color:#82aaff4d;align-items:center;gap:5px;display:inline-flex}button.staging-tag.tag-invite:hover{background:#82aaff33}.staging-roster-area{flex:1;justify-content:center;align-items:center;padding:20px 0;display:flex}.staging-duel-roster{justify-content:space-around;align-items:center;gap:16px;width:100%;display:flex}.staging-player-card{text-align:center;background:#141a36b3;border:1.5px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:12px;max-width:240px;padding:20px 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 24px #0006}.seat-index{color:#cdd5f0;background:#ffffff14;border:1px solid #ffffff2e;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:.719rem;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.staging-player-card.my-seat{border-color:#ffd070a6;box-shadow:0 0 18px #ffd07038,0 8px 24px #0006}.staging-player-card.my-seat .seat-index{color:#ffd070;background:#ffd07033;border-color:#ffd07099}.staging-seat-empty-chip{color:#8c96ba;background:#ffffff08;border:1.5px dashed #ffffff38;border-radius:10px;align-self:start;align-items:center;gap:8px;padding:10px 14px;font-size:.781rem;font-weight:600;display:inline-flex}.seat-empty-plus{color:#aab3d6;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.staging-player-card.occupied{background:radial-gradient(circle at 50% 30%,#1e2a50cc,#10162ee6);border-color:#63e6be66}.staging-player-card.empty{opacity:.7;border-style:dashed;border-color:#fff3}.player-avatar-circle{background:linear-gradient(135deg,#2b356c 0%,#151930 100%);border:2px solid #ffd070;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.625rem;display:flex;box-shadow:0 0 16px #ffd07040}.staging-player-card.empty .player-avatar-circle{box-shadow:none;background:#ffffff0d;border-color:#fff3}.player-meta{flex-direction:column;align-items:center;gap:4px;display:flex}.player-card-name{color:#fff;align-items:center;gap:4px;font-size:.938rem;font-weight:800;display:flex}.player-crown{font-size:.875rem}.seat-order-btns{gap:2px;margin-left:4px;display:inline-flex}.seat-order-btn{color:#cdd5f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex}.seat-order-btn:hover:not(:disabled){color:#fff;background:#ffffff24}.seat-order-btn:disabled{opacity:.3;cursor:default}.seat-just-moved{animation:.7s staging-seat-swapped}.seat-drop-target{border-color:#ffd070d9!important;box-shadow:0 0 22px #ffd07080!important}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}@keyframes staging-seat-swapped{0%{box-shadow:0 0 #ffd07000}30%{box-shadow:0 0 22px #ffd070a6}to{box-shadow:0 8px 24px #0006}}.player-status-tag{border-radius:4px;padding:2px 8px;font-size:.719rem;font-weight:600}.player-status-tag.ready{color:#63e6be;background:#63e6be26}.player-seat-meta{color:#9aa3c7;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 5px;min-width:0;max-width:100%;font-size:.719rem;display:flex}.player-seat-meta>*{min-width:0}.player-seat-history{align-items:center;gap:3px;display:inline-flex}.player-status-tag.preparing{color:#ffd070;background:#ffcc002e;border:1px solid #fc06;animation:2s ease-in-out infinite staging-pulse-prep}.player-status-tag.mini{padding:1px 6px;font-size:.656rem}@keyframes staging-pulse-prep{0%,to{opacity:1}50%{opacity:.65}}.player-status-tag.waiting{color:#8c96ba;background:#ffffff0f}.staging-vs-emblem{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.vs-text{font-size:1.5rem;font-weight:900;font-family:var(--font-display);background:linear-gradient(135deg,#ff5c6c 0%,#ffd070 100%);color:#0000;filter:drop-shadow(0 0 12px #ff5c6c80);-webkit-background-clip:text;background-clip:text}.vs-line{background:linear-gradient(#0000,#fff3,#0000);width:2px;height:40px}.staging-ring{width:100%;height:400px;min-height:320px;position:relative}.ring-center{background:radial-gradient(circle at 50% 30%,#1e2a50e6,#10162ef2);border:1px solid #ffd07059;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:18px 26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #ffd0701f,0 8px 24px #00000080}.ring-count{font-size:1.75rem;font-weight:900;font-family:var(--font-display);color:#fff}.ring-label{color:#8c96c0;font-size:.719rem;font-weight:600}.ring-seat{text-align:center;background:#141a36d9;border:1.5px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:132px;padding:10px 8px;transition:left .35s,top .35s,border-color .2s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0006}.ring-seat.occupied.ready{border-color:#63e6be73}.ring-seat.occupied.preparing{border-color:#ffcc008c}.ring-seat.my-seat{border-color:#ffd070b3;box-shadow:0 0 18px #ffd07040,0 8px 24px #0006}.ring-seat-index{color:#cdd5f0;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.688rem;font-weight:800;display:inline-flex;position:absolute;top:6px;left:6px}.ring-avatar{color:#e8eaf6;background:linear-gradient(135deg,#2b356c 0%,#151930 100%);border:2px solid #ffd070;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ring-seat.preparing .ring-avatar{border-color:#ffd070;animation:2s ease-in-out infinite staging-pulse-prep}.ring-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;font-size:.813rem;font-weight:800;display:flex;overflow:hidden}.ring-seat .player-seat-meta{font-size:.688rem}.ring-seat .seat-order-btns{margin-left:0}.ring-seat.empty{background:#ffffff08;border-style:dashed;border-color:#ffffff38;flex-direction:row;width:auto;min-width:44px;padding:8px 10px}.ring-empty-plus{color:#aab3d6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.ring-seat.empty .ring-seat-index{position:static}@media (width<=700px){.staging-ring{flex-direction:column;gap:10px;height:auto;min-height:0;display:flex}.ring-center{flex-direction:row;order:-1;justify-content:center;align-items:baseline;gap:10px;position:static;transform:none}.ring-count{font-size:1.25rem}.ring-seat{text-align:left;flex-direction:row;gap:10px;width:100%;padding:10px 12px;position:static;transform:none}.ring-seat-index{position:static}.ring-name{flex:1}}.staging-multi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:start;gap:14px;width:100%;display:grid}.staging-stepper{align-items:flex-start;gap:0;padding:4px 8px 0;display:flex}.staging-step{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.staging-step:last-child{flex:0 auto}.staging-step-dot{color:#8c96ba;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.719rem;font-weight:800;display:inline-flex}.staging-step.done .staging-step-dot{color:#63e6be;background:#63e6be2e;border-color:#63e6be8c}.staging-step.active .staging-step-dot{color:#ffd070;background:#ffd07029;border-color:#ffd07099;animation:2s ease-in-out infinite staging-pulse-prep}.staging-step-label{color:#8c96ba;white-space:nowrap;font-size:.781rem;font-weight:700}.staging-step.done .staging-step-label{color:#63e6be}.staging-step.active .staging-step-label{color:#fff}.staging-step-line{background:#ffffff24;flex:1;min-width:12px;height:1px;margin:0 10px}.staging-step.done+.staging-step .staging-step-line,.staging-step.done .staging-step-line{background:#63e6be66}.staging-pulse-banner{background:#7c5cff1f;border:1px solid #7c5cff59;border-radius:10px;align-items:center;gap:14px;padding:14px 18px;display:flex;box-shadow:0 0 16px #7c5cff26}.pulse-spinner{border:3px solid #7c5cff4d;border-top-color:#ffd070;border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:1s linear infinite stagingSpin}@keyframes stagingSpin{to{transform:rotate(360deg)}}.pulse-text-group{flex-direction:column;gap:2px;display:flex}.pulse-headline{color:#fff;font-size:.844rem;font-weight:700}.pulse-subline{color:#a2acd4;font-size:.75rem}.staging-chat-card{background:#0e1226cc;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 40px #0009}.staging-chat-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.staging-chat-header h3{color:#c8cae6;margin:0;font-size:.938rem;font-weight:800}.chat-hint{color:#8c96c0;font-size:.719rem}.staging-chat-body{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.setup-wizard{flex-direction:column;width:min(640px,94vw);max-width:640px;max-height:92vh;display:flex}.setup-counter{color:#8a90b8;white-space:nowrap;font-size:.75rem}.setup-body{flex-direction:column;gap:12px;padding:4px 2px;display:flex;overflow-y:auto}.setup-lead{color:#c3c8e8;margin:0;font-size:.875rem;line-height:1.5}.setup-hint{color:#8a90b8;margin:0;font-size:.75rem;line-height:1.5}.setup-identity{align-items:flex-start;gap:16px;display:flex}.setup-avatar{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;padding:0;position:relative}.setup-avatar:hover{border-color:#ffffff40}.setup-avatar-flag{position:absolute;bottom:-6px;right:-6px}.setup-identity-fields{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.setup-field{color:#8a90b8;flex-direction:column;gap:4px;font-size:.75rem;display:flex}.setup-field input,.setup-field select{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-size:.875rem}.setup-field input:focus,.setup-field select:focus{border-color:#788cff99;outline:none}.setup-presets{gap:8px;display:flex}.setup-preset{color:#c3c8e8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:.813rem;display:flex}.setup-preset.selected{color:#fff;background:#788cff1f;border-color:#788cffb3}.setup-network{flex-direction:column;gap:10px;display:flex}.setup-network-row{gap:10px;display:flex}.setup-network-row .setup-field{flex:1}.setup-network-row .setup-field-port{flex:0 0 90px}.setup-summary{color:#c3c8e8;flex-direction:column;gap:8px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.setup-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.setup-nav{gap:8px;display:flex}.setup-btn-primary,.setup-btn-secondary{cursor:pointer;border-radius:8px;padding:8px 18px;font-size:.875rem}.setup-btn-primary{color:#fff;background:#4c6fff;border:1px solid #4c6fff}.setup-btn-primary:hover{background:#5d7dff}.setup-btn-secondary{color:#c3c8e8;background:0 0;border:1px solid #fff3}.setup-btn-secondary:hover{border-color:#fff6}.login-firsttime{color:#8a90b8;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:.75rem;text-decoration:underline}.login-firsttime:hover{color:#fff}@media (width<=560px){.setup-identity,.setup-presets{flex-direction:column}.setup-footer{flex-direction:column-reverse;align-items:stretch}.setup-nav{justify-content:flex-end}}.card-slot{width:var(--card-w,100px);height:calc(var(--card-w,100px) * 1.4);box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#101322;border:1.5px solid #ffffff1f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s,margin .25s cubic-bezier(.16,1,.3,1),opacity .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000073}.card-slot.clickable{cursor:pointer}@keyframes cardAppear{0%{opacity:0;transform:scale(.88)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-slot.entering{animation:.22s cubic-bezier(.16,1,.3,1) backwards cardAppear}.card-slot.flight-hidden{opacity:0}@keyframes cardLand{0%{opacity:0}to{opacity:1}}.card-slot.flight-land{animation:.17s ease-out both cardLand}.card-slot.clickable:hover{z-index:20;transform:translateY(-6px);box-shadow:0 12px 28px #000000bf}.card-slot.tapped{margin:0 calc(var(--card-w,100px) * .2);transform:rotate(90deg)}.card-slot.attacking{transition:transform .28s cubic-bezier(.34,1.56,.64,1),translate .28s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.zone-bottom .card-slot.attacking,.player-zone .card-slot.attacking{animation:attackLungeUp calc(.45s / var(--fx-speed,1)) cubic-bezier(.34, 1.56, .64, 1);translate:0 -12px}.zone-top .card-slot.attacking,.opponent-zone .card-slot.attacking{animation:attackLungeDown calc(.45s / var(--fx-speed,1)) cubic-bezier(.34, 1.56, .64, 1);translate:0 12px}@keyframes attackLungeUp{0%{filter:brightness();translate:0}38%{filter:brightness(1.25);translate:0 -26px}to{filter:brightness();translate:0 -12px}}@keyframes attackLungeDown{0%{filter:brightness();translate:0}38%{filter:brightness(1.25);translate:0 26px}to{filter:brightness();translate:0 12px}}html.fx-off .card-slot.attacking{animation:none!important}.card-slot.blocking{box-shadow:0 0 14px 2px #38bdf8a6,0 4px 12px #00000080}@keyframes shakeHit{0%,to{margin-left:0}20%{margin-left:-4px}40%{margin-left:4px}60%{margin-left:-3px}80%{margin-left:3px}}.card-slot.took-damage,.player-info-bar.took-damage{animation:.38s ease-in-out shakeHit}.card-slot.tapped.clickable:hover{z-index:20;transform:rotate(90deg)translateY(-6px);box-shadow:0 12px 28px #000000bf}.card-slot.playable{cursor:pointer;border-color:#63e6be;box-shadow:0 0 14px 2px #63e6bea6,0 4px 12px #00000080}.card-slot.playable:hover{box-shadow:0 0 20px 4px #63e6bee6,0 10px 24px #000000b3}@keyframes targetPulse{0%,to{border-color:#63e6be;transform:scale(1)}50%{border-color:#ffd070;transform:scale(1.03)}}.card-slot.targetable{cursor:crosshair;border-color:#ffb03a;animation:1.2s ease-in-out infinite targetPulse}.card-slot.chosen{border-color:#ff4757;box-shadow:0 0 18px 4px #ff4757cc,0 4px 12px #0009}.card-slot.tapped.chosen{cursor:pointer;border-color:#ff4757;box-shadow:0 0 18px 4px #ff4757cc,0 4px 12px #0009}.card-image{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.sleeve-css-back{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sleeve-emblem{text-shadow:0 0 10px,0 2px 8px #000000b3;filter:drop-shadow(0 1px 2px #000000e6);font-size:1.75rem;line-height:1}.card-placeholder{background:linear-gradient(135deg,#1e2348 0%,#14182e 100%);border-radius:7px;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex}.card-placeholder-name{color:#c8cae6;text-align:center;word-break:break-word;font-size:.688rem;font-weight:600;line-height:1.2}.pt-badge,.loyalty-badge,.defense-badge,.counter-badge,.damage-badge{font-size:.812rem;font-weight:800;font-family:var(--font-display);text-shadow:0 1px 3px #000000e6;pointer-events:none;z-index:5;border-radius:5px;padding:2px 7px;line-height:1.1;position:absolute;bottom:4px;right:4px}.pt-badge{color:#fff;background:#10142af2;border:1.5px solid #4a548c;box-shadow:0 2px 6px #0009}.loyalty-badge{color:#c084fc;background:#141832f2;border:1.5px solid #a855f7;align-items:center;gap:3px;display:flex;box-shadow:0 2px 6px #0009}.defense-badge{color:#fdba74;background:#1e140ff2;border:1.5px solid #f97316;align-items:center;gap:3px;display:flex;box-shadow:0 2px 6px #0009}.card-counters-wrap{z-index:5;pointer-events:none;flex-wrap:wrap;gap:2px;max-width:60%;display:flex;position:absolute;bottom:4px;left:4px}.counter-badge{font-size:.688rem;font-weight:800;font-family:var(--font-display);color:#10131f;animation:badgePop calc(.28s / var(--fx-speed,1)) cubic-bezier(.34, 1.56, .64, 1);background:#ffb03af2;border:1px solid #ffd070cc;border-radius:4px;align-items:center;gap:2px;padding:2px 5px;line-height:1.1;display:inline-flex;position:relative;bottom:auto;left:auto;right:auto;box-shadow:0 2px 4px #0009}@keyframes badgePop{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}html.fx-off .counter-badge{animation:none!important}.counter-badge.p1p1{color:#fff;background:#2ecc71f2;border-color:#2ecc71}.counter-badge.m1m1{color:#fff;background:#e74c3cf2;border-color:#e74c3c}.counter-badge.shield{color:#fff;background:#3498dbf2;border-color:#3498db}.counter-badge.stun{color:#10131f;background:#f1c40ff2;border-color:#f1c40f}.counter-badge.oil{color:#fff;background:#8e44adf2;border-color:#9b59b6}.counter-badge.finality{color:#ecf0f1;background:#34495ef2;border-color:#7f8c8d}.card-icons{z-index:6;pointer-events:none;flex-wrap:wrap;gap:2px;max-width:70%;display:flex;position:absolute;bottom:26px;left:2px}.card-icon{min-width:14px;height:14px;font-size:.562rem;font-weight:800;font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #000000e6;border-radius:3px;justify-content:center;align-items:center;padding:0 3px;line-height:1;display:inline-flex;box-shadow:0 1px 3px #0009}.card-icon.restriction{background:#c0392bf5;border:1px solid #ff8a80d9;box-shadow:0 0 5px #c0392bd9}.card-icon.ability{background:#2c3e50f2;border:1px solid #ffffff40}.damage-badge{color:#fff;background:#eb4436f2;border:1px solid #ff786ecc;bottom:4px;left:50%;right:auto;transform:translate(-50%)}.sickness-badge{filter:drop-shadow(0 2px 4px #000000e6);pointer-events:none;z-index:5;background:#0f172ab3;border:1px solid #94a3b84d;border-radius:50%;padding:1px 3px;font-size:.812rem;animation:2s ease-in-out infinite alternate sicknessFloat;position:absolute;top:4px;left:4px;right:auto}@keyframes sicknessFloat{0%{opacity:.8;transform:translateY(0)rotate(0)}to{opacity:1;transform:translateY(-3px)rotate(15deg)}}.facedown-badges{z-index:5;pointer-events:none;gap:3px;display:flex;position:absolute;top:4px;left:4px}.facedown-type-badge{font-size:.562rem;font-weight:800;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#12162ae6;border:1px solid #fff3;border-radius:4px;padding:1px 5px}.facedown-type-badge.morph{color:#93c5fd;border-color:#3b82f6}.facedown-type-badge.manifest{color:#d8b4fe;border-color:#a855f7}.facedown-type-badge.disguise{color:#6ee7b7;border-color:#10b981}.facedown-type-badge.cloak{color:#a5b4fc;border-color:#6366f1}.designation-badges{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;top:4px;right:4px}.designation-badge{font-size:.562rem;font-weight:800;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#12162ae6;border:1px solid #fff3;border-radius:4px;padding:1px 5px}.designation-badge.is-monstrous{color:#fcd34d;border-color:#f59e0b}.designation-badge.is-renowned{color:#fef08a;border-color:#eab308}.designation-badge.is-suspected{color:#fecdd3;border-color:#fb7185}.designation-badge.is-paired{color:#bae6fd;border-color:#38bdf5}.designation-badge.is-classlevel{color:#e9d5ff;border-color:#c084fc}.copy-badge{font-size:.625rem;font-weight:800;font-family:var(--font-display);color:#fff;z-index:5;pointer-events:none;background:#7c5cffe6;border:1px solid #a084ff99;border-radius:4px;padding:2px 6px;position:absolute;top:4px;left:4px}.token-badge{font-size:.625rem;font-weight:800;font-family:var(--font-display);color:#10131f;z-index:5;pointer-events:none;background:#ffb03ae6;border:1px solid #ffd070cc;border-radius:4px;padding:2px 6px;position:absolute;top:4px;left:4px}.card-attachment-group{height:calc(var(--card-w,100px) * 1.4);flex-shrink:0;display:inline-flex;position:relative;overflow:visible}.attachments-list{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.attachment-subcard{pointer-events:auto;opacity:.95;border-right:2px solid #ffd070d9;border-radius:7px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .18s,box-shadow .18s;overflow:hidden;box-shadow:2px 0 8px #00000080;width:var(--card-w,100px)!important;height:100%!important;position:absolute!important;top:0!important}.attachment-subcard:hover{opacity:1;z-index:30;box-shadow:0 4px 16px #000000b3,0 0 16px #ffd07099;transform:translateY(-8px)scale(1.04)!important}.card-slot.is-flipped-card .card-image{transition:transform .3s cubic-bezier(.2,0,0,1);transform:rotate(180deg)}.mutated-badge{color:#ecfdf5;z-index:6;pointer-events:none;text-shadow:0 1px 2px #000c;background:#10b981f2;border:1.5px solid #34d399;border-radius:5px;padding:1px 5px;font-size:.75rem;line-height:1.2;position:absolute;top:4px;left:auto;right:4px;box-shadow:0 2px 6px #0009}.card-mutate-pile{height:calc(var(--card-w,100px) * 1.4);flex-shrink:0;display:inline-flex;position:relative;overflow:visible}.mutate-parts{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.mutate-part{pointer-events:none;opacity:.92;border:2px solid #34d399d9;border-radius:7px;overflow:hidden;box-shadow:2px 2px 8px #00000080;width:var(--card-w,100px)!important;height:100%!important;position:absolute!important}.card-transform-badge{z-index:6;pointer-events:none;background:#0e1224e0;border:1px solid #ffd070b3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.625rem;line-height:1;display:flex;position:absolute;top:4px;left:24px;right:auto;box-shadow:0 2px 6px #0009}.card-transform-badge.is-transformed{background:#241034e0;border-color:#c084fc}.keyword-badges{z-index:6;pointer-events:none;gap:2px;display:flex;position:absolute;top:22px;right:4px}.keyword-badge{background:#141832eb;border:1px solid #fff3;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.562rem;line-height:1;display:inline-flex;box-shadow:0 1px 4px #0009}.keyword-badge.cat-combat{background:#c0392beb;border-color:#ff786eb3}.keyword-badge.cat-evasion{background:#2980b9eb;border-color:#74b9ffb3}.keyword-badge.cat-protection{background:#27ae60eb;border-color:#81ececb3}.hand-zone{z-index:10;flex:1;justify-content:center;align-items:flex-end;gap:0;min-width:0;height:100%;min-height:0;padding:0 8px;display:flex;position:relative;overflow:visible}.hand-zone.compact{align-items:flex-end;height:100%;min-height:0;padding:0 4px;overflow:visible}.hand-card-slot{height:100%;margin-left:var(--overlap,-4px);align-items:flex-end;transition:margin-left .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.hand-card-slot:first-child{margin-left:0}.hand-card-slot .hand-card{width:var(--card-w,100px);height:calc(var(--card-w,100px) * 1.4);transform-origin:bottom;transition:transform .15s ease-out,box-shadow .15s ease-out}.hand-card-slot:hover{z-index:50}.hand-card-slot:hover .hand-card{transform:translateY(-24px)scale(1.06);box-shadow:0 14px 32px #000000e6,0 0 0 2px #ffd070f2}.hand-back-stack{border-radius:8px;flex-shrink:0;position:relative}.hand-back-stack .hand-card{width:var(--card-w,100px);height:calc(var(--card-w,100px) * 1.4)}.hand-back-stack.is-viewable,.hand-back-stack.is-clickable{cursor:pointer}.hand-back-stack.is-viewable .hand-card{box-shadow:0 0 0 1.5px #38bdf8b3,0 6px 18px #0009}.hand-back-stack.is-viewable:hover .hand-card{transform:translateY(-6px);box-shadow:0 0 0 2px #38bdf8f2,0 12px 28px #000c}.hand-stack-badge{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0a0d1aeb;border:1px solid #ffffff40;border-radius:999px;padding:1px 7px;font-size:.75rem;font-weight:800;position:absolute;bottom:2px;right:2px}.hand-view-badge{filter:drop-shadow(0 1px 2px #000c);pointer-events:none;font-size:.812rem;line-height:1;position:absolute;top:2px;left:2px}.pile-overlay-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040610bf;place-items:center;display:grid;position:fixed;inset:0}.pile-overlay{background:#171b30;border:1px solid #2e3560;border-radius:14px;flex-direction:column;width:min(1200px,95vw);max-height:84vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #000000b3}.pile-overlay-header{border-bottom:1px solid #2e3560;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pile-header-titles{flex-direction:column;gap:2px;display:flex}.pile-header-subtitle{color:#8c96ba;font-size:.812rem;font-weight:500}.pile-overlay-header h3{color:#c8cae6;font-size:1rem;font-weight:700;font-family:var(--font-display);margin:0}.pile-overlay-close{color:#8890b0;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;transition:all .15s;display:flex}.pile-overlay-close:hover{color:#c8cae6;background:#ffffff29}.pile-card-wrapper{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.pile-position-badge{color:#8c96ba;font-size:.75rem;font-weight:800;font-family:var(--font-display,sans-serif);letter-spacing:.03em;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;display:flex}.pile-position-badge.top-badge{color:#ffd080;background:linear-gradient(135deg,#ffb03a40 0%,#daa52026 100%);border-color:#ffd07066;box-shadow:0 0 10px #ffb03a4d}.pile-position-badge.revealed-badge{color:#70d8ff;border-color:#70d8ff66}.pile-card-wrapper.is-top-card .pile-card{border-radius:8px;box-shadow:0 0 18px #ffb03a66}.pile-overlay-scroll{flex:1;align-items:flex-start;gap:16px;padding:20px 22px;display:flex;overflow:auto hidden}.pile-overlay-scroll::-webkit-scrollbar{height:8px}.pile-overlay-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.pile-overlay-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.pile-overlay-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.pile-card{--card-w:210px}.pile-overlay-empty{color:#6b7394;text-align:center;padding:24px;font-size:.875rem}.cross-zone-overlay{width:min(760px,86vw)}.cross-zone-entry{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex;position:relative}.cross-zone-source{text-transform:uppercase;letter-spacing:.05em;color:#ffb03a;font-size:.625rem;font-family:var(--font-display)}.pile-card.playable{outline-offset:2px;cursor:pointer;outline:2px solid #ffb03a;transition:outline-color .15s}.pile-card.playable:hover{outline-color:#ffd080}.mana-inline{background:#12162ce6;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:repeat(3,auto);gap:4px 10px;padding:6px 12px;display:grid}.mana-inline-pip{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.8125rem;font-weight:800;line-height:1;display:inline-flex}.mana-inline-pip.is-zero{opacity:.55;filter:grayscale(.4)}.mana-inline-count{color:#e8eaf6;text-align:right;min-width:12px}button.mana-inline-pip{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:3px 6px}button.mana-inline-pip:hover{border-radius:4px;outline:1px solid #7c5cff}.resource-bar{pointer-events:auto;flex-shrink:0;align-self:flex-end;align-items:flex-end;gap:8px;padding:0 8px;display:flex}.resource-bar.opp,.resource-bar.opp.compact{align-self:flex-start;align-items:flex-start}.resource-bar.compact{z-index:10;align-self:flex-end;align-items:flex-end;gap:8px;padding:0 6px;position:relative;overflow:visible}.resource-bar.opp.compact{align-self:flex-start;align-items:flex-start}.resource-mana-wrap{align-items:flex-end;display:flex;position:relative}.resource-bar.opp .resource-mana-wrap{align-items:flex-start}.mana-w{color:#e8eaf6}.mana-u{color:#5c70ff}.mana-b{color:#9945cc}.mana-r{color:#ff5c6c}.mana-g{color:#4cd07d}.mana-c{color:#8a93b8}.resource-piles{align-items:flex-end;gap:8px;display:flex}.resource-bar.opp .resource-piles{align-items:flex-start}.resource-stack{border-radius:7px;flex-shrink:0;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 6px 16px #0009}.resource-bar.compact .resource-stack{flex-shrink:0;width:68px;height:96px;max-height:100%}.resource-bar:not(.compact) .resource-stack{flex-shrink:0;width:68px;height:96px}.stack-back-img{object-fit:cover;border-radius:7px;width:100%;height:100%;display:block}.stack-card-back{background:radial-gradient(circle at 50% 40%,#2a2f52,#12152a 75%);border:1.5px solid #5a6399;border-radius:7px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.graveyard-back{background:radial-gradient(circle at 50% 40%,#2a2540,#1a1530 75%);border-color:#7c5cff}.exile-back{background:radial-gradient(circle at 50% 40%,#1e3040,#121a2a 75%);border-color:#4cd07d}.ray-back{background:radial-gradient(circle at 50% 40%,#3a2a12,#1a1508 75%);border-color:#ffb03a}.ray-icon{color:#ffb03a}.stack-mark{color:#ffb03a;opacity:.7;font-size:1.125rem}.graveyard-stack .stack-mark{color:#7c5cff}.exile-stack .stack-mark{color:#4cd07d}.resource-stack .card-slot{pointer-events:none;border-radius:7px;overflow:hidden;width:100%!important;height:100%!important}.resource-stack .card-slot-img{object-fit:cover;border-radius:7px;width:100%;height:100%;display:block}.resource-stack.has-card-img{border:1.5px solid #ffffff40;box-shadow:0 4px 12px #0009}.resource-stack.has-card-img:hover{border-color:var(--accent,#7c5cff);transform:translateY(-2px);box-shadow:0 8px 20px #7c5cff59}.resource-bar.opp .resource-stack.has-card-img:hover{transform:translateY(2px)}.resource-stack.ray-stack.has-card-img{border-color:#ffb03a99;box-shadow:0 0 10px #ffb03a66}.stack-count{color:#fff;text-shadow:0 2px 8px #000000f2,0 0 4px #000000e6;font-size:1.25rem;font-weight:900;font-family:var(--font-display);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.compact .stack-count{font-size:1.125rem}.resource-stack.has-card-img .stack-count,.resource-stack.has-top-revealed .stack-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1ce0;border:1px solid #ffffff59;border-radius:9px;width:auto;min-width:18px;height:18px;padding:0 5px;font-size:.688rem;font-weight:800;line-height:18px;inset:auto 3px 3px auto;box-shadow:0 2px 6px #000c}.playable-badge{color:#0b1e17;z-index:5;background:#63e6be;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.688rem;font-weight:800;display:flex;position:absolute;top:3px;right:3px;box-shadow:0 0 8px #63e6becc}.ray-mini-badge{color:#1a1000;z-index:5;background:linear-gradient(135deg,#ffc04d 0%,#ff9010 100%);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.688rem;font-weight:800;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 0 8px #ffb03ae6}.clickable-pile{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .15s ease-out,box-shadow .15s ease-out}.clickable-pile:hover{transform:translateY(-4px)scale(1.06);box-shadow:0 10px 24px #000c}.resource-bar.opp .clickable-pile:hover{transform:translateY(4px)scale(1.06)}.clickable-pile.has-playable{box-shadow:0 0 12px #63e6be99}.library-stack.has-top-revealed{border:1.5px solid #ffd070;box-shadow:0 0 14px #ffd07066,0 6px 16px #0009}.library-top-card{border-radius:7px;border:none!important;width:100%!important;height:100%!important}.top-card-badge{filter:drop-shadow(0 1px 3px #000000e6);z-index:5;font-size:.75rem;position:absolute;top:3px;left:3px}.resource-bar.micro{align-self:center;align-items:center;gap:5px;height:auto;min-height:28px;padding:0 2px;overflow:visible}.resource-bar.opp.micro{align-self:center;align-items:center}.resource-piles.micro{grid-template-columns:repeat(2,auto);place-content:start;gap:4px;display:grid}.resource-chip{color:#e8eaf6;height:26px;font-size:.75rem;font-weight:700;font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;background:#12162ceb;border:1.5px solid #ffffff24;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:0 7px;transition:all .15s;display:inline-flex;position:relative;box-shadow:0 2px 6px #00000073}.resource-chip.clickable-pile:hover{background:#252b52;border-color:#ffd070b3;transform:translateY(-1px)scale(1.02);box-shadow:0 4px 10px #0009}.resource-bar.opp .resource-chip.clickable-pile:hover{transform:translateY(1px)scale(1.02)}.resource-chip.has-playable{border-color:#63e6becc;box-shadow:0 0 8px #63e6be66}.chip-icon{opacity:.9;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:flex}.chip-count{font-variant-numeric:tabular-nums;font-size:.719rem;line-height:1}.chip-playable-dot{background:#2ecc71;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 6px #2ecc71}.chip-indicator{margin-left:1px;font-size:.625rem;line-height:1}.player-info-bar{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12162ae0;border:1.5px solid #ffffff1a;border-radius:12px;flex-shrink:0;align-items:center;gap:12px;min-width:170px;padding:8px 16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 8px 24px #00000080}.player-info-bar.has-priority{border-color:#63e6beb3;box-shadow:0 0 20px #63e6be59,0 8px 24px #0009}.player-info-bar.opp.has-priority{border-color:#ffaa46b3;box-shadow:0 0 20px #ffaa4659,0 8px 24px #0009}.player-info-bar.is-turn{border-color:#ffd070d9;box-shadow:0 0 22px #ffd07073,0 8px 24px #0009}.player-info-bar.compact{gap:8px;min-width:auto;height:100%;padding:4px 10px}.player-info-bar.opp{align-self:flex-start;margin-top:0}.player-info-bar.my{align-self:flex-end;margin-bottom:0}.player-avatar{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.player-avatar .avatar-image{border:2px solid #ffd070b3;width:40px;height:40px;box-shadow:0 0 10px #00000080}.compact .player-avatar .avatar-image{width:36px;height:36px}.player-info-bar.compact{align-items:center}.player-info-bar.compact .player-details{justify-content:center;min-width:0;overflow:hidden}.player-info-bar.compact .player-name-row{min-width:0}.player-info-bar.compact .player-name{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.player-info-bar.compact .life-counter{font-size:.812rem}.player-info-bar.compact .player-counters{flex-wrap:nowrap;gap:4px}.player-avatar-flag{background:#0f132a;border-radius:4px;padding:1px 2px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #00000080}.avatar-priority-ring{pointer-events:none;border:2px solid #63e6be;border-radius:50%;animation:1.6s ease-in-out infinite priorityPulse;position:absolute;inset:-4px}.opp .avatar-priority-ring{border-color:orange}@keyframes priorityPulse{0%{opacity:.9;transform:scale(.96);box-shadow:0 0 4px}50%{opacity:.4;transform:scale(1.08);box-shadow:0 0 14px}to{opacity:.9;transform:scale(.96);box-shadow:0 0 4px}}.player-details{flex-direction:column;gap:2px;display:flex}.player-name-row{align-items:center;gap:6px;display:flex}.player-name{color:#e4e8f8;letter-spacing:.02em;font-size:.812rem;font-weight:700}.match-wins-dots{gap:2px;font-size:.688rem;display:flex}.win-dot.won{color:#ffd070;text-shadow:0 0 6px #ffd070cc}.win-dot.pending{color:#ffffff4d}.player-counters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.life-counter{font-size:.938rem;font-weight:900;font-family:var(--font-display);color:#ffd070;align-items:center;gap:4px;display:inline-flex}.life-counter .counter-icon{color:#ff5252;font-size:.875rem}.life-counter.life-danger{color:#ff5252;animation:1s infinite alternate dangerPulse}.life-value{text-align:center;min-width:1ch;animation:lifePop calc(.34s / var(--fx-speed,1)) cubic-bezier(.34, 1.56, .64, 1);display:inline-block}@keyframes lifePop{0%{filter:brightness(1.7);transform:scale(1.6)}to{filter:brightness();transform:scale(1)}}html.fx-off .life-value{animation:none!important}@keyframes dangerPulse{0%{transform:scale(1)}to{text-shadow:0 0 8px #ff5252;transform:scale(1.1)}}.player-counter-badge{color:#e8eaf6;background:#283050cc;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.688rem;font-weight:800;display:inline-flex}.counter-poison{color:#a855f7;background:#8c46c826;border-color:#8c46c859}.counter-poison.poison-zero{opacity:.6}.counter-poison.has-poison{color:#f3e8ff;background:#a855f759;border-color:#c084fc;font-weight:900;box-shadow:0 0 10px #a855f7b3}.counter-hand{color:#cbd5e1;background:#2d375f80;border-color:#8ca0dc4d}.counter-energy{color:#38bdf8;background:#38bdf840;border-color:#38bdf899}.counter-rad{color:#4cd07d;background:#4cd07d40;border-color:#4cd07d99}.player-timer-badge{color:#94a3b8;font-size:.688rem;font-weight:800;font-family:var(--font-mono,monospace);background:#14182de6;border:1px solid #fff3;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;display:inline-flex}.player-timer-badge.timer-active{color:#63e6be;border-color:#63e6be;box-shadow:0 0 8px #63e6be4d}.player-timer-badge.timer-low{color:#ff5252;border-color:#ff5252;animation:.8s infinite alternate timerWarning}@keyframes timerWarning{0%{opacity:.7}to{opacity:1;text-shadow:0 0 6px #ff5252}}.player-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.player-badges .badge{color:#ffd070;filter:drop-shadow(0 0 4px #ffd07099);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.875rem;transition:transform .15s cubic-bezier(.19,1,.22,1),filter .15s;display:inline-flex;position:relative}.interactive-badge{cursor:pointer}.interactive-badge:hover{filter:drop-shadow(0 0 8px #ffffffe6);z-index:10;transform:scale(1.22)}.badge-sub-level{font-size:.625rem;font-weight:900;font-family:var(--font-display);color:#ffd070;text-shadow:0 0 4px #000c;background:#12162ae6;border:1px solid #ffd07099;border-radius:6px;margin-left:-2px;padding:0 3px;line-height:1.1}.badge-curse .badge-sub-level{color:#ff5252;border-color:#ff525299}.badge-daynight.is-day{filter:drop-shadow(0 0 6px #ffd070)}.badge-daynight.is-night{filter:drop-shadow(0 0 6px #818cf8)}@keyframes playerTargetPulse{0%,to{border-color:#ffd070;box-shadow:0 0 16px 2px #ffd07080,0 8px 24px #0009}50%{border-color:#fff;transform:scale(1.04);box-shadow:0 0 32px 6px #ffd070f2,0 8px 24px #000000b3}}.player-info-bar.targetable{cursor:pointer;z-index:30;border-color:#ffd070;animation:1.2s ease-in-out infinite playerTargetPulse}.player-info-bar.targetable:hover{border-color:#fff;box-shadow:0 0 36px 8px #ffd070,0 8px 24px #000c}.player-info-bar.player-defeated{opacity:.65;filter:grayscale(.5);border-color:#eb443666}.player-status-badge{font-size:.562rem;font-weight:800;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;display:inline-flex}.player-status-badge.status-defeated{color:#ff7878;background:#eb443640;border:1px solid #eb443680}.player-status-badge.status-left{color:#a0aec0;background:#8c96be33;border:1px solid #8c96be66}.command-zone{box-sizing:border-box;background:#12162d99;border:1px dashed #ffd07066;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;max-height:100%;padding:3px 5px;display:flex}.command-zone.opp{border-color:#ffaa4659}.command-zone.multi-commander{gap:4px;padding:2px 4px}.command-zone.compact.multi-commander{gap:3px;padding:2px 3px}.command-zone.compact.multi-commander .commander-slot{--card-w:calc(var(--card-w) * .88)}.commander-card-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.commander-slot{box-shadow:0 0 12px #ffd0704d}.commander-badge{z-index:10;pointer-events:none;background:linear-gradient(135deg,#ffd070,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.688rem;display:flex;position:absolute;top:-4px;left:-4px;box-shadow:0 2px 6px #000000b3}.companion-badge{z-index:10;pointer-events:none;background:linear-gradient(135deg,#c084fc,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.688rem;display:flex;position:absolute;top:-4px;left:-4px;box-shadow:0 2px 6px #000000b3}.commander-tax-badge{color:#fff;font-size:.688rem;font-weight:800;font-family:var(--font-display);z-index:10;pointer-events:none;background:#ef4444e6;border:1px solid #fff9;border-radius:4px;padding:1px 5px;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 6px #000c}.emblems-wrap{width:var(--card-w,116px);height:calc(var(--card-w,116px) * 1.4);flex-shrink:0;position:relative}.emblem-slot{border-color:#a855f799;position:absolute;top:0;left:0;box-shadow:0 0 10px #a855f766}.emblems-count-badge{color:#fff;z-index:20;background:#a855f7;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.688rem;font-weight:800;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 2px 6px #000c}.board-zone,.player-zone,.opponent-zone{box-sizing:border-box;gap:4px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.board-zone.empty,.player-zone.empty,.opponent-zone.empty{flex:1;display:flex}.board-zone.zone-top,.opponent-zone:not(.mirrored){grid-template-rows:auto 1fr 1fr;padding:0 14px 2px}.board-zone.zone-bottom,.player-zone,.opponent-zone.mirrored{grid-template-rows:1fr 1fr auto;padding:2px 14px 0}.bz-row,.pz-row,.oz-row{gap:8px;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.bz-creatures-row,.pz-creatures-row,.oz-creatures-row,.bz-permanents-row,.pz-permanents-row,.oz-permanents-row{align-items:center}.bz-status-row,.pz-bottom-row,.oz-top-row{z-index:10;flex-shrink:0;justify-content:space-between;width:100%;position:relative;overflow:visible}.zone-top .bz-status-row,.oz-top-row{margin-top:0;padding-top:0;align-items:flex-start!important}.zone-bottom .bz-status-row,.pz-bottom-row{margin-bottom:0;padding-bottom:0;align-items:flex-end!important}.bz-status-row>.player-info-bar,.pz-bottom-row>.player-info-bar,.oz-top-row>.player-info-bar{flex-shrink:0;margin:0}.zone-top .bz-status-row>.player-info-bar,.oz-top-row>.player-info-bar{margin-top:0;align-self:flex-start!important}.zone-bottom .bz-status-row>.player-info-bar,.pz-bottom-row>.player-info-bar{margin-bottom:0;align-self:flex-end!important}.bz-status-row>.resource-bar,.pz-bottom-row>.resource-bar,.oz-top-row>.resource-bar{flex-shrink:0;margin:0}.zone-top .bz-status-row>.resource-bar,.oz-top-row>.resource-bar{margin-top:0;align-self:flex-start!important}.zone-bottom .bz-status-row>.resource-bar,.pz-bottom-row>.resource-bar{margin-bottom:0;padding-bottom:0;align-self:flex-end!important}.hand-switch-btn{border:1px solid var(--gold-dim,#8a6d2f);color:var(--gold,#d8b45a);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#0000008c;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;max-width:140px;padding:3px 8px;font-size:11px;display:inline-flex;overflow:hidden}.hand-switch-btn.is-switched{border-color:var(--gold,#d8b45a);box-shadow:0 0 6px #d8b45a8c}.zone-top .bz-status-row>.hand-zone,.oz-top-row>.hand-zone{align-self:flex-start!important}.zone-bottom .bz-status-row>.hand-zone,.pz-bottom-row>.hand-zone{margin-bottom:0;align-self:flex-end!important}.zone-top .hand-zone,.zone-top .hand-card-slot{height:100%;align-items:flex-start!important}.zone-top .hand-card-slot .hand-card{transform-origin:top!important}.zone-top .hand-card-slot:hover .hand-card{transform:translateY(18px)scale(1.06)!important;box-shadow:0 14px 32px #000000e6,0 0 0 2px #ffd070f2!important}.zone-bottom .hand-zone,.player-zone .hand-zone,.zone-bottom .hand-card-slot,.player-zone .hand-card-slot{height:100%;align-items:flex-end!important}.zone-bottom .hand-card-slot .hand-card,.player-zone .hand-card-slot .hand-card{transform-origin:bottom!important}.zone-bottom .hand-card-slot:hover .hand-card,.player-zone .hand-card-slot:hover .hand-card{transform:translateY(-24px)scale(1.06)!important;box-shadow:0 14px 32px #000000e6,0 0 0 2px #ffd070f2!important}.bz-band,.pz-band,.oz-band{scrollbar-width:thin;scrollbar-color:#7c5cff4d transparent;box-sizing:border-box;background:linear-gradient(#9482ff0e 0%,#9482ff05 100%);border:1px solid #9482ff17;border-radius:10px;flex-wrap:nowrap;flex:1;justify-content:safe center;align-items:center;gap:10px;min-width:0;height:100%;min-height:0;padding:2px 8px;transition:gap .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:auto hidden;box-shadow:inset 0 1px #ffffff09}.bz-band.creatures-band,.bz-band.permanents-band,.pz-band.creatures-band,.pz-band.permanents-band,.oz-band.creatures-band,.oz-band.permanents-band{justify-content:safe center}.bz-band.has-overflow{cursor:grab}.bz-band.is-dragging{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important;scroll-behavior:auto!important}.bz-band.is-dragging *{cursor:grabbing!important;pointer-events:none!important}.bz-band.full-width,.pz-band.full-width,.oz-band.full-width{width:100%}.bz-commander,.pz-commander,.oz-commander{border:none;border-radius:8px;flex-shrink:0;justify-content:flex-start;align-items:center;width:auto;max-width:55%;display:flex}.bz-marquee,.pz-marquee,.oz-marquee{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffd0704d transparent;background:linear-gradient(#ffd0700f 0%,#ffd07005 100%);border:1px solid #ffd07029;border-left:2px solid #ffd07073;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;min-width:0;max-width:45%;height:100%;min-height:0;margin-left:auto;padding:2px 8px 2px 12px;display:flex;overflow:auto hidden;box-shadow:inset 0 1px #ffffff09}.stack-group,.land-group{flex-shrink:0;align-items:center;transition:all .25s;display:inline-flex;position:relative}.stack-group .card-slot+.card-slot,.land-group .card-slot+.card-slot{margin-left:calc(-1 * var(--card-w,100px) * .72);transition:margin .25s cubic-bezier(.16,1,.3,1),box-shadow .2s}.stack-group:hover .card-slot+.card-slot,.land-group:hover .card-slot+.card-slot{margin-left:6px}.stack-group-badge,.land-group-badge{color:#ffd070;font-size:.656rem;font-weight:800;font-family:var(--font-display);z-index:6;pointer-events:none;background:#0c1024f0;border:1px solid #ffd070bf;border-radius:4px;padding:1px 4.5px;line-height:1.2;transition:opacity .15s;position:absolute;top:2px;right:2px;box-shadow:0 2px 6px #000000bf}.stack-group:hover .stack-group-badge,.land-group:hover .land-group-badge{opacity:0}.board-zone.compact-pod,.opponent-zone.compact-pod,.player-zone.compact-pod{gap:2px;padding:0 4px}.board-zone.compact-pod .bz-status-row,.opponent-zone.compact-pod .oz-top-row,.player-zone.compact-pod .pz-bottom-row{flex-wrap:wrap;flex-shrink:0;row-gap:2px;min-height:44px;max-height:92px}.board-zone.compact-pod.zone-top:not(.zone-empty):not(.no-creatures):not(.no-permanents),.opponent-zone.compact-pod:not(.mirrored):not(.zone-empty):not(.no-creatures):not(.no-permanents){grid-template-rows:auto 1fr 1fr}.board-zone.compact-pod.zone-bottom:not(.zone-empty):not(.no-creatures):not(.no-permanents),.player-zone.compact-pod:not(.zone-empty):not(.no-creatures):not(.no-permanents),.opponent-zone.compact-pod.mirrored:not(.zone-empty):not(.no-creatures):not(.no-permanents){grid-template-rows:1fr 1fr auto}.board-zone.compact-pod.no-creatures.zone-top,.opponent-zone.compact-pod.no-creatures:not(.mirrored){grid-template-rows:auto 1fr 1fr}.board-zone.compact-pod.no-creatures.zone-bottom,.player-zone.compact-pod.no-creatures:not(.mirrored),.opponent-zone.compact-pod.no-creatures.mirrored{grid-template-rows:1fr 1fr auto}.board-zone.compact-pod.no-permanents.zone-top,.opponent-zone.compact-pod.no-permanents:not(.mirrored){grid-template-rows:auto 1fr 1fr}.board-zone.compact-pod.no-permanents.zone-bottom,.player-zone.compact-pod.no-permanents:not(.mirrored),.opponent-zone.compact-pod.no-permanents.mirrored{grid-template-rows:1fr 1fr auto}.board-zone .bz-band:empty,.opponent-zone .oz-band:empty,.player-zone .pz-band:empty{background:linear-gradient(#9482ff08 0%,#9482ff02 100%);border-style:dashed;border-color:#9482ff38}.board-zone.compact-pod .bz-band,.opponent-zone.compact-pod .oz-band,.player-zone.compact-pod .pz-band{gap:4px;padding:1px 2px}.board-zone.compact-pod .bz-commander,.opponent-zone.compact-pod .oz-commander,.player-zone.compact-pod .pz-commander{width:auto;max-width:60%}.board-zone.is-defeated,.player-zone.is-defeated,.opponent-zone.is-defeated{position:relative}.zone-defeated-overlay{pointer-events:none;z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c18a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zone-defeated-card{background:#14182deb;border:1.5px solid #eb443673;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;display:flex;box-shadow:0 8px 30px #000000bf}.zone-defeated-icon{font-size:1.625rem}.zone-defeated-title{font-family:var(--font-display);color:#ff7878;letter-spacing:.02em;font-size:.812rem;font-weight:700}.zone-defeated-sub{color:#8c96c0;font-size:.688rem}.hand-bar{z-index:20;box-sizing:border-box;pointer-events:none;background:0 0;flex-shrink:0;justify-content:center;align-items:flex-end;width:100%;min-width:0;padding:6px 12px 5px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:visible}.hand-bar .hand-card-slot{pointer-events:auto}.hand-bar:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(52% 100% at 50% 100%,#00000073 0%,#0000 72%);height:24px;position:absolute;bottom:-3px;left:24%;right:24%}.hand-bar .hand-card-slot{height:var(--sink,95px);margin-left:calc(var(--hand-gap,0px) - var(--card-w,136px) * var(--hand-rest-overlap,.5));align-items:flex-end;transition:margin-left .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.hand-bar .hand-card-slot:first-child{margin-left:0!important}.hand-bar:hover .hand-card-slot{margin-left:var(--hand-gap,0px)}.hand-bar:has(.hand-card-slot:hover) .hand-card-slot{margin-left:var(--hand-gap,0px)}.hand-bar:hover .hand-card-slot:first-child{margin-left:0!important}.hand-bar:has(.hand-card-slot:hover) .hand-card-slot:first-child{margin-left:0!important}.hand-bar .hand-card-slot .hand-card{width:var(--card-w,136px);height:calc(var(--card-w,136px) * 1.4);transform-origin:50% 150%;transform:rotate(var(--rot,0deg)) translateY(calc(-1 * var(--rise,0px) + var(--sink,0px) * 1.12));will-change:transform;transition:transform .24s cubic-bezier(.34,1.35,.5,1),box-shadow .18s ease-out,border-color .18s,opacity .2s ease-out}.hand-bar .hand-card-slot:hover{z-index:50}.hand-bar:hover .hand-card-slot:not(:hover) .hand-card{transform:rotate(var(--rot,0deg)) translateY(calc(-1 * var(--rise,0px) + var(--sink,0px) * .2))}.hand-bar:has(.hand-card-slot:hover) .hand-card-slot:not(:hover) .hand-card{transform:rotate(var(--rot,0deg)) translateY(calc(-1 * var(--rise,0px) + var(--sink,0px) * .2))}.hand-bar .hand-card-slot:hover .hand-card{transform:rotate(var(--rot,0deg)) translateY(calc(-1 * var(--rise,0px) + var(--sink,0px) * .2));opacity:.3;box-shadow:none}.hand-bar .hand-card-slot .hand-card.playable{animation:2.4s ease-in-out infinite handPlayableBreath}@media (prefers-reduced-motion:reduce){.hand-bar .hand-card-slot .hand-card.playable{animation:none}}@keyframes handPlayableBreath{0%,to{filter:brightness()}50%{filter:brightness(1.22)}}.hand-bar .hand-card-slot .hand-card.targetable{animation:1.2s ease-in-out infinite handTargetablePulse}@keyframes handTargetablePulse{0%,to{box-shadow:0 0 0 2px #ffb03a,0 0 16px #ffb03a66}50%{box-shadow:0 0 0 3px #ffd070,0 0 24px #ffd070cc}}.flying-cards-overlay{pointer-events:none;z-index:999999;perspective:900px;position:fixed;inset:0;overflow:hidden}.flying-card-item{box-sizing:border-box;will-change:transform, opacity;transform-origin:50%;background:#121626;border:1.5px solid #ffffff59;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 48px #000000d9,0 0 24px #78beff99}.flying-card-img{object-fit:cover;width:100%;height:100%;display:block}.flying-card-fallback{color:#fff;text-align:center;text-shadow:0 2px 4px #000000e6;padding:6px;font-size:.688rem;font-weight:700}.flying-card-glow{border-radius:inherit;pointer-events:none;animation:flightGlowPulse calc(.5s / var(--fx-speed,1)) ease-in-out infinite alternate;background:linear-gradient(135deg,#ffffff40 0%,#64b4ff26 100%);position:absolute;inset:0}@keyframes flightGlowPulse{0%{opacity:.5}to{opacity:1}}html.fx-off .flying-card-glow{animation:none!important}@media (prefers-reduced-motion:reduce){.flying-card-glow{animation:none!important}}.board-shell{--card-w:120px;background:radial-gradient(130% 95% at 50% 112%,#6048944d 0%,#60489400 55%),radial-gradient(130% 95% at 50% -12%,#1016308c 0%,#10163000 60%),radial-gradient(circle,#171b33 0%,#0d1022 55%,#070912 100%);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.board-shell:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(96% 92%,#0000 60%,#02030880 100%);position:absolute;inset:0}.board-shell:after{content:"";pointer-events:none;z-index:2;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:240px 240px;position:absolute;inset:0}.board-shell-divider{background:linear-gradient(90deg,#0000 0%,#7c5cff1f 20%,#ffd07052 50%,#7c5cff1f 80%,#0000 100%);flex-shrink:0;justify-content:center;align-items:center;height:18px;display:flex;position:relative;box-shadow:0 0 10px #7c5cff1f}.board-shell-divider-diamond{color:#ffd070;text-shadow:0 0 8px #ffd070cc;font-size:.562rem;line-height:1}.board-shell-divider.with-labels:before,.board-shell-divider.with-labels:after{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#8c96c066;pointer-events:none;font-size:.469rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.board-shell-divider.with-labels:before{content:"Oponentes";left:14px}.board-shell-divider.with-labels:after{content:"Tu lado";right:14px}.board-shell-col-divider{background:linear-gradient(#0000 0%,#7c5cff2e 15%,#ffd07066 50%,#7c5cff2e 85%,#0000 100%);flex-shrink:0;align-self:stretch;width:2px}.game-board>.opponent-zone,.game-board>.player-zone,.game-board>.board-zone{flex:1 1 0;min-height:0;overflow:hidden}.pod-board{--card-w:80px}.pod-row{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.pod-row--top,.pod-row--bottom{flex:1 1 0;min-height:0}.pod-cell{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.pod-cell--empty{display:none}.pod-cell--me:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 100%,#28c87812 0%,#0000 65%);position:absolute;inset:0}.pod-cell--me>*{z-index:1;position:relative}.pod-row .opponent-zone,.pod-row .player-zone{height:100%}.pod-board .opponent-zone,.pod-board .player-zone{flex:unset}.pod-board .hand-bar{justify-content:center;width:50%;max-width:50%;left:0;right:auto}.pod-board--bottom-full .hand-bar{width:100%;max-width:100%;left:0;right:0}.pod-board--bottom-full .hand-bar:before{left:32%;right:32%}.pod-board-wrapper{--card-w:clamp(80px, 6.8vw, 118px);background:radial-gradient(circle,#151930 0%,#0d1022 55%,#080a16 100%);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pod-board-main{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.pod-board-main .pod-board{flex:1;width:100%;height:100%;min-height:0}.arena-opp-row{flex:0 0 40%;gap:8px;min-width:0;min-height:0;padding:4px 12px 2px;display:flex;overflow:hidden}.arena-opp-cell{flex:1;min-width:0;min-height:0;display:flex;position:relative}.arena-opp-cell>*{flex:1;min-width:0}.arena-board>.player-zone{flex:1 1 0;min-height:0;overflow:hidden}.opponent-switcher-bar{z-index:25;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 4px;display:flex}.opp-switch-btn{color:#ffd070;cursor:pointer;background:#181e3ccc;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.75rem;line-height:1;transition:all .2s;display:flex}.opp-switch-btn:hover{background:#2b356c;border-color:#ffd070;transform:scale(1.1)}.opp-pills-list{align-items:center;gap:6px;display:flex;overflow-x:auto}.opp-pill{color:#c8cae6;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#161c38d9;border:1.5px solid #ffffff1f;border-radius:14px;align-items:center;gap:5px;height:26px;padding:2px 10px;font-size:.688rem;font-weight:700;transition:all .2s;display:flex}.opp-pill:hover{color:#fff;background:#242e5cf2;border-color:#ffd07099;transform:translateY(-1px)}.opp-pill.is-selected{color:#fff;background:#7c5cff40;border-color:#7c5cff;box-shadow:0 0 12px #7c5cff73}.opp-pill.is-turn{border-color:#ffd070;box-shadow:0 0 14px #ffd07080}.opp-pill.is-targetable{border-color:#63e6be;animation:1.2s ease-in-out infinite targetPulse;box-shadow:0 0 14px #63e6beb3}.opp-pill-life{color:#4cd07d;background:#0006;border-radius:8px;padding:1px 6px;font-size:.625rem;font-weight:800}.opp-pill-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:1px 5px;font-size:.562rem;font-weight:800}.opp-pill-tag.turn-tag{color:#ffd070;background:#ffd07040;border:1px solid #ffd07080}.opp-pill-tag.combat-tag{color:#ff7870;background:#eb443659;border:1px solid #eb443699}.opp-pill.is-defeated{opacity:.5;background:#1e121a99;border-color:#eb44364d}.opp-pill.is-defeated .opp-pill-life{color:#ff7878;background:#eb443633}.opp-pill.is-self{opacity:.45;cursor:default}.opp-pill.is-self:hover{color:#c8cae6;background:#161c38d9;border-color:#ffffff1f;transform:none}.opp-pill-group{align-items:center;gap:6px;display:flex}.opp-arrow{color:#475569;font-size:.688rem;font-weight:800}.opp-arrow.is-active-edge{color:#ffd070;text-shadow:0 0 6px #ffd07099}.turn-order-ring{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d1af0;border:1px solid #7c5cff47;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;padding:3px 8px;display:flex;position:relative;box-shadow:0 2px 12px #00000073}.tor-track{display:none}.tor-seats-flow,.tor-seat-group{align-items:center;gap:6px;display:flex}.tor-seat{text-align:center;box-sizing:border-box;color:#cbd5e1;background:#ffffff0a;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;line-height:1;transition:all .15s;display:flex;position:relative}.tor-seat:hover{background:#ffffff14}.tor-seat-dot{color:#6b7394;font-size:.562rem;line-height:1}.tor-seat.is-active{color:#fff;background:linear-gradient(90deg,#ffd07038 0%,#ffb45424 100%);border-color:#ffd070;box-shadow:0 0 10px #ffd07059}.tor-seat.is-active .tor-seat-dot{color:#ffd070}.tor-seat.has-priority:not(.is-active){border-color:#a78bfa;box-shadow:0 0 8px #7c5cff66}.tor-seat.has-priority .tor-seat-dot{color:#a78bfa;animation:1s ease-in-out infinite torPriorityPulse}@keyframes torPriorityPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.tor-seat.is-defeated{opacity:.4;text-decoration:line-through}.tor-seat.is-controlled{font-weight:700}.tor-seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-weight:600;overflow:hidden}.tor-seat-life{color:#94a3b8;background:#00000059;border-radius:6px;padding:1px 5px;font-size:.688rem;font-weight:700}.tor-seat.is-active .tor-seat-life{color:#ffd070;background:#00000080}.tor-active-badge{letter-spacing:.04em;text-transform:uppercase;color:#1a1000;background:#ffd070;border-radius:4px;padding:1px 5px;font-size:.562rem;font-weight:800}.tor-defeated{font-size:.688rem}.tor-arrow{color:#475569;font-size:.688rem;font-weight:800}.tor-arrow.is-active-edge{color:#ffd070;text-shadow:0 0 6px #ffd07099}.card-grid-count-badge{color:var(--accent,#a78bfa);background:#7c5cff26;border:1px solid #7c5cff4d;border-radius:12px;padding:3px 9px;font-size:.8rem;font-weight:500}.card-grid-search-wrap{align-items:center;margin-top:8px;display:flex;position:relative}.card-grid-search-icon{color:var(--text-dim,#94a3b8);pointer-events:none;font-size:.875rem;position:absolute;left:12px}.card-grid-filter{border:1px solid var(--border,#ffffff1f);width:100%;color:var(--text,#f8fafc);background:#00000059;border-radius:8px;outline:none;padding:9px 36px 9px 34px;font-size:.812rem;transition:border-color .2s,box-shadow .2s}.card-grid-filter:focus{border-color:var(--accent,#a78bfa);box-shadow:0 0 0 2px #7c5cff33}.card-grid-clear-btn{color:var(--text-dim,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:.75rem;position:absolute;right:10px}.card-grid-clear-btn:hover{color:#fff;background:#ffffff1a}.card-grid-scroll-area{flex:auto;min-height:140px;max-height:54vh;margin-top:14px;padding-right:4px;overflow:hidden auto}.card-grid-scroll-area::-webkit-scrollbar{width:7px}.card-grid-scroll-area::-webkit-scrollbar-track{background:#00000040;border-radius:4px}.card-grid-scroll-area::-webkit-scrollbar-thumb{background:#7c5cff66;border-radius:4px}.card-grid-scroll-area::-webkit-scrollbar-thumb:hover{background:#7c5cffb3}.card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;padding:4px 2px;display:grid}.card-grid-cell{cursor:pointer;background:#ffffff05;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;transition:transform .15s,border-color .15s,background .15s;display:flex}.card-grid-cell:hover{background:#ffffff0f;transform:translateY(-2px)}.card-grid-cell.selected{border-color:var(--accent,#a78bfa);background:#7c5cff2e;box-shadow:0 0 12px #7c5cff59}.card-grid-cell:disabled{opacity:.4;cursor:not-allowed;transform:none}.card-grid-label{color:var(--text-dim,#cbd5e1);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.688rem;font-weight:500;line-height:1.2;overflow:hidden}.card-grid-empty{color:var(--text-dim,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 0;font-size:.95rem;display:flex}.card-grid-empty span{opacity:.6;font-size:1.75rem}.card-grid-actions{border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:14px;padding-top:12px;display:flex}.library-order-body{flex-direction:column;gap:16px;max-height:65vh;padding-right:4px;display:flex;overflow-y:auto}.order-zone{background:#161c3ab3;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.order-zone.top-zone{background:#10242899;border-color:#63e6be66}.order-zone.bottom-zone{background:#24101899;border-color:#ef444466}.order-zone-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.zone-name{color:#e4e8f8;font-size:.875rem;font-weight:700}.top-zone .zone-name{color:#63e6be}.bottom-zone .zone-name{color:#f87171}.zone-hint{color:#94a3b8;font-size:.75rem}.order-cards-list{justify-content:center;align-items:center;gap:24px;padding:8px 12px;display:flex;overflow-x:auto}.order-cards-list.has-cards{min-height:220px}.order-cards-list.is-empty{min-height:unset;padding:4px 0}.empty-zone-placeholder{color:#ffffff73;background:#0000002e;border:1.5px dashed #ffffff29;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:14px 16px;font-size:.781rem;font-style:italic;display:flex}.order-card-card{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.order-position-tag{color:#63e6be;z-index:15;background:#0e1224eb;border:1.5px solid #63e6beb3;border-radius:6px;padding:3px 10px;font-size:.812rem;font-weight:800;position:absolute;top:6px;left:6px;box-shadow:0 2px 8px #000000b3}.order-card-slot{border-radius:8px;box-shadow:0 8px 24px #0009;width:136px!important;height:190px!important}.order-card-slot .card-image{object-fit:cover;border-radius:8px;width:100%;height:100%}.order-card-name{color:#f1f5f9;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin-top:2px;font-size:.812rem;font-weight:700;overflow:hidden}.order-card-controls{flex-direction:column;align-items:center;gap:6px;width:150px;display:flex}.order-arrows{gap:8px;width:100%;display:flex}.btn-arrow{color:#fff;cursor:pointer;background:#28325ad9;border:1px solid #ffffff40;border-radius:6px;flex:1;padding:6px 0;font-size:.812rem;transition:background .15s,border-color .15s}.btn-arrow:hover:not(:disabled){background:#5064b4f2;border-color:#a855f7}.btn-arrow:disabled{opacity:.35;cursor:not-allowed}.btn-switch-zone{cursor:pointer;border-radius:4px;width:100%;padding:4px 6px;font-size:.688rem;font-weight:700;transition:background .15s,border-color .15s}.btn-to-bottom{color:#fca5a5;background:#ef444433;border:1px solid #ef444480}.btn-to-bottom:hover:not(:disabled){background:#ef444466;border-color:#ef4444}.btn-to-top{color:#63e6be;background:#63e6be33;border:1px solid #63e6be80}.btn-to-top:hover:not(:disabled){background:#63e6be66;border-color:#63e6be}.library-order-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.quick-actions{gap:8px;display:flex}.quick-actions button{color:#cbd5e1;cursor:pointer;background:#1e2446cc;border:1px solid #ffffff26;border-radius:6px;padding:6px 12px;font-size:.75rem;transition:background .15s}.quick-actions button:hover:not(:disabled){color:#fff;background:#323c6ee6}.dialog-confirm-actions{gap:8px;display:flex}.mulligan-hand-grid{flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 4px 12px;display:flex}.mulligan-card-wrap{cursor:pointer;--card-w:120px;animation:mulliganCardIn calc(.34s / var(--fx-speed,1)) cubic-bezier(.34, 1.56, .64, 1) backwards;flex-shrink:0;position:relative}@keyframes mulliganCardIn{0%{opacity:0;transform:translateY(16px)scale(.85)rotate(-2deg)}to{opacity:1;transform:none}}html.fx-off .mulligan-card-wrap{animation:none!important}.mulligan-hand-grid:has(.mulligan-card-wrap:nth-child(n+1):nth-child(-n+4)) .mulligan-card-wrap{--card-w:140px}.mulligan-card-wrap .card-slot{width:var(--card-w,120px);height:calc(var(--card-w,120px) * 1.4);transition:transform .15s,box-shadow .15s}.mulligan-card-wrap:hover .card-slot{z-index:10;transform:translateY(-10px)scale(1.04);box-shadow:0 18px 40px #000000d9}.mulligan-card-wrap.is-selected .card-slot{box-shadow:0 0 0 3px #ffb454,0 12px 32px #ffb45480}.mulligan-card-wrap.is-selected:hover .card-slot{transform:translateY(-10px)scale(1.04);box-shadow:0 0 0 3px #ffb454,0 18px 40px #ffb4548c}.mulligan-card-badge{color:#1a0f00;width:24px;height:24px;font-size:.75rem;font-weight:800;font-family:var(--font-display);z-index:20;pointer-events:none;background:#ffb454;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0009}.mulligan-counter{color:#9fb0d6;text-align:center;min-height:20px;margin:6px 0 16px;font-size:.812rem}.mulligan-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.mulligan-actions button{cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-display);letter-spacing:.02em;border:1px solid #0000;border-radius:12px;padding:13px 28px;transition:transform .1s,filter .1s,box-shadow .15s}.mulligan-actions button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.mulligan-actions button:disabled{opacity:.45;cursor:not-allowed}.mulligan-auto-toggle{justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.mulligan-keep{color:#06210f;background:linear-gradient(#2fbf71 0%,#229c5a 100%);box-shadow:0 4px 14px #2fbf714d}.mulligan-mulligan{color:#2a1700;background:linear-gradient(#ffb454 0%,#e8902f 100%);box-shadow:0 4px 14px #ffb4544d}.mulligan-actions .primary{color:#fff;background:linear-gradient(#5b8cff 0%,#3f6ae0 100%);box-shadow:0 4px 14px #5b8cff59}.mulligan-actions .cancel-btn{color:#c2cbe6;box-shadow:none;background:0 0;border-color:#5a668c}.pile-columns{justify-content:center;align-items:stretch;gap:14px;display:flex}.pile-column{cursor:pointer;color:inherit;font:inherit;text-align:center;background:#ffffff08;border:1.5px solid #ffffff1a;border-radius:14px;flex-direction:column;flex:1 1 0;gap:10px;padding:14px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex}.pile-column:hover:not(:disabled){background:#7c5cff1a;border-color:#7c5cff99;transform:translateY(-2px);box-shadow:0 12px 32px #00000080}.pile-column:disabled{opacity:.6;cursor:default}.pile-column-name{color:#ffd070;letter-spacing:.06em;text-transform:uppercase;font-size:.812rem;font-weight:700}.pile-cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pile-card-wrap{--card-w:84px;flex-shrink:0}.pile-card-wrap .card-slot{width:var(--card-w,84px);height:calc(var(--card-w,84px) * 1.4);pointer-events:auto}.pile-vs{color:#8ea0ff;letter-spacing:.1em;align-self:center;font-size:.75rem;font-weight:800}@media (width<=640px){.pile-columns{flex-direction:column}.pile-vs{align-self:center}}.trigger-scope{align-items:center;gap:8px;margin-bottom:12px;font-size:.812rem;display:flex}.trigger-scope-label{color:#9aa3c0}.trigger-scope-btn{color:#c6cde6;cursor:pointer;background:0 0;border:1px solid #38436b;border-radius:999px;padding:3px 12px;font-size:.75rem}.trigger-scope-btn.is-active{color:#ffd070;background:#38436b;border-color:#ffd070}.trigger-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.trigger-row{background:#ffffff05;border:1px solid #2b3352;border-radius:12px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.trigger-art{flex:0 0 54px;width:54px}.trigger-art .card-slot{width:100%}.trigger-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.trigger-name{color:#fff;font-size:.875rem;font-weight:700}.trigger-rule{color:#9aa3c0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.trigger-actions{flex-direction:column;flex:none;gap:4px;display:flex}.trigger-btn{color:#e8ecf6;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #38436b;border-radius:8px;padding:4px 10px;font-size:.75rem}.trigger-btn.primary{color:#fff;background:#2f6fed;border-color:#2f6fed;font-weight:700}.trigger-btn:disabled{opacity:.5;cursor:default}.trigger-empty{color:#9aa3c0;font-size:.875rem}.trigger-footer{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.voting-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.voting-options.voting-many{flex-direction:column}.voting-btn{min-width:180px;font-size:.938rem;font-weight:700;font-family:var(--font-display);cursor:pointer;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;transition:transform .1s,filter .1s,box-shadow .15s;display:inline-flex}.voting-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.voting-btn:disabled{opacity:.45;cursor:not-allowed}.voting-left{color:#06210f;background:linear-gradient(#2fbf71 0%,#229c5a 100%);box-shadow:0 4px 14px #2fbf714d}.voting-right{color:#fff;background:linear-gradient(#5b8cff 0%,#3f6ae0 100%);box-shadow:0 4px 14px #5b8cff59}.voting-btn-icon{font-size:1rem}.voting-vs{color:#8ea0ff;letter-spacing:.1em;font-size:.75rem;font-weight:800}.voting-hint{color:#7a82a8;text-align:center;margin-top:14px;font-size:.688rem}.pw-loyalty-now{color:#d8b4fe;margin-bottom:14px;font-size:.75rem}.pw-loyalty-val{color:#fff;background:#a855f740;border:1px solid #a855f7;border-radius:6px;margin-left:4px;padding:1px 6px;font-weight:800}.pw-options{flex-direction:column;gap:10px;display:flex}.pw-ability-btn{text-align:left;cursor:pointer;color:#e8ecf6;background:#1a2040e6;border:1.5px solid #3a3f6b;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.812rem;font-weight:600;transition:transform .1s,border-color .15s,background .15s;display:flex}.pw-ability-btn:hover:not(:disabled){background:#242c58f2;border-color:#c084fc;transform:translateY(-1px)}.pw-ability-btn:disabled{opacity:.45;cursor:not-allowed}.pw-ability-btn.delta-pos{border-color:#2ecc71}.pw-ability-btn.delta-neg{border-color:#e74c3c}.pw-ability-btn.delta-zero{border-color:#a855f7}.pw-delta{text-align:center;min-width:36px;font-weight:800;font-family:var(--font-display);background:#00000059;border-radius:8px;padding:4px 8px;font-size:.875rem}.delta-pos .pw-delta{color:#2ecc71;border:1px solid #2ecc71}.delta-neg .pw-delta{color:#ff8a80;border:1px solid #e74c3c}.delta-zero .pw-delta{color:#c084fc;border:1px solid #a855f7}.pw-label{flex:1}.pw-after{color:#94a3b8;font-size:.75rem;font-weight:700}.pw-hint{color:#7a82a8;margin-top:14px;font-size:.688rem}.rollback-dialog{width:90vw;max-width:480px}.rollback-description{color:#a0aec0;margin-bottom:12px;font-size:.88rem;line-height:1.4}.rollback-priority-notice{color:#f6ad55;background:#ed893626;border:1px solid #ed893666;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.82rem;display:flex}.rollback-turn-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.rollback-turn-option{cursor:pointer;color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;transition:all .12s;display:flex}.rollback-turn-option:hover{background:#ffffff14;border-color:#fff3}.rollback-turn-option.selected{color:#fff;background:#63b3ed26;border-color:#4299e1;box-shadow:0 0 10px #4299e133}.rollback-turn-option input[type=radio]{accent-color:#4299e1;cursor:pointer}.rollback-undo-box{background:#ffffff08;border:1px dashed #ffffff26;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.rollback-undo-info{flex-direction:column;gap:2px;display:flex}.rollback-undo-title{color:#cbd5e0;font-size:.85rem;font-weight:600}.rollback-undo-hint{color:#718096;font-size:.75rem}.rollback-undo-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .12s}.rollback-undo-btn:hover:not(:disabled){background:#ffffff29;border-color:#ffffff59}.rollback-game-btn{color:#f6ad55;cursor:pointer;background:#f6ad551f;border:1px solid #f6ad554d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.rollback-game-btn:hover{color:#feebc8;background:#f6ad5540;border-color:#f6ad5599}.context-menu-overlay{z-index:198;position:fixed;inset:0}.context-menu{z-index:200;background:#171a21;border:1px solid #363b46;border-radius:7px;min-width:180px;max-height:calc(100vh - 16px);padding:4px 0;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #00000073}.context-menu-item{color:#c8cae6;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:.812rem;transition:background .1s;display:flex}.context-menu-item:hover:not(:disabled){background:#252b4a}.context-menu-item.danger{color:#ff5c6c}.context-menu-item.danger:hover:not(:disabled){background:#2a1520}.context-menu-item:disabled{opacity:.4;cursor:not-allowed}.context-menu-icon{text-align:center;width:18px;font-size:.875rem}.sideboard-backdrop{z-index:30;background:#040610cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sideboard-screen{border:1px solid var(--border);background:var(--panel);border-radius:16px;flex-direction:column;width:min(900px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000080}.sideboard-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sideboard-title{align-items:baseline;gap:10px;display:flex}.sideboard-title h2{margin:0}.sideboard-deck-name{color:var(--text-dim);font-size:.812rem}.sideboard-timer{background:#ffffff0f;border-radius:6px;width:120px;height:28px;position:relative;overflow:hidden}.sideboard-timer-bar{background:var(--accent);opacity:.3;transition:width 1s linear;position:absolute;inset:0}.sideboard-timer.urgent .sideboard-timer-bar{background:#ff5c6c}.sideboard-timer-text{z-index:1;height:100%;font-size:.812rem;font-weight:700;font-family:var(--font-display);color:var(--text);justify-content:center;align-items:center;display:flex;position:relative}.sideboard-timer.urgent .sideboard-timer-text{color:#ff5c6c}.sideboard-columns{background:var(--border);flex:1;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.sideboard-column{background:var(--panel);flex-direction:column;display:flex;overflow:hidden}.sideboard-col-header{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.sideboard-col-header h3{color:var(--text-dim);margin:0;font-size:.812rem}.sideboard-col-count{border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:700}.sideboard-col-count.valid{color:#63e6be;background:#63e6be26}.sideboard-col-count.invalid{color:#ff5c6c;background:#ff5c6c26}.sideboard-filter{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;outline:none;margin:0 12px 8px;padding:6px 10px;font-size:.75rem}.sideboard-filter:focus{border-color:var(--accent)}.sideboard-card-list{flex:1;padding:0 8px 8px;overflow-y:auto}.sideboard-arena-list{padding:4px 8px 8px}.sideboard-arena-list.is-drag-over,.sideboard-column.is-drag-over{box-shadow:inset 0 0 16px #63b3ed40}.sideboard-card{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;width:100%;padding:6px 8px;transition:background .12s,border-color .12s;display:flex}.sideboard-card:hover{border-color:var(--border);background:#ffffff0a}.sideboard-card.max-copies{opacity:.5}.sideboard-card-img{object-fit:cover;border-radius:3px;flex-shrink:0;width:38px;height:53px}.sideboard-card-placeholder{background:linear-gradient(135deg,#1e2348 0%,#14182e 100%);border-radius:3px;flex-shrink:0;width:38px;height:53px}.sideboard-card-info{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.sideboard-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.sideboard-card-set{color:var(--text-dim);font-size:.625rem}.sideboard-validation{border-top:1px solid var(--border);background:#f565650f;flex-wrap:wrap;gap:8px;padding:8px 20px;display:flex}.validation-issue{border-radius:6px;padding:3px 8px;font-size:.688rem;font-weight:600}.validation-issue.error{color:#ff5c6c;background:#f5656526;border:1px solid #f565654d}.validation-issue.warning{color:#f6ad55;background:#f6ad551f;border:1px solid #f6ad5540}.arena-drop-target-hint{color:#63b3ed;background:#63b3ed14;border:1px dashed #63b3ed80;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:4px 0 8px;padding:10px;font-size:.75rem;font-weight:700;display:flex}.deck-category-section{margin-bottom:8px}.deck-category-header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;padding:6px 4px 4px;font-size:.688rem;font-weight:800;display:flex}.deck-category-count{background:#ffffff14;border-radius:10px;padding:1px 6px;font-size:.625rem}.deck-list-empty-hint{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:20px;font-size:.75rem;display:flex}.arena-floating-preview{z-index:1000;pointer-events:none;background:0 0;border-radius:12px;gap:12px;animation:.12s cubic-bezier(.1,.9,.2,1) arena-preview-pop;display:flex;position:fixed;box-shadow:0 16px 40px #000000f2,0 0 20px #ecc94b73}.preview-face-card{aspect-ratio:2.5/3.5;background:#111;border:2px solid #ecc94b99;border-radius:12px;width:250px;position:relative;overflow:hidden;box-shadow:0 8px 24px #000c}.preview-face-card img{object-fit:cover;width:100%;height:100%;display:block}.preview-face-label{z-index:2;color:#f6e05e;text-transform:uppercase;letter-spacing:.04em;background:#000000bf;border:1px solid #ecc94b;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800;position:absolute;top:6px;left:6px}.strip-btn.swap{color:#63b3ed}.strip-btn.swap:hover{color:#fff;background:#2b6cb0;border-color:#63b3ed}.sideboard-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.sideboard-counts{color:var(--text-dim);gap:16px;font-size:.75rem;display:flex}.sideboard-counts .valid{color:#63e6be}.sideboard-counts .invalid{color:#ff5c6c}.sideboard-footer-actions{align-items:center;gap:10px;display:flex}.wiki-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:.875rem;transition:background .15s,color .15s}.wiki-close-btn:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.wiki-nav-tabs{border-bottom:1px solid #ffffff0f;gap:8px;padding-bottom:8px;display:flex}.wiki-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:all .15s}.wiki-tab-btn:hover{color:#f8fafc;background:#ffffff0a}.wiki-tab-btn.active{color:#ffd070;background:#7c5cff2e;border-color:#a855f780;box-shadow:0 0 12px #7c5cff40}.wiki-content{flex:auto;min-height:200px;max-height:56vh;margin-top:14px;padding-right:6px;overflow-y:auto}.wiki-content::-webkit-scrollbar{width:6px}.wiki-content::-webkit-scrollbar-thumb{background:#a855f766;border-radius:4px}.wiki-search-bar-wrap{align-items:center;display:flex;position:relative}.wiki-search-icon{color:#94a3b8;font-size:.875rem;position:absolute;left:12px}.wiki-search-input{color:#f8fafc;background:#00000059;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px 38px 10px 36px;font-size:.812rem;transition:border-color .2s,box-shadow .2s}.wiki-search-input:focus{border-color:var(--accent,#a78bfa);box-shadow:0 0 0 2px #7c5cff33}.wiki-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.75rem;position:absolute;right:10px}.wiki-category-pills{flex-wrap:wrap;gap:6px;margin:12px 0 16px;display:flex}.wiki-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:4px 10px;font-size:.78rem;transition:all .15s}.wiki-pill:hover{color:#fff;background:#ffffff14}.wiki-pill.active{color:#ffd070;background:#a855f733;border-color:#a855f799;font-weight:700}.wiki-keywords-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.wiki-kw-card{background:#141a34b3;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:transform .15s,border-color .15s;display:flex}.wiki-kw-card:hover{background:#1a2244d9;border-color:#a855f766;transform:translateY(-2px)}.wiki-kw-card.cat-combat{border-left:3px solid #ef4444}.wiki-kw-card.cat-evasion{border-left:3px solid #38bdf8}.wiki-kw-card.cat-protection{border-left:3px solid #a855f7}.wiki-kw-card.cat-cards{border-left:3px solid #6366f1}.wiki-kw-card.cat-counters{border-left:3px solid #22c55e}.wiki-kw-card.cat-mana{border-left:3px solid #eab308}.wiki-kw-card.cat-graveyard{border-left:3px solid #d946ef}.wiki-kw-card.cat-mechanic{border-left:3px solid #f97316}.wiki-kw-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.wiki-kw-card-title{align-items:center;gap:6px;display:flex}.wiki-kw-icon{font-size:.938rem}.wiki-kw-name-en{color:#ffd070;font-size:.95rem;font-family:var(--font-display,serif)}.wiki-kw-name-es{color:#94a3b8;font-size:.8rem}.wiki-kw-type-badge{color:#94a3b8;background:#0000004d;border-radius:4px;padding:2px 6px;font-size:.7rem}.wiki-kw-summary{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.35}.wiki-kw-rule-ref{color:#64748b;border-top:1px dashed #ffffff0f;margin-top:4px;padding-top:4px;font-family:monospace;font-size:.72rem}.wiki-empty{text-align:center;color:#94a3b8;grid-column:1/-1;padding:40px 0}.wiki-empty span{opacity:.5;font-size:2rem}.wiki-phases-tab{flex-direction:column;gap:20px;display:flex}.wiki-section h3{color:#ffd070;font-size:1.05rem;font-family:var(--font-display,serif);margin:0 0 12px}.wiki-phases-timeline{flex-direction:column;gap:10px;display:flex}.phase-block{background:#141a3499;border:1px solid #ffffff14;border-radius:8px;padding:12px 14px}.phase-block.phase-beginning{border-left:4px solid #22c55e}.phase-block.phase-main{border-left:4px solid #3b82f6}.phase-block.phase-combat{border-left:4px solid #ef4444}.phase-block.phase-ending{border-left:4px solid #a855f7}.phase-title{color:#f8fafc;margin-bottom:6px;font-size:.92rem;font-weight:700}.phase-steps{flex-direction:column;gap:4px;display:flex}.phase-step{color:#cbd5e1;font-size:.82rem;line-height:1.35}.phase-step strong{color:#ffd070}.wiki-stack-card{color:#cbd5e1;background:#141a3499;border:1px solid #a855f74d;border-radius:8px;padding:14px;font-size:.85rem;line-height:1.4}.wiki-stack-card p{margin:0 0 8px}.wiki-stack-card p:last-child{margin-bottom:0}.wiki-shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.shortcut-card{background:#141a34b3;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.shortcut-key{color:#ffd070;white-space:nowrap;background:#00000080;border:1.5px solid #ffd07099;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:800}.shortcut-info strong{color:#f8fafc;margin-bottom:4px;font-size:.88rem;display:block}.shortcut-info p{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.3}.wiki-footer{border-top:1px solid #ffffff14;justify-content:flex-end;margin-top:16px;padding-top:12px;display:flex}.quick-reactions{background:#0a0d1a;border-top:1px solid #1e2444;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:flex}.quick-reaction-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.938rem;line-height:1;transition:background .15s,transform 50ms;display:flex}.quick-reaction-btn:hover:not(:disabled){background:#1a1f3a;transform:scale(1.08)}.quick-reaction-btn:disabled{opacity:.35;cursor:not-allowed}.quick-reaction-more{color:#6b7394;border:1px dashed #2e3560;margin-left:auto;font-size:1rem;font-weight:700}.game-chat{background:#0d1020;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.game-chat-messages{flex-direction:column;flex:1 1 0;gap:6px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.game-chat-empty{text-align:center;color:#64748b;justify-content:center;align-items:center;height:100%;padding:24px;font-size:.75rem;font-style:italic;line-height:1.5;display:flex}.game-chat-entry{color:#8890b0;word-break:break-word;font-size:.75rem;line-height:1.4}.game-chat-player{color:#7c5cff;margin-right:6px;font-weight:600}.game-chat-entry.own-msg .game-chat-player{color:#7dffd4}.game-chat-time{color:#5b6385;font-variant-numeric:tabular-nums;flex-shrink:0;margin-right:6px;font-size:.688rem}.game-chat-input{background:#0a0d1a;border-top:1px solid #1e2444;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;display:flex}.game-chat-input input{color:#e8eaf6;background:#141830;border:1px solid #1e2444;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:.812rem}.game-chat-input input:focus{border-color:#7c5cff}.game-chat-send{color:#fff;cursor:pointer;background:#7c5cff;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1rem;display:flex}.game-chat-send:hover{background:#8f74ff}.game-chat-send:disabled{opacity:.4;cursor:not-allowed}.game-chat-emoji-wrap{position:relative}.game-chat-emoji-btn{cursor:pointer;background:0 0;border:1px solid #1e2444;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:.875rem;transition:background .15s;display:flex}.game-chat-emoji-btn:hover{background:#141830}.game-chat-emoji-picker{z-index:50;background:#0f1224;border:1px solid #2a3158;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid;position:absolute;bottom:40px;left:0;box-shadow:0 8px 24px #0009}.game-chat-emoji-picker button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:1.125rem}.game-chat-emoji-picker button:hover{background:#1e2448}.phase-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1222bf;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:3px;padding:3px 8px;display:flex}.phase-group{align-items:center;gap:2px;display:flex}.phase-sep{color:#ffffff26;-webkit-user-select:none;user-select:none;margin:0 4px;font-size:.688rem}.phase-badge{min-width:24px;height:24px;font-size:.688rem;font-weight:700;font-family:var(--font-display,sans-serif);color:#8c96bc;-webkit-user-select:none;user-select:none;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;padding:3px 6px;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.phase-badge:hover{color:#fff;background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.phase-badge.past{color:#586082;background:0 0}.phase-badge.active{color:#fff;z-index:2;animation:phaseActiveIn calc(.3s / var(--fx-speed,1)) cubic-bezier(.34, 1.56, .64, 1);background:linear-gradient(135deg,#7c5cff 0%,#5636db 100%);border-color:#a084ff;transform:scale(1.08);box-shadow:0 0 12px #7c5cffb3,inset 0 1px 1px #fff6}@keyframes phaseActiveIn{0%{transform:scale(.85);box-shadow:0 0 4px #7c5cff4d}60%{transform:scale(1.22);box-shadow:0 0 20px #7c5cffe6}to{transform:scale(1.08);box-shadow:0 0 12px #7c5cffb3}}html.fx-off .phase-badge.active{animation:none!important}.phase-badge.has-stop{border-color:#ffd07059}.stop-dot{pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute}.stop-dot-opp{background:#38bdf8;top:1px;box-shadow:0 0 4px #38bdf8}.stop-dot-you{background:#ffd070;bottom:1px;box-shadow:0 0 4px #ffd070}.pass-menu{z-index:150;background:#171a21;border:1px solid #363b46;border-radius:10px;flex-direction:column;gap:2px;max-height:60vh;padding:8px;display:flex;position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;overflow-y:auto;box-shadow:0 -8px 30px #00000080}.pass-menu-section-label{letter-spacing:.08em;text-transform:uppercase;color:#4a5080;padding:4px 8px 2px;font-size:.625rem;font-weight:700}.pass-menu-item{color:#c8cae6;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:.812rem;transition:background .1s;display:flex}.pass-menu-item:hover{background:#252b4a}.pass-menu-item.is-active{color:#ffd27a;background:#ffb03a1f;border-color:#ffb03a99}.pass-menu-cancel{color:#ff9ea8}.pass-menu-cancel:hover{background:#2a1520}.pass-menu-key{color:#6b7394;background:#10131c;border:1px solid #262b3d;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:.688rem}.pass-menu-divider{background:#262b3d;height:1px;margin:6px 4px}.pass-menu-check{border-radius:6px;padding:6px 10px}.pass-menu-check:hover{background:#252b4a}.pass-menu-check.hold-priority-toggle{color:#ffb03a;font-weight:600}.pass-menu-check.hold-priority-toggle.is-active,.pass-menu-check.hold-priority-toggle:hover{color:#ffd27a}.action-button-container{background:#0a0d1a;border-top:1px solid #1e2444;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;display:flex;position:relative}.big-action-split{align-items:stretch;gap:4px;width:100%;display:flex}.big-action-split .big-action-btn{flex:1;min-width:0}.big-action-split.has-skip .big-action-btn.interactive{border-color:#ffb03a;box-shadow:0 0 20px #ffb03a73,0 8px 24px #0009}.big-action-toggle{color:#9aa1c0;cursor:pointer;background:#181c2e;border:1.5px solid #ffffff1f;border-radius:9px;flex-shrink:0;width:30px;font-size:.812rem;transition:background .15s,color .15s}.big-action-toggle:hover{color:#e8eaf6;background:#252b4a}.big-action-toggle.is-open{color:#cfc3ff;background:#252b4a;border-color:#7c5cff}.big-action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;min-height:42px;font-family:var(--font-display,sans-serif);border:1.5px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;padding:6px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0009}.action-btn-content{text-align:left;z-index:1;flex-direction:column;align-items:flex-start;display:flex}.action-btn-label{letter-spacing:.04em;text-transform:uppercase;color:#fff;align-items:center;font-size:.875rem;font-weight:800;line-height:1.1;display:flex}.action-btn-icon{align-items:center;margin-right:5px;font-size:.812rem;display:inline-flex}.action-btn-sublabel{color:#ffffffbf;margin-top:2px;font-size:.625rem;font-weight:500}.action-btn-shortcut{color:#ffffffbf;z-index:1;background:#00000059;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.625rem;font-weight:600}.big-action-btn.action-resolve{background:linear-gradient(135deg,#0e7490 0%,#0369a1 100%);border-color:#38bdf8;box-shadow:0 0 20px #38bdf866,0 8px 24px #0009}.big-action-btn.action-resolve:hover{background:linear-gradient(135deg,#0891b2 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 0 28px #38bdf899,0 8px 24px #000000b3}.big-action-btn.action-combat{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);border-color:#f87171;box-shadow:0 0 20px #f8717166,0 8px 24px #0009}.big-action-btn.action-combat:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 0 28px #f8717199,0 8px 24px #000000b3}.big-action-btn.action-priority{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#34d399;box-shadow:0 0 20px #34d39959,0 8px 24px #0009}.big-action-btn.action-priority:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 0 28px #34d3998c,0 8px 24px #000000b3}.big-action-btn.action-waiting,.big-action-btn.disabled{color:#555d7e;cursor:not-allowed;box-shadow:none;opacity:.65;background:#181c2e;border-color:#ffffff14}.big-action-btn.action-waiting .action-btn-label,.big-action-btn.disabled .action-btn-label{color:#6b759a}.big-action-btn.action-waiting .action-btn-shortcut,.big-action-btn.disabled .action-btn-shortcut{display:none}.priority-orb{color:#ffd98a;width:86px;height:86px;font-family:var(--font-display,inherit);cursor:pointer;z-index:30;background:radial-gradient(circle at 50% 32%,#3a2f14 0%,#241c0b 58%,#171106 100%);border:2px solid #ffd070d9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:box-shadow .25s,border-color .25s,filter .25s,opacity .25s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 6px 22px #000000a6,0 0 18px #ffb03a59,inset 0 1px #ffe6aa59}.priority-orb-label{letter-spacing:.06em;text-transform:uppercase;text-align:center;text-shadow:0 1px 3px #000c;padding:0 8px;font-size:.688rem;font-weight:700;line-height:1.15}.priority-orb-count{color:#fff;min-width:22px;height:22px;font-family:var(--font-ui,inherit);background:#7c5cff;border:1.5px solid #ffffff8c;border-radius:11px;justify-content:center;align-items:center;padding:0 5px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-2px;box-shadow:0 2px 8px #0009}.priority-orb-ring{opacity:0;pointer-events:none;border:2px solid #ffd070e6;border-color:#ffd070e6 #ffb03a73 #0000 #0000;border-radius:50%;position:absolute;inset:-7px}.priority-orb.active:after{content:"";opacity:.5;pointer-events:none;border-radius:50%;position:absolute;inset:-3px;box-shadow:0 0 26px 7px #ffb03a8c}@media (prefers-reduced-motion:no-preference){.priority-orb.active:after{animation:1.6s ease-in-out infinite orbGlowPulse}.priority-orb.active .priority-orb-ring{animation:3.2s linear infinite orbRingSpin}}@keyframes orbGlowPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes orbRingSpin{to{transform:rotate(360deg)}}.priority-orb.resolve{color:#cdbdff;background:radial-gradient(circle at 50% 32%,#241d45 0%,#191335 58%,#100c22 100%);border-color:#a88cffe6;box-shadow:0 6px 22px #000000a6,0 0 20px #7c5cff73,inset 0 1px #dccdff4d}.priority-orb.waiting{cursor:default;opacity:.55;filter:saturate(.4);color:#8c96c0;background:radial-gradient(circle at 50% 32%,#1b1f33 0%,#141828 58%,#0d1020 100%);border-color:#7882aa80;box-shadow:0 6px 18px #0009}.priority-orb:not(.waiting):hover{filter:brightness(1.15)}.priority-orb:disabled{pointer-events:none}.action-feed-turn-divider{flex-shrink:0;align-items:center;gap:8px;width:100%;margin:10px 0 6px;display:flex}.turn-line{background:linear-gradient(90deg,#ffd0701a,#ffd07066,#ffd0701a);flex:1;height:1px}.turn-badge{color:#ffd070;font-size:.688rem;font-weight:700;font-family:var(--font-display);letter-spacing:.5px;background:#1e180cd9;border:1px solid #ffd07080;border-radius:10px;padding:2px 8px;box-shadow:0 2px 6px #0009}.action-feed-card{cursor:pointer;background:#121830e6;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;flex-shrink:0;min-height:52px;margin-bottom:0;padding:8px 10px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.action-feed-card:hover{border-color:#ffd070b3;transform:translate(-2px);box-shadow:0 4px 12px #0009}.action-card-bg{opacity:.25;pointer-events:none;background-position:50% 25%;background-size:cover;width:55%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}.action-card-bg--tint{background-size:auto;background-position:initial;opacity:1}.tint-cast{background:linear-gradient(90deg,#0000,#60a5fa59 70%)}.tint-land{background:linear-gradient(90deg,#0000,#34d39959 70%)}.tint-attack{background:linear-gradient(90deg,#0000,#f8717159 70%)}.tint-block{background:linear-gradient(90deg,#0000,#38bdf859 70%)}.tint-damage{background:linear-gradient(90deg,#0000,#ef444466 70%)}.tint-life{background:linear-gradient(90deg,#0000,#34d3994d 70%)}.tint-ability{background:linear-gradient(90deg,#0000,#fbbf2459 70%)}.tint-draw{background:linear-gradient(90deg,#0000,#a78bfa59 70%)}.tint-discard{background:linear-gradient(90deg,#0000,#94a3b84d 70%)}.tint-phase{background:linear-gradient(90deg,#0000,#ffd0704d 70%)}.tint-system{background:linear-gradient(90deg,#0000,#ffd07059 70%)}.tint-chat{background:linear-gradient(90deg,#0000,#94a3b84d 70%)}.action-feed-card.no-art{min-height:0;padding:6px 10px}.action-card-content{z-index:2;flex-direction:column;gap:4px;display:flex;position:relative}.action-card-header{align-items:center;gap:6px;display:flex}.action-icon{font-size:.812rem}.action-player-tag{border-radius:4px;padding:1px 5px;font-size:.688rem;font-weight:700}.action-player-tag.me{color:#6ee7b7;background:#10b98140;border:1px solid #10b98166}.action-player-tag.opp{color:#fca5a5;background:#ef444440;border:1px solid #ef444466}.action-damage-badge{color:#fff;background:#ef4444e6;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:.688rem;font-weight:800}.action-life-badge{border-radius:4px;margin-left:auto;padding:1px 6px;font-size:.688rem;font-weight:800}.action-life-badge.loss{color:#fff;background:#ef4444cc}.action-life-badge.gain{color:#fff;background:#10b981cc}.action-card-body{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.action-card-name{color:#f8fafc;font-size:.75rem;font-weight:700;font-family:var(--font-display)}.action-target-pill{color:#ffd070;background:#ffd07026;border:1px solid #ffd07059;border-radius:4px;padding:1px 5px;font-size:.688rem}.action-desc-text{color:#94a3b8;font-size:.688rem}.action-feed-card.type-cast{border-left:3px solid #60a5fa}.action-feed-card.type-land{border-left:3px solid #34d399}.action-feed-card.type-attack{border-left:3px solid #f87171}.action-feed-card.type-block{border-left:3px solid #38bdf8}.action-feed-card.type-damage{background:#230f14e6;border-left:3px solid #ef4444}.action-feed-card.type-ability{border-left:3px solid #fbbf24}.action-feed-card.type-draw{border-left:3px solid #a78bfa}.action-feed-card.type-discard{border-left:3px solid #94a3b8}.action-feed-card.type-phase,.action-feed-card.type-system{border-left:3px solid #ffd070}.action-feed-card.type-life{border-left:3px solid #34d399}.action-feed-card.type-chat{border-left:3px solid #94a3b8}.action-feed-container{background:#0a0e1cf2;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid;overflow:hidden}.action-feed-controls{background:#121830cc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.action-feed-mode-toggle{background:#0006;border:1px solid #ffffff1a;border-radius:6px;gap:4px;padding:2px;display:flex}.mode-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-size:.688rem;font-weight:700;transition:all .15s}.mode-btn.active{color:#ffd070;background:#ffd07033;border:1px solid #ffd07066}.action-count-tag{color:#64748b;font-size:.688rem}.action-feed-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;gap:6px;height:100%;min-height:0;padding:8px 8px 16px;display:flex;overflow:hidden auto}.action-feed-list::-webkit-scrollbar{width:6px}.action-feed-list::-webkit-scrollbar-track{background:#0003}.action-feed-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.action-feed-list::-webkit-scrollbar-thumb:hover{background:#ffd07080}.action-feed-empty{color:#64748b;text-align:center;justify-content:center;align-items:center;height:100%;padding:24px;font-size:.75rem;font-style:italic;display:flex}.action-feed-raw-list{flex-direction:column;gap:4px;display:flex}.deck-tracker-panel{color:#c8d0ea;background:#0b0e1b;flex-direction:column;height:100%;min-height:0;font-family:inherit;display:flex;overflow:hidden}.tracker-header{background:#080b16;border-bottom:1px solid #1a2038;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 10px 6px;display:flex}.tracker-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tracker-title{color:#fff;align-items:center;gap:6px;min-width:0;font-size:.8125rem;font-weight:700;display:flex}.tracker-deck-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tracker-counts-pill{color:#ffb03a;white-space:nowrap;background:#ffb03a1a;border:1px solid #ffb03a47;border-radius:10px;flex-shrink:0;align-items:baseline;gap:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;font-weight:700;display:flex}.tracker-count-server{color:#94a3b8;font-size:.5625rem;font-weight:500}.tracker-dist-bar{background:#ffffff0d;border-radius:2px;gap:1px;height:4px;display:flex;overflow:hidden}.dist-seg{height:100%;transition:width .3s}.seg-lands{background:#34d399}.seg-creatures{background:#fb923c}.seg-spells{background:#60a5fa}.seg-other{background:#c084fc}.tracker-odds-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tracker-odd-cell{border-radius:4px;flex-direction:column;justify-content:space-between;padding:3px 6px;font-size:.625rem;transition:background .15s,border-color .15s;display:flex}.cell-lands{background:#34d39912;border:1px solid #34d39938}.cell-creatures{background:#fb923c12;border:1px solid #fb923c38}.cell-spells{background:#60a5fa12;border:1px solid #60a5fa38}.cell-other{background:#c084fc12;border:1px solid #c084fc38}.odd-cell-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:.5625rem;font-weight:600;display:flex}.odd-icon{opacity:.9;flex-shrink:0}.cell-lands .odd-icon{color:#34d399}.cell-creatures .odd-icon{color:#fb923c}.cell-spells .odd-icon{color:#60a5fa}.cell-other .odd-icon{color:#c084fc}.odd-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.odd-cell-values{justify-content:space-between;align-items:baseline;gap:4px;margin-top:1px;display:flex}.odd-pct{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:800;line-height:1.1}.cell-lands .odd-pct{color:#6ee7b7}.cell-creatures .odd-pct{color:#fdba74}.cell-spells .odd-pct{color:#93c5fd}.cell-other .odd-pct{color:#d8b4fe}.odd-count{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5625rem}.tracker-warning-chip{color:#fde047;background:#eab3081f;border:1px solid #eab3084d;border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:600}.tracker-controls{flex-direction:column;gap:4px;display:flex}.tracker-search-wrap{align-items:center;width:100%;display:flex;position:relative}.tracker-search-icon{color:#64748b;pointer-events:none;position:absolute;left:6px}.tracker-search-input{color:#fff;background:#121625;border:1px solid #232a48;border-radius:4px;outline:none;width:100%;height:24px;padding:2px 20px 2px 22px;font-size:.6875rem;transition:border-color .15s}.tracker-search-input:focus{border-color:var(--accent,#7c5cff)}.tracker-search-clear{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:.625rem;line-height:1;position:absolute;right:6px}.tracker-search-clear:hover{color:#fff}.tracker-actions-row{align-items:center;gap:4px;display:flex}.tracker-sort-wrap{flex:1;min-width:0}.tracker-sort-select{color:#cbd5e1;cursor:pointer;background:#121625;border:1px solid #232a48;border-radius:4px;outline:none;width:100%;height:24px;padding:1px 6px;font-size:.625rem;transition:border-color .15s}.tracker-sort-select:focus{border-color:var(--accent,#7c5cff)}.tracker-toggle-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#121625;border:1px solid #232a48;border-radius:4px;align-items:center;gap:4px;height:24px;padding:0 7px;font-size:.625rem;font-weight:600;transition:all .15s;display:inline-flex}.tracker-toggle-btn:hover{color:#fff;border-color:#fff3}.tracker-toggle-btn.active{border-color:var(--accent,#7c5cff);color:#fff;background:#7c5cff33}.tracker-card-list{flex-direction:column;flex:1;gap:2px;padding:3px 4px 6px;display:flex;overflow:hidden auto}.tracker-card-list::-webkit-scrollbar{width:4px}.tracker-card-list::-webkit-scrollbar-thumb{background:#232a48;border-radius:2px}.tracker-card-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#101422;border:1px solid #ffffff0d;border-radius:4px;align-items:center;height:32px;min-height:32px;padding-right:6px;transition:transform .1s,border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.tracker-card-row:hover{z-index:1;background:#151b2e;border-color:#7c5cff80}.tracker-row-fill{pointer-events:none;z-index:0;background:linear-gradient(90deg,#ffffff0a 0%,#ffffff03 100%);transition:width .25s;position:absolute;top:0;bottom:0;left:0}.tracker-color-bar{z-index:1;background:#94a3b8;flex-shrink:0;width:3.5px;height:100%}.tracker-color-bar.color-w{background:#facc15}.tracker-color-bar.color-u{background:#38bdf8}.tracker-color-bar.color-b{background:#64748b}.tracker-color-bar.color-r{background:#f87171}.tracker-color-bar.color-g{background:#4ade80}.tracker-color-bar.color-multi{background:linear-gradient(#facc15,#ea580c)}.tracker-color-bar.color-land{background:#78716c}.tracker-color-bar.color-colorless{background:#94a3b8}.tracker-mana-slot{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:100%;display:flex}.tracker-row-mana{justify-content:center;align-items:center;display:inline-flex}.tracker-land-icon{color:#a8a29e;opacity:.85}.tracker-zero-pip{color:#94a3b8;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;font-weight:800;display:flex}.tracker-name-col{z-index:1;flex:1;align-items:center;gap:4px;min-width:0;padding-left:2px;display:flex}.tracker-row-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.tracker-top-badge{color:#fde047;letter-spacing:.5px;white-space:nowrap;background:#eab30833;border:1px solid #eab308;border-radius:3px;flex-shrink:0;align-items:center;gap:3px;padding:1px 4px;font-size:.5625rem;font-weight:800;animation:1.5s infinite alternate pulseTopEye;display:inline-flex}@keyframes pulseTopEye{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.tracker-data-col{z-index:1;flex-shrink:0;align-items:center;gap:5px;margin-left:4px;display:flex}.tracker-row-count{color:#ffb03a;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;font-weight:700}.tracker-row-count.count-zero{color:#64748b;font-weight:500}.tracker-row-prob{color:#38bdf8;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;background:#38bdf814;border:1px solid #38bdf833;border-radius:3px;min-width:38px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem;font-weight:700}.tracker-card-row.is-empty{opacity:.35;background:#10142280}.tracker-card-row.is-empty .tracker-row-name{color:#64748b;text-decoration:line-through}.tracker-card-row.is-empty .tracker-row-prob{color:#64748b;background:#ffffff05;border-color:#ffffff0d}.tracker-card-row.is-top-revealed{border-color:#ffb03a66;box-shadow:inset 0 0 8px #ffb03a1a}.tracker-empty{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;font-size:.75rem;display:flex}.stack-zone{pointer-events:auto;box-sizing:border-box;background:0 0;flex-direction:column;gap:0;width:100%;height:100%;min-height:0;padding:8px 10px;display:flex;position:relative;overflow-y:auto}.stack-zone.empty{text-align:center;color:#626b90;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.stack-empty-state{flex-direction:column;align-items:center;gap:8px;display:flex}.stack-empty-icon{opacity:.5;font-size:2rem}.stack-empty-title{font-family:var(--font-display);color:#8c96c0;font-size:.875rem;font-weight:700}.stack-empty-desc{color:#5d668c;max-width:220px;font-size:.688rem;line-height:1.4}.stack-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding-bottom:8px;display:flex}.stack-header-left{flex-direction:column;gap:2px;display:flex}.stack-header-title{font-family:var(--font-display);color:#ffd070;letter-spacing:.04em;text-transform:uppercase;font-size:.812rem;font-weight:700}.stack-header-actions{align-items:center;gap:6px;display:flex}.stack-resolve-header-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#15803d,#16a34a);border:1px solid #63e6be80;border-radius:6px;padding:4px 10px;font-size:.688rem;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #16a34a4d}.stack-resolve-header-btn:hover{background:linear-gradient(135deg,#16a34a,#22c55e);transform:translateY(-1px);box-shadow:0 4px 14px #22c55e80}.stack-view-toggle{background:#00000059;border:1px solid #ffffff14;border-radius:5px;gap:2px;padding:2px;display:flex}.toggle-mode-btn{color:#8c96c0;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1;transition:all .15s}.toggle-mode-btn:hover{color:#fff;background:#ffffff14}.toggle-mode-btn.active{color:#fff;background:#3b82f6;font-weight:700;box-shadow:0 1px 4px #3b82f666}.stack-timeline{flex-direction:column;flex:1;width:100%;min-height:0;padding-bottom:16px;display:flex}.stack-tl-entry{border-radius:8px;gap:0;padding:2px 0;transition:background .15s;display:flex;position:relative}.stack-tl-entry.clickable{cursor:pointer}.stack-tl-entry:hover{background:#ffffff0a}.stack-tl-entry.targetable{background:#f59e0b1a}.stack-tl-entry.targetable:hover{background:#f59e0b2e}.stack-tl-rail{flex-direction:column;flex-shrink:0;align-items:center;width:24px;padding-top:10px;display:flex;position:relative}.stack-tl-node{z-index:2;background:#4b5563;border:2px solid #6b7280;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .2s;position:relative}.stack-tl-node.node-top{background:#22c55e;border-color:#4ade80;width:12px;height:12px;animation:2s ease-in-out infinite pulse-node;box-shadow:0 0 10px #22c55e99,0 0 20px #22c55e4d}@keyframes pulse-node{0%,to{box-shadow:0 0 10px #22c55e99,0 0 20px #22c55e4d}50%{box-shadow:0 0 14px #22c55ecc,0 0 28px #22c55e73}}.stack-tl-line{background:linear-gradient(#4b5563,#374151);flex:1;width:2px;min-height:8px;margin-top:2px}.stack-tl-line.line-top{background:linear-gradient(#22c55e,#4b5563)}.stack-tl-body{flex:1;min-width:0;padding:4px 6px 8px 2px}.stack-tl-pos-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.stack-tl-pos{letter-spacing:.03em;color:#6b7280;font-size:.594rem;font-weight:700}.stack-tl-entry.is-top .stack-tl-pos{color:#4ade80;text-shadow:0 0 6px #4ade804d}.stack-controller-pill{white-space:nowrap;letter-spacing:.02em;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.594rem;font-weight:700;line-height:1.2;display:inline-flex}.stack-controller-pill.is-me{color:#63e6be;background:#63e6be26;border:1px solid #63e6be66;box-shadow:0 0 6px #63e6be1f}.stack-controller-pill.is-opp{color:#ff8591;background:#ff475726;border:1px solid #ff475766;box-shadow:0 0 6px #ff47571f}.stack-controller-pill .ctrl-icon{font-size:.625rem}.stack-tl-card{background:#0f1426b3;border:1px solid #ffffff14;border-radius:7px;align-items:flex-start;gap:8px;padding:6px 8px;transition:all .15s;display:flex;position:relative}.stack-tl-entry.is-top .stack-tl-card{background:#0f1c14bf;border-color:#63e6be59;box-shadow:0 0 10px #63e6be1a}.stack-tl-entry:hover .stack-tl-card{background:#14192dd9;border-color:#ffffff26;box-shadow:0 4px 12px #0006}.stack-tl-entry.is-top:hover .stack-tl-card{border-color:#63e6be80;box-shadow:0 4px 16px #63e6be26}.stack-tl-entry.owner-mine .stack-tl-card{border-left:3px solid #63e6be}.stack-tl-entry.owner-opponent .stack-tl-card{border-left:3px solid #ff4757}.stack-thumb{background:#1e2337cc;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;width:40px;height:56px;overflow:hidden}.stack-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.stack-thumb-placeholder{opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.125rem;display:flex}.stack-tl-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stack-tl-name-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.stack-tl-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.75rem;font-weight:700;overflow:hidden}.stack-tl-entry.is-top .stack-tl-name{color:#fff}.stack-tl-mana{flex-shrink:0;align-items:center;gap:1px;font-size:.688rem;display:flex}.stack-tl-type-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.stack-tl-type-badge{white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:.594rem;font-weight:600}.stack-tl-type-badge.type-spell{color:#63e6be;background:#63e6be1f;border:1px solid #63e6be33}.stack-tl-type-badge.type-ability{color:#a5b4fc;background:#818cf81f;border:1px solid #818cf833}.stack-tl-subtype{color:#94a3b8;font-size:.594rem;font-style:italic}.stack-tl-pt{color:#fbbf24;background:#fbbf241a;border-radius:3px;padding:0 3px;font-size:.625rem;font-weight:700}.stack-tl-copy-badge{color:#e879f9;background:linear-gradient(135deg,#a855f733,#ec489933);border:1px solid #a855f74d;border-radius:3px;padding:1px 4px;font-size:.562rem;font-weight:700}.stack-tl-targets{color:#ffd070;align-items:baseline;gap:4px;min-width:0;font-size:.656rem;font-weight:600;display:flex}.stack-target-arrow{flex-shrink:0}.stack-target-names{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.stack-tl-rules{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;border-top:1px solid #ffffff0f;margin-top:2px;padding-top:3px;font-size:.656rem;line-height:1.4}.view-mode-expanded .stack-tl-card{padding:8px 10px}.view-mode-expanded .stack-tl-name{font-size:.812rem}.combat-arrows-overlay{pointer-events:none;z-index:28;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arrow-group{opacity:.95;transition:opacity .2s}.arrow-shadow{fill:none;stroke:#000000b3;stroke-width:6px;stroke-linecap:round}.arrow-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.arrow-path.arrow-attack{stroke:#ff4757;stroke-width:4px;stroke-dasharray:9 5;animation:1.2s linear infinite arrowFlowAttack}@keyframes arrowFlowAttack{0%{stroke-dashoffset:28px}to{stroke-dashoffset:0}}.arrow-path.arrow-block{stroke:#38bdf8;stroke-width:4px;stroke-dasharray:9 5;animation:1.2s linear infinite arrowFlowBlock}@keyframes arrowFlowBlock{0%{stroke-dashoffset:28px}to{stroke-dashoffset:0}}.arrow-path.arrow-target{stroke:#ffd070;stroke-width:3.5px;stroke-dasharray:7 6;animation:.8s linear infinite arrowFlowTarget}@keyframes arrowFlowTarget{0%{stroke-dashoffset:26px}to{stroke-dashoffset:0}}.feedback-overlay{pointer-events:none;z-index:999990;position:fixed;inset:0}.fx-floater{font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 2px 10px #000000d9,0 0 16px;will-change:transform, opacity;font-size:1.625rem;font-weight:800;animation-name:fxFloatUp;animation-timing-function:ease-out;animation-fill-mode:both;position:fixed;transform:translate(-50%,-50%)}.fx-floater.bad{color:#ff5c6c}.fx-floater.good{color:#4cd07d}.fx-floater.poison{color:#b678ff}@keyframes fxFloatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}18%{opacity:1;transform:translate(-50%,-55%)scale(1.18)}32%{transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(.95)}}.fx-banner{will-change:transform, opacity;background:linear-gradient(#141831f0,#0a0c1ce6);border:1px solid #7c5cff73;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 36px;animation-name:fxBannerIn;animation-timing-function:ease;animation-fill-mode:both;display:flex;position:fixed;top:32%;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #0009,0 0 26px #7c5cff38}.fx-banner-text{font-family:var(--font-display);color:var(--gold,#ffb03a);letter-spacing:.04em;text-shadow:0 2px 12px #000c;font-size:1.625rem;font-weight:700}.fx-banner-sub{color:var(--text-dim,#9aa1c0);letter-spacing:.08em;text-transform:uppercase;font-size:.812rem}@keyframes fxBannerIn{0%{opacity:0;transform:translate(-50%)translateY(-14px)scale(.92)}12%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}78%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.98)}}html.fx-off .fx-floater,html.fx-off .fx-banner{display:none}@media (prefers-reduced-motion:reduce){.fx-floater,.fx-banner{animation:none!important}}.mechanics-tray{width:100%;height:100%;font-family:var(--font-sans,system-ui, sans-serif);background:#0d1020;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.mechanics-tray.empty{justify-content:center;align-items:center;padding:16px;display:flex}.mechanics-empty-box{text-align:center;color:#94a3b8;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.mechanics-empty-box .empty-icon{font-size:1.75rem}.mechanics-empty-box h4{color:#e2e8f0;font-size:.812rem;font-weight:700;font-family:var(--font-display,serif);margin:0}.mechanics-empty-box p{color:#64748b;margin:0;font-size:.688rem;line-height:1.4}.mechanics-glossary-hint{text-align:left;background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:.625rem}.mechanics-glossary-hint span{color:#ffd070;margin-bottom:4px;font-weight:700;display:block}.mechanics-glossary-hint ul{color:#94a3b8;margin:0;padding-left:12px}.mechanics-glossary-hint li{margin-bottom:3px}.mechanics-nav-bar{scrollbar-width:none;background:#0a0d1ae6;border-bottom:1px solid #1e2444;align-items:center;gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.mechanics-nav-bar::-webkit-scrollbar{display:none}.mechanic-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.625rem;font-weight:700;transition:all .15s;display:inline-flex}.mechanic-tab-btn:hover{color:#fff;background:#ffffff1a}.mechanic-tab-btn.active{color:#ffd070;background:#ffd07033;border-color:#ffd070;box-shadow:0 0 8px #ffd0704d}.mechanics-content-scroll{scrollbar-width:thin;flex-direction:column;gap:10px;height:100%;min-height:0;padding:10px;display:flex;overflow:hidden auto}.mechanic-panel{flex-direction:column;gap:8px;display:flex}.mechanic-header-card{background:#141a32d9;border:1px solid #ffd0704d;border-radius:8px;padding:8px 10px}.mechanic-title-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.mechanic-title-row h3{color:#ffd070;font-size:.812rem;font-weight:800;font-family:var(--font-display,serif);margin:0}.ring-level-badge{color:#101322;text-transform:uppercase;letter-spacing:.03em;background:#ffd070;border-radius:6px;padding:2px 6px;font-size:.625rem;font-weight:800}.ring-bearer-row{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:.688rem;display:flex}.bearer-label{color:#94a3b8}.bearer-value{color:#e2e8f0;font-weight:700}.player-tag{color:#64748b;font-size:.625rem}.ring-levels-list{flex-direction:column;gap:6px;display:flex}.ring-level-card{background:#0f1426b3;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;transition:all .2s;display:flex}.ring-level-card.unlocked{background:#231e0fd9;border-color:#ffd07080;box-shadow:0 0 10px #ffd07026}.ring-level-card.current{border-color:#ffd070;box-shadow:0 0 14px #ffd07059}.ring-level-card.locked{opacity:.5}.level-header-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.level-num-title{align-items:center;gap:5px;display:flex}.level-num{font-size:.812rem;font-weight:900;font-family:var(--font-display,serif);color:#ffd070}.level-title{color:#e2e8f0;margin:0;font-size:.688rem;font-weight:700}.unlocked .level-title{color:#ffd070}.level-status{letter-spacing:.03em;color:#94a3b8;white-space:nowrap;background:#ffffff0d;border-radius:4px;padding:1px 5px;font-size:.5rem;font-weight:800}.unlocked .level-status{color:#63e6be;background:#63e6be26}.level-rule{color:#94a3b8;margin:0;font-size:.625rem;line-height:1.35}.mechanic-token-preview{justify-content:center;padding:6px;display:flex}.token-art-img{cursor:pointer;border:1px solid #ffd07066;border-radius:6px;width:100px;transition:transform .15s;box-shadow:0 4px 12px #0009}.token-art-img:hover{transform:scale(1.05)}.panel-dungeon .dungeon-sub{color:#64748b;margin:4px 0 0;font-size:.625rem}.dungeon-rooms-flow{flex-direction:column;gap:5px;display:flex}.dungeon-room-node{color:#cbd5e1;background:#0f192db3;border:1px solid #63e6be33;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:.625rem;display:flex}.dungeon-room-node.active-room{color:#63e6be;background:#14323ce6;border-color:#63e6be;font-weight:700;box-shadow:0 0 10px #63e6be66}.room-step{color:#94a3b8;font-weight:800}.current-marker{color:#63e6be;margin-left:auto;font-size:.562rem;font-weight:800}.dungeon-depth-group{flex-direction:column;display:flex}.dungeon-depth-link{justify-content:center;padding:1px 0;display:flex}.dungeon-fork-glyph{color:#63e6be;opacity:.8;font-size:.688rem}.dungeon-depth-row{flex-direction:column;gap:5px;display:flex}.dungeon-depth-row.is-fork{flex-direction:row}.dungeon-depth-row.is-fork .dungeon-room-node{flex-direction:column;flex:1;align-items:flex-start;min-width:0}.dungeon-room-node.visited-room{opacity:.75;border-color:#63e6be73}.dungeon-room-node .dungeon-leads{color:#7d8aa0;font-size:.562rem;display:block}.dungeon-room-node.active-room .dungeon-leads{color:#63e6be}.visited-marker{color:#63e6be;margin-left:auto;font-size:.562rem;font-weight:800}.dungeon-depth-row.is-fork .visited-marker,.dungeon-depth-row.is-fork .current-marker{margin-left:0}.daynight-banner{border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.daynight-banner.day-active{background:linear-gradient(135deg,#503c14e6,#1e140ae6);border:1.5px solid #ffd070;box-shadow:0 0 16px #ffd0704d}.daynight-banner.night-active{background:linear-gradient(135deg,#1e1941e6,#0f0c23e6);border:1.5px solid #818cf8;box-shadow:0 0 16px #818cf84d}.daynight-giant-icon{font-size:2rem}.daynight-giant-text h3{color:#fff;margin:0;font-size:.812rem;font-weight:800}.daynight-hint{color:#cbd5e1;font-size:.625rem;line-height:1.3}.daynight-rules-box{background:#0a0e1ccc;border:1px solid #ffffff14;border-radius:8px;padding:8px 10px}.daynight-rules-box h4{color:#ffd070;margin:0 0 6px;font-size:.688rem}.rule-card{color:#94a3b8;margin-bottom:6px;font-size:.625rem}.rule-badge{color:#e2e8f0;margin-bottom:2px;font-weight:700;display:inline-block}.monarch-header,.initiative-header{text-align:center;flex-direction:column;align-items:center;padding:12px;display:flex}.crown-large{margin-bottom:4px;font-size:1.75rem}.holder-row{color:#e2e8f0;margin:4px 0 0;font-size:.688rem}.mechanic-rules-box{flex-direction:column;gap:6px;display:flex}.rule-item{color:#94a3b8;background:#0f1426b3;border-radius:6px;gap:8px;padding:6px 8px;font-size:.625rem;display:flex}.rule-item strong{color:#e2e8f0;display:block}.rule-item p{margin:2px 0 0}.rule-icon{font-size:1rem}.blessing-players-list,.speed-players-list{flex-direction:column;gap:4px;display:flex}.blessing-player-row,.speed-player-row{color:#e2e8f0;background:#0f1426b3;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.688rem;display:flex}.badge-ascended{color:#ffd070;background:#ffd07033;border:1px solid #ffd07066;border-radius:4px;padding:2px 5px;font-size:.562rem;font-weight:800}.sidebar-commander-tab{box-sizing:border-box;flex-direction:column;height:100%;padding:8px;display:flex;overflow:hidden auto}.sidebar-commander-tab .commander-damage-matrix{box-shadow:none;background:0 0;border:none;padding:0}.commander-damage-matrix{background:#0d1022f5;border:1px solid #7c5cff38;border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:8px;font-size:.75rem;display:flex;box-shadow:0 4px 18px #00000073}.commander-damage-matrix.is-empty{opacity:.92}.cdm-header{border-bottom:1px solid #7c5cff2e;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.cdm-header-left{align-items:center;gap:8px;display:flex}.cdm-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#ffd070;font-size:.75rem;font-weight:800}.cdm-lethal-hint{color:#ff7878;background:#ff78781f;border:1px solid #ff787847;border-radius:4px;padding:1px 6px;font-size:.625rem;font-weight:700}.cdm-view-toggles{gap:4px;display:flex}.cdm-toggle-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #7c5cff33;border-radius:6px;padding:2px 7px;font-size:.688rem;transition:all .15s}.cdm-toggle-btn:hover{color:#fff;background:#ffffff1a}.cdm-toggle-btn.active{color:#fff;background:#7c5cff59;border-color:#a78bfa}.cdm-alert-box{flex-direction:column;gap:4px;display:flex}.cdm-alert-pill{border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.688rem;line-height:1.2;display:flex}.cdm-alert-pill.warning{color:#ffc058;background:#ffb03a24;border:1px solid #ffb03a59}.cdm-alert-pill.lethal{color:#fca5a5;background:#ef444433;border:1px solid #ef444480;animation:1.4s infinite alternate cdmLethalPulse}.cdm-cards-list{flex-direction:column;gap:8px;display:flex}.cdm-player-card{background:#ffffff08;border:1px solid #7c5cff26;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;transition:all .15s;display:flex}.cdm-player-card:hover{background:#ffffff0d;border-color:#7c5cff47}.cdm-player-card.is-active{background:#ffd0700a;border-color:#ffd07073}.cdm-player-card.is-defeated{opacity:.45;filter:grayscale(.8)}.cdm-player-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.cdm-player-identity{align-items:center;gap:6px;min-width:0;display:flex}.cdm-player-dot{color:#64748b;font-size:.5rem}.cdm-player-card.is-active .cdm-player-dot{color:#ffd070}.cdm-player-title{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:.781rem;font-weight:700;overflow:hidden}.cdm-badge-you{letter-spacing:.06em;color:#6ee7b7;background:#10b98126;border:1px solid #10b98159;border-radius:4px;padding:0 4px;font-size:.531rem;font-weight:800}.cdm-player-life-pill{color:#cbd5e1;background:#00000059;border-radius:6px;align-items:center;gap:3px;padding:1px 6px;font-size:.719rem;font-weight:700;display:flex}.cdm-player-commanders{flex-wrap:wrap;gap:4px;display:flex}.cdm-commander-badge{color:#ffd070;background:#ffd0701a;border:1px solid #ffd07040;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:.625rem;font-weight:600;display:inline-flex}.cdm-tax-badge{color:#ef4444;background:#ef444426;border-radius:3px;padding:0 3px;font-size:.562rem;font-weight:800}.cdm-damage-list{flex-direction:column;gap:5px;margin-top:2px;display:flex}.cdm-no-opponents{color:#64748b;font-size:.656rem;font-style:italic}.cdm-damage-item{background:#00000040;border:1px solid #ffffff0a;border-radius:6px;flex-direction:column;gap:2px;padding:4px 6px;display:flex}.cdm-damage-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.cdm-damage-source{align-items:baseline;gap:4px;min-width:0;display:flex;overflow:hidden}.cdm-source-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:.688rem;font-weight:600;overflow:hidden}.cdm-source-owner{color:#94a3b8;white-space:nowrap;font-size:.594rem}.cdm-damage-metric{white-space:nowrap;font-size:.688rem}.cdm-count-text{color:#cbd5e1}.cdm-denom{color:#64748b;font-size:.594rem}.cdm-damage-item.warning .cdm-count-text{color:#fbbf24}.cdm-lethal-badge{color:#ef4444;background:#ef444433;border:1px solid #ef444480;border-radius:4px;padding:0 4px;font-size:.594rem;font-weight:800}.cdm-progress-track{background:#ffffff0f;border-radius:999px;height:4px;overflow:hidden}.cdm-progress-bar{border-radius:999px;height:100%;transition:width .3s}.cdm-progress-bar.low{background:linear-gradient(90deg,#6366f1 0%,#818cf8 100%)}.cdm-progress-bar.mid{background:linear-gradient(90deg,#eab308 0%,#f59e0b 100%)}.cdm-progress-bar.warning{background:linear-gradient(90deg,#f97316 0%,#ef4444 100%)}.cdm-progress-bar.lethal{background:#ef4444;box-shadow:0 0 6px #ef4444cc}.cdm-table-wrap{scrollbar-width:thin;scrollbar-color:#7c5cff47 transparent;border-radius:6px;overflow:auto hidden}.cdm-table-hidden{display:none}.cdm-table{border-collapse:collapse;width:100%;min-width:260px;font-size:.719rem}.cdm-table th,.cdm-table td{text-align:center;white-space:nowrap;border:1px solid #7c5cff24;padding:5px 6px}.cdm-corner{color:#a78bfa;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:#7c5cff1f;font-size:.594rem;font-weight:700}.cdm-commander-head{color:#e8ecf6;text-overflow:ellipsis;background:#ffd07014;max-width:120px;font-weight:700;overflow:hidden}.cdm-cmd-name{color:#fff;font-size:.656rem;line-height:1.2;display:block}.cdm-cmd-owner{color:#8c96c0;margin-top:1px;font-size:.562rem;font-weight:600;display:block}.cdm-player-cell{color:#c8d0ea;background:#ffffff08;align-items:center;gap:6px;min-width:90px;font-weight:600;display:flex;text-align:left!important}.cdm-player-name{text-overflow:ellipsis;flex:1;overflow:hidden}.cdm-damage-cell{font-weight:700;font-family:var(--font-display);color:#c8d0ea;background:#ffffff05;transition:background .15s,color .15s}.cdm-damage-cell.is-self{color:#6b7394;background:#ffffff03}.cdm-damage-cell.is-warning{color:#ffb03a;background:#ffb03a29;border-color:#ffb03a52}.cdm-damage-cell.is-lethal{color:#fff;background:#ff3c3c38;border-color:#ff3c3c8c;animation:1.4s infinite alternate cdmLethalPulse;box-shadow:inset 0 0 0 1px #ff3c3c66,0 0 8px #ff3c3c59}@keyframes cdmLethalPulse{0%{box-shadow:inset 0 0 0 1px #ff3c3c66,0 0 6px #ff3c3c4d}to{box-shadow:inset 0 0 0 1px #ff3c3cb3,0 0 12px #ff3c3c8c}}.cdm-active-row .cdm-player-cell{background:#ffd07014;border-left:2px solid #ffd070}.cdm-footer{border-top:1px dashed #7c5cff1f;padding:4px 2px 0}.cdm-footer-hint{color:#64748b;font-size:.594rem;font-style:italic}.tournament-panel-backdrop{z-index:38;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040610c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tournament-panel{background:var(--panel,#0f1226);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:min(1600px,96vw);max-height:94vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.tournament-panel-header{background:#7c5cff14;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tournament-stalled-banner{color:#fecaca;background:#f871711f;border:1px solid #f8717180;border-radius:8px;margin:10px 16px 0;padding:10px 12px;font-size:.812rem;line-height:1.45}.tournament-panel-title{color:#e2e8f0;align-items:center;gap:8px;font-size:.812rem;font-weight:800;display:flex}.tournament-panel-icon{font-size:1rem}.tournament-panel-name{color:#ffd070;font-weight:800}.tournament-panel-actions{align-items:center;gap:8px;display:flex}.tournament-panel-collapse{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px;font-size:.688rem;font-weight:700}.tournament-panel-collapse:hover{color:#fff;background:#ffffff1f}.tournament-panel-quit{color:#ff9ea8;cursor:pointer;background:#3c141e99;border:1px solid #ff5c6c59;border-radius:6px;padding:4px 10px;font-size:.688rem;font-weight:700}.tournament-panel-quit:hover{color:#fff;background:#b4283cd9}.tournament-panel-quit:disabled{opacity:.5;cursor:not-allowed}.tournament-panel-close{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.tournament-panel-close:hover{color:#fff;background:#ff5c6c33}.tournament-panel-scroll{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.tournament-panel-chat{flex-direction:column;min-height:180px;display:flex}.tournament-panel-mini{z-index:30;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7c5cffe6;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:10px;padding:7px 14px;font-size:.75rem;font-weight:700;display:flex;position:fixed;top:52px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.tournament-panel-mini:hover{background:#7c5cff;transform:translate(-50%)translateY(-1px)}.tournament-panel-mini[style]{transform:none}.tournament-panel-mini[style]:hover{transform:translateY(-1px)}.tournament-panel-mini.is-dragging{cursor:grabbing;opacity:.92}.tournament-mini-expand{background:#ffffff2e;border-radius:10px;padding:2px 8px;font-size:.688rem}.game{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.game-top{background:#0a0d1a;border-bottom:1px solid #1e2444;flex-shrink:0;justify-content:space-between;align-items:center;min-height:40px;padding:6px 12px;display:flex}.game-top-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.game-top-center{flex:1;justify-content:center;align-items:center;min-width:0;padding:0 8px;display:flex}.game-state{align-items:center;gap:8px;font-size:.812rem;display:flex}.game-turn{color:#ffb03a;font-family:Cinzel,Merriweather,Georgia,serif;font-weight:700}.game-phase{color:#7c84a8}.game-controls{flex-shrink:0;align-items:center;gap:8px;font-size:.75rem;display:flex}.toggle{color:#6b7394;cursor:pointer;align-items:center;gap:5px;font-size:.75rem;display:flex}.toggle input{width:14px;height:14px}.game-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 250px;min-height:0;display:grid;position:relative;overflow:hidden}.board-wrap{background:#0f1220;min-width:0;min-height:0;position:relative;overflow:hidden}.game-right-panel{background:#0d1020;border-left:1px solid #1e2444;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.right-panel-tabs{background:#0a0d1a;border-bottom:1px solid #1e2444;grid-template-columns:1fr 1fr;display:grid}.right-tab-btn{font-size:.656rem;font-weight:700;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#6b759a;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff0a;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:5px;padding:7px 6px;transition:all .15s;display:flex}.right-tab-btn:hover{color:#c8d0ea;background:#ffffff0a}.right-tab-btn.active{color:#fff;border-bottom-color:var(--accent);background:#7c5cff1f}.right-tab-badge{color:#10131f;background:#ffb03a;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:800;line-height:1;display:inline-flex}.right-tab-badge.active-stack{background:#63e6be;animation:1.5s infinite alternate stackBadgePulse;box-shadow:0 0 8px #63e6be99}@keyframes stackBadgePulse{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #63e6bee6}}.right-panel-content{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.game-log-section{flex-direction:column;flex:1;min-height:0;display:flex}.game-log-entries{flex:1;padding:6px 10px;font-size:.75rem;line-height:1.4;overflow-y:auto}.game-log-entry{color:#6b7394;word-break:break-word;padding:2px 0}.game-log-player{color:#7c5cff;margin-right:6px;font-weight:600}.game-log-text{color:#8890b0}.starting-player-dialog{text-align:center;width:min(640px,96vw)}.starting-player-options{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;display:flex}.starting-player-btn{cursor:pointer;color:#e8ecf6;background:linear-gradient(#7c5cff24 0%,#3c287838 100%);border:1.5px solid #7c5cff4d;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-width:160px;padding:20px 28px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:flex}.starting-player-btn:hover:not(:disabled){background:linear-gradient(#7c5cff47 0%,#5032a061 100%);border-color:#7c5cffbf;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 36px #0000008c,0 0 20px #7c5cff40}.starting-player-btn:disabled{opacity:.45;cursor:not-allowed}.sp-avatar{filter:drop-shadow(0 2px 6px #0009);font-size:2.25rem;line-height:1}.sp-name{font-size:1.062rem;font-weight:700;font-family:var(--font-display);color:#fff;word-break:break-word;text-align:center}.sp-action{color:#a78bfa;letter-spacing:.04em;opacity:0;font-size:.688rem;font-weight:600;transition:opacity .15s,transform .15s;transform:translateY(4px)}.starting-player-btn:hover .sp-action{opacity:1;transform:translateY(0)}.feedback-options-wrap{flex-direction:column;gap:12px;display:flex}.feedback-options-grid{flex-direction:column;gap:8px;max-height:min(420px,50vh);padding-right:4px;display:flex;overflow-y:auto}.feedback-choice-card{color:#e2e8f0;cursor:pointer;text-align:left;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:.92rem;font-weight:500;transition:all .15s;display:flex}.feedback-choice-card:hover:not(:disabled){background:#7c5cff26;border-color:#7c5cff99;transform:translate(3px);box-shadow:0 6px 20px #00000059}.feedback-choice-card.selected{color:#fff;background:linear-gradient(90deg,#7c5cff47 0%,#5a3cc833 100%);border-color:#a78bfa;box-shadow:0 0 16px #7c5cff40}.choice-number{color:#94a3b8;background:#ffffff14;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.688rem;font-weight:700;display:grid}.feedback-choice-card.selected .choice-number{color:#0d1222;background:#a78bfa}.feedback-choice-card.kb-active{border-color:#ffd070b3;box-shadow:0 0 0 1px #ffd07080,0 6px 20px #00000059}.grid-no-results{text-align:center;color:#7a82a8;padding:14px 16px;font-size:.812rem}.choice-text{flex:1;line-height:1.4}.choice-checkbox{color:#a78bfa;font-size:.938rem;font-weight:800}.feedback-amount-wrap{flex-direction:column;align-items:center;gap:16px;margin-top:10px;display:flex}.feedback-amount-stepper{background:#00000059;border:1.5px solid #ffffff1a;border-radius:16px;align-items:center;gap:20px;padding:12px 24px;display:flex}.stepper-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1.5px solid #fff3;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.375rem;font-weight:700;transition:all .15s;display:grid}.stepper-btn:hover:not(:disabled){background:#3b82f6;border-color:#60a5fa;transform:scale(1.08)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-btn.mini{width:28px;height:28px;font-size:1rem}.stepper-display{flex-direction:column;align-items:center;min-width:90px;display:flex}.stepper-input{text-align:center;width:100px;font-size:2.4rem;font-weight:800;font-family:var(--font-display);color:#ffd070;-moz-appearance:textfield;background:0 0;border:none;outline:none;line-height:1}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-val{font-size:2.4rem;font-weight:800;font-family:var(--font-display);color:#ffd070;line-height:1}.stepper-range{color:#94a3b8;margin-top:4px;font-size:.688rem}.stepper-quick-row{gap:10px;display:flex}.quick-val-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:5px 12px;font-size:.75rem;transition:all .15s}.quick-val-btn:hover:not(:disabled){color:#fff;background:#ffffff24}.feedback-multi-amount-wrap{flex-direction:column;gap:16px;margin-top:8px;display:flex}.feedback-multi-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.multi-amount-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.multi-amount-label{color:#e2e8f0;font-size:.9rem}.multi-stepper{align-items:center;gap:10px;display:flex}.multi-stepper-val{text-align:center;color:#ffd070;min-width:24px;font-size:1.1rem;font-weight:700}.feedback-string-wrap{flex-direction:column;gap:16px;margin-top:8px;display:flex}.feedback-input-box{align-items:center;display:flex;position:relative}.feedback-input-icon{pointer-events:none;font-size:1rem;position:absolute;left:14px}.feedback-input-box input{color:#fff;background:#0006;border:1.5px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 42px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.feedback-input-box input:focus{border-color:#3b82f6;box-shadow:0 0 16px #3b82f64d}.feedback-dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.feedback-remember-answer{color:#9aa3c0;cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:.812rem;display:flex}.feedback-remember-answer input{accent-color:#7c5cff}.feedback-dialog-actions button{cursor:pointer;border-radius:10px;padding:10px 22px;font-size:.812rem;font-weight:700;transition:all .15s}.feedback-dialog-actions button.send-btn{color:#fff;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border:1px solid #60a5fa;box-shadow:0 4px 14px #2563eb66}.feedback-dialog-actions button.send-btn:hover:not(:disabled){background:linear-gradient(#3b82f6 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.feedback-dialog-actions button.cancel-btn{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff26}.feedback-dialog-actions button.cancel-btn:hover:not(:disabled){color:#fff;background:#ffffff1f}.action-prompt-bar{box-sizing:border-box;z-index:100;border-radius:var(--dlg-bar-radius);color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#141a2efa 0%,#0d1222fa 100%);border:1.5px solid #82a0e659;flex-direction:column;align-items:stretch;gap:8px;width:234px;padding:10px 12px;font-size:.75rem;animation:.16s cubic-bezier(.16,1,.3,1) promptIn;display:flex;position:fixed;bottom:68px;right:8px;box-shadow:0 12px 36px #000c,0 0 20px #6366f12e}@keyframes promptIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.action-prompt-info{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.action-prompt-title{color:var(--dlg-kicker-fg);background:var(--dlg-kicker-bg);border:1px solid var(--dlg-kicker-border);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.688rem;font-weight:700;line-height:1.4;display:inline-flex}.action-prompt-icon{align-items:center;margin-right:3px;font-size:.812rem;display:inline-flex}.action-prompt-msg{color:#fff;font-size:.719rem;font-weight:500;line-height:1.3}.action-prompt-hint{color:#94a3b8;font-size:.688rem;line-height:1.3}.action-prompt-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.action-prompt-actions button{color:#fff;cursor:pointer;white-space:nowrap;text-align:center;background:#252e60;border:1px solid #4a5a9e;border-radius:10px;flex:auto;padding:6px 12px;font-size:.688rem;font-weight:600;transition:all .15s}.action-prompt-actions button:hover{background:#354284}.action-prompt-actions button.primary{background:linear-gradient(#059669 0%,#047857 100%);border-color:#34d399;box-shadow:0 2px 10px #05966959}.action-prompt-actions button.primary:hover{background:linear-gradient(#10b981 0%,#059669 100%)}.action-prompt-actions button.cancel-btn{background:var(--dlg-cancel-bg);border-color:var(--dlg-cancel-border);color:var(--dlg-cancel-fg)}.action-prompt-actions button.cancel-btn:hover{color:#fff;background:#ffffff26}.mana-prompt-bar{border-color:#ffd07099;box-shadow:0 16px 48px #000c,0 0 20px #ffd07040}.targeting-bar{border-color:#34d39999;box-shadow:0 16px 48px #000c,0 0 20px #34d39933}.combat-bar{border-color:#f8717199;box-shadow:0 16px 48px #000c,0 0 20px #f8717133}.end-dialog{text-align:center}.end-winner-badge,.end-info,.end-match,.end-score,.end-duration,.end-actions,.end-dialog>button.primary{margin-top:10px}.end-winner-badge:first-child,.end-dialog>button.primary:first-child{margin-top:0}.end-info{color:#e8eaf6}.end-match{color:#ffb03a;font-weight:700}.end-score,.end-hint{color:#9aa1c0;font-size:.812rem}.end-winner-badge{color:#ffd070;background:#ffd07026;border:1px solid #ffd07066;border-radius:999px;margin:4px auto;padding:6px 14px;font-size:.95rem;font-weight:700;display:inline-block;box-shadow:0 2px 10px #ffd07033}.end-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.confirm-backdrop{z-index:2000}.confirm-modal .confirm-ok-danger{color:#fff;background:linear-gradient(#b91c1c 0%,#7f1d1d 100%);border:1px solid #ef4444;box-shadow:0 4px 14px #b91c1c66}.confirm-modal .confirm-ok-danger:hover:not(:disabled){filter:brightness(1.12)}.draft-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040610e0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.draft-screen{border:1px solid var(--border,#ffffff1a);background:var(--panel,#0f1226);border-radius:16px;flex-direction:column;width:min(1100px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.draft-header{border-bottom:1px solid var(--border,#ffffff1a);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.draft-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.draft-title h2{margin:0;font-size:1.125rem}.draft-subtitle{color:var(--text-dim,#94a3b8);font-size:.812rem}.draft-set-names{color:var(--text-dim,#94a3b8);opacity:.8;font-size:.688rem}.draft-header-right{align-items:center;gap:12px;display:flex}.draft-timer{background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:140px;height:32px;display:flex;position:relative;overflow:hidden}.draft-timer-bar{background:var(--accent,#7c5cff);opacity:.25;transition:width 1s linear;position:absolute;inset:0}.draft-timer.picking .draft-timer-bar{background:#63e6be}.draft-timer.urgent .draft-timer-bar{opacity:.35;background:#ff5c6c}.draft-timer.warn .draft-timer-bar{opacity:.3;background:#ffa94d}.draft-timer-text{z-index:1;font-weight:800;font-family:var(--font-display,sans-serif);font-size:.875rem;position:relative}.draft-timer-label{z-index:1;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim,#94a3b8);font-size:.625rem;position:relative}.draft-timer.urgent .draft-timer-text{color:#ff5c6c}.draft-timer.warn .draft-timer-text{color:#ffa94d}.draft-quit-btn{color:#ff9ea8;cursor:pointer;background:#3c141e80;border:1px solid #ff5c6c4d;border-radius:6px;padding:6px 12px;font-size:.75rem}.draft-quit-btn:hover{color:#fff;background:#b4283ccc}.draft-log-btn{color:#c4b5fd;cursor:pointer;background:#281e5080;border:1px solid #7c5cff59;border-radius:6px;padding:6px 12px;font-size:.75rem}.draft-log-btn:hover{color:#fff;background:#5a46b4cc}.draft-table{flex-wrap:wrap;align-items:center;gap:4px;padding:4px 12px 8px;display:flex}.draft-table-dir{color:var(--accent,#7c5cff);margin-right:4px;font-weight:800}.draft-seat{color:var(--text-dim,#94a3b8);background:#ffffff0f;border-radius:10px;padding:2px 8px;font-size:.6875rem}.draft-pick-hide{cursor:pointer;opacity:0;background:#000000a6;border:1px solid #ffffff40;border-radius:50%;width:22px;height:22px;font-size:.6875rem;line-height:1;transition:opacity .15s;position:absolute;top:2px;right:2px}.draft-pick-card:hover .draft-pick-hide,.draft-pick-hide:focus-visible{opacity:1}.draft-hidden-link{color:var(--text-dim,#94a3b8);cursor:pointer;background:0 0;border:1px dashed #ffffff40;border-radius:10px;margin:0 12px 6px;padding:2px 8px;font-size:.6875rem}.draft-hidden-link:hover{color:#fff;border-color:#ffffff80}.arena-floating-preview{z-index:1000;pointer-events:none;position:fixed}.arena-floating-preview img{border-radius:12px;max-width:255px}.draft-status{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.draft-status-picking{color:#63e6be;font-size:.75rem;font-weight:600}.draft-status-waiting{color:#f6ad55;font-size:.75rem;font-weight:600}.draft-status-count{color:var(--text-dim,#94a3b8);font-size:.688rem}.draft-booster-area,.draft-picks-area{padding:12px 16px}.draft-booster-area{flex:1;min-height:220px;overflow-y:auto}.draft-picks-area{border-top:1px solid var(--border,#ffffff14);background:#00000026;max-height:260px;overflow-y:auto}.draft-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim,#94a3b8);margin:0 0 8px;font-size:.688rem}.draft-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.draft-card{cursor:pointer;aspect-ratio:2.5/3.5;background:#1a1d2e;border:2px solid #0000;border-radius:10px;flex-direction:column;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.draft-card:hover:not(:disabled){border-color:var(--accent,#7c5cff);transform:translateY(-3px);box-shadow:0 8px 24px #7c5cff4d}.draft-card.is-disabled{opacity:.6;cursor:not-allowed}.draft-card.is-marked{border-color:#ecc94b;box-shadow:0 0 14px #ecc94b73}.draft-card.is-busy{opacity:.5}.draft-card-img{object-fit:cover;width:100%;height:100%;display:block}.draft-card-placeholder{color:var(--text-dim,#94a3b8);text-align:center;background:linear-gradient(135deg,#1e2348 0%,#14182e 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.draft-card-placeholder.small{aspect-ratio:2.5/3.5}.draft-card-placeholder-name{color:var(--text,#e2e8f0);word-break:break-word;font-size:.688rem;font-weight:700}.draft-card-placeholder-set{color:var(--text-dim,#94a3b8);font-size:.625rem}.draft-card-mark{color:#1a202c;background:#ecc94b;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.625rem;font-weight:800;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0006}.draft-card-busy{color:#fff;background:#00000080;place-items:center;font-size:1.25rem;display:grid;position:absolute;inset:0}.draft-card-name-overlay{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000d9);padding:4px 6px;font-size:.625rem;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.draft-picks-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.draft-pick-card{aspect-ratio:2.5/3.5;background:#1a1d2e;border:1px solid #ffffff14;border-radius:8px;position:relative;overflow:hidden}.draft-pick-img{object-fit:cover;width:100%;height:100%}.draft-empty,.draft-picks-empty{text-align:center;color:var(--text-dim,#94a3b8);padding:24px;font-size:.75rem}.draft-picks-empty{padding:12px}.construct-backdrop{z-index:35;background:#040610d9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.construct-screen{border:1px solid var(--border,#ffffff1a);background:var(--panel,#0f1226);border-radius:16px;flex-direction:column;width:min(960px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000080}.construct-header{border-bottom:1px solid var(--border,#ffffff1a);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.construct-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.construct-title h2{margin:0}.construct-deck-name{color:var(--text-dim,#94a3b8);font-size:.812rem}.construct-pool-info{color:var(--text-dim,#94a3b8);background:#ffffff0f;border-radius:10px;padding:2px 8px;font-size:.688rem}.construct-timer{background:#ffffff0f;border-radius:6px;width:120px;height:28px;position:relative;overflow:hidden}.construct-timer-bar{background:var(--accent,#7c5cff);opacity:.3;transition:width 1s linear;position:absolute;inset:0}.construct-timer.urgent .construct-timer-bar{background:#ff5c6c}.construct-timer-text{z-index:1;height:100%;font-size:.812rem;font-weight:700;font-family:var(--font-display,sans-serif);justify-content:center;align-items:center;display:flex;position:relative}.construct-timer.urgent .construct-timer-text{color:#ff5c6c}.construct-columns{background:var(--border,#ffffff14);flex:1;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.construct-column{background:var(--panel,#0f1226);flex-direction:column;display:flex;overflow:hidden}.construct-col-header{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.construct-col-header h3{color:var(--text-dim,#94a3b8);margin:0;font-size:.812rem}.construct-col-count{color:var(--text,#e2e8f0);background:#ffffff14;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:700}.construct-col-count.valid{color:#63e6be;background:#63e6be26}.construct-col-count.invalid{color:#ff5c6c;background:#ff5c6c26}.construct-filter{border:1px solid var(--border,#ffffff1a);background:var(--bg,#0a0d1a);color:var(--text,#e2e8f0);border-radius:6px;outline:none;margin:0 12px 8px;padding:6px 10px;font-size:.75rem}.construct-filter:focus{border-color:var(--accent,#7c5cff)}.construct-card-list{flex:1;padding:0 8px 8px;overflow-y:auto}.construct-arena-list{padding:4px 8px 8px}.construct-arena-list.is-drag-over,.construct-column.is-drag-over{box-shadow:inset 0 0 16px #63b3ed40}.construct-validation{border-top:1px solid var(--border,#ffffff1a);background:#f565650f;flex-wrap:wrap;gap:8px;padding:8px 20px;display:flex}.construct-footer{border-top:1px solid var(--border,#ffffff1a);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.construct-counts{color:var(--text-dim,#94a3b8);gap:16px;font-size:.75rem;display:flex}.construct-counts .valid{color:#63e6be}.construct-counts .invalid{color:#ff5c6c}.construct-screen .arena-drop-target-hint{color:#63b3ed;background:#63b3ed14;border:1px dashed #63b3ed80;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:4px 0 8px;padding:10px;font-size:.75rem;font-weight:700;display:flex}.construct-screen .deck-category-section{margin-bottom:8px}.construct-screen .deck-category-header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim,#94a3b8);justify-content:space-between;align-items:center;padding:6px 4px 4px;font-size:.688rem;font-weight:800;display:flex}.construct-screen .deck-category-count{background:#ffffff14;border-radius:10px;padding:1px 6px;font-size:.625rem}.construct-screen .deck-list-empty-hint{color:var(--text-dim,#94a3b8);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:20px;font-size:.75rem;display:flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#1a1e33;--panel-2:#232a45;--border:#2e3560;--text:#e8eaf6;--text-dim:#9aa1c0;--accent:#7c5cff;--accent-2:#ffb03a;--gold:#ffb03a;--good:#4cd07d;--bad:#ff5c6c;--font-display:"Cinzel", "Merriweather", Georgia, serif;--sidebar-w:64px;--stack-w:80px;--top-h:200px;--bottom-h:220px;--hand-h:180px;--card-w:clamp(112px, 8.5vw, 142px);--card-aspect:.714;--fx-speed:1;--cjk-boost:1;--dlg-backdrop:#03060ec7;--dlg-backdrop-blur:8px;--dlg-z:90;--dlg-radius:18px;--dlg-padding:24px 28px 28px;--dlg-bg:linear-gradient(180deg, #161b2e 0%, #0d1222 100%);--dlg-border:1px solid #8296dc38;--dlg-shadow:0 32px 80px #000000b3, 0 0 0 1px #ffffff0d;--dlg-anim:dialogIn .18s cubic-bezier(.16, 1, .3, 1);--dlg-width-sm:min(440px, 94vw);--dlg-width-md:min(600px, 94vw);--dlg-width-lg:min(1100px, 96vw);--dlg-max-h:min(780px, 90vh);--dlg-kicker-fg:#ffd070;--dlg-kicker-bg:#ffd0701f;--dlg-kicker-border:#ffd07040;--dlg-title-fg:#fff;--dlg-source-fg:#38bdf8;--dlg-msg-fg:#94a3b8;--dlg-primary-bg:linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);--dlg-primary-border:#60a5fa;--dlg-primary-fg:#fff;--dlg-cancel-bg:#ffffff0f;--dlg-cancel-border:#ffffff26;--dlg-cancel-fg:#94a3b8;--dlg-choice-bg:#ffffff0a;--dlg-choice-border:#ffffff1a;--dlg-choice-hover-bg:#7c5cff26;--dlg-choice-hover-border:#7c5cff99;--dlg-choice-selected-border:#a78bfa;--dlg-bar-w:234px;--dlg-bar-radius:12px;--dlg-bar-blur:12px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}html{font-size:calc(16px * var(--cjk-boost))}:root:lang(ja){font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,Segoe UI,system-ui,sans-serif}:root:lang(zh){font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif}html:lang(ja) body,html:lang(zh) body{letter-spacing:.02em;line-height:1.55}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mana-symbol-svg{object-fit:contain;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}html.fx-off .fx-decorate,html.fx-off .fx-popover,html.fx-off .fx-popover .fx-toggle-knob{transition:none!important;animation:none!important}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}#root{overflow-x:hidden}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px;transition:background .15s,transform 50ms}button:hover{background:#2d3560}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);font-weight:600}button.primary:hover{background:#8f74ff}input,select{font:inherit;color:var(--text);border:1px solid var(--border);background:#141831;border-radius:8px;padding:8px 10px}input:focus,select:focus{outline:1px solid var(--accent)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.crash-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:32px;display:flex}.crash-screen pre{white-space:pre-wrap;word-break:break-word;background:var(--panel-2);border:1px solid var(--border);max-width:640px;color:var(--bad);border-radius:8px;padding:10px}.reconnect-banner{z-index:50;border-bottom:1px solid var(--accent-2);color:var(--accent-2);text-align:center;background:#4a3a10;padding:6px 12px;font-size:.812rem;position:fixed;top:0;left:0;right:0}.board-error{height:100%;color:var(--text-dim);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:.875rem;display:flex}.board-error code{color:var(--bad)}.app-attribution{z-index:40;color:#e8eaf673;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0d1ca6;border:1px solid #ffffff0f;border-radius:999px;padding:2px 10px;font-size:.625rem;position:fixed;bottom:4px;left:50%;transform:translate(-50%)}.app-attribution a{pointer-events:auto;color:#8ea0ffd9;text-decoration:none}.app-attribution a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c5cff66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c5cffb3}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;border-radius:10px;align-items:center;gap:10px;max-width:340px;padding:10px 14px;font-size:.812rem;font-weight:600;line-height:1.4;animation:.22s cubic-bezier(.16,1,.3,1) forwards toastIn;display:flex;box-shadow:0 8px 24px #0000008c}.toast.exiting{animation:.18s forwards toastOut}.toast-success{color:#c6fff0;background:#1c6b50eb;border:1px solid #63e6be}.toast-error{color:#ffc0c8;background:#50141eeb;border:1px solid #ff5c6c}.toast-info{color:#c4cae8;background:#0e2850eb;border:1px solid #7c5cffb3}.toast-icon{flex-shrink:0;font-size:.938rem}.toast-msg{flex:1}.toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:.875rem;line-height:1}.toast-close:hover{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translate(24px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(24px)scale(.95)}}