:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}html,body{width:100%;margin:0;overflow-x:hidden}#root{text-align:left;box-sizing:border-box;border:none;width:100%;max-width:100%;min-height:100dvh;margin:0;display:block}.playing-card-slot{z-index:1;flex-direction:column;align-items:center;gap:4px;transition:z-index 0s .15s;display:flex;position:relative}.playing-card-slot:hover{z-index:100;transition:z-index}.playing-card{border-radius:var(--theme-card-face-radius,10px);border:1.5px solid var(--theme-card-face-border,#0000001a);background:var(--theme-card-face-bg,var(--card-bg));cursor:pointer;width:96px;height:134px;transition:transform .18s var(--ease-out-back), box-shadow .18s ease, filter .18s ease;font-family:var(--font-card);transform-style:preserve-3d;backface-visibility:hidden;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000026,0 6px 16px #0003,inset 0 1px #fffc}.hand-row--player .playing-card{border-radius:14px;width:124px;height:173px}.hand-row--player .card-rank{font-size:1.25rem}.hand-row--player .card-suit-sm{font-size:.82rem}.hand-row--player .card-suit-center{font-size:2.2rem}.hand-row--player .card-corner-tl{top:8px;left:9px}.hand-row--player .card-corner-br{bottom:8px;right:9px}.hand-row--player .playing-card-empty-slot{border-radius:14px;width:124px;height:173px}.hand-row--player .playing-empty-icon{font-size:1.9rem}.playing-card.red{color:var(--theme-red-suit,#b91c1c)}.playing-card.black{color:var(--theme-black-suit,#1a1a2e)}.playing-card:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-14px)scale(1.06);box-shadow:0 4px 8px #00000026,0 16px 40px #0000004d,inset 0 1px #fffc}.playing-card.selected{box-shadow:0 0 0 3px var(--accent-gold), 0 0 24px #d4a84359, 0 16px 40px #0000004d;transform:translateY(-16px)scale(1.05)}.playing-card:disabled{cursor:default}.playing-card.highlight-primary{box-shadow:0 0 0 2.5px var(--accent-emerald), 0 0 14px #2ecc7140, 0 6px 16px #0003}.playing-card.highlight-secondary{box-shadow:0 0 0 2.5px #60a5fa,0 0 14px #60a5fa40,0 6px 16px #0003}.playing-card.highlight-premium{box-shadow:0 0 0 2.5px var(--accent-gold), 0 0 18px var(--accent-gold-glow), 0 6px 16px #0003;animation:3s ease-in-out infinite premium-shimmer}@keyframes premium-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.06)}}.playing-card-back-face{background:var(--theme-card-back-bg,linear-gradient(155deg, #152a45 0%, #1c3758 50%, #112238 100%));border-color:var(--theme-card-back-border,#1c375899);color:#d4a84366;cursor:default}.playing-card-back-face:after{content:"";pointer-events:none;border:1px solid #d4a8431a;border-radius:6px;position:absolute;inset:6px}.playing-card-back-face:not(:disabled){cursor:pointer}.playing-card-back-face:hover:not(:disabled){transform:translateY(-14px)scale(1.06)}.playing-back-emblem{font-family:var(--font-display);opacity:.5;font-size:1.6rem;font-weight:700}.playing-card-empty-slot{cursor:default;box-shadow:none;background:#0a142380;border:2px dashed #ffffff0f}.playing-empty-icon{font-family:var(--font-display);color:#ffffff14;font-size:1.3rem}.card-corner{flex-direction:column;align-items:center;gap:0;line-height:1;display:flex;position:absolute}.card-corner-tl{top:5px;left:6px}.card-corner-br{bottom:5px;right:6px;transform:rotate(180deg)}.card-rank{font-size:.82rem;font-weight:700}.card-suit-sm{font-size:.56rem}.card-suit-center{font-size:1.3rem;line-height:1}.status-slot-row{justify-content:center;gap:3px;min-height:18px;display:flex}.status-slot{font-size:.6rem;font-weight:700;font-family:var(--font-body);border-radius:6px;align-items:center;gap:2px;padding:2px 6px;display:flex}.status-slot.status-empty{visibility:hidden;height:18px}.status-protect{color:var(--accent-emerald);background:#2ecc7126;border:1px solid #2ecc7180}.status-freeze{color:#bfdbfe;background:#93c5fd1f;border:1px solid #93c5fd80}.status-slot-icon{font-size:.6rem}.status-slot-turns{font-variant-numeric:tabular-nums}.frost-overlay{border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(135deg,#bfdbfe14 0 2px,#0000 2px 6px),linear-gradient(135deg,#bfdbfe59,#93c5fd38);position:absolute;inset:0}.frost-overlay--persistent{opacity:1;animation:none}.playing-card--frozen{filter:saturate(.55)brightness(1.05)}.playing-card--protected{box-shadow:0 0 0 1.5px #2ecc7159,0 6px 16px #0003}.playing-card--protected:not(:hover){animation:3s ease-in-out infinite protect-breathe}.playing-card--blocked{cursor:not-allowed!important}.playing-card--blocked:hover{animation:.28s ease-in-out card-blocked-shake}.card-status-badge{z-index:3;font-size:.55rem;font-weight:700;font-family:var(--font-body);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;align-items:center;gap:2px;padding:2px 5px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.card-status-badge--freeze{color:#dbeafe;background:#93c5fd33;border:1px solid #93c5fd8c}.card-status-badge--protect{color:#86efac;background:#2ecc712e;border:1px solid #2ecc718c}.card-status-badge--spy{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf68c}@keyframes protect-breathe{0%,to{box-shadow:0 0 0 1.5px #2ecc7140,0 6px 16px #0003}50%{box-shadow:0 0 0 2px #2ecc7173,0 0 14px #2ecc7133}}@keyframes card-blocked-shake{0%,to{transform:translateY(-14px)scale(1.06)translate(0)}25%{transform:translateY(-14px)scale(1.06)translate(-4px)}75%{transform:translateY(-14px)scale(1.06)translate(4px)}}.anim-swap-airborne{opacity:0}.anim-freeze-crystallize .frost-overlay--persistent{animation:.45s ease-out forwards frost-crystallize}.anim-protect-cast{animation:protect-cast-ring .5s var(--ease-out-back)}.anim-protect-cast:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #2ecc7180;animation:.5s ease-out forwards protect-ring-expand;position:absolute;inset:-6px}.anim-cleanse-break .frost-overlay--persistent{animation:.45s ease-in forwards frost-shatter-out}.anim-cleanse-break{animation:.45s ease-out cleanse-sparkle}@keyframes frost-crystallize{0%{opacity:0;clip-path:inset(0 100% 100% 0);transform:scale(1.05)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}@keyframes frost-shatter-out{0%{opacity:1;filter:brightness();transform:scale(1)}40%{opacity:1;filter:brightness(1.4);transform:scale(1.04)}to{opacity:0;filter:brightness(1.8);transform:scale(1.12)}}@keyframes cleanse-sparkle{0%,to{filter:brightness()saturate()}35%{filter:brightness(1.35)saturate(1.2)}}@keyframes protect-cast-ring{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes protect-ring-expand{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@keyframes frost-snap{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes card-draw-in{0%{opacity:0;transform:translateY(-24px)scale(.65)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-protect-glow{0%{box-shadow:0 0 #2ecc7199}50%{box-shadow:0 0 20px 6px #2ecc714d}to{box-shadow:0 6px 16px #0003}}@keyframes card-cleanse-flash{0%{filter:brightness(1.8)}to{filter:brightness()}}.effect-card{cursor:pointer;width:86px;height:120px;transition:transform .18s var(--ease-out-back), filter .18s ease, z-index 0s;z-index:1;background:0 0;border:none;flex-shrink:0;padding:0;position:relative}.effect-card:hover{z-index:100}.effect-card-large{width:120px;height:168px}.effect-card-compact{width:46px;height:64px}.effect-card-compact .effect-card-header{padding:3px 2px 0}.effect-card-compact .effect-card-name{letter-spacing:.02em;font-size:.38rem}.effect-card-compact .effect-card-art{min-height:24px;padding:0}.effect-card-compact .effect-card-icon-badge{border-radius:7px;width:24px;height:24px}.effect-card-compact .effect-card-desc{display:none}.effect-card-compact .effect-card-gem{width:6px;height:6px}.effect-card--board{width:110px;height:154px}.effect-card--board .effect-card-header{padding:5px 4px 0}.effect-card--board .effect-card-name{letter-spacing:.02em;font-size:.46rem}.effect-card--board .effect-card-art{min-height:40px;padding:2px 0}.effect-card--board .effect-card-icon-badge{border-radius:8px;width:30px;height:30px}.effect-card--board .effect-card-desc{-webkit-line-clamp:2;padding:0 4px 5px;font-size:.4rem}.effect-card--board .effect-card-gem{width:7px;height:7px}.effect-card--board-bot{width:96px;height:134px}.effect-card--board-bot .effect-card-header{padding:4px 3px 0}.effect-card--board-bot .effect-card-name{letter-spacing:.02em;font-size:.42rem}.effect-card--board-bot .effect-card-art{min-height:36px;padding:2px 0}.effect-card--board-bot .effect-card-icon-badge{border-radius:8px;width:28px;height:28px}.effect-card--board-bot .effect-card-desc{-webkit-line-clamp:2;padding:0 3px 4px;font-size:.38rem}.effect-card--board-bot .effect-card-gem{width:7px;height:7px}.effect-card--board-player{width:124px;height:173px}.effect-card--board-player .effect-card-header{padding:7px 5px 0}.effect-card--board-player .effect-card-name{font-size:.56rem}.effect-card--board-player .effect-card-art{min-height:56px;padding:4px 0}.effect-card--board-player .effect-card-icon-badge{border-radius:11px;width:40px;height:40px}.effect-card--board-player .effect-card-desc{-webkit-line-clamp:2;padding:0 5px 7px;font-size:.46rem}.effect-card--board-player .effect-card-gem{width:9px;height:9px}.effect-card-back.compact{width:46px;height:64px}.effect-card-back--spy-flip,.effect-card--spy-flip{animation:.72s cubic-bezier(.45,.05,.25,1) effect-spy-flip}@keyframes effect-spy-flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.effect-card--spy-revealed .effect-card-frame{border-color:#8b5cf6d9;animation:2.4s ease-in-out infinite spy-revealed-glow;box-shadow:0 0 0 2px #8b5cf659,0 0 18px #7c3aed59,0 4px 14px #00000059}.effect-spy-exposed-ribbon{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#ede9fe;white-space:nowrap;pointer-events:none;z-index:3;background:#581c87e6;border:1px solid #c4b5fd73;border-radius:999px;padding:2px 8px;font-size:.55rem;font-weight:700;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}@keyframes spy-revealed-glow{0%,to{box-shadow:0 0 0 2px #8b5cf64d,0 0 14px #7c3aed40,0 4px 14px #00000059}50%{box-shadow:0 0 0 2px #a78bfa8c,0 0 22px #8b5cf673,0 4px 14px #00000059}}@media (prefers-reduced-motion:reduce){.effect-card-back--spy-flip,.effect-card--spy-flip,.effect-card--spy-revealed .effect-card-frame,.anim-freeze-crystallize .frost-overlay--persistent,.anim-cleanse-break .frost-overlay--persistent,.anim-protect-cast,.anim-protect-cast:after{animation:none}}.effect-card-frame{border:var(--theme-effect-card-border,1.5px solid);background:var(--theme-effect-card-bg,var(--effect-card-bg));border-radius:10px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff0a}.effect-cat-aggressive{--effect-accent:var(--effect-aggressive-accent);--effect-accent-muted:var(--effect-aggressive-muted);--effect-accent-border:var(--effect-aggressive-border);--effect-accent-glow:var(--effect-aggressive-glow);--effect-accent-halo:var(--effect-aggressive-halo)}.effect-cat-defensive{--effect-accent:var(--effect-defensive-accent);--effect-accent-muted:var(--effect-defensive-muted);--effect-accent-border:var(--effect-defensive-border);--effect-accent-glow:var(--effect-defensive-glow);--effect-accent-halo:var(--effect-defensive-halo)}.effect-cat-utility{--effect-accent:var(--effect-utility-accent);--effect-accent-muted:var(--effect-utility-muted);--effect-accent-border:var(--effect-utility-border);--effect-accent-glow:var(--effect-utility-glow);--effect-accent-halo:var(--effect-utility-halo)}.effect-cat-aggressive .effect-card-frame,.effect-cat-defensive .effect-card-frame,.effect-cat-utility .effect-card-frame{border-color:var(--effect-accent-border)}.effect-card-frame:before{content:"";background:var(--effect-accent);z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.effect-card-header{background:0 0;border-bottom:none;padding:8px 7px 2px}.effect-card-name{font-family:var(--font-display);color:var(--effect-accent-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:.58rem;font-weight:700;line-height:1.15;display:block}.effect-card-art{flex:1;justify-content:center;align-items:center;min-height:38px;padding:2px 0;display:flex}.effect-card-icon-badge{background:var(--effect-accent-halo);border:1px solid #ffffff0a;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.effect-card-icon{color:var(--effect-accent);flex-shrink:0;display:block}.effect-card-large .effect-card-icon-badge{border-radius:14px;width:56px;height:56px}.effect-card-desc{font-family:var(--font-body);color:var(--text-secondary);text-align:center;-webkit-line-clamp:3;background:0 0;-webkit-box-orient:vertical;padding:4px 7px 9px;font-size:.5rem;line-height:1.35;display:-webkit-box;overflow:hidden}.effect-card-large .effect-card-desc{-webkit-line-clamp:4;font-size:.62rem}.effect-card-gem{background:radial-gradient(circle at 35% 35%, #fff, var(--accent-gold-dim));border:1.5px solid var(--accent-gold);width:10px;height:10px;box-shadow:0 0 6px var(--accent-gold-glow);border-radius:50%;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.effect-card:hover:not(:disabled){transform:translateY(-14px)scale(1.08)}.effect-card:hover:not(:disabled) .effect-card-frame{box-shadow:0 8px 22px #0006, 0 0 14px var(--effect-accent-glow)}.effect-card.selected{transform:translateY(-14px)scale(1.05)}.effect-card.selected .effect-card-frame{border-color:var(--accent-gold);box-shadow:0 0 0 1px var(--accent-gold), 0 0 20px var(--accent-gold-glow), 0 6px 18px #00000059}.effect-card.selected .effect-card-frame:before{background:linear-gradient(90deg, var(--accent-gold-dim), var(--accent-gold), var(--accent-gold-dim))}.effect-card.cast-glow .effect-card-frame{box-shadow:0 0 0 1px var(--accent-gold), 0 0 28px var(--accent-gold-glow), 0 8px 24px #0006}.effect-card:disabled{opacity:.42;cursor:not-allowed}.effect-card--readonly,.effect-card--readonly:hover{opacity:1;pointer-events:none;cursor:default;filter:none}.effect-card--readonly .effect-card-frame{opacity:1;border-color:inherit;box-shadow:inherit}.effect-card--readonly .effect-card-frame:before{opacity:1}.effect-card-back--readonly,.effect-card-back--readonly:hover{opacity:1;pointer-events:none;cursor:default}.effect-card:disabled .effect-card-frame{box-shadow:none;border-color:#ffffff14}.effect-card:disabled .effect-card-frame:before{opacity:.35}.anim-effect-draw{animation:effect-draw-in var(--anim-normal) var(--ease-out-back)}@keyframes effect-draw-in{0%{opacity:0;transform:translate(40px)translateY(-20px)scale(.4)rotate(5deg)}to{opacity:1;transform:translate(0)translateY(0)scale(1)rotate(0)}}.effect-card-back{border:2px solid var(--theme-card-back-border,#4a306099);background:var(--theme-card-back-bg,linear-gradient(155deg, #1c0e38 0%, #30205c 50%, #140a2c 100%));cursor:default;width:46px;height:64px;transition:transform .18s var(--ease-out-back), z-index 0s;z-index:1;border-radius:8px;flex-shrink:0;padding:0;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000059}.effect-card-back:hover{z-index:100}.effect-card-back.small{border-width:1.5px;width:36px;height:50px}.effect-card-back:not(:disabled){cursor:pointer}.effect-card-back:hover:not(:disabled){transform:translateY(-6px)scale(1.06)}.effect-card-back.selected{box-shadow:0 0 0 2.5px var(--accent-gold), 0 0 14px var(--accent-gold-glow);transform:translateY(-6px)}.effect-back-pattern{background:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff04 3px 6px);border:1px solid #ffffff0d;border-radius:4px;position:absolute;inset:4px}.effect-back-emblem{color:#d4a84359;text-shadow:0 0 6px #d4a84326;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.effect-card-back.small .effect-back-emblem{font-size:.7rem}.opponent-effect-stack{align-items:center;gap:8px;display:flex}.effect-count-label{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.03em;font-size:.65rem;font-weight:600}.effect-back-row{justify-content:center;padding-left:20px;display:flex}.effect-back-row>*{transition:transform .18s var(--ease-out-back), z-index 0s;margin-left:-20px}.effect-back-row>:hover{z-index:100;transform:translateY(-6px)scale(1.08)}.deck-pile{width:42px;height:58px;position:relative}.deck-pile-card{background:linear-gradient(150deg,#152a45,#1c3758);border:1.5px solid #1c375899;border-radius:6px;width:42px;height:58px;position:absolute;box-shadow:0 2px 6px #0000004d}.deck-pile-card-1{z-index:3;top:0;left:0}.deck-pile-card-2{z-index:2;top:1px;left:1px;transform:rotate(1.5deg)}.deck-pile-card-3{z-index:1;top:2px;left:2px;transform:rotate(-.5deg)}.deck-pile-count{color:var(--text-muted);white-space:nowrap;font-size:.6rem;font-weight:600;font-family:var(--font-body);position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.hand-row{perspective:900px;justify-content:center;gap:8px;display:flex}.hand-row--pre-reveal .playing-card-slot{opacity:0;pointer-events:none}.hand-row--player{gap:10px}.hand-row--bot{gap:6px}.effect-row{justify-content:center;align-items:flex-end;gap:clamp(4px,.5vw,7px);display:flex}.effect-band .effect-row .effect-card,.effect-band .effect-row .effect-card-back{width:var(--effect-card-w);aspect-ratio:86/120;transform-origin:bottom;flex:none;height:auto}.effect-band .effect-row .effect-card-back{width:var(--effect-card-w);aspect-ratio:86/120;border-radius:10px;height:auto}.effect-band .effect-row .effect-back-emblem{font-size:clamp(.9rem,1.8vw,1.2rem)}.effect-band .effect-row .effect-card-name{letter-spacing:.02em;font-size:clamp(.46rem,.95vw,.58rem);line-height:1.1}.effect-band .effect-row .effect-card-header{padding:5px 4px 1px}.effect-band .effect-row .effect-card-art{flex:1;min-height:0;padding:2px 0}.effect-band .effect-row .effect-card-icon-badge{border-radius:8px;width:clamp(26px,3.6vw,36px);height:clamp(26px,3.6vw,36px)}.effect-band .effect-row .effect-card-desc{-webkit-line-clamp:2;padding:2px 4px 6px;font-size:clamp(.4rem,.78vw,.48rem);line-height:1.25;display:-webkit-box}.effect-band .effect-row .effect-card:hover:not(:disabled),.effect-band .effect-row .effect-card-back:hover:not(:disabled){z-index:200;transform:translateY(-4px)scale(1.28)}.effect-band .effect-row .effect-card:hover:not(:disabled) .effect-card-name{font-size:clamp(.56rem,1.1vw,.68rem)}.effect-band .effect-row .effect-card:hover:not(:disabled) .effect-card-desc{-webkit-line-clamp:unset;font-size:clamp(.46rem,.9vw,.56rem);line-height:1.3;display:block}.effect-band .effect-row .effect-card:hover:not(:disabled) .effect-card-icon-badge{border-radius:10px;width:clamp(34px,4.8vw,48px);height:clamp(34px,4.8vw,48px)}.effect-band .effect-row .effect-card:hover:not(:disabled) .effect-card-frame{box-shadow:0 12px 32px #0000008c, 0 0 20px var(--effect-accent-glow)}.effect-band--player .effect-row .effect-card.selected{transform:scale(1.12)}.game-board--full-deck .effect-band .effect-row{gap:clamp(3px,.4vw,7px)}.game-board--full-deck .effect-band--player .effect-row .effect-card-desc{-webkit-line-clamp:2;font-size:clamp(.38rem,.68vw,.46rem)}.core-resource-section{border-radius:var(--radius-sm);background:#8b5cf60f;border:1px solid #8b5cf626;width:100%;padding:8px}.core-resource-opponent{background:#8b5cf60a;padding:6px 10px}.core-resource-empty{background:#0a14234d;border-color:#5366801f}.core-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:#8b7bc0;text-align:center;margin-bottom:6px;font-size:.55rem;font-weight:700;display:block}.core-resource-empty .core-label{color:var(--text-muted);margin-bottom:0}.core-counts{justify-content:center;gap:10px;display:flex}.core-count-item{font-family:var(--font-body);color:var(--text-secondary);align-items:center;gap:3px;font-size:.6rem;font-weight:600;display:flex}.core-resource-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.core-type-group{flex-direction:column;align-items:center;gap:4px;display:flex}.core-type-label{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.5rem;font-weight:600}.core-cards-row{justify-content:center;padding-left:14px;display:flex}.core-cards-row>*{margin-left:-14px}.core-resource-section .effect-card{width:66px;height:92px}.core-resource-section .effect-card-icon-badge{border-radius:9px;width:34px;height:34px}.core-resource-section .effect-card-name{font-size:.48rem}.core-resource-section .effect-card-desc{-webkit-line-clamp:2;font-size:.4rem}.bot-resources{align-items:center;gap:14px;display:flex}.playing-card-slot{position:relative}.card-under-tokens{z-index:0;pointer-events:none;gap:3px;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.card-under-token{background:#0f1932eb;border:1.5px solid #d4a8438c;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards token-badge-enter;display:flex;position:relative;box-shadow:0 2px 6px #00000080}@keyframes token-badge-enter{0%{opacity:0;transform:scale(.5)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-under-token--leaving{animation:.2s ease-in forwards token-badge-leave}@keyframes token-badge-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)translateY(4px)}}.card-under-token-icon{opacity:.9}.card-under-token-rounds{background:var(--accent-gold,#d4a843);color:#000;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.hand-rank-badge{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.03em;border:1px solid #ffffff14;align-items:baseline;gap:5px;padding:4px 12px;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #00000040}.hand-rank-name{text-transform:uppercase;letter-spacing:.06em}.hand-rank-detail{font-family:var(--font-body);opacity:.8;font-size:.58rem;font-weight:500}.tier-partial{color:var(--text-muted);background:#0a142380;border-color:#ffffff0d}.tier-high-card{color:#c0c8d2;background:linear-gradient(135deg,#344050,#283848)}.tier-pair{color:#c8ecd8;background:linear-gradient(135deg,#185838,#125030)}.tier-two-pair{color:#c8e8e4;background:linear-gradient(135deg,#145050,#104848)}.tier-trips{color:#c8e2f0;background:linear-gradient(135deg,#125878,#0e4c68)}.tier-straight{color:#d4d6ff;background:linear-gradient(135deg,#3e40b0,#3638a0)}.tier-flush{color:#dcc8f8;background:linear-gradient(135deg,#5c28a0,#502090)}.tier-full{color:#f8e4c8;background:linear-gradient(135deg,#a84410,#983c0a)}.tier-quads{color:#f8d0d0;background:linear-gradient(135deg,#901c1c,#801414)}.tier-sflush{color:#f8f0d0;background:linear-gradient(135deg,#b07808,#a06c06);animation:3s ease-in-out infinite sflush-shimmer}.tier-royal{background:var(--rank-royal);color:#fff;text-shadow:0 1px 3px #0006;background-size:200% 100%;animation:3s linear infinite royal-shimmer}@keyframes sflush-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes royal-shimmer{0%{background-position:0%}to{background-position:200%}}.hand-rank-ladder{flex-direction:column;gap:8px;display:flex;overflow:hidden}.ladder-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);text-align:left;border-bottom:1px solid #ffffff0f;margin:0;padding-bottom:10px;font-size:.62rem;font-weight:700}.ladder-subtitle{text-align:center;color:var(--text-muted);opacity:.75;margin:0;font-size:.5rem;font-style:italic}.ladder-list{flex-direction:column;flex:1;justify-content:space-between;gap:3px;margin:0;padding:0;list-style:none;display:flex}.ladder-rung{border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:4px;padding:7px 9px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.ladder-label{font-family:var(--font-body);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.62rem;font-weight:500;line-height:1.2;overflow:hidden}.ladder-markers{flex-shrink:0;gap:3px;display:flex}.ladder-marker{font-family:var(--font-display);letter-spacing:.04em;border-radius:3px;padding:2px 4px;font-size:.46rem;font-weight:700;line-height:1}.marker-player{color:#6ee7a0;background:#2ecc7126;border:1px solid #2ecc7180}.marker-bot{color:#d88a8a;background:#c0392b26;border:1px solid #c0392b80}.ladder-tier-base .ladder-label{color:var(--text-muted)}.ladder-tier-mid .ladder-label{color:#8899ab;font-weight:600}.ladder-tier-high .ladder-label{color:#b0a0d4;font-weight:600}.ladder-tier-elite .ladder-label{color:var(--accent-gold);text-shadow:0 0 6px #d4a84333;font-weight:700}.ladder-tier-royal .ladder-label{background:linear-gradient(90deg,#d4a843,#c0392b,#8b5cf6,#3b82f6) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:4s linear infinite ladder-royal-text}.ladder-tier-royal{background:#d4a8430d;border-color:#d4a8431f}.ladder-rung.has-player{box-shadow:inset 2px 0 0 var(--accent-emerald);background:#2ecc710f;border-color:#2ecc7140}.ladder-rung.has-bot{box-shadow:inset 2px 0 0 var(--accent-crimson);background:#c0392b0f;border-color:#c0392b40}.ladder-rung.has-player.has-bot{box-shadow:inset 2px 0 0 var(--accent-gold);background:#d4a8430d;border-color:#d4a8434d}.ladder-rung.has-player-partial .marker-player,.ladder-rung.has-bot-partial .marker-bot{opacity:.8;border-style:dashed}@keyframes ladder-royal-text{0%{background-position:0%}to{background-position:200%}}.game-log{flex-direction:column;min-width:0;display:flex;overflow:hidden}.game-log h3{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2em;border-bottom:1px solid #ffffff0f;flex-shrink:0;margin:0 0 12px;padding-bottom:10px;font-size:.62rem;font-weight:700}.log-entries{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;flex:1;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.log-entries::-webkit-scrollbar{width:5px}.log-entries::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.log-empty{color:var(--text-muted);margin:0;font-size:.68rem;font-style:italic;line-height:1.5}.log-entry{font-family:var(--font-body);background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;padding:6px 8px;line-height:1.4}.log-entry--round{text-align:center;background:#64a0ff14;border-color:#64a0ff2e;padding:8px 6px}.log-round-label{color:#9ec4ff;letter-spacing:.04em;font-size:.72rem;font-weight:700}.log-entry--effect.player .log-effect-name{color:#6dd89c}.log-entry--effect.bot .log-effect-name{color:#e8a0a0}.log-effect-line{flex-flow:wrap;align-items:baseline;gap:6px;display:flex}.log-effect-name{letter-spacing:.02em;font-size:.7rem;font-weight:700}.log-effect-detail{color:var(--text-secondary);word-break:break-word;font-size:.68rem}.log-entry--result{background:#ffc8501a;border-color:#ffc85040}.log-result-text{color:#ffd98a;font-size:.68rem;font-weight:600}.left-sidebar{grid-area:1/1;grid-template-rows:var(--sidebar-header-h) 1fr var(--sidebar-divider-h) 1fr;height:100%;max-height:100dvh;width:var(--sidebar-width);min-width:0;max-width:var(--sidebar-width);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:1px solid var(--bg-panel-border);z-index:3;background:linear-gradient(#101e3199 0%,#09121fd1 100%);display:grid;position:relative;overflow:hidden}.rail-brand{height:var(--sidebar-header-h);box-sizing:border-box;border-bottom:1px solid #ffffff0d;flex-shrink:0;grid-row:1;justify-content:center;align-items:center;gap:9px;padding:0 14px;display:flex}.rail-brand-mark{background:linear-gradient(180deg, var(--accent-gold) 0%, var(--accent-gold-dim) 100%);color:#1a1206;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.92rem;display:inline-flex;box-shadow:0 2px 8px #d4a8434d,inset 0 1px #fff6}.rail-brand-word{font-family:var(--font-display);letter-spacing:.18em;color:var(--text-primary);font-size:.88rem;font-weight:800}.left-sidebar-top{flex-direction:column;grid-row:2;min-height:0;display:flex;overflow:hidden}.left-sidebar .hand-rank-ladder{background:0 0;border-right:none;flex:1;min-height:0;padding:12px;overflow-y:auto}.left-sidebar .hand-rank-ladder .ladder-list{flex:none}.left-sidebar .hand-rank-ladder::-webkit-scrollbar{width:4px}.left-sidebar .hand-rank-ladder::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.left-sidebar>.sidebar-divider{grid-row:3}.sidebar-divider{height:var(--sidebar-divider-h);background:#00000026;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.left-sidebar>.sidebar-divider:after{content:"◆";letter-spacing:.28em;color:var(--accent-gold);opacity:.45;font-size:.5rem}.left-sidebar-bottom{flex-direction:column;grid-row:4;min-height:0;display:flex;overflow:hidden}.left-sidebar-bottom .game-log{grid-column:unset;background:0 0;border-right:none;flex:1;height:auto;min-height:0;padding:14px 12px 16px}.left-sidebar-bottom .log-empty{text-align:center;margin:auto 0;padding:0 6px}.player-avatar{flex-direction:column;align-items:center;gap:4px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease-out;display:flex}.player-avatar-frame{border:var(--theme-avatar-frame,2px solid var(--theme-avatar-frame-color,#d4a843));background:#0a1420;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #00000073,inset 0 0 0 1px #ffffff0f}.player-avatar-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.player-avatar--small .player-avatar-frame{width:74px;height:97px}.player-avatar--large .player-avatar-frame{width:180px;height:234px}.player-avatar-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid #ffffff12;padding:3px 14px;font-size:.62rem;font-weight:700}.player-avatar--small .player-avatar-label{font-size:.68rem}.player-avatar--large .player-avatar-label{color:var(--text-secondary);font-size:.78rem}.player-avatar--winner{transform:scale(1.08)}.player-avatar--winner .player-avatar-frame{box-shadow:0 0 0 2px var(--accent-gold), 0 0 24px var(--accent-gold-glow)}.player-avatar--loser{opacity:.45;transform:scale(.95)}.round-order-sidebar{border-radius:var(--radius-md);background:#ffffff06;border:1px solid #ffffff0f;flex-shrink:0;margin:12px 12px 4px;padding:12px 14px;transition:background .4s ease-out,box-shadow .4s ease-out,border-color .4s ease-out}.round-order-sidebar--highlight{animation:1.5s ease-out round-order-sidebar-pulse}.round-order-sidebar-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:.54rem;font-weight:700}.round-order-sidebar-value{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:9px;margin:0;font-size:.94rem;font-weight:800;display:flex}.round-order-sidebar--player .round-order-sidebar-value{color:#7df0ad}.round-order-sidebar--opponent .round-order-sidebar-value{color:#f4ab9a}.round-order-sidebar--player{box-shadow:inset 3px 0 0 var(--accent-emerald), 0 4px 16px #2ecc7114;background:linear-gradient(#2ecc711f,#2ecc710a);border-color:#2ecc7152}.round-order-sidebar--opponent{box-shadow:inset 3px 0 0 var(--accent-crimson), 0 4px 16px #c0392b14;background:linear-gradient(#c0392b1f,#c0392b0a);border-color:#c0392b52}.round-order-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.round-order-sidebar--player .round-order-dot{background:var(--accent-emerald);box-shadow:0 0 10px #2ecc71b3}.round-order-sidebar--opponent .round-order-dot{background:var(--accent-crimson);box-shadow:0 0 10px #c0392bb3}@keyframes round-order-sidebar-pulse{0%{filter:brightness(1.4);transform:scale(.97)}35%{filter:brightness(1.25);transform:scale(1)}to{filter:brightness();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.round-order-sidebar--highlight{animation:none}}.round-order-sidebar--rail{width:100%;height:100%;min-height:var(--sidebar-header-h);box-sizing:border-box;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;margin:0;padding:8px 12px;display:flex}.round-order-sidebar--rail.round-order-sidebar--player{box-shadow:inset 3px 0 0 var(--accent-emerald);background:linear-gradient(#2ecc7124,#2ecc710a)}.round-order-sidebar--rail.round-order-sidebar--opponent{box-shadow:inset 3px 0 0 var(--accent-crimson);background:linear-gradient(#c0392b24,#c0392b0a)}.round-order-sidebar--rail .round-order-sidebar-title{letter-spacing:.16em;margin:0;font-size:.46rem}.round-order-sidebar--rail .round-order-sidebar-value{gap:7px;font-size:.72rem}.round-order-sidebar--rail .round-order-dot{width:7px;height:7px}.right-sidebar{grid-area:1/3;grid-template-rows:var(--sidebar-header-h) 1fr auto 1fr;height:100%;max-height:100dvh;width:var(--sidebar-width);min-width:0;max-width:var(--sidebar-width);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:1px solid var(--bg-panel-border);z-index:3;background:linear-gradient(#101e3199 0%,#09121fd1 100%);display:grid;position:relative;overflow:hidden}.right-sidebar-header{min-height:var(--sidebar-header-h);box-sizing:border-box;border-bottom:1px solid #ffffff0d;flex-shrink:0;grid-row:1;justify-content:flex-start;align-items:stretch;display:flex}.right-sidebar-top{grid-row:2;justify-content:center;align-items:center;min-height:0;padding:16px 14px;display:flex}.right-sidebar-bottom{grid-row:4;justify-content:center;align-items:center;min-height:0;padding:16px 14px;display:flex}.right-sidebar-actions{background:#00000026;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;grid-row:3;justify-content:center;align-items:center;gap:8px;padding:12px 14px;display:flex}.right-sidebar-actions .btn-lock{width:100%;padding:10px 16px;font-size:.78rem}.right-sidebar-actions .btn-cancel{width:100%}.right-sidebar-actions .slots-left{text-align:center;width:100%}.right-sidebar-actions .pick-hint,.right-sidebar-actions .online-status-msg{text-align:center;max-width:100%;line-height:1.35}.right-sidebar-avatar{justify-content:center;gap:10px;width:100%;height:100%;min-height:0}.right-sidebar-avatar.player-avatar--small .player-avatar-frame{border:2px solid var(--theme-avatar-frame-color,#d4a843);border-radius:16px;flex:1 1 0;width:100%;height:auto;min-height:0;max-height:100%;animation:4s ease-in-out infinite avatar-edge-glow;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 28px #d4a84324,0 0 16px #d4a84338,0 0 38px #d4a8431a,0 12px 32px #0000008c}.right-sidebar-avatar.player-avatar--small .player-avatar-label{letter-spacing:.16em;flex-shrink:0;padding:4px 18px;font-size:.74rem}@keyframes avatar-edge-glow{0%,to{box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 28px #d4a8431f,0 0 14px #d4a8432e,0 0 32px #d4a84314,0 12px 32px #0000008c}50%{box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 32px #d4a8432e,0 0 22px #d4a8434d,0 0 48px #d4a84329,0 12px 32px #0000008c}}@media (prefers-reduced-motion:reduce){.right-sidebar-avatar.player-avatar--small .player-avatar-frame{animation:none}}.effect-cast-overlay{z-index:100;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cast-backdrop{will-change:opacity;background:radial-gradient(#07111d80 0%,#07111dd9 100%);position:absolute;inset:0}.cast-backdrop--light{background:radial-gradient(#07111d2e 0%,#07111d80 100%)}.phase-present .cast-backdrop{animation:.3s ease-out forwards fade-in}.phase-target .cast-backdrop,.phase-fly .cast-backdrop{opacity:1}.phase-result .cast-backdrop{animation:.28s ease-out forwards fade-in}.cast-card-wrapper{z-index:1;will-change:transform, opacity;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.from-player.phase-present .cast-card-wrapper{animation:.42s ease-out forwards rise-from-bottom}.from-bot.phase-present .cast-card-wrapper{animation:.42s ease-out forwards rise-from-top}.phase-result{animation:.28s ease-out forwards fade-in}.cast-result-panel{z-index:1;border-radius:var(--radius-md);max-width:380px;animation:pop-in .4s var(--ease-out-back) forwards;background:#07111de0;border:1px solid #d4a84340;flex-direction:column;align-items:center;gap:10px;padding:20px 28px;display:flex;position:relative;box-shadow:0 8px 40px #00000080}.cast-result-headline{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.05em;margin:0;font-size:1.15rem;font-weight:800}.cast-result-actor{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.72rem;font-weight:600}.cast-player-label{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.78rem;font-weight:600}.cast-step-badge{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;border-radius:var(--radius-pill);background:#00000059;border:1px solid #d4a8434d;padding:4px 12px;font-size:.68rem;font-weight:700}.cast-effect-name{font-family:var(--font-display);color:#fff;letter-spacing:.06em;text-shadow:0 2px 16px #0009;margin:0;font-size:1.25rem;font-weight:800}.cast-result-label{text-align:center;max-width:340px;font-family:var(--font-body);color:var(--accent-teal);margin:0;font-size:.92rem;font-weight:500;line-height:1.5}@keyframes rise-from-bottom{0%{opacity:0;transform:translateY(18vh)scale(.75)}to{opacity:1;transform:translate(0,0)scale(1.45)}}@keyframes rise-from-top{0%{opacity:0;transform:translateY(-18vh)scale(.75)}to{opacity:1;transform:translate(0,0)scale(1.45)}}.phase-target .cast-card-wrapper,.phase-target .cast-card-wrapper--center,.phase-target .cast-card-wrapper--target{animation:.3s ease-out forwards settle-to-target}@keyframes settle-to-target{0%{opacity:1;transform:translate(0,0)scale(1.45)}to{opacity:.95;transform:translate(0,0)scale(.88)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.from-player.phase-present .cast-card-wrapper,.from-bot.phase-present .cast-card-wrapper{animation-duration:.15s}.phase-target .cast-card-wrapper,.phase-target .cast-card-wrapper--center,.phase-target .cast-card-wrapper--target{animation-duration:.12s}}.deck-shuffle-intro{z-index:200;animation:shuffle-fade-out var(--shuffle-ms) ease-out forwards;pointer-events:all;background:radial-gradient(#07111dbf 0%,#07111df2 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shuffle-stage{width:200px;height:140px;animation:shuffle-stage-pulse var(--shuffle-ms) ease-in-out forwards;position:relative}.shuffle-deck{width:72px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shuffle-deck--left{animation:shuffle-riffle-left var(--shuffle-ms) cubic-bezier(.45, 0, .55, 1) forwards}.shuffle-deck--right{animation:shuffle-riffle-right var(--shuffle-ms) cubic-bezier(.45, 0, .55, 1) forwards}.shuffle-card{transform:translateY(calc(var(--i) * -2px)) rotate(calc(var(--i) * .8deg));animation:shuffle-card-flicker var(--shuffle-ms) ease-in-out infinite;animation-delay:calc(var(--i) * 40ms);background:linear-gradient(155deg,#152a45 0%,#1c3758 50%,#112238 100%);border:1.5px solid #1c3758b3;border-radius:10px;position:absolute;inset:0;box-shadow:0 4px 12px #00000059}.shuffle-card:after{content:"✦";color:#d4a84359;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;inset:0}.shuffle-glow{animation:shuffle-glow var(--shuffle-ms) ease-in-out forwards;pointer-events:none;background:radial-gradient(circle,#d4a8431f 0%,#0000 65%);border-radius:50%;position:absolute;inset:-20%}@keyframes shuffle-riffle-left{0%{transform:translate(-50%,-50%)rotate(0)}18%{transform:translate(calc(-50% - 38px),-50%)rotate(-8deg)}45%{transform:translate(calc(-50% - 28px),-52%)rotate(-4deg)}72%{transform:translate(calc(-50% - 12px),-50%)rotate(-1deg)}to{transform:translate(-50%,-50%)rotate(0)}}@keyframes shuffle-riffle-right{0%{transform:translate(-50%,-50%)rotate(0)}18%{transform:translate(calc(38px - 50%),-50%)rotate(8deg)}45%{transform:translate(calc(28px - 50%),-48%)rotate(4deg)}72%{transform:translate(calc(12px - 50%),-50%)rotate(1deg)}to{transform:translate(-50%,-50%)rotate(0)}}@keyframes shuffle-card-flicker{0%,to{filter:brightness()}25%{filter:brightness(1.08);transform:translateY(calc(var(--i) * -2px)) rotate(calc(var(--i) * .8deg + 2deg))}50%{filter:brightness(.95);transform:translateY(calc(var(--i) * -2px - 3px)) rotate(calc(var(--i) * .8deg - 2deg))}75%{filter:brightness(1.05)}}@keyframes shuffle-stage-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes shuffle-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes shuffle-fade-out{0%,85%{opacity:1}to{opacity:0;visibility:hidden}}.card-from-deck-flight{z-index:200;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.card-from-deck-flight-inner{border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000059,0 12px 28px #00000040}.card-from-deck-back,.card-from-deck-face{border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-from-deck-back{background:linear-gradient(150deg,#152a45,#1c3758);border:1.5px solid #1c375899}.card-from-deck-back-emblem{color:#d4a8438c;font-size:1.1rem;font-weight:700;font-family:var(--font-card)}.card-from-deck-face{background:var(--card-bg);font-family:var(--font-card);opacity:0;border:1.5px solid #0000001a}.card-from-deck-face.spades,.card-from-deck-face.clubs{color:var(--suit-black)}.card-from-deck-face.hearts,.card-from-deck-face.diamonds{color:var(--suit-red)}.card-from-deck-face .card-corner{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.card-from-deck-face .card-corner-tl{top:5px;left:6px}.card-from-deck-face .card-corner-br{bottom:5px;right:6px;transform:rotate(180deg)}.card-from-deck-face .card-rank{font-size:.75rem;font-weight:700}.card-from-deck-face .card-suit-sm{font-size:.55rem}.card-from-deck-face .card-suit-center{font-size:1.35rem}.card-from-deck-flight--player .card-from-deck-face .card-rank{font-size:.95rem}.card-from-deck-flight--player .card-from-deck-face .card-suit-sm{font-size:.65rem}.card-from-deck-flight--player .card-from-deck-face .card-suit-center{font-size:1.65rem}.card-from-deck-flight.phase-flip .card-from-deck-flight-inner{animation:deck-flight-scale-flip var(--deck-flip-ms) ease-in-out forwards}.card-from-deck-flight.phase-flip .card-from-deck-back{animation:deck-flight-hide-back var(--deck-flip-ms) ease-in-out forwards}.card-from-deck-flight.phase-flip .card-from-deck-face{animation:deck-flight-show-face var(--deck-flip-ms) ease-in-out forwards}.card-from-deck-flight--reduced{opacity:0;animation:.12s ease-out forwards deck-flight-fade-in}.card-from-deck-flight--reduced .card-from-deck-back{display:none}.card-from-deck-flight--reduced .card-from-deck-face{opacity:1}@keyframes deck-flight-scale-flip{0%{transform:scaleX(1)}45%{transform:scaleX(.04)}55%{transform:scaleX(.04)}to{transform:scaleX(1)}}@keyframes deck-flight-hide-back{0%,44%{opacity:1}50%,to{opacity:0}}@keyframes deck-flight-show-face{0%,44%{opacity:0}50%,to{opacity:1}}@keyframes deck-flight-fade-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.card-from-deck-flight:not(.card-from-deck-flight--reduced) .card-from-deck-flight-inner{animation:none}}.card-to-deck-flight{z-index:195;pointer-events:none;will-change:transform, opacity;position:fixed;top:0;left:0}.card-to-deck-flight .playing-card-face-mini{border-radius:inherit;width:100%;height:100%;box-shadow:0 6px 20px #00000059}.playing-card-face-mini{background:var(--card-bg);font-family:var(--font-card);border:1.5px solid #0000001a;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.playing-card-face-mini.red{color:#b91c1c}.playing-card-face-mini.black{color:#1a1a2e}.playing-card-face-mini .card-corner{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.playing-card-face-mini .card-corner-tl{top:5px;left:6px}.playing-card-face-mini .card-corner-br{bottom:5px;right:6px;transform:rotate(180deg)}.playing-card-face-mini .card-rank{font-size:.75rem;font-weight:700}.playing-card-face-mini .card-suit-sm{font-size:.52rem}.playing-card-face-mini .card-suit-center{font-size:1.2rem;line-height:1}.card-to-deck-flight--player .playing-card-face-mini{border-radius:12px}.card-swap-flight-layer{z-index:195;pointer-events:none;position:fixed;inset:0}.card-swap-flight{z-index:196;will-change:transform;filter:drop-shadow(0 8px 20px #0006);position:fixed;top:0;left:0}.card-swap-flight--cross{filter:drop-shadow(0 10px 24px #d4a84340)}.card-swap-flight .playing-card-face-mini{width:100%;height:100%}.card-swap-flight--player .playing-card-face-mini{border-radius:12px}@media (prefers-reduced-motion:reduce){.card-swap-flight{transition:none!important}}.commit-reveal-lanes{pointer-events:none;z-index:15;position:absolute;inset:0;overflow:hidden}.commit-lane{max-width:min(38%, calc(var(--effect-card-w) * 3.5));align-items:center;gap:clamp(6px,.65vw,10px);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.commit-lane--player{flex-direction:row-reverse;left:clamp(4px,.5vw,8px)}.commit-lane--bot{flex-direction:row;right:clamp(4px,.5vw,8px)}.commit-lane-slot{width:var(--effect-card-w);height:var(--effect-card-h);perspective:800px;flex-shrink:0;position:relative}.commit-lane-slot--active{filter:drop-shadow(0 0 14px #78c8ff99)}.commit-lane-card{width:100%;height:100%}.commit-lane-card--masked{opacity:0;pointer-events:none}.commit-lane-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.34,1.2,.64,1);position:relative}.commit-lane-slot--revealed .commit-lane-flip{transform:rotateY(180deg)}.commit-lane-face{backface-visibility:hidden;position:absolute;inset:0}.commit-lane-face--front{transform:rotateY(180deg)}.commit-lane-card .effect-card,.commit-lane-card .effect-card-back{width:100%;height:100%}.commit-to-lane-flight{z-index:9300;pointer-events:none;contain:layout style;backface-visibility:hidden;opacity:1;position:fixed;top:0;left:0}.commit-to-lane-flight .effect-card,.commit-to-lane-flight .effect-card-back{width:100%;height:100%}.effect-fizzle-toast{z-index:9400;pointer-events:none;justify-content:center;align-items:center;animation:.28s ease-out fizzle-toast-in;display:flex;position:fixed;inset:0}.effect-fizzle-toast__inner{text-align:center;background:#0c1220eb;border:1px solid #ff786473;border-radius:12px;max-width:min(420px,90vw);padding:18px 24px;box-shadow:0 8px 32px #00000073}.effect-fizzle-toast__title{color:#ffb4a8;margin:0 0 6px;font-size:1.05rem;font-weight:700}.effect-fizzle-toast__body{color:#e6ebf5e0;margin:0;font-size:.92rem;line-height:1.45}@keyframes fizzle-toast-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.center-held-effect{z-index:2;pointer-events:none;position:absolute;inset:0}.center-held-effect .effect-card{opacity:1;width:86px;height:120px}.effect-to-slot-flight{z-index:9500;pointer-events:none;contain:layout style;backface-visibility:hidden;opacity:1;position:fixed;top:0;left:0}.effect-to-slot-flight .effect-card{pointer-events:none;width:100%;height:100%}.effect-hand-to-center-flight{z-index:9400;pointer-events:none;contain:layout style;backface-visibility:hidden;opacity:1;position:fixed;top:0;left:0}.effect-hand-to-center-flight .effect-card,.effect-hand-to-center-flight .effect-card-back{pointer-events:none;width:100%;height:100%}.in-place-card-spin{z-index:220;pointer-events:none;perspective:800px;position:fixed;transform:translate(-50%,-50%)}.in-place-card-spin-inner{width:100%;height:100%;transform-style:preserve-3d}.in-place-card-spin--active .in-place-card-spin-inner{animation:2.2s cubic-bezier(.45,.05,.55,.95) forwards in-place-spin-y}.in-place-card-spin--landed .in-place-card-spin-inner{animation:none;transform:rotateY(0)}.in-place-card-spin-inner .playing-card-face-mini{border-radius:11px;width:100%;height:100%}.in-place-card-spin-flash{pointer-events:none;background:radial-gradient(circle,#d4a84366,#0000 70%);border-radius:14px;animation:.4s ease-out forwards in-place-flash;position:absolute;inset:-6px}.in-place-card-spin-hint{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.08em;text-shadow:0 1px 4px #0009;font-size:.65rem;font-weight:800;position:absolute;top:-18px;left:50%;transform:translate(-50%)}@keyframes in-place-spin-y{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes in-place-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.in-place-card-spin--active .in-place-card-spin-inner{animation:none}}.slot-machine-overlay{z-index:210;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.slot-machine-overlay--closing{animation:.28s ease-in forwards slot-overlay-out}.slot-machine-backdrop{background:#040a129e;position:absolute;inset:0}.slot-machine-panel{z-index:1;text-align:center;animation:slot-panel-in .32s var(--ease-out-back);background:linear-gradient(#121f32 0%,#0a1524 100%);border:1.5px solid #ffffff14;border-radius:16px;padding:24px 28px 28px;position:relative;box-shadow:0 20px 60px #0000008c}.slot-machine-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-gold);margin:0 0 16px;font-size:.75rem;font-weight:700}.slot-machine-card{width:100px;height:140px;margin:0 auto;position:relative}.slot-machine-card .playing-card-face-mini{border-radius:12px;width:100%;height:100%;transition:filter 80ms}.slot-machine-card:not(.slot-machine-card--landed) .playing-card-face-mini{animation:.12s ease-in-out slot-shimmer}.slot-machine-card--landed .playing-card-face-mini{box-shadow:0 0 24px var(--accent-gold-glow)}.slot-machine-flash{pointer-events:none;background:radial-gradient(circle,#d4a84359,#0000 70%);border-radius:16px;animation:.4s ease-out forwards slot-flash;position:absolute;inset:-8px}@keyframes slot-panel-in{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slot-overlay-out{to{opacity:0}}@keyframes slot-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}@keyframes slot-flash{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.slot-machine-panel,.slot-machine-card:not(.slot-machine-card--landed) .playing-card-face-mini{animation:none}}.effect-shred-overlay{z-index:200;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}.effect-shred-overlay--shake{animation:.18s ease-in-out effect-shred-shake}.shred-piece{opacity:.95;background:linear-gradient(155deg,#1c0e38,#30205c);border:1px solid #c0392b80;border-radius:3px;animation:.42s ease-out forwards shred-fly;position:absolute}.shred-piece--1{--shred-x:-28px;--shred-y:-32px;--shred-r:-25deg;animation-delay:0s;inset:8% 45% 55% 5%}.shred-piece--2{--shred-x:34px;--shred-y:-24px;--shred-r:18deg;animation-delay:20ms;inset:5% 8% 50% 48%}.shred-piece--3{--shred-x:-22px;--shred-y:28px;--shred-r:12deg;animation-delay:40ms;inset:52% 40% 8% 10%}.shred-piece--4{--shred-x:26px;--shred-y:30px;--shred-r:-15deg;animation-delay:60ms;inset:48% 10% 12% 42%}@keyframes effect-shred-shake{0%,to{transform:translate(-50%,-50%)rotate(0)}20%{transform:translate(calc(-50% - 4px),-50%)rotate(-3deg)}40%{transform:translate(calc(5px - 50%),-50%)rotate(3deg)}60%{transform:translate(calc(-50% - 3px),-50%)rotate(-2deg)}80%{transform:translate(calc(2px - 50%),-50%)rotate(1deg)}}@keyframes shred-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--shred-x), var(--shred-y)) rotate(var(--shred-r))}}@media (prefers-reduced-motion:reduce){.effect-shred-overlay--shake{animation:none}.shred-piece{animation-duration:.12s}}.spy-reveal-overlay{z-index:9400;pointer-events:none;position:fixed;inset:0}.spy-reveal-spotlight{background:radial-gradient(ellipse 280px 360px at var(--spot-x,50%) var(--spot-y,50%), #581c8759 0%, #040a128c 55%, #040a12d1 100%);animation:.35s ease-out forwards spy-spotlight-in;position:absolute;inset:0}.spy-reveal-spotlight--hold{background:radial-gradient(ellipse 300px 380px at var(--spot-x,50%) var(--spot-y,50%), #7c3aed6b 0%, #040a1299 50%, #040a12e0 100%)}.spy-reveal-caption{z-index:2;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;animation:.4s ease-out forwards spy-caption-in;display:flex;position:fixed;transform:translate(-50%)}.spy-reveal-caption-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#c4b5fd;font-size:.95rem;font-weight:800}.spy-reveal-caption-sub{font-family:var(--font-body);color:#ffffffe6;max-width:260px;font-size:.88rem;font-weight:600}.spy-reveal-victim{z-index:1;transform-origin:50%;contain:layout style;position:fixed;top:0;left:0}.spy-reveal-victim-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.spy-reveal-victim--spin .spy-reveal-victim-inner{animation:spy-reveal-spin var(--spy-flip-ms,.72s) cubic-bezier(.45, .05, .25, 1) forwards}.spy-reveal-victim--hold .spy-reveal-victim-inner{transform:rotateY(180deg)}.spy-reveal-victim--hold{filter:drop-shadow(0 0 18px #8b5cf6a6)}.spy-reveal-victim--own.spy-reveal-victim--hold{animation:.9s ease-in-out infinite spy-own-pulse}.spy-reveal-back,.spy-reveal-face{backface-visibility:hidden;position:absolute;inset:0}.spy-reveal-face{transform:rotateY(180deg)}.spy-reveal-face .effect-card,.spy-reveal-back .effect-card,.spy-reveal-back .effect-card-back{width:100%;height:100%}.spy-reveal-mark{white-space:nowrap;background:#581c87d9;border:1px solid #c4b5fd8c;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;animation:.42s cubic-bezier(.34,1.56,.64,1) forwards spy-mark-pop;display:flex;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.spy-reveal-mark-icon{font-size:.85rem;line-height:1}.spy-reveal-mark-text{font-family:var(--font-body);letter-spacing:.04em;color:#ede9fe;text-transform:uppercase;font-size:.68rem;font-weight:700}@keyframes spy-spotlight-in{0%{opacity:0}to{opacity:1}}@keyframes spy-caption-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes spy-reveal-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes spy-own-pulse{0%,to{filter:drop-shadow(0 0 14px #8b5cf68c)}50%{filter:drop-shadow(0 0 26px #a78bfae6)}}@keyframes spy-mark-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.spy-reveal-spotlight,.spy-reveal-caption,.spy-reveal-victim--spin .spy-reveal-victim-inner,.spy-reveal-victim--own.spy-reveal-victim--hold{animation:none}.spy-reveal-victim--hold .spy-reveal-victim-inner{transform:rotateY(180deg)}}.force-delete-overlay{z-index:9400;pointer-events:none;position:fixed;inset:0}.force-delete-dim{background:#040a1273;animation:.28s ease-out forwards force-dim-in;position:absolute;inset:0}.force-delete-caption{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:4px;animation:.4s ease-out forwards force-caption-in;display:flex;position:fixed;transform:translate(-50%)}.force-delete-caption-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#f87171;font-size:.95rem;font-weight:800}.force-delete-caption-sub{font-family:var(--font-body);color:#ffffffe6;max-width:260px;font-size:.88rem;font-weight:600}.force-delete-victim{z-index:1;transform-origin:50%;contain:layout style;position:fixed;top:0;left:0}.force-delete-victim-inner{width:100%;height:100%;position:relative}.force-delete-victim-inner .effect-card,.force-delete-victim-inner .effect-card-back{width:100%;height:100%}.force-delete-victim--shredding{filter:drop-shadow(0 0 16px #ef444480)}.force-delete-victim--own.force-delete-victim--shredding{animation:.32s ease-in-out force-own-shake}.force-delete-half{position:absolute;inset:0;overflow:hidden}.force-delete-half-inner{width:200%;position:absolute;inset:0}.force-delete-half--left .force-delete-half-inner{left:0}.force-delete-half--right .force-delete-half-inner{right:0}.force-delete-half--left{clip-path:inset(0 50% 0 0);animation:force-tear-left var(--force-shred-ms,1.1s) cubic-bezier(.45, 0, .75, .2) forwards}.force-delete-half--right{clip-path:inset(0 0 0 50%);animation:force-tear-right var(--force-shred-ms,1.1s) cubic-bezier(.45, 0, .75, .2) forwards}.force-delete-tear-line{width:3px;animation:force-tear-line var(--force-shred-ms,1.1s) ease-out forwards;z-index:2;background:linear-gradient(#0000,#ffffffe6 20%,#f87171f2 50%,#ffffffe6 80%,#0000);margin-left:-1.5px;position:absolute;top:4%;bottom:4%;left:50%}.force-delete-burst{animation:force-burst var(--force-shred-ms,1.1s) ease-out forwards;pointer-events:none;background:radial-gradient(circle,#f871718c 0%,#0000 65%);position:absolute;inset:-20%}@keyframes force-dim-in{0%{opacity:0}to{opacity:1}}@keyframes force-caption-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes force-own-shake{0%,to{transform:translate3d(var(--tx,0), var(--ty,0), 0) translate(-50%, -50%)}20%{transform:translate3d(calc(var(--tx,0px) - 5px), var(--ty,0), 0) translate(-50%, -50%) rotate(-2deg)}40%{transform:translate3d(calc(var(--tx,0px) + 5px), var(--ty,0), 0) translate(-50%, -50%) rotate(2deg)}60%{transform:translate3d(calc(var(--tx,0px) - 3px), var(--ty,0), 0) translate(-50%, -50%)}80%{transform:translate3d(calc(var(--tx,0px) + 3px), var(--ty,0), 0) translate(-50%, -50%)}}@keyframes force-tear-left{0%{opacity:1;transform:translate(0)rotate(0)}35%{opacity:1;transform:translate(-2px)rotate(-1deg)}to{opacity:0;filter:blur(2px);transform:translate(-28px,8px)rotate(-14deg)}}@keyframes force-tear-right{0%{opacity:1;transform:translate(0)rotate(0)}35%{opacity:1;transform:translate(2px)rotate(1deg)}to{opacity:0;filter:blur(2px);transform:translate(28px,8px)rotate(14deg)}}@keyframes force-tear-line{0%{opacity:0;transform:scaleY(.3)}25%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.1)}}@keyframes force-burst{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.force-delete-dim,.force-delete-caption,.force-delete-victim--own.force-delete-victim--shredding{animation:none}}.vs-intro-screen{z-index:150;pointer-events:none;justify-content:center;align-items:center;animation:.4s ease-out 1.6s forwards vs-intro-fadeout;display:flex;position:fixed;inset:0}.vs-intro-backdrop{background:radial-gradient(#07111dbf,#040a12f2);position:absolute;inset:0}.vs-intro-content{z-index:1;justify-content:center;align-items:center;gap:clamp(24px,6vw,64px);padding:24px;display:flex;position:relative}.vs-intro-side{will-change:transform, opacity;flex-direction:column;align-items:center;gap:10px;display:flex}.vs-intro-side--player{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards vs-slide-left}.vs-intro-side--opponent{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards vs-slide-right}.vs-intro-vs{animation:.5s cubic-bezier(.34,1.56,.64,1) .2s both vs-pop}.vs-intro-vs-text{font-family:var(--font-display);letter-spacing:.12em;color:var(--accent-gold);text-shadow:0 0 30px var(--accent-gold-glow);font-size:clamp(2.4rem,6vw,4rem);font-weight:900}@keyframes vs-slide-left{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0,0)}}@keyframes vs-slide-right{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0,0)}}@keyframes vs-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes vs-intro-fadeout{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.vs-intro-side--player,.vs-intro-side--opponent,.vs-intro-vs{animation-duration:.2s}.vs-intro-screen{animation-duration:.2s;animation-delay:.8s}}.battlefield-arena{z-index:0;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.arena-top,.arena-bottom{flex:1;transition:box-shadow .6s ease-out;position:relative}.arena-top{background:var(--arena-bottom,#0d2018);border-radius:32% 32% 0 0/14% 14% 0 0}.arena-bottom{background:var(--arena-bottom,#0d2018);border-radius:0 0 32% 32%/0 0 14% 14%}.arena-divider{pointer-events:none;flex-shrink:0;height:0;overflow:visible}.battlefield-avatar{z-index:26;pointer-events:none;position:absolute}.battlefield-avatar--bot{top:18%;left:4px;transform:translateY(-50%)}.battlefield-avatar--player{bottom:24%;right:4px;transform:translateY(50%)}@media (prefers-reduced-motion:no-preference){.battlefield-avatar--bot{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards avatar-enter-left}.battlefield-avatar--player{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards avatar-enter-right}}@keyframes avatar-enter-left{0%{opacity:0;transform:translateY(-50%)translate(-20px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes avatar-enter-right{0%{opacity:0;transform:translateY(50%)translate(20px)}to{opacity:1;transform:translateY(50%)translate(0)}}.confetti-burst{z-index:120;pointer-events:none;position:fixed;inset:0}.match-end-ranks{z-index:90;pointer-events:none;flex-direction:column;gap:16px;display:flex;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.match-end-rank{border-radius:var(--radius-md);background:#07111dbf;border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:4px;padding:10px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards match-rank-bounce;display:flex}.match-end-rank--bot{animation-delay:0s}.match-end-rank--player{animation-delay:.12s}.match-end-rank-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem;font-weight:600}.match-end-rank-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent-gold);font-size:1.1rem;font-weight:800}.match-end-rank--winner{box-shadow:0 0 24px var(--accent-gold-glow);border-color:#d4a84399}.match-end-rank--loser{opacity:.4}.match-end-banner-wrap{z-index:95;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.match-end-banner{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent-gold);text-shadow:0 0 40px var(--accent-gold-glow);font-size:clamp(1.8rem,5vw,3rem);font-weight:900;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards match-banner-bounce}.match-end-banner--tie{color:var(--text-secondary);text-shadow:none}.match-end-restart-wrap{z-index:100;animation:.4s ease-out forwards fade-in;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}.match-end-restart{pointer-events:auto}.zone--match-winner .hand-row .playing-card{box-shadow:0 0 0 2.5px var(--accent-gold), 0 0 22px var(--accent-gold-glow), 0 6px 16px #0003}.zone--match-loser{opacity:.4;transition:opacity .5s ease-out}.zone--match-loser .hand-row .playing-card{filter:grayscale(.3)}@keyframes match-rank-bounce{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes match-banner-bounce{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.match-end-rank,.match-end-banner{animation-duration:.2s}}.resolution-round-banner{z-index:220;pointer-events:none;background:#040a12b8;justify-content:center;align-items:center;animation:.28s ease-out seq-banner-in;display:flex;position:fixed;inset:0}.resolution-round-banner p{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.04em;text-align:center;background:linear-gradient(#121f32 0%,#0a1524 100%);border:2px solid #d4a84373;border-radius:16px;max-width:min(92vw,520px);margin:0;padding:22px 36px;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:800;box-shadow:0 0 40px #d4a84333}.resolution-side-pass,.resolution-side-transition,.resolution-draw-beat{z-index:215;pointer-events:none;font-family:var(--font-display);text-align:center;animation:seq-pop .32s var(--ease-out-back);background:#07111deb;border:1px solid #ffffff1a;border-radius:12px;padding:14px 24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.resolution-side-pass-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.resolution-side-pass-text{color:var(--text-primary);font-size:1.05rem;font-weight:800}.resolution-side-transition span,.resolution-draw-beat span{color:var(--accent-teal);letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;font-weight:700}.resolution-draw-beat span{color:var(--accent-gold)}.resolution-active-tag{z-index:180;border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;padding:8px 18px;font-size:.72rem;font-weight:800;animation:.24s ease-out seq-tag-in;position:fixed;top:14px;left:50%;transform:translate(-50%)}.resolution-active-tag--player{color:#86efac;background:#2ecc7126;border:1.5px solid #2ecc718c;box-shadow:0 0 20px #2ecc7126}.resolution-active-tag--bot{color:#fca5a5;background:#c0392b26;border:1.5px solid #c0392b8c;box-shadow:0 0 20px #c0392b26}.resolution-fast-forward{z-index:230;border-radius:var(--radius-pill);color:var(--accent-gold);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#07111de0;border:1px solid #d4a84373;padding:8px 16px;font-size:.72rem;font-weight:700;transition:background .15s,transform .15s;position:fixed;top:14px;right:210px}.resolution-fast-forward:hover{background:#d4a8431f;transform:translateY(-1px)}.zone--resolving-active{position:relative}.zone--resolving-active:before{content:"";border:2px solid var(--zone-active-color,#d4a84380);box-shadow:0 0 24px var(--zone-active-glow,#d4a84326);pointer-events:none;border-radius:14px;animation:1.6s ease-in-out infinite zone-active-pulse;position:absolute;inset:-4px}.zone--bot.zone--resolving-active{--zone-active-color:#c0392b8c;--zone-active-glow:#c0392b2e}.zone--player.zone--resolving-active{--zone-active-color:#2ecc718c;--zone-active-glow:#2ecc712e}.playing-card-slot--targeted .playing-card,.playing-card-slot--targeted .playing-card-empty-slot{box-shadow:0 0 0 2.5px var(--accent-gold), 0 0 22px var(--accent-gold-glow);transition:box-shadow .3s;animation:.52s ease-in-out infinite target-slot-pulse}.effect-card-back--targeted,.effect-card.effect-card--targeted{animation:.52s ease-in-out infinite target-slot-pulse;box-shadow:0 0 0 2.5px var(--accent-gold), 0 0 18px var(--accent-gold-glow)!important}@keyframes seq-banner-in{0%{opacity:0}to{opacity:1}}@keyframes seq-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes seq-tag-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes zone-active-pulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes target-slot-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){.zone--resolving-active:before,.playing-card-slot--targeted .playing-card,.effect-card-back--targeted{animation:none}}.game-board{--sidebar-width:clamp(200px, 12.1vw, 232px);--sidebar-header-h:56px;--sidebar-divider-h:36px;--board-pad-x:clamp(12px, 1.25vw, 24px);--center-width:calc(100vw - 2 * var(--sidebar-width));--poker-gap:clamp(6px, .65vw, 10px);--poker-card-w-width:clamp(62px, calc((var(--center-width) - 2 * var(--board-pad-x) - 4 * var(--poker-gap)) / 5), 110px);--poker-card-w-height:clamp(62px, calc((100vh - 500px) / 2.8), 110px);--poker-card-w:min(var(--poker-card-w-width), var(--poker-card-w-height));--poker-card-h:calc(var(--poker-card-w) * 1.4);--poker-card-radius:clamp(9px, calc(var(--poker-card-w) * .118), 13px);--effect-card-w:clamp(52px, calc((var(--center-width) - 2 * var(--board-pad-x)) / 6.2), 100px);--effect-card-h:calc(var(--effect-card-w) * 120 / 86);--effect-hover-pad-bot:clamp(20px, 4vh, 44px);--effect-hover-pad-player:clamp(16px, 3.5vh, 36px);--arena-row-gap:clamp(12px, 1.6vh, 18px);grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--sidebar-width);width:100%;min-width:0;height:100dvh;min-height:0;max-height:100dvh;color:var(--text-primary);background:radial-gradient(120% 80% at 50% -10%, #223a5c59 0%, transparent 55%), radial-gradient(90% 60% at 50% 110%, #14284647 0%, transparent 60%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-mid) 50%, var(--bg-deep) 100%);grid-template-rows:minmax(0,1fr);padding:0;display:grid;overflow:hidden}.game-board--full-deck{--effect-card-w:clamp(46px, calc((var(--center-width) - 2 * var(--board-pad-x)) / 10.6), 82px)}.game-board.is-animating,.game-board.is-animating .effect-cast-overlay{pointer-events:none}.game-board:not(.game-board--mobile-layout):has(.round-timer-bar) .battlefield{padding-top:30px}.battlefield{flex-direction:column;grid-area:1/2;justify-content:stretch;min-width:0;height:100%;min-height:0;max-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.battlefield:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 100%,#0000 58%,#0000006b 100%);position:absolute;inset:0}.battlefield-stack{z-index:2;min-height:0;padding:0 var(--board-pad-x);flex-direction:column;flex:1;display:flex;position:relative;overflow:visible}.battlefield-half{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:visible}.battlefield-half .zone{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:0;width:100%;min-height:0;display:flex;overflow:visible}.battlefield-half-core{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:100%;display:flex}.battlefield-half--bot{padding-top:8px;padding-bottom:0}.battlefield-half--bot .effect-band{flex-shrink:0}.battlefield-half--bot .battlefield-half-core{padding-bottom:0}.battlefield-half--bot .arena-rows{margin-bottom:var(--arena-row-gap)}.battlefield-half--player{padding-top:0;padding-bottom:8px}.battlefield-half--player .battlefield-half-core{padding-top:0}.battlefield-half--player .arena-rows{margin-top:var(--arena-row-gap)}.battlefield-half--player .effect-band{flex-shrink:0}.arena-rows{flex-direction:column;align-items:center;gap:4px;display:flex}.battlefield .arena-rows .hand-row{gap:var(--poker-gap);max-width:100%}.battlefield .arena-rows .hand-row .playing-card,.battlefield .arena-rows .hand-row .playing-card-empty-slot{width:var(--poker-card-w);height:var(--poker-card-h);border-radius:var(--poker-card-radius);flex:none}.battlefield .arena-rows .hand-row .card-rank{font-size:clamp(.82rem, calc(var(--poker-card-w) * .095), 1.05rem)}.battlefield .arena-rows .hand-row .card-suit-sm{font-size:clamp(.58rem, calc(var(--poker-card-w) * .064), .7rem)}.battlefield .arena-rows .hand-row .card-suit-center{font-size:clamp(1.4rem, calc(var(--poker-card-w) * .173), 1.9rem)}.battlefield .arena-rows .hand-row .card-corner-tl{top:clamp(5px, calc(var(--poker-card-w) * .064), 7px);left:clamp(6px, calc(var(--poker-card-w) * .073), 8px)}.battlefield .arena-rows .hand-row .card-corner-br{bottom:clamp(5px, calc(var(--poker-card-w) * .064), 7px);right:clamp(6px, calc(var(--poker-card-w) * .073), 8px)}.battlefield .arena-rows .hand-row .playing-empty-icon{font-size:clamp(1.2rem, calc(var(--poker-card-w) * .145), 1.6rem)}.zone-top-bar{justify-content:center;align-items:center;gap:16px;width:100%;padding:0 8px;display:flex}.zone-bottom-bar{justify-content:center;align-items:center;gap:14px;padding:2px 0;display:flex}.zone-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:.7rem;font-weight:700}.zone-status{font-family:var(--font-body);color:var(--accent-gold);letter-spacing:.04em;opacity:.8;font-size:.68rem;font-weight:600;animation:2s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:.6}50%{opacity:1}}.slots-left{font-family:var(--font-body);color:var(--accent-purple);border-radius:var(--radius-pill);letter-spacing:.02em;background:#8b5cf61a;border:1px solid #8b5cf638;padding:3px 11px;font-size:.66rem;font-weight:600}.arena-hud{justify-content:center;align-items:center;gap:14px;width:100%;min-height:52px;padding:4px 0;display:flex}.arena-hud--compact{min-height:52px;padding:4px 0}.online-status-msg{font-family:var(--font-body);color:var(--text-muted);font-size:.68rem;font-weight:500}.online-status-msg--urgent{color:var(--accent-gold)}.pick-hint{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-gold);font-size:.62rem;font-weight:700;animation:.28s ease-out fadeIn}.pick-hint--deck{text-transform:none;letter-spacing:.02em;color:#c4b5fd;font-size:.68rem;font-weight:600;line-height:1.35}.btn-cancel{border-radius:var(--radius-sm);color:#d89090;font-family:var(--font-display);cursor:pointer;transition:background var(--anim-fast), transform var(--anim-fast);background:#c0392b1a;border:1px solid #c0392b59;padding:5px 14px;font-size:.7rem;font-weight:600}.btn-cancel:hover{background:#c0392b33;transform:translateY(-1px)}.btn-lock{border-radius:var(--radius-pill);background:linear-gradient(180deg, #e7be58 0%, var(--accent-gold) 55%, var(--accent-gold-dim) 100%);color:#1a1206;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform var(--anim-fast), box-shadow var(--anim-fast), filter var(--anim-fast);z-index:1;border:1px solid #f4d07a8c;padding:11px 38px;font-size:.86rem;font-weight:800;animation:2.8s ease-in-out infinite cta-breathe;box-shadow:0 4px 16px #d4a84359,0 0 0 4px #d4a84314,inset 0 1px #ffffff80}.btn-lock:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 26px #d4a84373,0 0 0 4px #d4a84324,inset 0 1px #ffffff8c}.btn-lock:active{transform:translateY(0)}@keyframes cta-breathe{0%,to{box-shadow:0 4px 16px #d4a84352,0 0 0 4px #d4a8430f,inset 0 1px #ffffff80}50%{box-shadow:0 4px 22px #d4a84380,0 0 0 6px #d4a8431f,inset 0 1px #ffffff80}}@media (prefers-reduced-motion:reduce){.btn-lock{animation:none}}.btn-restart{border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--accent-emerald), #27ae60);color:#fff;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;transition:transform var(--anim-fast), box-shadow var(--anim-fast);border:none;padding:10px 24px;font-size:.78rem;font-weight:700;box-shadow:0 3px 12px #2ecc7133}.btn-restart:hover{transform:translateY(-2px);box-shadow:0 5px 18px #2ecc714d}.result-banner{z-index:1;animation:result-pop .7s var(--ease-out-back);flex-direction:column;align-items:center;gap:14px;display:flex}.result-text{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent-gold);text-shadow:0 0 30px #d4a8434d,0 2px 4px #0006;font-size:1.8rem;font-weight:800}@keyframes result-pop{0%{opacity:0;transform:scale(.7)translateY(20px)}60%{transform:scale(1.05)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.effect-band{z-index:20;flex-shrink:1;justify-content:center;align-items:flex-end;width:100%;max-width:100%;min-height:0;display:flex;overflow:visible}.effect-band__cards{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;max-width:100%;display:flex;overflow:visible}.effect-band .effect-row{flex-wrap:nowrap;justify-content:center;align-items:flex-end;width:100%;max-width:100%;padding:4px 16px 6px;overflow:visible}.effect-band--bot .effect-row{padding-top:var(--effect-hover-pad-bot);padding-bottom:4px}.effect-band--player .effect-row{padding-top:var(--effect-hover-pad-player);padding-bottom:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.battlefield .cast-center-anchor{width:var(--effect-card-w);height:var(--effect-card-h);pointer-events:none;z-index:20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battlefield .cast-center-measure{visibility:hidden;pointer-events:none;position:absolute;inset:0}.effect-flight-anchor{line-height:0;display:inline-block}.effect-flight-anchor--overlay-active,.effect-flight-anchor.effect-flight-anchor--overlay-active{opacity:0;pointer-events:none}@media (height<=820px){.game-board{--sidebar-header-h:52px;--effect-hover-pad-bot:clamp(16px, 3vh, 32px);--effect-hover-pad-player:clamp(14px, 2.5vh, 28px);--arena-row-gap:clamp(10px, 1.2vh, 14px)}.arena-hud,.arena-hud--compact{min-height:44px}}@media (width<=1280px){.game-board{--sidebar-width:200px;--board-pad-x:16px}}@supports (height:100dvh){.game-board{--poker-card-w-height:clamp(62px, calc((100dvh - 500px) / 2.8), 110px)}}.htp-overlay{z-index:300;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.htp-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040a12e0;position:absolute;inset:0}.htp-panel{z-index:1;border-radius:var(--radius-md);background:linear-gradient(168deg,#0e1c2efc,#07101cfc);border:1px solid #d4a84338;outline:none;flex-direction:column;width:min(920px,100%);max-height:min(92vh,920px);animation:.34s cubic-bezier(.34,1.4,.64,1) forwards htp-pop;display:flex;position:relative;box-shadow:0 24px 80px #0009}@keyframes htp-pop{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.htp-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 12px;display:flex}.htp-header-brand{align-items:center;gap:14px;display:flex}.htp-header-mark{width:44px;height:44px;color:var(--accent-gold);background:linear-gradient(145deg,#d4a84340,#d4a84314);border:1px solid #d4a84359;border-radius:12px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.htp-header h2{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.06em;margin:0;font-size:1.45rem;font-weight:800}.htp-header-sub{color:var(--text-muted);margin:4px 0 0;font-size:.82rem}.htp-close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;flex-shrink:0;font-size:1.5rem;line-height:1;transition:background .15s,color .15s}.htp-close:hover{color:var(--text-primary);background:#ffffff1f}.htp-nav{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:10px 24px 14px;display:flex}.htp-nav a{border-radius:var(--radius-pill);letter-spacing:.04em;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff0f;padding:5px 12px;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.htp-nav a:hover{color:var(--accent-gold);background:#d4a84314;border-color:#d4a84359}.htp-body{scroll-behavior:smooth;flex:1;padding:20px 24px 28px;overflow-y:auto}.htp-body::-webkit-scrollbar{width:6px}.htp-body::-webkit-scrollbar-thumb{background:#d4a84340;border-radius:3px}.htp-hero{margin-bottom:28px}.htp-lead{color:var(--text-primary);margin:0;font-size:1.05rem;line-height:1.65}.htp-lead strong{color:var(--accent-gold)}.htp-section{margin-bottom:32px;scroll-margin-top:12px}.htp-section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.04em;border-bottom:1px solid #ffffff12;margin:0 0 14px;padding-bottom:8px;font-size:1.05rem;font-weight:700}.htp-note{color:var(--text-muted);margin:10px 0 0;font-size:.82rem;line-height:1.5}.htp-callout{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff14;padding:16px 18px}.htp-callout--gold{background:linear-gradient(135deg,#d4a84314,#d4a84305);border-color:#d4a84340}.htp-callout--warn{background:#fbbf240f;border-color:#fbbf244d}.htp-callout p{margin:0;font-size:.92rem;line-height:1.55}.htp-callout-visual{justify-content:center;margin-bottom:14px;display:flex}.htp-flow{border-radius:var(--radius-sm);background:#0003;border:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:6px;padding:16px;display:flex}.htp-flow-step{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:8px 10px;display:flex}.htp-flow-step--round{background:#60a5fa0f;border-color:#60a5fa40}.htp-flow-step--final{background:#d4a8431a;border-color:#d4a84359}.htp-flow-num{font-family:var(--font-display);color:var(--accent-gold);font-size:.95rem;font-weight:800}.htp-flow-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:.68rem;font-weight:700}.htp-flow-detail{color:var(--text-muted);text-align:center;font-size:.62rem}.htp-flow-arrow{color:#d4a84380;font-size:.85rem}.htp-board-diagram{grid-template-columns:1fr 1.6fr 1fr;gap:10px;display:grid}@media (width<=640px){.htp-board-diagram{grid-template-columns:1fr}}.htp-board-col{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff12;padding:12px}.htp-board-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.htp-board-col ul{color:var(--text-secondary);margin:0;padding-left:16px;font-size:.82rem;line-height:1.6}.htp-board-arena{flex-direction:column;gap:6px;display:flex}.htp-board-zone{text-align:center;color:var(--text-muted);border-radius:6px;padding:10px;font-size:.72rem}.htp-board-zone--bot{background:#ef444414;border:1px dashed #ef444440}.htp-board-zone--player{background:#22c55e14;border:1px dashed #22c55e40}.htp-board-midline{text-align:center;color:#d4a843b3;letter-spacing:.04em;padding:4px;font-size:.65rem}.htp-slot-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.htp-mini-card{background:linear-gradient(160deg,#f8f6f0,#e8e4dc);border:1px solid #00000026;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:0;width:38px;height:52px;display:flex;position:relative;box-shadow:0 2px 6px #00000040}.htp-mini-card--back{color:#d4a84380;background:linear-gradient(145deg,#1a3050,#0d1f35);border-color:#d4a8434d;font-size:1rem}.htp-mini-card--empty{color:#fff3;box-shadow:none;background:#ffffff0a;border:1.5px dashed #ffffff26;font-size:1.1rem}.htp-mini-card--prot{box-shadow:0 0 0 2px #22c55e80}.htp-mini-card--frozen{filter:saturate(.7);box-shadow:0 0 0 2px #60a5fa80}.htp-mini-card-rank{color:#c0392b;font-size:.85rem;font-weight:800;line-height:1}.htp-mini-card-suit{color:#c0392b;font-size:.75rem;line-height:1}.htp-mini-badge{font-size:.65rem;line-height:1;position:absolute;top:-6px;right:-6px}.htp-slot-demo{border-radius:var(--radius-sm);background:#00000026;margin-top:12px;padding:14px}.htp-slot-labels{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:8px;display:flex}.htp-slot-labels span{text-align:center;width:38px;color:var(--text-muted);font-size:.55rem}.htp-steps{counter-reset:htp-step;margin:0;padding-left:0;list-style:none}.htp-steps>li{counter-increment:htp-step;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0f;margin-bottom:10px;padding:14px 14px 14px 48px;position:relative}.htp-steps>li:before{content:counter(htp-step);width:24px;height:24px;font-family:var(--font-display);color:var(--accent-gold);background:#d4a84333;border:1px solid #d4a84366;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:14px;left:14px}.htp-steps>li strong{color:var(--text-primary);margin-bottom:4px;display:block}.htp-steps>li p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.htp-inline-visual{margin-top:10px}.htp-lane-demo{justify-content:center;align-items:center;gap:20px;display:flex}.htp-lane-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.68rem;font-weight:600}.htp-lane-tag--left{color:#93c5fd;background:#60a5fa1f}.htp-lane-tag--right{color:#fca5a5;background:#ef44441f}.htp-order-visual{flex-direction:column;gap:6px;margin-top:10px;display:flex}.htp-order-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:.82rem;display:flex}.htp-order-badge{letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:700}.htp-order-badge--odd{color:var(--accent-gold);background:#d4a84326}.htp-order-badge--even{color:#c4b5fd;background:#8b5cf626}.htp-play-steps{flex-direction:column;gap:8px;display:flex}.htp-play-step{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0f;gap:14px;padding:12px 14px;display:flex}.htp-play-num{width:28px;height:28px;font-family:var(--font-display);color:var(--accent-gold);background:linear-gradient(145deg,#d4a8434d,#d4a8431a);border:1px solid #d4a84366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.htp-play-step strong{margin-bottom:2px;font-size:.9rem;display:block}.htp-play-step p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.htp-effect-group{margin-top:18px}.htp-effect-group-title{letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.htp-effect-group-title--aggressive{color:#f87171}.htp-effect-group-title--defensive{color:#4ade80}.htp-effect-group-title--utility{color:#c4b5fd}.htp-effect-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.htp-effect-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;gap:10px;padding:10px 12px;display:flex}.htp-effect-card--aggressive{border-left:3px solid #ef4444}.htp-effect-card--defensive{border-left:3px solid #22c55e}.htp-effect-card--utility{border-left:3px solid #8b5cf6}.htp-effect-card-icon{width:36px;height:36px;color:var(--text-primary);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.htp-effect-card-name{color:var(--text-primary);margin:0 0 2px;font-size:.85rem;font-weight:700}.htp-effect-card-desc{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.4}.htp-status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.htp-status-card{border-radius:var(--radius-sm);text-align:center;background:#ffffff08;border:1px solid #ffffff12;padding:16px}.htp-status-card .htp-slot-row{margin-bottom:12px}.htp-status-card h4{margin:0 0 6px;font-size:.95rem}.htp-status-card p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.htp-bullet-list{color:var(--text-secondary);margin:10px 0 0;padding-left:20px;font-size:.88rem;line-height:1.65}.htp-ladder{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.htp-ladder li{color:var(--text-secondary);background:#ffffff05;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.82rem;display:flex}.htp-ladder--top{color:var(--accent-gold);background:#d4a84314;border:1px solid #d4a84326}.htp-ladder-rank{background:#ffffff0f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.68rem;font-weight:800;display:flex}.htp-ladder--top .htp-ladder-rank{color:var(--accent-gold);background:#d4a84333}.htp-footer{border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:center;padding:12px 24px 18px;display:flex}.htp-footer-btn{border-radius:var(--radius-pill);color:#0a1524;font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;background:linear-gradient(#d4a843 0%,#b8922f 100%);border:none;padding:12px 32px;font-size:.88rem;font-weight:700;transition:transform .15s,filter .15s}.htp-footer-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.htp-fab{z-index:280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--accent-gold);font-family:var(--font-display);cursor:pointer;pointer-events:auto;background:#0a1524d9;border:1.5px solid #d4a84373;border-radius:50%;font-size:1rem;font-style:italic;font-weight:800;transition:transform .15s,background .15s,border-color .15s;position:fixed;top:14px;left:14px;box-shadow:0 4px 16px #00000059}.htp-fab:hover{background:#d4a84326;border-color:#d4a843b3;transform:scale(1.08)}.game-board.is-animating .htp-fab{pointer-events:auto}.round-timer-bar{z-index:56;box-sizing:border-box;pointer-events:none;background:linear-gradient(#09121ff5 0%,#09121fb8 75%,#0000 100%);grid-area:1/2;align-self:start;align-items:center;gap:10px;width:100%;padding:10px clamp(12px,1.25vw,24px) 8px;display:flex}.round-timer-bar__track{background:#ffffff24;border-radius:999px;flex:1;min-width:0;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.round-timer-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#b8922f 0%,#e4bc55 100%);height:100%;transition:width .1s linear;box-shadow:0 0 10px #d4a84373}.round-timer-bar__value{min-width:2.4em;font-family:var(--font-display);letter-spacing:.04em;text-align:right;color:var(--accent-gold);text-shadow:0 1px 8px #d4a84359;flex-shrink:0;font-size:.88rem;font-weight:800}.round-timer-bar--urgent .round-timer-bar__fill{background:linear-gradient(90deg,#dc2626 0%,#f87171 100%);box-shadow:0 0 12px #f8717180}.round-timer-bar--urgent .round-timer-bar__value{color:#fca5a5;text-shadow:0 1px 8px #f8717166}@media (width<=768px),(orientation:landscape) and (height<=600px) and (width<=1024px){.game-board--mobile-layout .round-timer-bar{top:calc(36px + env(safe-area-inset-top,0px));z-index:59;-webkit-backdrop-filter:blur(8px);background:#09121ff7;border-bottom:1px solid #d4a84338;grid-column:1/-1;gap:8px;padding:6px 12px 5px;position:fixed;left:0;right:0}.game-board--mobile-layout .round-timer-bar__track{height:7px}.game-board--mobile-layout .round-timer-bar__value{font-size:.8rem}}.leave-match-btn{z-index:120;border-radius:var(--radius-pill);color:#fca5a5;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;border:1px solid #f8717173;padding:7px 12px;font-size:.68rem;font-weight:700;transition:background .15s,border-color .15s;position:fixed;top:clamp(10px,1.2vh,16px);right:clamp(10px,1.2vw,16px)}.leave-match-btn:hover:not(:disabled){background:#7f1d1d59;border-color:#f87171b3}.leave-match-btn:disabled{opacity:.45;cursor:not-allowed}.leave-match-dialog-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040a14b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.leave-match-dialog{background:linear-gradient(#132033 0%,#0c1524 100%);border:1px solid #ffffff1a;border-radius:16px;width:min(100%,360px);padding:24px;box-shadow:0 24px 48px #00000073}.leave-match-dialog__title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 10px;font-size:1.1rem;font-weight:700}.leave-match-dialog__desc{color:var(--text-secondary);margin:0 0 20px;font-size:.92rem;line-height:1.5}.leave-match-dialog__actions{justify-content:flex-end;gap:10px;display:flex}.leave-match-dialog__btn{border-radius:var(--radius-pill);font-family:var(--font-display);cursor:pointer;padding:10px 16px;font-size:.82rem;font-weight:700}.leave-match-dialog__btn--ghost{color:var(--text-secondary);background:0 0;border:1px solid #ffffff26}.leave-match-dialog__btn--danger{color:#fff;background:linear-gradient(#ef4444 0%,#b91c1c 100%);border:none}.matchmaking-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.matchmaking-header h1{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.2em;text-align:center;text-shadow:0 2px 20px #d4a84340;margin:0 0 48px;font-size:2.4rem;font-weight:800}.matchmaking-body{flex-direction:column;align-items:center;gap:28px;display:flex}.matchmaking-radar{width:120px;height:120px;position:relative}.matchmaking-radar-ring{border:2px solid #d4a84359;border-radius:50%;animation:2.4s ease-out infinite matchmaking-pulse;position:absolute;inset:0}.matchmaking-radar-ring--2{animation-delay:.8s}.matchmaking-radar-ring--3{animation-delay:1.6s}.matchmaking-radar-core{background:var(--accent-gold);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #d4a84399}.matchmaking-status{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600}.matchmaking-estimate{color:var(--accent-gold);text-align:center;max-width:280px;margin:0;font-size:1rem;font-weight:600;line-height:1.45}.matchmaking-elapsed{color:var(--text-primary,#e8eaef);text-align:center;letter-spacing:.04em;margin:0;font-size:.9rem;font-weight:600}.matchmaking-dots{gap:8px;display:flex}.matchmaking-dot{background:var(--accent-gold);opacity:.35;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite matchmaking-dot}.matchmaking-dot:nth-child(2){animation-delay:.2s}.matchmaking-dot:nth-child(3){animation-delay:.4s}@keyframes matchmaking-pulse{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1)}}@keyframes matchmaking-dot{0%,80%,to{opacity:.35;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.home-mode-select{gap:10px;width:min(100%,320px);margin-bottom:6px;display:flex}.home-mode-chip{border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-display);cursor:default;background:#0a14238c;border:1.5px solid #53668059;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 10px;transition:border-color .15s,background .15s;display:flex}.home-mode-chip--active{color:var(--accent-gold);background:#d4a8431f;border-color:#d4a8438c}.home-mode-chip--locked{opacity:.55;cursor:not-allowed}.home-mode-chip__title{letter-spacing:.04em;font-size:.82rem;font-weight:700}.home-mode-chip__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:700}.cosmetics-overlay{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cosmetics-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040a12d1;position:absolute;inset:0}.cosmetics-panel{z-index:1;border-radius:var(--radius-md);background:linear-gradient(165deg,#0c1929fa,#07111dfa);border:1px solid #d4a84333;width:min(720px,100%);padding:24px 28px 28px;animation:.32s cubic-bezier(.34,1.56,.64,1) forwards cosmetics-pop;position:relative;box-shadow:0 20px 60px #0000008c}@keyframes cosmetics-pop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.cosmetics-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cosmetics-header h2{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.08em;margin:0;font-size:1.35rem;font-weight:800}.cosmetics-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;font-size:1.4rem;line-height:1}.cosmetics-sub{color:var(--text-secondary);margin:0 0 20px;font-size:.88rem}.cosmetics-grid{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cosmetics-theme-card{border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;border:2px solid #ffffff14;flex-direction:column;align-items:center;gap:8px;min-width:110px;padding:10px 12px 12px;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;display:flex}.cosmetics-theme-card:hover{border-color:#d4a84359;transform:translateY(-3px)}.cosmetics-theme-card--active{border-color:var(--accent-gold);box-shadow:0 0 0 1px var(--accent-gold), 0 0 18px var(--accent-gold-glow)}.cosmetics-preview{border:1.5px solid;border-radius:8px;flex-direction:column;align-items:flex-start;width:64px;height:88px;padding:6px;display:flex;position:relative;overflow:hidden}.cosmetics-preview-rank{font-family:var(--font-card);font-size:.85rem;font-weight:700;line-height:1}.cosmetics-preview-suit{font-size:.75rem;line-height:1}.cosmetics-preview-back{color:#d4a84380;border-radius:6px;justify-content:center;align-items:center;width:36px;height:48px;font-size:.65rem;display:flex;position:absolute;bottom:-8px;right:-8px;transform:rotate(12deg)}.cosmetics-theme-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);font-size:.72rem;font-weight:700}.online-players-badge{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.04em;color:#86efac;background:#2ecc7114;border:1px solid #2ecc7159;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.online-players-badge__dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite online-pulse;box-shadow:0 0 8px #22c55eb3}.online-players-badge__count{font-variant-numeric:tabular-nums;text-align:right;color:#bbf7d0;min-width:2ch}.online-players-badge__label{color:#86efacd9;text-transform:lowercase}@keyframes online-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}:root{--bg-deep:#07111d;--bg-mid:#0c1929;--bg-panel:#0c1929e0;--bg-panel-border:#ffffff0f;--bg-card-zone:#0a1423a6;--accent-gold:#d4a843;--accent-gold-dim:#a3812e;--accent-gold-glow:#d4a84359;--accent-crimson:#c0392b;--accent-emerald:#2ecc71;--accent-emerald-dim:#2ecc712e;--accent-teal:#48c9b0;--accent-purple:#8b5cf6;--text-primary:#e8ecf1;--text-secondary:#8899ab;--text-muted:#536680;--card-bg:#f7f5f0;--card-shadow:0 2px 6px #00000059, 0 1px 2px #0003;--card-shadow-hover:0 8px 24px #00000073, 0 2px 6px #00000040;--card-radius:10px;--effect-card-bg:linear-gradient(180deg, #121f32 0%, #0a1524 100%);--effect-card-bg-solid:#0e1a2b;--effect-aggressive-accent:#c0392b;--effect-aggressive-muted:#d47068;--effect-aggressive-border:#c0392bbf;--effect-aggressive-glow:#c0392b59;--effect-aggressive-halo:#c0392b2e;--effect-defensive-accent:#2ecc71;--effect-defensive-muted:#5dd995;--effect-defensive-border:#2ecc71bf;--effect-defensive-glow:#2ecc7159;--effect-defensive-halo:#2ecc712e;--effect-utility-accent:#8b5cf6;--effect-utility-muted:#a78bfa;--effect-utility-border:#8b5cf6bf;--effect-utility-glow:#8b5cf659;--effect-utility-halo:#8b5cf62e;--effect-aggressive-bg:var(--effect-card-bg);--effect-defensive-bg:var(--effect-card-bg);--effect-utility-bg:var(--effect-card-bg);--rank-royal:linear-gradient(90deg, #d4a843, #c0392b, #8b5cf6, #3b82f6, #d4a843);--font-display:"Manrope", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-card:Georgia, "Times New Roman", serif;--anim-fast:.2s;--anim-normal:.4s;--anim-slow:.5s;--ease-out-back:cubic-bezier(.34, 1.4, .64, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-pill:999px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100dvh;margin:0;font-size:14px;line-height:1.5;overflow-x:hidden}html.game-board-active,body.game-board-active{overscroll-behavior:none;height:100%;overflow:hidden}html.game-board-active #root,body.game-board-active #root,body.game-board-active .app{height:100%;min-height:0;max-height:100dvh;overflow:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(90% 45% at 50% -8%,#8b5cf60f 0%,#0000 60%),radial-gradient(50% 30% at 85% 90%,#c0392b0a 0%,#0000 50%),radial-gradient(50% 30% at 15% 85%,#2ecc710a 0%,#0000 50%),linear-gradient(178deg,#07111d 0%,#0c1929 40%,#091420 70%,#07111d 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;opacity:.5;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}.app{width:100%;min-height:100dvh;position:relative}button{font-family:inherit}.home-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.home-header{text-align:center;margin-bottom:40px}.home-header h1{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.2em;text-shadow:0 2px 20px #d4a84340;margin:0 0 12px;font-size:2.8rem;font-weight:800}.home-tagline{color:var(--text-secondary);margin:0;font-size:1.05rem}.home-actions{flex-direction:column;gap:14px;width:min(100%,320px);display:flex}.home-btn{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;padding:16px 24px;font-size:.95rem;font-weight:700;transition:transform .15s,filter .15s}.home-btn:hover{transform:translateY(-1px)}.home-btn--primary{color:#0a1524;background:linear-gradient(#d4a843 0%,#b8922f 100%);border:none}.home-btn--online,.home-btn--search{color:var(--accent-gold);background:#d4a84314;border:1.5px solid #d4a84373}.home-btn--guide{color:#93c5fd;background:#60a5fa14;border:1.5px solid #60a5fa66}.home-btn--cosmetics{color:#c4b5fd;background:#8b5cf614;border:1.5px solid #8b5cf666}::selection{color:#fff;background:#d4a8434d}.admin-page{color:#e8eaef;background:#0f1117;min-height:100vh;padding:2rem 1.5rem 3rem;font-family:Inter,system-ui,sans-serif}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-header h1{margin:0;font-size:1.75rem;font-weight:700}.admin-header__sub{color:#8b93a7;margin:.25rem 0 0;font-size:.875rem}.admin-header__actions{gap:.5rem;display:flex}.admin-btn{color:#e8eaef;cursor:pointer;background:#1a1f2e;border:1px solid #2a3142;border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.admin-btn--ghost:hover{background:#242b3d}.admin-section{margin-bottom:2.5rem}.admin-section h2{color:#b8bfd0;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.admin-section__hint{color:#8b93a7;margin:-.5rem 0 1rem;font-size:.875rem}.admin-user-table-wrap{overflow-x:auto}.admin-user-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-user-table th,.admin-user-table td{text-align:left;border-bottom:1px solid #2a3142;padding:.6rem .75rem}.admin-user-table th{color:#8b93a7;font-weight:600}.admin-user-table__row--mine{background:#1a2438}.admin-user-table__badge{color:#fff;vertical-align:middle;background:#2563eb;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.admin-user-table__badge--muted{color:#d1d5db;background:#374151}.admin-match-table th,.admin-match-table td{vertical-align:top}.admin-match-table__time{white-space:nowrap;color:#8b93a7;font-size:.8rem}.admin-match-table__muted{color:#6b7289}.admin-match-winner{border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.admin-match-winner--win{color:#86efac;background:#22c55e26}.admin-match-winner--loss{color:#fca5a5;background:#f8717126}.admin-match-winner--tie{color:#cbd5e1;background:#94a3b826}.admin-match-effects{flex-wrap:wrap;gap:.35rem;max-width:220px;display:flex}.admin-match-effect{color:#b8bfce;white-space:nowrap;background:#242b3d;border:1px solid #2a3142;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;display:inline-block}.admin-section h3{color:#b8bfd0;margin:1.5rem 0 .75rem;font-size:.9375rem;font-weight:600}.admin-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.admin-cards--3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-card{background:#1a1f2e;border:1px solid #2a3142;border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem 1.125rem;display:flex}.admin-card--highlight{background:#1a2438;border-color:#3b5bdb}.admin-card__label{color:#8b93a7;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.admin-card__value{font-size:1.75rem;font-weight:700;line-height:1.2}.admin-card__value--sm{font-size:1.125rem}.admin-card__hint{color:#6b7289;font-size:.75rem}.admin-effect-list ul{background:#1a1f2e;border:1px solid #2a3142;border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.admin-effect-list li{border-bottom:1px solid #2a3142;justify-content:space-between;padding:.625rem 1rem;font-size:.875rem;display:flex}.admin-effect-list li:last-child{border-bottom:none}.admin-effect-list__count{color:#8b93a7;font-variant-numeric:tabular-nums}.admin-chart{background:#1a1f2e;border:1px solid #2a3142;border-radius:12px;align-items:flex-end;gap:.5rem;height:200px;padding:1rem;display:flex}.admin-chart__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;height:100%;display:flex}.admin-chart__bar{background:linear-gradient(#6d5efc 0%,#4f46e5 100%);border-radius:4px 4px 0 0;width:100%;max-width:32px;min-height:2px;transition:height .3s}.admin-chart__label{color:#6b7289;font-size:.625rem}.admin-chart__count{color:#8b93a7;font-variant-numeric:tabular-nums;font-size:.6875rem}.admin-login{background:#1a1f2e;border:1px solid #2a3142;border-radius:16px;flex-direction:column;gap:.75rem;max-width:360px;margin:15vh auto 0;padding:2rem;display:flex}.admin-login h1{margin:0;font-size:1.5rem}.admin-login__hint{color:#8b93a7;margin:0;font-size:.875rem}.admin-login__input{color:#e8eaef;background:#0f1117;border:1px solid #2a3142;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.admin-login__btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:600}.admin-login__btn:disabled{opacity:.5;cursor:not-allowed}.admin-login__error,.admin-filter-note{color:#93c5fd;background:#1a2438;border:1px solid #2d4a6f;border-radius:8px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.875rem}.admin-exclude-help{color:#b8bfce;background:#151922;border:1px solid #2a3142;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.admin-exclude-help summary{cursor:pointer;color:#e8eaef;font-weight:600}.admin-exclude-help p,.admin-exclude-help ol{margin:.75rem 0 0}.admin-exclude-help ol{padding-left:1.25rem}.admin-exclude-help code{background:#0f1117;border-radius:4px;padding:.1rem .35rem;font-size:.8rem}.admin-exclude-help__device{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-error{color:#f87171;margin:0;font-size:.875rem}.admin-loading{color:#8b93a7}.mobile-topbar,.mobile-scrim{display:none}@media (width<=768px),(orientation:landscape) and (height<=600px) and (width<=1024px){body{font-size:12px}html.game-board-active,body.game-board-active{overscroll-behavior:none;height:100%;overflow:hidden}html.game-board-active #root,body.game-board-active #root,body.game-board-active .app{height:100%;min-height:0;max-height:100dvh;overflow:hidden}.game-board{--sidebar-width:0px;--center-width:100vw;--board-pad-x:6px;--poker-gap:clamp(3px, .6vw, 6px);--poker-card-w:calc((100vw - 20px - 4 * var(--poker-gap)) / 5);--poker-card-h:calc(var(--poker-card-w) * 1.4);--poker-card-w-width:var(--poker-card-w);--poker-card-w-height:var(--poker-card-h);--poker-card-radius:clamp(5px, calc(var(--poker-card-h) * .085), 9px);--effect-card-w:clamp(28px, calc((100vw - 24px) / 9), 44px);--effect-card-h:calc(var(--effect-card-w) * 1.34);--effect-hover-pad-bot:2px;--effect-hover-pad-player:2px;--arena-row-gap:4px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;max-height:100dvh;overflow:hidden}.game-board--full-deck{--effect-card-w:clamp(22px, calc((100vw - 24px) / 12), 38px)}.game-board.is-animating .mobile-topbar,.game-board.is-animating .mobile-info-btn,.game-board.is-animating .mobile-scrim,.game-board.is-animating .left-sidebar{pointer-events:auto}.battlefield{height:100%;min-height:0;max-height:100dvh;padding-top:calc(36px + env(safe-area-inset-top,0px));padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));grid-area:1/1;overflow:hidden auto}.game-board--mobile-layout:has(.round-timer-bar) .battlefield{padding-top:calc(58px + env(safe-area-inset-top,0px))}.battlefield-stack{padding:0 var(--board-pad-x) calc(16px + env(safe-area-inset-bottom,0px));flex:none;gap:10px;min-height:auto}.battlefield-half{flex:none;min-height:auto;overflow:visible}.battlefield-half .zone{flex:none;gap:0;min-height:auto;overflow:visible}.battlefield-half--bot,.battlefield-half--player{padding-top:0;padding-bottom:0}.battlefield-half-core{gap:2px}.arena-hud,.arena-hud--compact{min-height:16px;padding:0}.arena-hud .hand-rank-badge,.arena-hud--compact .hand-rank-badge{padding:1px 6px;font-size:.52rem}.effect-band{flex-shrink:0;min-height:auto;overflow:visible}.effect-band--player{padding-bottom:6px}.effect-band__cards{overflow:visible}.effect-band .effect-row{gap:2px;padding:1px 4px 2px}.effect-band--bot .effect-row,.effect-band--player .effect-row{padding-top:2px;padding-bottom:1px}.effect-band .effect-card,.effect-band .effect-card-back{transition:none!important}.effect-band .effect-card:hover:not(:disabled),.effect-band .effect-card-back:hover:not(:disabled){z-index:auto!important;transform:none!important}.effect-band .effect-card .effect-card-header{padding:2px 2px 0}.effect-band .effect-card .effect-card-name{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.34rem,.8vw,.46rem);line-height:1.1;overflow:hidden}.effect-band .effect-card .effect-card-desc{display:none}.effect-band .effect-card .effect-card-icon-badge{border-radius:5px;width:clamp(16px,3.5vw,24px);height:clamp(16px,3.5vw,24px)}.effect-band .effect-card .effect-card-art{min-height:0;padding:1px 0}.effect-band .effect-card .effect-card-gem{width:4px;height:4px}.battlefield .arena-rows .hand-row .playing-card,.battlefield .arena-rows .hand-row .playing-card-empty-slot{box-shadow:0 2px 6px #0003,0 6px 18px #00000040}.battlefield .arena-rows .hand-row .playing-card:hover:not(:disabled){transform:translateY(-6px)scale(1.04)}.battlefield .arena-rows .hand-row .playing-card.selected{box-shadow:0 0 0 2px var(--accent-gold), 0 0 14px #d4a84366, 0 8px 20px #0000004d;transform:translateY(-8px)scale(1.03)}.hand-row--player .playing-card,.hand-row--player .playing-card-empty-slot{width:calc(var(--poker-card-w) * 1.06)!important;height:calc(var(--poker-card-h) * 1.06)!important}.hand-row--player .card-rank{font-size:clamp(.7rem, calc(var(--poker-card-w) * .12), 1rem)!important}.hand-row--player .card-suit-sm{font-size:clamp(.48rem, calc(var(--poker-card-w) * .075), .66rem)!important}.hand-row--player .card-suit-center{font-size:clamp(1.1rem, calc(var(--poker-card-w) * .22), 1.6rem)!important}.mobile-zone-label{display:none}.game-board--mobile-layout .mobile-zone-label{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;flex-shrink:0;font-size:.58rem;font-weight:800;display:block}.game-board--mobile-layout .mobile-zone-label--bot{color:#f87171eb;padding:8px 8px 4px}.game-board--mobile-layout .mobile-zone-label--player{color:#2ecc71f2;padding:10px 8px 4px}.game-board--mobile-layout .battlefield-half--bot{border-bottom:1px solid #ffffff12;margin-bottom:6px;padding-bottom:2px}.game-board--mobile-layout .battlefield-half--player{padding-top:2px}.game-board--mobile-layout .effect-band__cards{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow:auto visible}.game-board--mobile-layout .effect-band__cards::-webkit-scrollbar{display:none}.game-board--mobile-layout .htp-fab{top:calc(4px + env(safe-area-inset-top,0px));left:calc(6px + env(safe-area-inset-left,0px));z-index:65;position:fixed}.game-board--mobile-layout .battlefield-arena,.game-board--mobile-layout .battlefield:before{display:none}.game-board--mobile-layout .zone{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;gap:6px;width:100%;min-height:auto;display:flex;overflow:visible}.game-board--mobile-layout .zone--bot .mobile-zone-label{order:1}.game-board--mobile-layout .zone--bot .effect-band{order:2}.game-board--mobile-layout .zone--bot .battlefield-half-core{order:3}.game-board--mobile-layout .zone--bot .battlefield-half-core .arena-rows{order:1}.game-board--mobile-layout .zone--bot .battlefield-half-core .arena-hud{order:2}.game-board--mobile-layout .zone--player .mobile-zone-label{order:1}.game-board--mobile-layout .zone--player .battlefield-half-core{order:2}.game-board--mobile-layout .zone--player .effect-band{order:3}.game-board--mobile-layout .battlefield-half-core{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:100%;display:flex;overflow:visible}.game-board--mobile-layout .arena-rows{width:100%;overflow:visible}.game-board--mobile-layout .hand-row{gap:var(--poker-gap);perspective:none;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:100%;display:grid}.game-board--mobile-layout .hand-row .playing-card-slot{justify-content:center;width:100%;min-width:0;display:flex}.game-board--mobile-layout .hand-row .playing-card,.game-board--mobile-layout .hand-row .playing-card-empty-slot{aspect-ratio:5/7;max-width:100%;width:100%!important;height:auto!important}.game-board--mobile-layout .hand-row--player .playing-card,.game-board--mobile-layout .hand-row--player .playing-card-empty-slot{width:100%!important;height:auto!important}.game-board--mobile-layout .hand-row--pre-reveal .playing-card-slot{opacity:1;pointer-events:auto}.game-board--mobile-layout .effect-band{width:100%;padding:2px 0 4px}.game-board--mobile-layout .effect-band--bot .effect-band__cards{overflow:auto visible}.game-board--mobile-layout .effect-band--player .effect-band__cards{overflow:visible}.game-board--mobile-layout .effect-band .effect-row{flex-wrap:nowrap;justify-content:flex-start;gap:3px;padding:2px 4px}.game-board--mobile-layout .effect-row--mobile-grid{flex-wrap:unset;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:stretch;gap:4px 3px;width:100%;padding:2px 4px;display:grid}.game-board--mobile-layout .effect-row--mobile-grid .effect-flight-anchor{justify-content:center;width:100%;min-width:0;display:flex}.game-board--mobile-layout .effect-band--player .effect-card,.game-board--mobile-layout .effect-band--player .effect-card-back{max-width:100%;flex:unset!important;width:100%!important;min-width:0!important}.game-board--mobile-layout .effect-band--bot .effect-card,.game-board--mobile-layout .effect-band--bot .effect-card-back{flex:0 0 clamp(58px,16vw,72px);min-width:clamp(58px,16vw,72px);width:clamp(58px,16vw,72px)!important}.game-board--mobile-layout .effect-band .effect-card--mobile-rail,.game-board--mobile-layout .effect-band .effect-card-back--mobile-rail{transform-origin:50%;min-height:72px;height:auto!important;aspect-ratio:unset!important}.game-board--mobile-layout .effect-band .effect-card--mobile-rail:hover:not(:disabled),.game-board--mobile-layout .effect-band .effect-card-back--mobile-rail:hover:not(:disabled){z-index:20!important;transform:scale(1.03)!important}.game-board--mobile-layout .effect-band .effect-card--mobile-rail .effect-card-header{padding:3px 2px 0!important}.game-board--mobile-layout .effect-band .effect-card--mobile-rail .effect-card-name{-webkit-line-clamp:2;text-align:center;text-overflow:unset;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.01em!important;white-space:normal!important;font-size:clamp(.34rem,2.8vw,.44rem)!important;line-height:1.12!important;display:-webkit-box!important}.game-board--mobile-layout .effect-band .effect-card--mobile-rail .effect-card-art{flex:none;min-height:0!important;padding:2px 0!important}.game-board--mobile-layout .effect-band .effect-card--mobile-rail .effect-card-icon-badge{border-radius:6px;width:clamp(18px,4.2vw,24px)!important;height:clamp(18px,4.2vw,24px)!important}.game-board--mobile-layout .effect-band .effect-card--mobile-rail .effect-card-desc,.game-board--mobile-layout .effect-band .effect-card--mobile-rail .effect-card-desc--rail{-webkit-line-clamp:3;text-align:center;color:var(--text-muted);-webkit-box-orient:vertical;overflow:hidden;padding:0 2px 4px!important;font-size:clamp(.3rem,2.4vw,.38rem)!important;line-height:1.18!important;display:-webkit-box!important}.game-board--mobile-layout .effect-band .effect-card--mobile-rail .effect-card-gem{width:4px!important;height:4px!important}.game-board--mobile-layout .effect-band .effect-card-back--mobile-rail{border-radius:7px;min-height:72px}.game-board--mobile-layout .effect-band .effect-card-back--mobile-rail .effect-back-emblem{font-size:clamp(.62rem,2.8vw,.78rem)}.game-board--mobile-layout .mobile-zone-section-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--text-muted);padding:2px 0 0;font-size:.5rem;font-weight:700}.left-sidebar{z-index:200;border-right:1px solid #d4a84340;width:min(76vw,300px);max-width:min(76vw,300px);transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-104%);box-shadow:12px 0 40px #0000008c}.game-board--info-open .left-sidebar{transform:translate(0)}.mobile-scrim{z-index:190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03080e8c;animation:.22s ease-out mobile-scrim-in;display:block;position:fixed;inset:36px 0 0}@keyframes mobile-scrim-in{0%{opacity:0}to{opacity:1}}.right-sidebar{z-index:60;width:100%;max-width:100%;height:auto;max-height:none;padding:0 0 env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#09121feb 0%,#070e18fa 100%);border-top:1px solid #d4a8432e;border-left:none;grid-template-rows:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:auto 0 0}.right-sidebar-header,.right-sidebar-top,.right-sidebar-bottom{display:none}.right-sidebar-actions{background:0 0;border:none;flex-flow:wrap;grid-row:auto;gap:6px;width:100%;min-height:44px;padding:6px 12px}.right-sidebar-actions .btn-lock{flex:auto;width:auto;max-width:300px;padding:10px 22px;font-size:.78rem}.right-sidebar-actions .btn-cancel{width:auto;padding:7px 14px}.right-sidebar-actions .slots-left{flex:none;width:auto}.right-sidebar-actions .pick-hint,.right-sidebar-actions .online-status-msg{flex:100%;font-size:.6rem}.right-sidebar-actions .pick-hint--deck{font-size:.65rem;line-height:1.3}.mobile-topbar{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:linear-gradient(#070e18f7 0%,#09121fe0 100%);border-bottom:1px solid #d4a84324;justify-content:space-between;align-items:center;gap:8px;height:36px;padding:0 8px 0 42px;display:flex;position:fixed;top:0;left:0;right:0}.game-board--mobile-layout .mobile-topbar{padding-left:max(42px, calc(env(safe-area-inset-left,0px) + 38px));padding-right:max(8px, env(safe-area-inset-right,0px))}.mobile-topbar__info{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.game-board--mobile-layout .leave-match-btn{top:max(42px, calc(env(safe-area-inset-top,0px) + 38px));left:max(8px, env(safe-area-inset-left,0px));padding:6px 10px;font-size:.62rem;right:auto}.mobile-round-pill{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.02em;background:#d4a8431f;border:1px solid #d4a84347;flex-shrink:0;align-items:baseline;gap:1px;padding:3px 9px;display:inline-flex}.mobile-round-pill__num{color:var(--accent-gold);font-size:.78rem;font-weight:800}.mobile-round-pill__sep,.mobile-round-pill__total{color:var(--text-muted);font-size:.6rem;font-weight:700}.mobile-topbar__order{min-width:0;overflow:hidden}.mobile-topbar__order .round-order-sidebar--rail{border-radius:var(--radius-pill);width:auto;height:auto;min-height:0;box-shadow:none;border:1px solid #ffffff14;flex-direction:row;align-items:center;gap:5px;padding:3px 9px}.mobile-topbar__order .round-order-sidebar--rail.round-order-sidebar--player{box-shadow:inset 0 0 0 1px #2ecc7159}.mobile-topbar__order .round-order-sidebar--rail.round-order-sidebar--opponent{box-shadow:inset 0 0 0 1px #c0392b59}.mobile-topbar__order .round-order-sidebar-title{display:none}.mobile-topbar__order .round-order-sidebar-value{white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.mobile-info-btn{width:30px;height:30px;color:var(--accent-gold);cursor:pointer;pointer-events:auto;background:#d4a8431a;border:1px solid #d4a8434d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .12s;display:inline-flex}.mobile-info-btn:active{transform:scale(.94)}.htp-fab{z-index:65;width:28px;height:28px;font-size:.82rem;top:4px;left:6px}.result-text{font-size:1.2rem}.home-screen{padding:20px}.home-header{margin-bottom:20px}.home-header h1{letter-spacing:.16em;font-size:1.8rem}.home-tagline{padding:0 8px;font-size:.86rem}.home-actions{width:100%;max-width:360px}.home-btn{padding:12px 18px;font-size:.86rem}.mode-picker-screen{gap:18px;padding:20px}.mode-picker-header h1{font-size:1.25rem}.mode-picker-options,.lobby-mode-select{width:100%;max-width:380px}.draft-screen{padding:16px 14px 90px}.draft-header{margin-bottom:16px}.draft-header h1{font-size:1.5rem}.draft-subtitle{padding:0 6px;font-size:.8rem}.draft-layout{grid-template-columns:1fr;gap:14px}.draft-pool-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:7px}.draft-hand{padding:12px;position:static}.draft-hand-row{flex-flow:wrap;justify-content:center;gap:6px;min-height:0;margin-bottom:12px}.draft-hand-row .draft-slot,.draft-hand-row .draft-slot-empty{width:clamp(48px,14vw,68px)}.draft-slot-empty{height:clamp(68px,20vw,96px)}.htp-panel{border-radius:12px;max-height:94vh}.htp-header{padding:12px 14px 8px}.htp-header h2{font-size:1.1rem}.htp-nav{padding:6px 12px 10px}.htp-body{padding:14px 14px 18px}.htp-lead{font-size:.88rem}.htp-effect-grid{grid-template-columns:1fr}.htp-flow{gap:4px;padding:10px}.cosmetics-panel{max-height:94vh;padding:14px 14px 18px;overflow-y:auto}}@media (orientation:landscape) and (height<=380px) and (width<=1024px){.game-board{--poker-card-h:clamp(38px, calc((100dvh - 168px) / 2), 60px);--poker-card-w:calc(var(--poker-card-h) / 1.4);--effect-card-w:clamp(24px, calc((100vw - 24px) / 10), 36px);--arena-row-gap:1px}.battlefield{padding-top:32px;padding-bottom:42px;scroll-padding-bottom:72px}.battlefield-stack{padding-bottom:72px}.mobile-topbar{height:32px;padding-left:36px}.htp-fab{width:24px;height:24px;font-size:.72rem}.right-sidebar-actions{min-height:36px;padding:4px 10px}.right-sidebar-actions .btn-lock{padding:7px 18px;font-size:.7rem}.arena-hud,.arena-hud--compact{min-height:18px;padding:0}.battlefield-half-core{gap:1px}}@media (width<=768px) and (orientation:portrait){.home-screen{padding:28px 20px}.home-header{margin-bottom:30px}.home-header h1{letter-spacing:.16em;font-size:2.1rem}.home-tagline{padding:0 8px;font-size:.92rem}.home-actions{width:100%;max-width:360px}.home-btn{padding:15px 20px;font-size:.92rem}.mode-picker-screen{gap:22px;padding:28px 20px}.mode-picker-header h1{font-size:1.35rem}.mode-picker-options,.lobby-mode-select{width:100%;max-width:380px}.draft-screen{padding:20px 14px 120px}.draft-header{margin-bottom:20px}.draft-header h1{font-size:1.7rem}.draft-subtitle{padding:0 6px;font-size:.86rem}.draft-layout{grid-template-columns:1fr;gap:18px}.draft-pool-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:9px}.draft-hand{padding:14px;position:static}.draft-hand-row{flex-flow:wrap;justify-content:center;gap:8px;min-height:0;margin-bottom:14px}.draft-hand-row .draft-slot,.draft-hand-row .draft-slot-empty{width:clamp(54px,17vw,78px)}.draft-slot-empty{height:clamp(76px,24vw,108px)}.htp-panel{border-radius:14px;max-height:94vh}.htp-header{padding:16px 16px 10px}.htp-header h2{font-size:1.2rem}.htp-nav{padding:8px 14px 12px}.htp-body{padding:16px 16px 22px}.htp-lead{font-size:.95rem}.htp-effect-grid{grid-template-columns:1fr}.htp-flow{gap:4px;padding:12px}.cosmetics-panel{max-height:92vh;padding:18px 16px 20px;overflow-y:auto}}