:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;--color-fire:#ef4444;--color-ice:#38bdf8;--color-wind:#10b981;--color-earth:#fff017;--color-lightning:#a855f7;--color-water:#3b82f6;--color-light:#fef08a;--color-dark:#64748b;--color-bg-dark:#0f172a;--color-bg-card:#1e293bb3;--color-border:#ffffff14;--text-1:#f8fafc;--text-2:#cbd5e1;--text-3:#94a3b8;--text-disabled:#64748b;background-color:#0b0f19;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{background:radial-gradient(circle at top,#1e293b 0%,#0b0f19 100%);min-width:320px}#root{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app-container{box-sizing:border-box;-webkit-font-smoothing:antialiased;grid-template-columns:1fr;gap:.6rem;width:100%;height:100%;padding:1rem;display:grid}@media (width<=1200px){.app-container{height:auto}.playmat{min-height:640px}}:root{--dock-gold:#c9a44c;--dock-gold-soft:#c9a44c6b;--dock-gold-dim:#c9a44c2e;--dock-ink:#0d1526;--dock-ink-2:#131e33}.game-dock{z-index:940;align-items:flex-end;gap:.45rem;display:flex;position:fixed;bottom:.85rem;left:.85rem}.dock-btn{border:2px solid var(--dock-gold-soft);background:radial-gradient(circle at 50% 30%, #38bdf81a, transparent 65%), linear-gradient(160deg, var(--dock-ink-2) 0%, var(--dock-ink) 100%);color:#e7dcc0;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:1.15rem;line-height:1;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:flex;position:relative;box-shadow:0 6px 16px #0000008c,inset 0 1px #ffffff12}.dock-btn:hover:not(:disabled),.dock-btn:focus-visible{z-index:2}.dock-btn:hover:not(:disabled){border-color:var(--dock-gold);transform:translateY(-3px);box-shadow:0 10px 22px #0009,0 0 16px #c9a44c59,inset 0 1px #ffffff1a}.dock-btn:focus-visible{outline-offset:3px;outline:2px solid #38bdf8}.dock-btn:active:not(:disabled){transform:translateY(-1px)scale(.96)}.dock-btn.is-on{border-color:var(--dock-gold);background:radial-gradient(circle at 50% 30%,#c9a44c47,#0000 68%),linear-gradient(160deg,#22304d 0%,#16233c 100%);box-shadow:0 6px 16px #0000008c,0 0 18px #c9a44c66,inset 0 1px #ffffff1a}.dock-btn.is-off{color:#cbd5e18c;border-color:#ffffff1f}.dock-btn.is-danger:hover:not(:disabled){border-color:#ef4444;box-shadow:0 10px 22px #0009,0 0 16px #ef444473,inset 0 1px #ffffff1a}.dock-btn-badge{box-sizing:border-box;color:#fff;text-align:center;background:#dc2626;border:1px solid #ffffff59;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:.6rem;font-weight:800;line-height:16px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 8px #dc2626b3}.dock-btn-tip{border:1px solid var(--dock-gold-soft);color:#e7dcc0;white-space:nowrap;pointer-events:none;opacity:0;background:#0a101cf5;border-radius:5px;padding:.22rem .5rem;font-size:.66rem;font-weight:600;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(4px)}.dock-btn:hover .dock-btn-tip,.dock-btn:focus-visible .dock-btn-tip{opacity:1;transform:translate(-50%)translateY(0)}.auto-mode-btn{position:relative}.auto-mode-tip{z-index:5;border:1px solid var(--dock-gold-soft);color:#e7dcc0;text-align:left;white-space:normal;pointer-events:none;opacity:0;background:#0a101cf5;border-radius:5px;width:max-content;max-width:17rem;padding:.35rem .55rem;font-size:.66rem;font-weight:600;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(-4px)}.auto-mode-tip.is-above{top:auto;bottom:calc(100% + 9px);transform:translate(-50%)translateY(4px)}.auto-mode-btn:hover .auto-mode-tip,.auto-mode-btn:focus-visible .auto-mode-tip{opacity:1;transform:translate(-50%)translateY(0)}.dock-window{z-index:941;box-sizing:border-box;border:1px solid var(--dock-gold-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 85% 92%,#c9a44c12,#0000 55%),linear-gradient(165deg,#131e33fa 0%,#0a101cfa 100%);border-radius:10px;flex-direction:column;width:min(400px,100vw - 1.7rem);max-height:min(58vh,560px);animation:.18s ease-out dock-window-in;display:flex;position:fixed;bottom:calc(1.45rem + 46px);left:.85rem;overflow:hidden;box-shadow:0 18px 44px #000000a6,inset 0 0 0 1px #ffffff08}@keyframes dock-window-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.dock-window-header{border-bottom:1px solid var(--dock-gold-dim);background:linear-gradient(#c9a44c1a,#0000);flex:none;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.dock-window-title{letter-spacing:.14em;text-transform:uppercase;color:#e7dcc0;text-shadow:0 0 10px #c9a44c59;flex:auto;min-width:0;font-size:.76rem;font-weight:800}.dock-window-close{color:#e2e8f0a6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:color .15s,background .15s,border-color .15s;display:flex}.dock-window-close:hover{color:#fff;background:#ef44442e;border-color:#ef444480}.dock-window-body{flex-direction:column;flex:auto;min-height:0;padding:.5rem .35rem .5rem .55rem;display:flex}.dock-window-footer{border-top:1px solid var(--dock-gold-dim);color:#94a3b8d9;flex:none;padding:.35rem .7rem;font-size:.62rem;font-style:italic}.dock-window.is-movable>.dock-window-header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dock-window.is-movable>.dock-window-header:active{cursor:grabbing}body.is-dock-window-dragging,body.is-dock-window-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.dock-window-reset{color:#e2e8f099;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;transition:color .15s,background .15s,border-color .15s;display:flex}.dock-window-reset:hover{color:#f6e7bb;border-color:var(--dock-gold-soft);background:#c9a44c29}.dock-window-resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 0 55%, var(--dock-gold-soft) 55% 65%, transparent 65% 75%, var(--dock-gold-soft) 75% 85%, transparent 85%);opacity:.55;width:18px;height:18px;transition:opacity .15s;position:absolute;bottom:0;right:0}.dock-window-resize:hover{opacity:1}.history-list{scrollbar-width:thin;scrollbar-color:var(--dock-gold-soft) transparent;flex-direction:column;gap:2px;min-height:0;padding-right:.2rem;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:7px}.history-list::-webkit-scrollbar-thumb{background:var(--dock-gold-soft);border-radius:4px}.history-row{text-align:left;box-sizing:border-box;color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:68px 1fr auto;align-items:start;gap:.4rem;width:100%;padding:.3rem .4rem;font-size:.7rem;line-height:1.3;transition:background .13s,border-color .13s;display:grid}.history-row.is-clickable{cursor:pointer}.history-row.is-clickable:hover{border-color:var(--dock-gold-dim);background:#c9a44c17}.history-row.is-muted{opacity:.45}.history-row.is-viewed{background:#38bdf824;border-color:#38bdf88c}.history-row-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--dock-gold);white-space:nowrap;text-overflow:ellipsis;padding-top:.18rem;font-size:.52rem;font-weight:800;overflow:hidden}.history-row-meta{color:#94a3b8b3;white-space:nowrap;padding-top:.12rem;font-size:.58rem}.history-row-fizzle{color:#fbbf24;font-size:.63rem}.history-row-resolved{color:#a5b4fc;padding-left:.15rem;font-size:.92em}.history-row-damage{color:#fca5a5;padding-left:.15rem;font-size:.92em}.history-card-name{color:#e2e8f0;text-underline-offset:2px;cursor:help;font-weight:600;-webkit-text-decoration:underline dotted #94a3b899;text-decoration:underline dotted #94a3b899}.history-card-name:hover{color:#7dd3fc;text-decoration-color:#7dd3fc}.history-separator{letter-spacing:.1em;text-transform:uppercase;color:#c9a44cd9;white-space:nowrap;align-items:center;gap:.5rem;margin:.35rem .2rem .2rem;font-size:.58rem;font-weight:700;display:flex}.history-separator:before,.history-separator:after{content:"";background:linear-gradient(90deg, transparent, var(--dock-gold-soft), transparent);flex:1;height:1px}.history-empty{color:#ffffff40;text-align:center;padding:.8rem 0;font-size:.7rem;font-style:italic}.chat-body{flex-direction:column;flex:auto;gap:.4rem;min-height:0;display:flex}.chat-notice{border:1px solid var(--dock-gold-dim);color:#cbd5e1cc;background:#c9a44c12;border-radius:5px;flex:none;margin-bottom:.15rem;padding:.35rem .45rem;font-size:.72rem;line-height:1.35}.chat-muted-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef444459;border-radius:5px;flex:none;padding:.3rem .5rem;font-size:.75rem}.chat-list{scrollbar-width:thin;scrollbar-color:var(--dock-gold-soft) transparent;flex-direction:column;flex:auto;gap:3px;min-height:0;padding-right:.2rem;display:flex;overflow-y:auto}.chat-list::-webkit-scrollbar{width:7px}.chat-list::-webkit-scrollbar-thumb{background:var(--dock-gold-soft);border-radius:4px}.chat-row{background:#94a3b81a;border:1px solid #0000;border-radius:7px;flex-direction:column;align-self:flex-start;gap:1px;max-width:88%;padding:.35rem .55rem;display:flex}.chat-row.is-mine{background:#38bdf824;border-color:#38bdf84d;align-self:flex-end}.chat-row.is-system{border-color:var(--dock-gold-dim);background:0 0;align-self:center;max-width:100%}.chat-row.is-spectator{background:#a855f71a;border-color:#a855f747}.chat-row-author{letter-spacing:.08em;text-transform:uppercase;color:var(--dock-gold);font-size:.64rem;font-weight:800}.chat-row-badge{color:#d8b4fe;letter-spacing:.04em;background:#a855f738;border:1px solid #a855f773;border-radius:3px;margin-right:.3rem;padding:0 .25rem;font-size:.6rem}.chat-row-text{color:#e2e8f0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.86rem;line-height:1.35}.chat-row.is-system .chat-row-text{color:#94a3b8e6;text-align:center;font-size:.76rem;font-style:italic}.chat-row-time{color:#94a3b899;align-self:flex-end;font-size:.62rem}.chat-empty{color:#ffffff40;text-align:center;padding:.8rem 0;font-size:.8rem;font-style:italic}.chat-quick-bar{flex-wrap:wrap;flex:none;gap:3px;display:flex}.chat-quick-chip{border:1px solid var(--dock-gold-dim);color:#e7dcc0;cursor:pointer;background:#c9a44c0f;border-radius:999px;padding:.2rem .42rem;font-size:.72rem;transition:background .13s,border-color .13s}.chat-quick-chip:hover:not(:disabled){border-color:var(--dock-gold-soft);background:#c9a44c29}.chat-quick-chip:disabled{opacity:.4;cursor:not-allowed}.chat-composer{flex-direction:column;flex:none;gap:3px;display:flex}.chat-composer-input{box-sizing:border-box;resize:none;border:1px solid var(--dock-gold-dim);color:#e2e8f0;background:#090e18cc;border-radius:6px;width:100%;padding:.4rem .5rem;font-family:inherit;font-size:.86rem;line-height:1.35}.chat-composer-input:focus{border-color:var(--dock-gold-soft);outline:none}.chat-composer-input:disabled{opacity:.5;cursor:not-allowed}.chat-composer-foot{align-items:center;gap:.5rem;display:flex}.chat-composer-count{color:#94a3b899;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.66rem}.chat-composer-count.is-over{color:#fca5a5}.chat-composer-error{color:#fca5a5;font-size:.74rem;line-height:1.3}.chat-tools{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chat-tool-btn{border:1px solid var(--dock-gold-dim);color:#cbd5e1d9;cursor:pointer;background:0 0;border-radius:5px;padding:.22rem .45rem;font-size:.7rem;transition:color .13s,border-color .13s,background .13s}.chat-tool-btn:hover{color:#fff;border-color:var(--dock-gold-soft);background:#c9a44c1f}.chat-tool-btn.is-on{color:#fca5a5;border-color:#ef444473}.chat-tool-btn.is-report:hover{color:#fca5a5;background:#ef444424;border-color:#ef444480}.center-prompt-overlay.debug-prompt{z-index:995;width:min(94vw,440px);max-width:min(94vw,440px)}.debug-prompt-body{scrollbar-width:thin;scrollbar-color:var(--dock-gold-soft) transparent;flex-direction:column;gap:.6rem;max-height:min(62vh,520px);display:flex;overflow-y:auto}.dock-modal-backdrop{z-index:2500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;background:#040810b8;justify-content:center;align-items:center;padding:1.5rem;animation:.16s ease-out dock-window-in;display:flex;position:fixed;inset:0}.dock-modal{border:1px solid var(--dock-gold-soft);background:linear-gradient(165deg,#131e33fc 0%,#0a101cfc 100%);border-radius:12px;flex-direction:column;width:min(420px,100%);max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000b3}.dock-modal.is-danger{border-color:#ef44448c;box-shadow:0 24px 60px #000000b3,0 0 26px #ef444433}.dock-modal-body{color:#cbd5e1;scrollbar-width:thin;scrollbar-color:var(--dock-gold-soft) transparent;flex-direction:column;gap:.6rem;padding:.9rem;font-size:.82rem;line-height:1.45;display:flex;overflow-y:auto}.dock-modal-actions{border-top:1px solid var(--dock-gold-dim);justify-content:flex-end;gap:.5rem;padding:.6rem .9rem;display:flex}.dock-modal-btn{cursor:pointer;color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;padding:.42rem .95rem;font-size:.78rem;font-weight:700;transition:background .15s,border-color .15s,transform .12s}.dock-modal-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.dock-modal-btn.is-danger{color:#fff;background:#dc2626;border-color:#ef4444}.dock-modal-btn.is-danger:hover{background:#ef4444;transform:translateY(-1px)}.dock-modal-btn:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}@media (width<=900px),(height<=620px){.game-dock{gap:.35rem;bottom:.5rem;left:.5rem}.dock-btn{width:38px;height:38px;font-size:.95rem}.dock-window{width:min(340px,100vw - 1rem);max-height:46vh;bottom:calc(1rem + 38px);left:.5rem}}.player-board{box-sizing:border-box;background:#ffffff05;border-radius:12px;flex-direction:column;flex:auto;gap:.3rem;width:100%;min-height:0;padding:.35rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.player-board.p1{border:1.5px solid #38bdf826;box-shadow:0 4px 20px #0000004d,inset 0 0 10px #38bdf805}.player-board.p1.has-priority{border-color:#38bdf8;box-shadow:0 4px 25px #0006,0 0 15px #38bdf840,inset 0 0 10px #38bdf80d}.player-board.p2{border:1.5px solid #ef444426;box-shadow:0 4px 20px #0000004d,inset 0 0 10px #ef444405}.player-board.p2.has-priority{border-color:#ef4444;box-shadow:0 4px 25px #0006,0 0 15px #ef444440,inset 0 0 10px #ef44440d}.player-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.player-name{color:#f8fafc;font-size:1.15rem;font-weight:600}.board-grid{background:#0003;border-radius:12px;flex:auto;grid-template-rows:minmax(110px,1fr) minmax(110px,1fr);grid-template-columns:110px 1fr 110px;gap:.4rem;min-height:0;padding:.4rem;display:grid;overflow:hidden}@media (width<=768px){.board-grid{grid-template-columns:90px 1fr 90px;gap:.5rem;padding:.5rem}}.field-row{white-space:nowrap;box-sizing:border-box;background:#ffffff03;border:1px dashed #ffffff08;border-radius:8px;justify-content:safe center;align-items:center;gap:1rem;height:100%;min-height:0;padding:.3rem .3rem .3rem 1.4rem;display:flex;position:relative;overflow:auto hidden}.forwards-monsters-divider{background:#ffffff1f;flex:none;align-self:stretch;width:1px;margin:0 .35rem}.forwards-warp-divider{background:linear-gradient(#0000,#8b5cf69e,#38bdf86b,#0000);border-radius:999px;flex:none;align-self:stretch;width:2px;margin:0 .55rem;box-shadow:0 0 10px #8b5cf673}.field-row:before{content:attr(data-label);text-transform:uppercase;color:#ffffff52;writing-mode:vertical-lr;letter-spacing:.1em;pointer-events:none;font-size:.72rem;font-weight:700;position:absolute;top:50%;left:.25rem;transform:translateY(-50%)rotate(180deg)}.hand-zone{background:#ffffff03;border-radius:8px;flex-shrink:0;align-items:center;gap:.4rem;min-height:0;padding:.3rem;display:flex;overflow:auto hidden}.card-back{-webkit-user-select:none;user-select:none;background-image:url(/assets/back-DMT-_Uwx.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:130px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0006}.card-back:before,.card-back-logo{display:none}.empty-card-slot{color:#f8fafc6b;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#0003;border:1.5px dashed #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:130px;font-size:.76rem;font-weight:700;display:flex}.damage-stack{flex-direction:column;align-items:center;width:90px;display:flex;position:relative}.damage-stack-card{transition:transform .2s cubic-bezier(.2,.8,.2,1),z-index .2s;position:absolute;left:0}.damage-stack-card:hover{transform:translateY(-10px)scale(1.03);z-index:100!important}.zone-label{text-transform:uppercase;color:var(--text-2);letter-spacing:.03em;white-space:nowrap;text-shadow:0 1px 2px #000000d9;background:#020617c7;border:1px solid #ffffff24;border-radius:5px;margin-bottom:.25rem;padding:2px 6px;font-size:.72rem;font-weight:700}@media (width<=768px){.zone-label{letter-spacing:.01em;padding:2px 4px;font-size:.66rem}}.card-item-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:90px;height:130px;transition:width .2s cubic-bezier(.2,.8,.2,1),height .2s cubic-bezier(.2,.8,.2,1),opacity .2s cubic-bezier(.2,.8,.2,1),filter .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.card-item-wrapper.dull{width:130px}.card-element:focus-visible{box-shadow:0 0 0 2px #080c15f2, 0 0 0 5px var(--text-1), 0 0 14px 3px #f8fafc73;outline:none}.card-element{background:var(--color-bg-card);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background-clip:padding-box;border:1.5px solid #ffffff1a;border-radius:8px;flex-direction:column;width:90px;height:130px;padding:.4rem;font-size:.7rem;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s;display:flex;position:relative;box-shadow:0 4px 10px #0000004d}.card-multicolor-border{z-index:-1;background:conic-gradient(var(--card-multicolor-border));pointer-events:none;filter:blur(7px);opacity:.9;border-radius:13px;animation:3.5s linear infinite card-multicolor-border-spin;position:absolute;inset:-9px}.card-element.multicolor-border{isolation:isolate;z-index:0;overflow:visible}@keyframes card-multicolor-border-spin{to{transform:rotate(360deg)}}.card-element:hover{z-index:10;border-color:#ffffff4d;transform:translateY(-5px)scale(1.02)}.panel{z-index:10}.card-element.dull{border-color:#ffffff0d;transform:rotate(90deg)scale(.95);box-shadow:0 2px 6px #00000080}.card-element.dull:hover{transform:rotate(90deg)translateY(-2px)scale(.97)}.card-element.element-fire{border-color:#ef444466}.card-element.element-ice{border-color:#38bdf866}.card-element.element-wind{border-color:#10b98166}.card-element.element-earth{border-color:#b4530966}.card-element.element-lightning{border-color:#a855f766}.card-element.element-water{border-color:#3b82f666}.card-element.element-light{border-color:#fef08a66}.card-element.element-dark{border-color:#64748b66}.card-cost{color:#fff;background:#1e293b;border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #00000080}.card-name{white-space:nowrap;text-overflow:ellipsis;color:#f8fafc;margin-top:.2rem;font-size:.65rem;font-weight:700;overflow:hidden}.card-type{color:#ffffff80;text-transform:uppercase;margin-top:.1rem;font-size:.55rem}.card-power{text-align:right;color:#e2e8f0;margin-top:auto;font-size:.6rem;font-weight:700}.card-damage{color:#fff;text-shadow:0 1px 2px #000c;background:#be1212f5;border-radius:4px;padding:1px 4px;font-size:.66rem;font-weight:800;line-height:1.15;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #0000008c}.inspector{border:1px solid var(--color-border);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:910;background:#0f172aa6;border-radius:16px;flex-direction:column;gap:1rem;height:100%;padding:1.25rem 1rem;display:flex;overflow-y:auto;box-shadow:0 10px 30px #0006}.inspector-title{color:#38bdf8;border-bottom:1px solid #ffffff1a;margin:0;padding-bottom:.5rem;font-size:1.2rem;font-weight:600}.inspector-section{flex-direction:column;gap:.5rem;display:flex}.inspector-section h3{text-transform:uppercase;color:#fff6;letter-spacing:.05em;margin:0;font-size:.85rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.panel{background:#1e293b66;border:1px solid #ffffff0d;border-radius:8px;padding:.75rem;animation:.28s panel-fade-in}@keyframes modal-backdrop-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px)}}@keyframes modal-backdrop-fade-out{0%{opacity:1;-webkit-backdrop-filter:blur(8px)}to{opacity:0;-webkit-backdrop-filter:blur()}}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.92)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modal-zoom-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.92)translateY(6px)}}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes compatible-panel-slide{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes compatible-panel-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-18px)}}.screen-fade{width:100%;height:100%;animation:.32s screen-fade-in}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}.btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:background .15s}.btn:hover{background:#1d4ed8}.btn-secondary{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}.card-modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-modal{background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:1rem;width:320px;padding:1.5rem;display:flex;box-shadow:0 20px 25px -5px #00000080}.card-modal-header{border-bottom:1px solid #ffffff1a;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.modal-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.state-input-group{flex-direction:column;gap:.25rem;display:flex}.state-input-group label{color:#fff9;font-size:.75rem}.state-input-group input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:4px;padding:.4rem;font-family:inherit}.entity-node{border-bottom:1px solid #ffffff08;margin-bottom:.4rem;padding-bottom:.4rem}.entity-id{color:#a855f7;cursor:pointer;font-family:monospace;font-weight:700}.component-node{margin-left:.75rem;font-size:.75rem}.component-name{color:#10b981;font-family:monospace;font-weight:600}.component-value{color:#cbd5e1;font-family:monospace}.card-element.visual{border-width:1px;overflow:hidden;background:0 0!important;border-color:#ffffff26!important;padding:0!important}.card-element.visual.primed-host{isolation:isolate;z-index:0;overflow:visible}.card-element.visual img{object-fit:fill;border-radius:inherit;width:100%;height:100%;display:block}.card-holo{pointer-events:none;z-index:6;border-radius:inherit;mix-blend-mode:color-dodge;opacity:.58;background:linear-gradient(115deg,#0000 0%,#fff6 8%,#0000 16%) 0 0/60% 200%,linear-gradient(115deg,#ff00aa80 0%,#ffc80080 20%,#00ffaa80 40%,#00aaff80 60%,#aa00ff80 80%,#ff00aa80 100%) 0 0/220% 220%;animation:4s linear infinite card-holo-move;position:absolute;inset:0}@keyframes card-holo-move{0%{background-position:-60% 0,0 0}12.5%{background-position:22.5% 0,25% 25%}25%{background-position:105% 0,50%}37.5%{background-position:-32.5% 0,75% 75%}50%{background-position:50% 0,100% 100%}62.5%{background-position:132.5% 0,75% 75%}75%{background-position:-5% 0,50%}87.5%{background-position:77.5% 0,25% 25%}to{background-position:-60% 0,0 0}}.card-frozen-overlay{pointer-events:none;z-index:4;border-radius:inherit;mix-blend-mode:hard-light;background:linear-gradient(125deg,#0000 0%,#96d7ff8c 6%,#0000 14%) 0 0/55% 220%,radial-gradient(circle at 25% 15%,#5abeff8c 0%,#0000 40%) 0 0/150% 150%,radial-gradient(circle at 80% 75%,#288ce68c 0%,#0000 50%) 0 0/170% 170%,linear-gradient(160deg,#0a4696bf 0%,#041e50cc 100%) 0 0/100% 100%;animation:3.2s linear infinite card-frost-drift;position:absolute;inset:0;box-shadow:inset 0 0 20px #3ca0ffe6}@keyframes card-frost-drift{0%{opacity:.85;background-position:-60% 0,0 0,100% 100%,0 0}50%{opacity:1;background-position:60% 0,15% 10%,85% 90%,0 0}to{opacity:.85;background-position:180% 0,0 0,100% 100%,0 0}}.card-summon-sparkle{pointer-events:none;z-index:6;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.card-summon-star{background:radial-gradient(circle, #fff 0%, rgba(var(--star-color), 1) 35%, rgba(var(--star-color), 0) 70%);filter:drop-shadow(0 0 5px rgba(var(--star-color), 1)) drop-shadow(0 0 9px rgba(var(--star-color), .9)) drop-shadow(0 0 3px #fff);opacity:0;border-radius:50%;animation-name:card-summon-rise;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;bottom:-15%}@keyframes card-summon-rise{0%{opacity:0;transform:translateY(0)scale(.5)}12%{opacity:.8;scale:1.05}28%{opacity:.8}35%{transform:translateY(calc(var(--star-travel,140px) * -1));opacity:0;scale:.6}to{transform:translateY(calc(var(--star-travel,140px) * -1));opacity:0}}.tear-piece{border-radius:14px;position:absolute;inset:0;box-shadow:0 0 60px #ffffff80}.tear-piece-left{animation:.75s cubic-bezier(.3,.6,.3,1) forwards tear-piece-left}.tear-piece-right{animation:.75s cubic-bezier(.3,.6,.3,1) forwards tear-piece-right}@keyframes tear-piece-left{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-170px,-130px)rotate(-28deg)}}@keyframes tear-piece-right{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(170px,130px)rotate(28deg)}}.tear-flash{background:radial-gradient(circle,#fff 0%,#f9a8ff 45%,#0000 75%);border-radius:50%;width:40px;height:40px;animation:.75s linear forwards tear-flash-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes tear-flash-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(3.5)}to{opacity:0;transform:translate(-50%,-50%)scale(7)}}.tear-card-burst{animation:.75s linear forwards tear-card-burst-fly;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tear-card-burst-fly{0%{transform:translate(-50%, -50%) rotate(var(--burst-rot)) scale(.5);opacity:0}25%{opacity:1}to{transform:translate(calc(-50% + var(--burst-x)), calc(-50% + var(--burst-y))) rotate(calc(var(--burst-rot) + 70deg)) scale(.9);opacity:0}}.ring-stage{perspective:2200px;perspective-origin:50% 45%;width:100%;max-width:1150px;height:620px;position:relative}.ring{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.ring.ring-spin-up{animation:1.3s linear forwards ring-spin-up-anim}@keyframes ring-spin-up-anim{0%{transform:rotateY(0)}45%{transform:rotateY(-760deg)}70%{transform:rotateY(-980deg)}to{transform:rotateY(-1080deg)}}.ring-card{width:220px;height:318px;transform-style:preserve-3d;margin:-159px 0 0 -110px;position:absolute;top:0;left:0}.ring-card-content{backface-visibility:hidden;border-radius:10px;position:absolute;inset:0;box-shadow:0 6px 20px #00000080,0 0 30px #38bdf833}.ring-card-content-reveal{animation:.5s backwards booster-reveal-pop;box-shadow:0 6px 24px #0009}@keyframes booster-reveal-pop{0%{filter:brightness(2.5);transform:scale(.9);box-shadow:0 0 50px #ffffffe6}to{filter:brightness();transform:scale(1);box-shadow:0 6px 24px #0009}}.ring-card-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.ring-card-flip-face{position:absolute;inset:0}.ring-card-flip-front{transform:rotateY(180deg)}.booster-grid-slot{aspect-ratio:300/433}.card-power-overlay{color:#fff;z-index:5;text-shadow:0 1px 2px #000c;letter-spacing:.2px;background:#020617f0;border-radius:.28em;padding:.12em .28em;font-family:sans-serif;font-size:.66rem;font-weight:800;position:absolute;bottom:4px;right:4px;box-shadow:0 1px 3px #0009}.card-power-buff-overlay{color:#0f172a;z-index:5;letter-spacing:.2px;background:#22c55ef7;border-radius:.28em;padding:.12em .28em;font-family:sans-serif;font-size:.66rem;font-weight:800;position:absolute;bottom:4px;right:4px;box-shadow:0 1px 5px #22c55e8c}.card-power-debuff-overlay{color:#fff;z-index:5;text-shadow:0 1px 2px #000000b3;letter-spacing:.2px;background:#b91c1cf5;border-radius:.28em;padding:.12em .28em;font-family:sans-serif;font-size:.66rem;font-weight:800;position:absolute;bottom:4px;right:4px;box-shadow:0 1px 4px #ef444473}.card-modal-split{flex-direction:row;gap:1.5rem;display:flex}@media (width<=600px){.card-modal-split{flex-direction:column;align-items:center}}.card-modal-image-container{aspect-ratio:300/433;background:#0003;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;width:100%;max-width:400px;overflow:hidden;box-shadow:0 10px 15px -3px #00000080}.card-modal-info{flex-direction:column;flex:1;gap:.8rem;min-width:280px;display:flex}.tutorial-spotlight-ring{animation:1.6s ease-in-out infinite tutorial-pulse}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 16px #06b6d499,inset 0 0 12px #06b6d440}50%{box-shadow:0 0 26px #06b6d4f2,inset 0 0 18px #06b6d466}}.mog-avatar{animation:2.4s ease-in-out infinite mog-bounce}@keyframes mog-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.mog-bubble{animation:.25s ease-out mog-bubble-in}@keyframes mog-bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.exburst-flash-backdrop{animation:1.05s ease-out forwards exburst-backdrop-fade}@keyframes exburst-backdrop-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.exburst-flash-text{animation:1.05s cubic-bezier(.2,.8,.2,1) forwards exburst-flash-pop}@keyframes exburst-flash-pop{0%{opacity:0;filter:blur(4px);transform:scale(.3)rotate(-6deg)}12%{opacity:1;filter:blur();transform:scale(1.25)rotate(2deg)}22%{opacity:1;transform:scale(1)rotate(0)}70%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.85)rotate(0)}}.exburst-flash-ray{animation:1.05s linear forwards exburst-ray-spin}@keyframes exburst-ray-spin{0%{opacity:0;transform:rotate(0)scale(.5)}20%{opacity:.9}to{opacity:0;transform:rotate(70deg)scale(1.6)}}.exburst-prompt-enter{animation:.35s cubic-bezier(.2,.8,.2,1) both exburst-prompt-in}@keyframes exburst-prompt-in{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.exburst-spotlight{animation:1.4s ease-in-out infinite exburst-spotlight-pulse}@keyframes exburst-spotlight-pulse{0%,to{box-shadow:0 0 16px #f43f5ed9,0 0 6px #f43f5e99}50%{box-shadow:0 0 30px #f43f5e,0 0 12px #f43f5ed9}}.target-arrow-line{filter:drop-shadow(0 0 4px);animation:.18s ease-out target-arrow-fade-in}@keyframes target-arrow-fade-in{0%{opacity:0}to{opacity:1}}.phase-announcement-text{letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 0 20px #38bdf8cc,0 0 40px #38bdf880,0 4px 10px #0009;-webkit-text-stroke:1.5px #0f172acc;text-align:center;white-space:nowrap;font-size:clamp(1.8rem,6vw,3.4rem);font-weight:900;animation:1.2s cubic-bezier(.2,.8,.2,1) both phase-announcement-anim}.board-flip-veil{z-index:9600;pointer-events:none;animation:board-flip-veil-sweep var(--flip-veil-ms,.68s) cubic-bezier(.55, 0, .45, 1) both;background:radial-gradient(#1e3a5ceb 0%,#040810fa 70%);border-top:2px solid #38bdf88c;border-bottom:2px solid #38bdf88c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes board-flip-veil-sweep{0%{transform:translateY(100%)}38%{transform:translateY(0)}56%{transform:translateY(0)}to{transform:translateY(-100%)}}.board-flip-veil-label{animation:board-flip-veil-label var(--flip-veil-ms,.68s) ease-out both;flex-direction:column;align-items:center;gap:.35rem;display:flex}.board-flip-veil-name{letter-spacing:.05em;color:#fff;text-shadow:0 0 20px #38bdf8cc,0 4px 10px #0009;white-space:nowrap;font-size:clamp(1.6rem,5vw,3rem);font-weight:900}.board-flip-veil-hint{letter-spacing:.18em;text-transform:uppercase;color:#38bdf8d9;font-size:clamp(.7rem,1.6vw,.9rem);font-weight:700}@keyframes board-flip-veil-label{0%{opacity:0;transform:translateY(18px)}38%{opacity:1;transform:translateY(0)}62%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes phase-announcement-anim{0%{opacity:0;filter:blur(4px);transform:scale(.6)}15%{opacity:1;filter:blur();transform:scale(1.08)}25%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.setup-floating-card{--setup-floating-card-w:340px;width:var(--setup-floating-card-w);height:calc(var(--setup-floating-card-w) * 490 / 340);margin-left:calc(var(--setup-floating-card-w) / -2);opacity:.5;pointer-events:none;z-index:0;transform-origin:50%;perspective:1200px;border-radius:14px;animation:7.5s ease-in-out infinite setup-card-drift;position:absolute;bottom:120px;left:50%}@media (height<=820px){.setup-floating-card{--setup-floating-card-w:260px;bottom:100px}}@media (height<=680px){.setup-floating-card{--setup-floating-card-w:190px;bottom:80px}}@media (height<=560px){.setup-floating-card{--setup-floating-card-w:140px;bottom:60px}}.setup-floating-card-inner{width:100%;height:100%;transform-style:preserve-3d;animation:7.5s linear infinite setup-card-spin;position:relative;box-shadow:0 22px 40px #00000073,0 0 34px #38bdf83d}.setup-floating-card-inner:before{content:"";filter:blur(10px);opacity:.9;z-index:-1;background:linear-gradient(135deg,#38bdf838,#ffffff05 38%,#2563eb29);border-radius:18px;position:absolute;inset:-8px}.setup-floating-card-face{backface-visibility:hidden;background:#0f172a59;border-radius:14px;position:absolute;inset:0;overflow:hidden}.setup-floating-card-face img,.setup-floating-card-face>div{width:100%;height:100%;display:block}.setup-floating-card-front{transform:rotateY(180deg)}.setup-ambient-halo{filter:blur(34px);pointer-events:none;z-index:0;background:radial-gradient(#7dd3fc80 0%,#38bdf861 24%,#3b82f63d 44%,#0e74901a 60%,#0000 78%);border-radius:50%;width:min(96vw,1180px);height:320px;animation:5.8s ease-in-out infinite setup-halo-breathe;position:absolute;bottom:-105px;left:50%;transform:translate(-50%)}.setup-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.auth-spinner{border:3px solid #a855f740;border-top-color:#a855f7;border-radius:50%;width:26px;height:26px;animation:.9s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.setup-particle{opacity:0;background:radial-gradient(circle,#bae6fdf2 0%,#38bdf8bf 45%,#38bdf800 100%);border-radius:999px;animation-name:setup-particle-drift;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;box-shadow:0 0 10px #38bdf861}@keyframes setup-card-drift{0%{transform:translate(0,0)rotate(9deg)scale(1)}25%{transform:translate(10px,-12px)rotate(13deg)scale(1.015)}50%{transform:translateY(-18px)rotate(18deg)scale(1.03)}75%{transform:translate(-10px,-10px)rotate(12deg)scale(1.015)}to{transform:translate(0,0)rotate(9deg)scale(1)}}.booster-float{animation:3.6s ease-in-out infinite booster-float}.booster-orbit-panel{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.7rem,2vh,1.25rem);width:min(100%,1180px);min-height:clamp(560px,76vh,820px);display:flex;position:relative;overflow:hidden}.booster-orbit-stage{width:min(100%,1120px);height:clamp(470px,66vh,720px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 11% 89%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 11% 89%,#0000 100%)}.booster-orbit-ring{transform-style:preserve-3d;position:absolute;inset:0}.booster-orbit-item{--orbit-x:0px;--orbit-y:0px;--orbit-scale:1;color:#e2e8f0d6;cursor:pointer;width:clamp(210px,34vh,360px);min-height:clamp(342px,52vh,590px);transform:translate(-50%, -50%) translate(var(--orbit-x), var(--orbit-y)) scale(var(--orbit-scale));background:#0f172a38;border:1px solid #94a3b838;border-radius:8px;flex-direction:column;align-items:center;gap:clamp(.32rem,.8vh,.48rem);padding:clamp(.45rem,1vh,.7rem);transition:transform .5s cubic-bezier(.22,.75,.22,1),border-color .18s,box-shadow .18s,opacity .18s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 14px 30px #0206173d}.booster-orbit-item:hover:not(:disabled),.booster-orbit-item:focus-visible{border-color:#38bdf8b8;outline:none;box-shadow:0 14px 28px #0206177a,0 0 20px #38bdf83d}.booster-orbit-item:disabled{cursor:not-allowed;opacity:.55}.booster-orbit-pack{aspect-ratio:793/1358;filter:drop-shadow(0 12px 18px #00000073);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:clamp(190px,31vh,330px);animation:3.4s ease-in-out infinite booster-orbit-pack-float}.booster-active-info{color:#e0f2fe;background:#082f4980;border:1px solid #7dd3fc42;border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;min-width:min(72vw,360px);padding:.45rem .85rem;display:inline-flex;box-shadow:0 10px 24px #02061759,0 0 18px #38bdf824}.booster-active-info strong{color:#f8fafc;font-size:clamp(.82rem,1.5vh,1rem);line-height:1.1}.booster-active-info span{justify-content:center;align-items:center;gap:.35rem;font-size:clamp(.66rem,1.15vh,.82rem);font-weight:850;display:inline-flex}.booster-orbit-control{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.35rem;display:inline-flex;box-shadow:0 10px 24px #02061757}.booster-orbit-control-button,.booster-orbit-play-button{color:#e0f2fe;cursor:pointer;background:#082f498c;border:1px solid #7dd3fc47;height:34px;font-weight:850;transition:border-color .16s,background .16s,transform .16s}.booster-orbit-control-button{border-radius:999px;width:38px;font-size:1.45rem;line-height:1}.booster-orbit-play-button{border-radius:999px;min-width:92px;padding:0 .85rem;font-size:.72rem}.booster-orbit-control-button:hover,.booster-orbit-control-button:focus-visible,.booster-orbit-play-button:hover,.booster-orbit-play-button:focus-visible{background:#0e74909e;border-color:#38bdf8b8;outline:none;transform:translateY(-1px)}@keyframes booster-orbit-pack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.booster-choice-foil-dot{background:linear-gradient(135deg,#f0abfc,#38bdf8,#bef264);border-radius:999px;flex:none;width:7px;height:7px;box-shadow:0 0 8px #38bdf880}.booster-confirm-backdrop{z-index:1500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.booster-confirm-modal{color:#e2e8f0;background:#0f172af5;border:1px solid #38bdf84d;border-radius:8px;grid-template-columns:132px minmax(0,1fr);gap:1rem;width:min(92vw,520px);padding:1rem;display:grid;position:relative;box-shadow:0 24px 60px #0009,0 0 28px #38bdf82e}.booster-confirm-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:1.35rem;line-height:1;position:absolute;top:.45rem;right:.55rem}.booster-confirm-pack{aspect-ratio:793/1358;filter:drop-shadow(0 14px 20px #00000073);background-position:50%;background-repeat:no-repeat;background-size:contain;width:132px}.booster-confirm-content{flex-direction:column;justify-content:center;gap:.75rem;min-width:0;display:flex}.booster-confirm-content h2{margin:0;font-size:1.05rem;line-height:1.2}.booster-confirm-content p{color:#cbd5e1;margin:0;font-size:.82rem;line-height:1.45}.booster-confirm-cost{background:#082f496b;border:1px solid #7dd3fc3d;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem;font-size:.78rem;font-weight:800;display:flex}.booster-confirm-cost strong{color:#bae6fd;align-items:center;gap:.35rem;display:inline-flex}.booster-confirm-cost img{object-fit:contain;width:20px;height:20px}.booster-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}@media (width<=720px){.booster-orbit-panel{min-height:min(560px,68vh)}.booster-orbit-stage{height:min(430px,56vh)}.booster-orbit-item{width:clamp(118px,28vw,170px);min-height:clamp(222px,54vw,318px);padding:.42rem .32rem}.booster-orbit-pack{width:clamp(96px,23vw,142px)}.booster-confirm-modal{grid-template-columns:1fr;justify-items:center}.booster-confirm-content{width:100%}}.sidebar-tooltip{color:#f8fafc;white-space:nowrap;opacity:0;pointer-events:none;z-index:200;background:#0f172a;border:1px solid #ffffff1f;border-radius:6px;padding:.35rem .65rem;font-size:.75rem;font-weight:700;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 6px 16px #00000080}.sidebar-nav-item:hover .sidebar-tooltip{opacity:1}.setup-rail{box-sizing:border-box;background:linear-gradient(#18223af0 0%,#0d1321f2 55%,#090d17f5 100%);border:1px solid #7dd3fc24;border-radius:14px;flex-direction:column;gap:.3rem;padding:.5rem .35rem;transition:width .2s;display:flex;box-shadow:inset 0 1px #ffffff12,inset 0 0 26px #38bdf80d,0 20px 45px -28px #000000f2}.setup-rail-logo{object-fit:contain;flex-shrink:0;width:100%;transition:height .2s}.setup-rail-divider{background:linear-gradient(90deg,#0000,#7dd3fc47,#0000);flex-shrink:0;height:1px;margin:0 .25rem}.setup-rail-nav{scrollbar-width:thin;flex-direction:column;gap:.1rem;min-height:0;padding:0 .2rem;display:flex}.setup-rail-item{flex-shrink:0;position:relative}.setup-rail-item+.setup-rail-item:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:-.05rem;left:20%;right:20%}.setup-rail-btn{color:#8ea3c0;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:.28rem;width:100%;padding:.4rem .2rem .35rem;font-family:inherit;transition:background .18s,color .18s;display:flex;position:relative}.setup-rail-btn:hover{color:#cfe6fb;background:#7dd3fc0b}.setup-rail-btn:focus-visible{outline-offset:2px;outline:2px solid #7dd3fca6}.setup-rail-btn.is-active{color:#eaf7ff;background:linear-gradient(90deg,#38bdf833,#38bdf80d 65%,#0000)}.setup-rail-btn.is-active:before{content:"";background:linear-gradient(#7dd3fc26,#7dd3fc 50%,#7dd3fc26);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12%;bottom:12%;left:-.2rem;box-shadow:0 0 10px #38bdf8b3}.setup-rail-plate{background:radial-gradient(circle at 50% 28%,#7dd3fc24,#ffffff05 68%),#090e1a8c;border:1px solid #ffffff17;border-radius:14px;place-items:center;width:54px;height:54px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14}.setup-rail-plate img{object-fit:contain;filter:saturate(.8)brightness(.85)drop-shadow(0 2px 3px #0000008c);width:42px;height:42px;transition:filter .18s,transform .18s}.setup-rail-btn:hover .setup-rail-plate{border-color:#7dd3fc4d;transform:translateY(-1px)}.setup-rail-btn:hover .setup-rail-plate img{filter:saturate()brightness()drop-shadow(0 2px 4px #0009)}.setup-rail-btn.is-active .setup-rail-plate{background:radial-gradient(circle at 50% 26%,#38bdf859,#0e749024 70%),#090e1a80;border-color:#7dd3fc8c;box-shadow:0 0 0 1px #7dd3fc38,0 0 18px #38bdf859,inset 0 1px #ffffff29}.setup-rail-btn.is-active .setup-rail-plate img{filter:saturate(1.1)brightness(1.14)drop-shadow(0 0 6px #38bdf88c);transform:scale(1.04)}.setup-rail-label{letter-spacing:.08em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;max-width:100%;font-size:.55rem;font-weight:800;line-height:1.25}.setup-rail-btn.is-active .setup-rail-label{text-shadow:0 0 10px #38bdf880}.setup-rail-btn.is-unread{color:#fbbf24}.setup-rail-btn.is-unread .setup-rail-plate{background:radial-gradient(circle at 50% 26%,#fbbf2447,#b453091f 70%),#1a120680;border-color:#fbbf2480;animation:2.4s ease-in-out infinite setup-rail-unread-pulse;box-shadow:0 0 0 1px #fbbf2438,0 0 16px #fbbf244d}.setup-rail-btn.is-unread .setup-rail-plate img{filter:saturate(1.05)brightness(1.1)drop-shadow(0 0 6px #fbbf2480)}.setup-rail-btn.is-unread .setup-rail-label{text-shadow:0 0 10px #fbbf2473}.setup-rail-btn.is-active.is-unread .setup-rail-plate{animation:none}@keyframes setup-rail-unread-pulse{0%,to{box-shadow:0 0 0 1px #fbbf2438,0 0 14px #fbbf2440}50%{box-shadow:0 0 0 1px #fbbf2473,0 0 26px #fbbf248c}}@media (prefers-reduced-motion:reduce){.setup-rail-btn.is-unread .setup-rail-plate{animation:none}}.setup-rail-collapse{color:#8ea3c0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff17;border-radius:6px;flex-shrink:0;align-self:center;place-items:center;width:28px;height:20px;padding:0;font-family:inherit;font-size:.75rem;font-weight:800;line-height:1;transition:background .15s,color .15s;display:grid}.setup-rail-collapse:hover{color:#e2f4ff;background:#7dd3fc1f}.account-chip-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.auth-layout{z-index:10;grid-template-columns:1fr auto 1fr;align-items:start;gap:1.5rem;width:100%;display:grid;position:relative}.auth-layout-form{flex-direction:column;grid-column:2;align-items:center;gap:1.25rem;display:flex}.auth-announce{box-sizing:border-box;flex-direction:column;grid-column:3;min-width:0;max-width:620px;display:flex}.auth-announce-scroll{scrollbar-gutter:stable;scrollbar-width:thin;max-height:calc(100vh - 11rem);padding-right:.35rem;overflow-y:auto}@media (width<=1100px){.auth-layout{grid-template-columns:minmax(0,1fr);justify-items:center}.auth-layout-form,.auth-announce{grid-column:1}.auth-announce{width:100%;max-width:620px}.auth-announce-scroll{max-height:55vh}}.markdown-body{color:#cbd5e1;overflow-wrap:anywhere;font-size:.85rem;line-height:1.65}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#f8fafc;margin:1.4rem 0 .6rem;font-weight:800;line-height:1.3}.markdown-body h1{border-bottom:1px solid #7dd3fc2e;padding-bottom:.4rem;font-size:1.15rem}.markdown-body h2{color:#7dd3fc;font-size:1rem}.markdown-body h3{color:#a5d8f5;font-size:.9rem}.markdown-body h4{font-size:.85rem}.markdown-body p{margin:0 0 .75rem}.markdown-body strong{color:#f1f5f9;font-weight:800}.markdown-body a{color:#7dd3fc;text-underline-offset:2px;text-decoration:underline}.markdown-body a:hover{color:#bae6fd}.markdown-body ul,.markdown-body ol{margin:0 0 .85rem;padding-left:1.35rem}.markdown-body li{margin-bottom:.3rem}.markdown-body ol{padding-left:.2rem;list-style:none}.markdown-body blockquote{color:#e2e8f0;background:#fbbf240f;border-left:3px solid #fbbf2480;border-radius:0 6px 6px 0;margin:0 0 .85rem;padding:.5rem .9rem;font-style:italic}.markdown-body code{background:#94a3b829;border-radius:4px;padding:.05rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;font-style:normal}.markdown-body hr{background:linear-gradient(90deg,#0000,#ffffff24,#0000);border:0;height:1px;margin:1.2rem 0}.setup-rail-mobile-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);flex-shrink:0;width:26px;height:26px}.card-dust-convert{animation:.45s ease-in forwards card-dust-convert}@keyframes card-dust-convert{0%{filter:brightness()saturate()blur();opacity:1;transform:scale(1)}40%{filter:brightness(2.2)saturate(.4)blur();opacity:1;transform:scale(1.06)}to{filter:brightness(3)saturate(0)blur(6px);opacity:0;transform:scale(.85)}}.card-dust-particles{pointer-events:none;background:radial-gradient(circle,#bae6fdf2 0%,#38bdf899 42%,#0000 72%);border-radius:10px;animation:.45s ease-out forwards card-dust-particles;position:absolute;inset:0}@keyframes card-dust-particles{0%{opacity:0;transform:scale(.6)}45%{opacity:.9;transform:scale(1.15)}to{opacity:0;transform:scale(1.6)}}.dust-spend-flash{color:#f87171;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px #0009;font-size:.85rem;font-weight:800;animation:1.4s ease-out forwards dust-spend-flash;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}@keyframes dust-spend-flash{0%{opacity:0;transform:translate(-50%,4px)}15%{opacity:1;transform:translate(-50%,-4px)}75%{opacity:1;transform:translate(-50%,-10px)}to{opacity:0;transform:translate(-50%,-16px)}}@keyframes booster-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes setup-card-spin{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}@keyframes setup-halo-breathe{0%,to{opacity:.62;transform:translate(-50%)scaleX(.97)scaleY(.94)}50%{opacity:1;transform:translate(-50%)scaleX(1.08)scaleY(1.12)}}@media (width<=768px){html,body{height:100dvh}.setup-floating-card{display:none}.ring-stage{perspective:1400px;height:380px}.ring{scale:.5}@keyframes mobile-menu-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media (width<=768px),(width<=950px) and (height<=500px){html,body{height:100dvh}.playmat{box-sizing:border-box;flex:1;gap:.4rem;width:100%;min-width:0;padding:.4rem}.player-board{padding:.4rem}.board-grid{grid-template-rows:minmax(80px,auto) minmax(80px,auto);grid-template-columns:80px 1fr 80px;gap:.4rem;padding:.5rem}.field-row,.hand-zone{min-height:0;padding:.3rem .5rem}.card-back{background-image:url(/assets/backcompact-BSEiYQTQ.webp);width:66px;height:96px}.empty-card-slot{width:66px;height:96px}.damage-stack{width:66px}}@keyframes setup-particle-drift{0%{opacity:0;transform:translate(0,0)scale(.65)}15%{opacity:.55}50%{opacity:.85;transform:translate(18px,-90px)scale(1)}85%{opacity:.3}to{opacity:0;transform:translate(-10px,-185px)scale(.75)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(-50%,-10px)}}.center-system-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);box-sizing:border-box;background:#0f172a73;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:.4rem;padding:.5rem 1rem;display:flex;box-shadow:0 4px 15px #00000040}.center-prompt-overlay{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid var(--prompt-border-color,#38bdf866);box-shadow:0 0 30px var(--prompt-glow-color,#38bdf833), 0 10px 30px #0009;box-sizing:border-box;background:#0b0f19f2;border-radius:14px;flex-direction:column;align-items:stretch;gap:.6rem;width:410px;max-width:min(94vw,460px);padding:.9rem 1.1rem;font-size:.94rem;animation:.2s ease-out both center-prompt-fade-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes center-prompt-fade-in{0%{opacity:0}to{opacity:1}}body.tutorial-active .center-prompt-overlay{z-index:9530}body.tutorial-hide-prompts .center-prompt-overlay{visibility:hidden;pointer-events:none}body.tutorial-dialog .center-prompt-overlay{pointer-events:none}.center-prompt-overlay.picker-prompt{width:min(94vw,640px);max-width:min(94vw,640px)}.center-prompt-overlay.damage-distribution-prompt{width:min(94vw,360px);max-width:min(94vw,360px)}.picker-prompt-scroll-area{max-height:min(56vh,480px);overflow-y:auto}.picker-prompt-scroll-area,.center-prompt-list,.target-strip-scroll{scrollbar-width:auto;scrollbar-color:#94a3b8bf #0f172aa6}.picker-prompt-scroll-area::-webkit-scrollbar{width:11px;height:11px}.center-prompt-list::-webkit-scrollbar{width:11px;height:11px}.target-strip-scroll::-webkit-scrollbar{width:11px;height:11px}.picker-prompt-scroll-area::-webkit-scrollbar-track{background:#0f172aa6;border-radius:99px}.center-prompt-list::-webkit-scrollbar-track{background:#0f172aa6;border-radius:99px}.target-strip-scroll::-webkit-scrollbar-track{background:#0f172aa6;border-radius:99px}.picker-prompt-scroll-area::-webkit-scrollbar-thumb{background:#94a3b8bf padding-box content-box;border:2px solid #0000;border-radius:99px}.center-prompt-list::-webkit-scrollbar-thumb{background:#94a3b8bf padding-box content-box;border:2px solid #0000;border-radius:99px}.target-strip-scroll::-webkit-scrollbar-thumb{background:#94a3b8bf padding-box content-box;border:2px solid #0000;border-radius:99px}.picker-prompt-scroll-area::-webkit-scrollbar-thumb:hover{background:#e2e8f0f2 padding-box content-box}.center-prompt-list::-webkit-scrollbar-thumb:hover{background:#e2e8f0f2 padding-box content-box}.target-strip-scroll::-webkit-scrollbar-thumb:hover{background:#e2e8f0f2 padding-box content-box}.center-prompt-overlay.pos-top{top:12px!important;transform:translate(-50%)!important}.center-prompt-overlay.pos-bottom{top:auto!important;bottom:12px!important;transform:translate(-50%)!important}.center-prompt-overlay.minimized{width:240px!important;box-shadow:0 0 15px var(--prompt-glow-color,#38bdf826)!important;gap:0!important;padding:.5rem .8rem!important}.prompt-control-btn{transition:color .15s,transform .15s}.prompt-control-btn:hover{transform:scale(1.15);color:#fff!important}@media (width<=768px),(width<=950px) and (height<=500px){.center-prompt-overlay{top:auto;bottom:74px;transform:translate(-50%)}}.center-prompt-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:.1rem;padding-bottom:.4rem;display:flex}.center-prompt-header:active{cursor:grabbing}.center-prompt-card-badge{box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem;display:flex}.center-prompt-list{flex-direction:column;gap:.3rem;max-height:180px;padding-right:.2rem;display:flex;overflow-y:auto}.center-prompt-label{color:#94a3b8;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.center-prompt-select{color:#fff;box-sizing:border-box;background:#0006;border:1px solid #ffffff1f;border-radius:6px;outline:none;width:100%;padding:.35rem;font-size:.68rem;transition:border-color .2s}.center-prompt-select:focus{border-color:#38bdf8}.banner-center-prompt{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.banner-center-prompt>div{-webkit-backdrop-filter:blur(16px)!important;border:1.5px solid var(--prompt-border-color,#38bdf873)!important;box-shadow:0 0 20px var(--prompt-glow-color,#38bdf840), 0 12px 28px #0009!important;box-sizing:border-box!important;background:#0f172aed!important;border-radius:12px!important;width:100%!important;padding:.75rem .9rem!important}.three-d-stack-container{pointer-events:none;z-index:850;flex-direction:column;width:250px;height:380px;display:flex;position:absolute;top:calc(50% - 140px);left:230px;right:auto;transform:translateY(-50%)}.three-d-stack-title{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafc;z-index:100;pointer-events:auto;background:#0f172ad9;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .6rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000004d}.three-d-stack-lifo{color:#fff;background:#10b981;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:800}.three-d-stack-perspective{perspective:1200px;width:100%;height:100%;transform-style:preserve-3d;position:relative}.three-d-stack-card{box-sizing:border-box;cursor:pointer;pointer-events:auto;width:150px;height:209px;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;background:#1e293b;border-radius:8px;transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .3s;position:absolute;bottom:0;left:0}.three-d-stack-card-fallback{box-sizing:border-box;color:#cbd5e1;text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;font-size:.6rem;display:flex}.three-d-stack-card-label{white-space:nowrap;pointer-events:none;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:10px;padding:2px 8px;font-size:.6rem;font-weight:700;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.three-d-stack-top-badge{color:#fff;pointer-events:none;background:#3b82f6;border-radius:4px;padding:2px 6px;font-size:.55rem;font-weight:800;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #3b82f680}.three-d-stack-target-thumb{pointer-events:none;border:1.5px solid #f87171;border-radius:4px;width:34px;height:47px;position:absolute;bottom:-10px;left:-10px;overflow:hidden;box-shadow:0 3px 10px #0009,0 0 8px #f8717173}.three-d-stack-target-glyph{color:#fecaca;text-shadow:0 0 6px #000000e6;background:#7f1d1d59;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex;position:absolute;inset:0}.three-d-stack-card.is-landing{animation:.6s cubic-bezier(.175,.885,.32,1.1) forwards three-d-stack-card-land}.three-d-stack-card.is-resolving{pointer-events:none;animation:.5s cubic-bezier(.25,1,.5,1) forwards three-d-stack-card-resolve}@keyframes three-d-stack-card-land{0%{opacity:0;transform:translate3d(var(--x), var(--y), calc(var(--z) + 180px)) rotateX(20deg) rotateY(-5deg) rotateZ(10deg) scale(1.3)}60%{opacity:1;transform:translate3d(var(--x), var(--y), var(--z)) rotateX(var(--ax)) rotateY(var(--ay)) rotateZ(var(--az)) scale(1)}80%{transform:translate3d(var(--x), var(--y), calc(var(--z) + 15px)) rotateX(var(--ax)) rotateY(var(--ay)) rotateZ(var(--az)) scale(1.02)}to{transform:translate3d(var(--x), var(--y), var(--z)) rotateX(var(--ax)) rotateY(var(--ay)) rotateZ(var(--az)) scale(1)}}@keyframes three-d-stack-card-resolve{0%{opacity:1;transform:translate3d(var(--x), var(--y), var(--z)) rotateX(var(--ax)) rotateY(var(--ay)) rotateZ(var(--az)) scale(1);filter:brightness(1) drop-shadow(0 0 0px var(--resolve-glow,#3b82f6))}30%{filter:brightness(1.8) drop-shadow(0 0 15px var(--resolve-glow,#3b82f6))}to{opacity:0;transform:translate3d(calc(var(--x) - 40px), calc(var(--y) - 60px), calc(var(--z) + 120px)) rotateX(10deg) rotateY(-20deg) rotateZ(45deg) scale(.7);filter:brightness(2.5) drop-shadow(0 0 30px var(--resolve-glow,#3b82f6)) blur(4px)}}@media (width<=900px){.three-d-stack-container{width:200px;height:300px;left:5rem;right:auto}.three-d-stack-card{width:80px;height:111px}}.card-effects-badge-wrapper:hover .card-effects-tooltip{display:flex!important}.card-item-wrapper:hover{z-index:100!important}.playmat{perspective:1600px;perspective-origin:50%;border-radius:16px;flex-direction:column;justify-content:space-between;gap:.3rem;width:100%;max-width:2560px;min-height:0;margin-inline:auto;padding:0;display:flex;position:relative;overflow:visible}.playmat:before{content:"";transform-style:preserve-3d;z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:50%;background-repeat:repeat;background-size:40px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff1a;border-radius:16px;position:absolute;inset:0 2%;transform:rotateX(25deg);box-shadow:0 20px 50px #000c;-webkit-mask-image:radial-gradient(#000 50%,#0000 95%);mask-image:radial-gradient(#000 50%,#0000 95%)}.board-ambience{transform-style:preserve-3d;z-index:1;pointer-events:none;border-radius:16px;position:absolute;inset:0 2%;overflow:hidden;transform:rotateX(25deg)}.board-particles{pointer-events:none;z-index:1;border-radius:16px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#0000 42% 58%,#000 100%);mask-image:linear-gradient(#000 0%,#0000 42% 58%,#000 100%)}.board-halo{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--halo-tint) 60%, #fff) 0%, color-mix(in srgb, var(--halo-tint) 80%, transparent) 24%, color-mix(in srgb, var(--halo-tint) 52%, transparent) 44%, color-mix(in srgb, var(--halo-tint) 20%, transparent) 60%, transparent 78%);filter:blur(34px);pointer-events:none;z-index:1;border-radius:50%;width:min(96vw,1180px);height:260px;animation:5.8s ease-in-out infinite board-halo-breathe;position:absolute;left:50%;transform:translate(-50%)}.board-halo.at-bottom{bottom:-90px}.board-halo.at-top{filter:blur(34px)opacity(.58);animation-delay:-1.9s;top:-150px}@keyframes board-halo-breathe{0%,to{opacity:.58;transform:translate(-50%)scaleX(.97)scaleY(.94)}50%{opacity:.95;transform:translate(-50%)scaleX(1.08)scaleY(1.12)}}@media (prefers-reduced-motion:reduce){.board-halo{opacity:.5;animation:none}}.board-particle{background:radial-gradient(circle, color-mix(in srgb, var(--particle-tint) 30%, #fff) 0%, color-mix(in srgb, var(--particle-tint) 75%, transparent) 45%, transparent 100%);box-shadow:0 0 12px color-mix(in srgb, var(--particle-tint) 55%, transparent);opacity:0;border-radius:999px;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute}.board-particle.from-bottom{animation-name:board-particle-rise}.board-particle.from-top{animation-name:board-particle-fall}@keyframes board-particle-rise{0%{opacity:0;transform:translate(0,0)scale(.6)}18%{opacity:.62}55%{opacity:.82;transform:translate(16px,-110px)scale(1)}85%{opacity:.32}to{opacity:0;transform:translate(-9px,-215px)scale(.7)}}@keyframes board-particle-fall{0%{opacity:0;transform:translate(0,0)scale(.6)}18%{opacity:.62}55%{opacity:.82;transform:translate(-16px,110px)scale(1)}85%{opacity:.32}to{opacity:0;transform:translate(9px,215px)scale(.7)}}@media (prefers-reduced-motion:reduce){.board-particles{display:none}}@media (width>=1201px){.player-board{transform-style:preserve-3d;z-index:10;pointer-events:none;flex-direction:column;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.player-board.self-board{justify-content:flex-start;flex:1.15!important}.player-board.opponent-board{justify-content:flex-end;flex:1!important}.phase-tracker-container{transform-style:preserve-3d;z-index:20;position:relative;transform:rotateX(25deg)translateZ(5px)}.board-grid{transform-style:preserve-3d;pointer-events:auto;border-radius:12px;margin:.15rem auto;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;position:relative;transform:rotateX(25deg)translateZ(5px);width:90%!important;box-shadow:none!important;background:0 0!important;border:2px solid #0000!important}.board-grid:after{display:none!important}.player-board.self-board .board-grid{transform-origin:top;height:clamp(290px,50vh - 130px,380px);flex:none!important}.player-board.opponent-board .board-grid{transform-origin:bottom;height:clamp(290px,50vh - 130px,380px);flex:none!important}.player-board.p1 .board-grid,.player-board.p2 .board-grid{border-color:#0000!important}.player-board.p1.has-priority .board-grid{border-color:#38bdf880!important;box-shadow:0 10px 40px #0009,0 0 25px #38bdf873,inset 0 0 20px #38bdf81a!important}.player-board.p2.has-priority .board-grid{border-color:#ef444480!important;box-shadow:0 10px 40px #0009,0 0 25px #ef444473,inset 0 0 20px #ef44441a!important}.board-player-header{z-index:20;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:-20px;left:12px;transform:translateZ(10px)}.board-player-name{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:800}.player-board.p1 .board-player-name{color:#38bdf8;text-shadow:0 0 8px #38bdf880}.player-board.p2 .board-player-name{color:#ef4444;text-shadow:0 0 8px #ef444480}.board-priority-indicator{letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:800}.board-cast-cards-badge{letter-spacing:.05em;text-transform:uppercase;color:#facc15;background:#facc1524;border:1px solid #facc1559;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:800;box-shadow:0 0 8px #facc152e}.player-board.p1 .board-priority-indicator{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859}.player-board.p2 .board-priority-indicator{color:#ef4444;background:#ef444426;border:1px solid #ef444459}.board-grid .card-item-wrapper{transform-style:preserve-3d;margin:0 6px}.board-grid .card-element{transform-style:preserve-3d;transform-origin:50%;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s}.board-grid .card-element.dull{transform:rotate(90deg)}.board-grid .card-item-wrapper .card-effects-badge-wrapper{transform:translateZ(60px)}.board-grid .card-item-wrapper:hover .card-element:not(.dull){z-index:100;border-color:#ffffff80!important;transform:translateZ(40px)scale(1.15)!important;box-shadow:0 25px 40px #000000b3,0 0 20px #ffffff4d!important}.board-grid .card-item-wrapper:hover .card-element.dull{z-index:100;border-color:#ffffff80!important;transform:rotate(90deg)translateZ(40px)scale(1.15)!important;box-shadow:0 25px 40px #000000b3,0 0 20px #ffffff4d!important}.player-board.opponent-board .board-grid .card-element{transform:rotate(180deg)}.player-board.opponent-board .board-grid .card-element.dull{transform:rotate(270deg)}.player-board.opponent-board .board-grid .card-back,.player-board.opponent-board .board-grid .empty-card-slot{transform:rotate(180deg)}.player-board.opponent-board .board-grid .card-item-wrapper:hover .card-element:not(.dull){transform:rotate(180deg)translateZ(40px)!important;box-shadow:0 -25px 40px #000000b3,0 0 20px #ffffff4d!important}.player-board.opponent-board .board-grid .card-item-wrapper:hover .card-element.dull{transform:rotate(270deg)translateZ(40px)!important;box-shadow:0 -25px 40px #000000b3,0 0 20px #ffffff4d!important}.hand-zone.player-hand{--hand-fan-scale:var(--hand-fan-scale-self,1.54);bottom:calc(-42px * var(--hand-fan-scale));transform:translateX(-50%) scale(var(--hand-fan-scale));transform-origin:bottom;z-index:5000;width:auto;transition:transform .2s,bottom .2s;position:fixed;left:calc(50% - 15px);box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.hand-zone.opponent-hand{--hand-fan-scale:var(--hand-fan-scale-opponent,1.54);top:calc(-49px * var(--hand-fan-scale));transform:translateX(-50%) scale(var(--hand-fan-scale));transform-origin:top;z-index:5000;width:auto;transition:transform .2s,top .2s;position:fixed;left:calc(50% - 15px);box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.player-hand .hand-card-wrapper:hover{transform:scale(1.1) translateY(calc(-155px / var(--hand-fan-scale,1.54))) translateZ(200px) rotate(0deg)!important;z-index:1000!important}.opponent-hand .hand-card-wrapper:hover{transform:scale(1.1) translateY(calc(155px / var(--hand-fan-scale,1.54))) translateZ(200px) rotate(0deg)!important;z-index:1000!important}}.board-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.board-stage .playmat{position:absolute;inset:0}@media (width>=1201px){.board-stage .hand-zone.player-hand{position:absolute;bottom:0}.board-stage .hand-zone.opponent-hand{position:absolute;top:0}.board-stage .player-board.self-board .board-grid,.board-stage .player-board.opponent-board .board-grid{height:clamp(150px, calc(var(--stage-h,100vh) * .5 - 100px), 380px)!important}}@media (width<=1200px){.board-player-header{display:none!important}}.hand-zone{pointer-events:auto;border-radius:12px;transition:background .3s;background:#ffffff01!important;padding:.6rem .3rem!important;overflow:visible!important}.hand-zone:hover{background:#ffffff05!important}.hand-cards-container{flex:1;justify-content:center;align-items:center;padding:.5rem 1.5rem;display:flex;position:relative;overflow:visible!important}.hand-card-wrapper{transition:transform .22s cubic-bezier(.2,.8,.2,1),z-index .15s,margin .22s;position:relative}.hand-card-wrapper.draw-settling-card{opacity:0;pointer-events:none}.draw-animation-layer{z-index:9000;pointer-events:none;perspective:1400px;position:fixed;inset:0}.draw-animation-card{left:var(--draw-start-x);top:var(--draw-start-y);width:var(--draw-start-w);height:var(--draw-start-h);transform-style:preserve-3d;transform-origin:50%;filter:drop-shadow(0 18px 26px #0000008c);animation:.98s cubic-bezier(.2,.72,.16,1) both draw-card-travel;position:fixed}.draw-animation-back,.draw-animation-face{backface-visibility:hidden;border-radius:8px;position:absolute;inset:0}.draw-animation-back{animation:.98s linear both draw-card-back-visibility}.draw-animation-face{animation:.98s linear both draw-card-face-visibility}.draw-animation-face-card{box-sizing:border-box;background:#0f172a;border:2px solid #ffffff73;border-radius:8px;width:100%;height:100%;overflow:hidden;box-shadow:0 0 12px #ffffff2e}.draw-animation-card.opponent-draw .draw-animation-face-card,.draw-animation-card.opponent-draw .draw-animation-back{transform:rotate(180deg)}.mill-animation-card{left:var(--mill-start-x);top:var(--mill-start-y);width:var(--mill-start-w);height:var(--mill-start-h);transform-style:preserve-3d;transform-origin:50%;animation:mill-card-travel .58s cubic-bezier(.2, .72, .16, 1) var(--mill-delay) both;filter:drop-shadow(0 18px 26px #0000008c);opacity:0;position:fixed}.mill-animation-back,.mill-animation-face{border-radius:8px;position:absolute;inset:0}.mill-animation-back{animation:mill-card-back-visibility .58s linear var(--mill-delay) both}.mill-animation-face{animation:mill-card-face-visibility .58s linear var(--mill-delay) both}.mill-animation-face-card{box-sizing:border-box;background:#0f172a;border:2px solid #ffffff73;border-radius:8px;width:100%;height:100%;overflow:hidden;box-shadow:0 0 12px #ffffff2e}.mill-animation-card.opponent-mill .mill-animation-face-card,.mill-animation-card.opponent-mill .mill-animation-back{transform:rotate(180deg)}@keyframes draw-card-travel{0%{left:var(--draw-start-x);top:var(--draw-start-y);width:var(--draw-start-w);height:var(--draw-start-h);opacity:.98;transform:translate(0,0)rotate(0)rotateY(0)scale(1)}42%{left:var(--draw-mid-x);top:var(--draw-mid-y);width:var(--draw-mid-w);height:var(--draw-mid-h);opacity:1;transform:translateZ(120px)rotate(-7deg)rotateY(0)scale(.98)}52%{left:var(--draw-mid-x);top:var(--draw-mid-y);width:var(--draw-mid-w);height:var(--draw-mid-h);opacity:1;transform:translateZ(130px)rotate(4deg)rotateY(180deg)scale(1.02)}to{left:var(--draw-end-x);top:var(--draw-end-y);width:var(--draw-end-w);height:var(--draw-end-h);opacity:1;transform:translate(0,0)rotate(0)rotateY(0)scale(1)}}@keyframes mill-card-travel{0%{left:var(--mill-start-x);top:var(--mill-start-y);width:var(--mill-start-w);height:var(--mill-start-h);opacity:0;transform:perspective(1600px)rotateX(25deg)translate(0,0)rotate(0)rotateY(0)scale(1)}1%{left:var(--mill-start-x);top:var(--mill-start-y);width:var(--mill-start-w);height:var(--mill-start-h);opacity:1;transform:perspective(1600px)rotateX(25deg)translate(0,0)rotate(0)rotateY(0)scale(1)}42%{left:var(--mill-start-x);top:var(--mill-start-y);width:var(--mill-start-w);height:var(--mill-start-h);opacity:1;transform:perspective(1600px)rotateX(25deg)translateZ(120px)rotate(-2deg)scaleX(.08)scaleY(1.08)}50%{left:var(--mill-start-x);top:var(--mill-start-y);width:var(--mill-start-w);height:var(--mill-start-h);opacity:1;transform:perspective(1600px)rotateX(25deg)translateZ(118px)rotate(2deg)scaleX(1)scaleY(1.08)}78%{left:var(--mill-end-x);top:var(--mill-end-y);width:var(--mill-end-w);height:var(--mill-end-h);opacity:1;transform:perspective(1600px)rotateX(25deg)translate(0,0)rotate(0)scaleX(.8)scaleY(1)}98%{left:var(--mill-end-x);top:var(--mill-end-y);width:var(--mill-end-w);height:var(--mill-end-h);opacity:1;transform:perspective(1600px)rotateX(25deg)translate(0,0)rotate(0)scaleX(.8)scaleY(1)}to{left:var(--mill-end-x);top:var(--mill-end-y);width:var(--mill-end-w);height:var(--mill-end-h);opacity:0;transform:perspective(1600px)rotateX(25deg)translate(0,0)rotate(0)scaleX(.8)scaleY(1)}}@keyframes mill-card-back-visibility{0%{opacity:0}1%,41%{opacity:1}42%,to{opacity:0}}@keyframes mill-card-face-visibility{0%,41%{opacity:0}42%,to{opacity:1}}@keyframes draw-card-back-visibility{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes draw-card-face-visibility{0%,49%{opacity:0}50%,to{opacity:1}}.casting-focus-layer{z-index:8800;pointer-events:none;perspective:1400px;position:fixed;inset:0}.card-item-wrapper.casting-focus-source-card{cursor:pointer;opacity:.12!important;filter:saturate(.45)brightness(.75)!important}.card-item-wrapper.casting-focus-source-card:hover{opacity:.34!important}.card-item-wrapper.is-warped{isolation:isolate}.card-item-wrapper.is-warped:before,.card-item-wrapper.is-warped:after{content:"";pointer-events:none;z-index:0;position:absolute}.card-item-wrapper.is-warped:before{filter:blur(1px)drop-shadow(0 0 14px #8b5cf699);opacity:.86;background:radial-gradient(#d8b4fe80 0%,#8b5cf657 30%,#0000 62%),radial-gradient(#0000 0%,#38bdf838 42%,#8b5cf62e 58%,#0000 76%),conic-gradient(from 12deg,#0000 0deg,#38bdf894 58deg,#8b5cf6ad 118deg,#0000 174deg,#d8b4fe9e 236deg,#38bdf87a 304deg,#0000 360deg);border-radius:50%;animation:2.4s ease-in-out infinite warp-portal-glow;inset:-20px -18px}.card-item-wrapper.is-warped:after{filter:blur(1.6px);opacity:.72;background:linear-gradient(#0000 0%,#fff3 16%,#38bdf857 30%,#0000 44% 100%) 0 0/100% 220%,radial-gradient(#d8b4fe61 0%,#38bdf829 42%,#0000 72%) 0 0/100% 100%;border-radius:50%;animation:2.2s ease-in-out infinite warp-portal-flow;inset:-22px -5px}.card-element.warped-card{z-index:2;opacity:.52;filter:grayscale(.85)saturate(.7)brightness(.82);position:relative;box-shadow:0 0 18px #8b5cf6bf,0 0 34px #38bdf847!important}.card-element.warped-card:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(120deg,#0000 0%,#d8b4fe2e 42%,#0000 64%),radial-gradient(circle,#0000 0%,#0f172a3d 68%,#8b5cf64d 100%);border-radius:8px;animation:2.4s ease-in-out infinite warp-card-shimmer;position:absolute;inset:-2px}.card-warp-countdown{z-index:4;background:radial-gradient(at 50% 78%,#8b5cf69e 0%,#581c8757 38%,#0f172a1f 70%,#0000 100%);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 18px #a78bfaad}.casting-focus-card{left:var(--cast-focus-x);top:var(--cast-focus-y);width:var(--cast-focus-w);height:var(--cast-focus-h);--crystal-orbit-radius:clamp(116px, 18vmin, 164px);transform-origin:50%;transform-style:preserve-3d;filter:drop-shadow(0 22px 34px #000000a6);animation:.38s cubic-bezier(.2,.75,.18,1) both casting-focus-enter;position:fixed}.casting-focus-card.is-warp-payment:before,.casting-focus-card.is-warp-payment:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.casting-focus-card.is-warp-payment:before{filter:blur(1px)drop-shadow(0 0 18px #8b5cf69e);opacity:.86;background:radial-gradient(#d8b4fe80 0%,#8b5cf657 30%,#0000 62%),radial-gradient(#0000 0%,#38bdf838 42%,#8b5cf62e 58%,#0000 76%),conic-gradient(from 12deg,#0000 0deg,#38bdf894 58deg,#8b5cf6ad 118deg,#0000 174deg,#d8b4fe9e 236deg,#38bdf87a 304deg,#0000 360deg);animation:2.4s ease-in-out infinite warp-portal-glow;inset:-54px -42px}.casting-focus-card.is-warp-payment:after{filter:blur(1.6px);opacity:.72;background:linear-gradient(#0000 0%,#fff3 16%,#38bdf857 30%,#0000 44% 100%) 0 0/100% 220%,radial-gradient(#d8b4fe61 0%,#38bdf829 42%,#0000 72%) 0 0/100% 100%;animation:2.2s ease-in-out infinite warp-portal-flow;inset:-50px -24px}.casting-focus-card.is-warp-payment .casting-focus-card-face{opacity:.56;filter:grayscale(.85)saturate(.7)brightness(.82);box-shadow:0 0 18px #8b5cf6bf,0 0 34px #38bdf847,inset 0 0 18px #ffffff14}.casting-focus-card.is-warp-payment .casting-focus-card-face:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(120deg,#0000 0%,#d8b4fe2e 42%,#0000 64%),radial-gradient(circle,#0000 0%,#0f172a3d 68%,#8b5cf64d 100%);border-radius:12px;animation:2.4s ease-in-out infinite warp-card-shimmer;position:absolute;inset:-2px}.casting-focus-warp-countdown{z-index:4;color:#f5f3ff;text-shadow:0 0 12px #8b5cf6,0 3px 7px #000000eb;background:radial-gradient(at 50% 78%,#8b5cf69e 0%,#581c8757 38%,#0f172a1f 70%,#0000 100%);border-radius:12px;justify-content:center;align-items:center;font-size:3rem;font-weight:900;line-height:1;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 18px #a78bfaad}@keyframes warp-portal-glow{0%,to{opacity:.74;filter:blur(1px)drop-shadow(0 0 10px #38bdf870)}50%{opacity:.92;filter:blur(1px)drop-shadow(0 0 18px #a78bfaad)}}@keyframes warp-portal-flow{0%,to{opacity:.5;background-position:0 115%,50%}50%{opacity:.82;background-position:0 -15%,50%}}@keyframes warp-card-shimmer{0%,to{opacity:.42}50%{opacity:.78}}.casting-focus-card-face{z-index:2;pointer-events:auto;border:2px solid color-mix(in srgb, var(--cast-element-color) 72%, white 28%);width:100%;height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--cast-element-color) 50%, transparent), inset 0 0 18px #ffffff14;background:#0f172a;border-radius:12px;position:relative;overflow:hidden}.casting-focus-card.is-ready .casting-focus-card-face{animation:1.05s ease-in-out infinite casting-card-ready-pulse}.casting-focus-crystals{position:absolute;inset:0;transform:none}.casting-focus-crystal{left:calc(50% + (var(--crystal-index) - (var(--crystal-count) - 1) / 2) * 25px);clip-path:polygon(50% 0%,88% 18%,88% 76%,50% 100%,12% 76%,12% 18%);background:linear-gradient(135deg, #ffffffb8 0%, #ffffff38 14%, transparent 15% 44%, #ffffff42 45%, transparent 62%), radial-gradient(circle at 35% 18%, #ffffffa6 0%, #ffffff14 27%, transparent 48%), linear-gradient(145deg, color-mix(in srgb, var(--crystal-color) 80%, transparent) 0%, color-mix(in srgb, var(--crystal-color) 66%, transparent) 58%, color-mix(in srgb, var(--crystal-color) 46%, transparent) 100%);opacity:.28;width:22px;height:30px;box-shadow:0 3px 7px #00000073, inset 0 1px 1px #ffffff80, 0 0 8px color-mix(in srgb, var(--crystal-color) 30%, transparent);-webkit-backdrop-filter:blur(1px);transition:opacity .18s,filter .18s,box-shadow .18s,transform .18s;position:absolute;top:calc(100% + 14px);transform:translate(-50%)rotate(-10deg)}.casting-focus-crystal:before,.casting-focus-crystal:after{content:"";pointer-events:none;clip-path:inherit;position:absolute}.casting-focus-crystal:before{border:1px solid #ffffff8c;inset:3px;box-shadow:inset 0 0 12px #ffffff47,inset 0 -12px 13px #00000040}.casting-focus-crystal:after{filter:blur(.2px);clip-path:polygon(0 0,100% 0,42% 100%);background:#ffffff80;width:28%;height:34%;top:15%;left:25%}.casting-focus-crystal.is-active{opacity:.95;filter:saturate(1.35)brightness(1.3);box-shadow:0 3px 8px #00000080, inset 0 1px 1px #ffffffa6, 0 0 16px var(--crystal-color), 0 0 34px color-mix(in srgb, var(--crystal-color) 55%, transparent);transform:translate(-50%)translateY(-8px)rotate(-10deg)scale(1.08)}.casting-focus-crystal.is-empty{background:linear-gradient(135deg,#ffffff61 0%,#ffffff1f 14%,#0000 15% 44%,#ffffff24 45%,#0000 62%),radial-gradient(circle at 35% 18%,#ffffff52 0%,#ffffff0d 27%,#0000 48%),linear-gradient(145deg,#94a3b833 0%,#94a3b81f 58%,#0f172a1a 100%)}.casting-focus-crystals.is-orbiting .casting-focus-crystal{transform-origin:50%;opacity:1;width:24px;height:33px;animation:.46s cubic-bezier(.18,.78,.22,1) both casting-crystal-launch,1.9s linear .46s infinite casting-crystal-orbit;top:50%;left:50%;transform:translate(-50%,-50%)}.casting-focus-card.is-landing{animation:.52s cubic-bezier(.2,.72,.18,1) both casting-card-land}.casting-focus-card.is-landing.lands-dull{animation-name:casting-card-land-dull}.casting-focus-flash{background:radial-gradient(circle, color-mix(in srgb, var(--cast-element-color) 65%, white 35%) 0%, transparent 62%);opacity:0;border-radius:18px;animation:.34s ease-out both casting-cost-flash;position:absolute;inset:-24px}.casting-priming-canvas{z-index:4;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.casting-priming-defs{width:0;height:0;position:absolute;overflow:hidden}.casting-focus-card.is-priming .casting-focus-card-face{box-shadow:0 0 38px color-mix(in srgb, var(--cast-element-color) 55%, #ff7518 45%), 0 0 14px #ffb347, inset 0 -22px 30px color-mix(in srgb, var(--cast-element-color) 40%, #7f1d1d 60%);animation:1.6s ease-in-out infinite casting-priming-heat}.casting-focus-flames{z-index:4;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.casting-focus-flames>*{filter:url(#casting-priming-flame-noise)}.casting-focus-flame-layer{transform-origin:bottom;background:radial-gradient(38% 62% at 22% 100%, #fff6cf 0%, #ffce5c 22%, #ff8a1f 44%, color-mix(in srgb, var(--cast-element-color) 70%, #7f1d1d 30%) 68%, transparent 82%), radial-gradient(32% 74% at 51% 100%, #fffdf2 0%, #ffe28a 20%, #ff7a10 46%, color-mix(in srgb, var(--cast-element-color) 65%, #991b1b 35%) 70%, transparent 84%), radial-gradient(36% 58% at 79% 100%, #fff3c4 0%, #ffc148 24%, #ff6f0f 48%, color-mix(in srgb, var(--cast-element-color) 72%, #7f1d1d 28%) 72%, transparent 86%);height:88%;animation:1.9s ease-in-out infinite casting-priming-flame;position:absolute;bottom:-10%;left:-8%;right:-8%}.casting-focus-flame-layer:nth-child(2){opacity:.82;height:74%;animation-duration:1.35s;animation-delay:-.42s;left:-3%;right:-12%}.casting-focus-flame-layer:nth-child(3){opacity:.66;height:58%;animation-duration:2.6s;animation-delay:-1.05s;left:-13%;right:-2%}@keyframes casting-priming-flame{0%,to{transform:translateY(0)scale(1)}27%{transform:translateY(-6%)scale(.92,1.2)}53%{transform:translateY(-1%)scale(1.08,.9)}78%{transform:translateY(-4%)scale(.96,1.11)}}@keyframes casting-priming-heat{0%,to{filter:brightness()}50%{filter:brightness(1.14)}}.casting-focus-card.is-burning{animation:none;transform:translate(0,0)rotate(-4deg)rotateY(-6deg)scale(1)}.casting-focus-card.is-burning.is-fire .casting-focus-card-face{box-shadow:0 0 46px color-mix(in srgb, var(--cast-element-color) 45%, #ff7518 55%), 0 0 18px #ffcc70}.casting-priming-ash{z-index:2;border-radius:inherit;filter:url(#casting-priming-burn-noise);animation:1.08s linear both casting-priming-burn;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#0000 0 50%,#000 50% 100%);mask-image:linear-gradient(0deg,#0000 0 50%,#000 50% 100%);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes casting-priming-burn{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 100%;mask-position:0 100%}}.casting-priming-emberline{z-index:3;pointer-events:none;filter:url(#casting-priming-burn-noise)blur(3px);mix-blend-mode:screen;background:radial-gradient(58% 44% at 50% 62%,#fffbe8 0%,#ffd166 26%,#ff7a10 52%,#0000 78%);height:30%;animation:1.08s ease-in both casting-priming-emberline;position:absolute;left:-12%;right:-12%}@keyframes casting-priming-emberline{0%{opacity:0;top:96%}10%{opacity:1}86%{opacity:1}to{opacity:0;top:-26%}}.casting-priming-embers{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.casting-priming-ember{bottom:6%;left:var(--ember-left);width:var(--ember-size);height:var(--ember-size);opacity:0;animation:casting-priming-ember-rise var(--ember-duration) ease-out var(--ember-delay) both;background:#ffd98a;border-radius:50%;position:absolute;box-shadow:0 0 9px #ff8c1a,0 0 3px #fff3c4}@keyframes casting-priming-ember-rise{0%{opacity:0;transform:translate(0,0)scale(1)}15%{opacity:1}to{opacity:0;transform:translate(-14px,-132px)scale(.25)}}.casting-priming-ash.is-ice{filter:none;animation:1.08s linear both casting-priming-ice-veil;-webkit-mask-image:none;mask-image:none}@keyframes casting-priming-ice-veil{0%,35%{opacity:1}40%,to{opacity:0}}.casting-priming-shards{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:visible}.casting-priming-shard{clip-path:polygon(var(--shard-clip));background:linear-gradient(var(--shard-angle), #fffffff2 0%, #ceecfce6 38%, #94ccf0eb 100%);filter:drop-shadow(0 0 4px #ade0ffd9);opacity:0;animation:casting-priming-shard 1.08s cubic-bezier(.34, .02, .72, .6) var(--shard-delay) both;position:absolute;inset:0}@keyframes casting-priming-shard{0%,26%{opacity:0;transform:none}42%{opacity:1;transform:none}58%{opacity:1;transform:translate3d(calc(var(--shard-dx) * 8%), calc(var(--shard-dy) * 6%), 0) rotate(calc(var(--shard-spin) * .28deg))}to{opacity:0;transform:translate3d(calc(var(--shard-dx) * 34%), calc(var(--shard-dy) * 40%), 0) rotate(calc(var(--shard-spin) * 1deg)) scale(.84)}}.casting-focus-card.is-burning.is-ice .casting-focus-card-face{box-shadow:0 0 46px color-mix(in srgb, var(--cast-element-color) 45%, #bfe9ff 55%), 0 0 18px #e0f4ff}.casting-focus-frost{z-index:4;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.casting-focus-frost-layer{filter:url(#casting-priming-flame-noise);background:linear-gradient(#e2f6ffd9 0%,#e2f6ff00 16%),linear-gradient(#e2f6ff00 84%,#e2f6ffd9 100%),linear-gradient(90deg,#e2f6ffd9 0%,#e2f6ff00 11%),linear-gradient(270deg,#e2f6ffd9 0%,#e2f6ff00 11%);animation:3.1s ease-in-out infinite casting-priming-frost;position:absolute;inset:0}.casting-focus-frost-layer:nth-child(2){opacity:.7;animation-duration:4.6s;animation-delay:-1.7s}@keyframes casting-priming-frost{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.casting-priming-feathers{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.casting-priming-feather{opacity:0;animation:casting-priming-feather-drift var(--feather-duration) linear var(--feather-delay) infinite;position:absolute;inset:0}.casting-priming-feather svg{left:-22%;top:var(--feather-top);width:var(--feather-size);transform-origin:50%;filter:drop-shadow(0 1px 2px #064e3b80);height:auto;animation:casting-priming-feather-tumble var(--feather-tumble) ease-in-out var(--feather-delay) infinite;position:absolute}@keyframes casting-priming-feather-drift{0%{opacity:0;transform:translate(0,0)}9%{opacity:var(--feather-alpha)}50%{transform:translate3d(72%, calc(var(--feather-rise) * .55), 0)}86%{opacity:var(--feather-alpha)}to{opacity:0;transform:translate3d(152%, var(--feather-rise), 0)}}@keyframes casting-priming-feather-tumble{0%,to{transform:rotate(var(--feather-tilt))}50%{transform:rotate(calc(var(--feather-tilt) + 42deg))}}.casting-priming-feather.is-vortex{animation:casting-priming-feather-vortex 1.08s cubic-bezier(.4, 0, .65, 1) var(--feather-delay) both}@keyframes casting-priming-feather-vortex{0%{opacity:var(--feather-alpha);transform:rotate(0deg) scale(1) translate3d(var(--feather-vx), 0, 0)}25%{opacity:1}58%{transform:rotate(250deg) scale(.72) translate3d(var(--feather-vx), -14%, 0)}to{opacity:0;transform:rotate(600deg) scale(.42) translate3d(var(--feather-vx), -62%, 0)}}.casting-priming-ash.is-wind{filter:none;transform-origin:50% 46%;animation:1.08s cubic-bezier(.45,0,.75,.55) both casting-priming-wind-vortex;-webkit-mask-image:none;mask-image:none}@keyframes casting-priming-wind-vortex{0%,14%{opacity:1;transform:none}46%{opacity:.92;transform:rotate(170deg)scale(.6)translateY(-4%)}78%,to{opacity:0;transform:rotate(640deg)scale(.05)translateY(-26%)}}.casting-focus-card.is-burning.is-wind .casting-focus-card-face{box-shadow:0 0 46px color-mix(in srgb, var(--cast-element-color) 55%, #d1fae5 45%), 0 0 18px #ecfdf5}.casting-focus-wind{z-index:4;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.casting-focus-wind-layer{filter:url(#casting-priming-flame-noise);background:repeating-linear-gradient(74deg,#d1fae500 0 14px,#d1fae56b 14px 17px,#d1fae500 17px 44px);animation:2.4s linear infinite casting-priming-wind-sweep;position:absolute;inset:-12%}.casting-focus-wind-layer:nth-child(2){opacity:.6;animation-duration:3.7s;animation-delay:-1.3s}@keyframes casting-priming-wind-sweep{0%{transform:translate(-18%,4%)}to{transform:translate(18%,-4%)}}.casting-focus-card.is-quaking .casting-focus-card-face{box-shadow:0 0 34px color-mix(in srgb, var(--cast-element-color) 60%, #78350f 40%), inset 0 -18px 26px #451a038c;animation:4.5s ease-in-out infinite casting-priming-tremor}@keyframes casting-priming-tremor{0%,62%,78%,to{transform:translate(0,0)}64%{transform:translate(-1.3px,.9px)}66%{transform:translate(1.2px,-1.1px)}68%{transform:translate(-1px,-.7px)}71%{transform:translate(1.1px,1px)}74%{transform:translate(-.6px,.4px)}76%{transform:translate(.4px,-.3px)}}.casting-priming-plates{z-index:2;pointer-events:none;position:absolute;inset:0}.casting-priming-plate{clip-path:polygon(var(--plate-clip));transform-origin:var(--plate-ox) var(--plate-oy);animation:casting-priming-plate-collapse 1.9s cubic-bezier(.5, 0, .86, .4) var(--plate-delay) both;position:absolute;inset:0}.casting-priming-plate img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@keyframes casting-priming-plate-collapse{0%,20%{opacity:1;filter:brightness();transform:perspective(620px)rotateX(0)rotate(0)translate(0,0)}30%{opacity:1;filter:brightness(1.14);transform:perspective(620px)rotateX(0)rotate(0)translateY(-3%)}38%{transform:perspective(620px) rotateX(calc(var(--plate-tilt) * .07deg)) rotate(calc(var(--plate-roll) * .12deg)) translate3d(0, calc(var(--plate-drop) * 0.03%), 0);opacity:1;filter:brightness()}62%{transform:perspective(620px) rotateX(calc(var(--plate-tilt) * .38deg)) rotate(calc(var(--plate-roll) * .45deg)) translate3d(0, calc(var(--plate-drop) * 0.2%), 0);opacity:1;filter:brightness(.7)}to{transform:perspective(620px) rotateX(calc(var(--plate-tilt) * 1deg)) rotate(calc(var(--plate-roll) * 1deg)) translate3d(0, calc(var(--plate-drop) * 1%), 0);opacity:0;filter:brightness(.14)}}.casting-priming-rocks{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:visible}.casting-priming-rock{left:var(--rock-left);top:var(--rock-top);width:var(--rock-size);height:var(--rock-size);clip-path:polygon(var(--rock-shape));opacity:0;animation:casting-priming-rock-skitter var(--rock-duration) ease-in var(--rock-delay) infinite;background:linear-gradient(148deg,#a8926b 0%,#6b5533 46%,#3b2c16 100%);position:absolute}@keyframes casting-priming-rock-skitter{0%{opacity:0;transform:translateY(-6px)rotate(0)}6%{opacity:.9}60%{opacity:.9}to{opacity:0;transform:translate3d(var(--rock-drift), 76px, 0) rotate(var(--rock-spin))}}.casting-priming-rock.is-collapsing{animation:casting-priming-rock-fall 1.9s cubic-bezier(.42, 0, .9, .5) var(--rock-delay) both}@keyframes casting-priming-rock-fall{0%,22%{opacity:0;transform:translate(0,0)rotate(0)}30%{opacity:1;transform:translate3d(calc(var(--rock-drift) * .2), -18px, 0) rotate(calc(var(--rock-spin) * .2))}46%{opacity:1;transform:translate3d(calc(var(--rock-drift) * .5), -6px, 0) rotate(calc(var(--rock-spin) * .5))}to{opacity:0;transform:translate3d(var(--rock-drift), 150px, 0) rotate(var(--rock-spin))}}body.casting-quake-shake{animation:1.9s linear both casting-priming-screen-quake}@keyframes casting-priming-screen-quake{0%,20%{transform:translate(0,0)}24%{transform:translate(-1px,1px)}27%{transform:translate(1px,-1px)}31%{transform:translate(-9px,6px)rotate(-.32deg)}34%{transform:translate(8px,-7px)rotate(.28deg)}37%{transform:translate(-7px,-5px)rotate(-.22deg)}41%{transform:translate(6px,6px)rotate(.2deg)}45%{transform:translate(-5px,-4px)rotate(-.15deg)}50%{transform:translate(4px,3px)rotate(.12deg)}56%{transform:translate(-3px,3px)}63%{transform:translate(3px,-2px)}71%{transform:translate(-2px,-2px)}80%{transform:translate(1px,1px)}90%{transform:translate(-1px)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){body.casting-quake-shake,.casting-focus-card.is-quaking .casting-focus-card-face{animation:none}}.casting-focus-card.is-burning.is-earth .casting-focus-card-face{box-shadow:0 0 46px color-mix(in srgb, var(--cast-element-color) 50%, #b45309 50%), 0 0 18px #fcd34d}.casting-focus-quake{z-index:4;pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;position:absolute;inset:0;overflow:hidden}.casting-focus-quake-layer{filter:url(#casting-priming-burn-noise);background:repeating-linear-gradient(112deg,#29180600 0 26px,#29180680 26px 28px,#29180600 28px 74px),repeating-linear-gradient(28deg,#29180600 0 34px,#29180666 34px 36px,#29180600 36px 91px);animation:5.2s ease-in-out infinite casting-priming-quake-breathe;position:absolute;inset:-10%}.casting-focus-quake-layer:nth-child(2){opacity:.65;animation-duration:7.1s;animation-delay:-2.4s}@keyframes casting-priming-quake-breathe{0%,to{opacity:.55}50%{opacity:.9}}.casting-focus-card.is-storming .casting-focus-card-face{box-shadow:0 0 36px color-mix(in srgb, var(--cast-element-color) 65%, #f5f3ff 35%), 0 0 12px #ede9fe;animation:2.7s step-end infinite casting-priming-charge}@keyframes casting-priming-charge{0%,46%{filter:brightness()}48%{filter:brightness(1.22)}50%{filter:brightness()}73%{filter:brightness(1.13)}75%,to{filter:brightness()}}.casting-priming-motes{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.casting-priming-mote{animation:casting-priming-mote-orbit var(--mote-orbit) linear var(--mote-delay) infinite;position:absolute;inset:0}.casting-priming-mote:nth-child(2n){animation-direction:reverse}.casting-priming-mote>span{left:var(--mote-x);top:var(--mote-y);width:var(--mote-size);height:var(--mote-size);box-shadow:0 0 4px 1px color-mix(in srgb, var(--cast-element-color) 80%, #fff 20%), 0 0 11px 3px color-mix(in srgb, var(--cast-element-color) 60%, transparent 40%);animation:casting-priming-mote-bob var(--mote-bob) ease-in-out var(--mote-delay) infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes casting-priming-mote-orbit{to{transform:rotate(360deg)}}@keyframes casting-priming-mote-bob{0%{opacity:.4;transform:translate(0,0)scale(.65)}to{transform:translate3d(var(--mote-drift), calc(var(--mote-drift) * -.6), 0) scale(1.3);opacity:1}}.casting-priming-mote.is-storming{animation-duration:calc(var(--mote-orbit) * .34)}.casting-priming-sparks{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.casting-priming-spark{left:var(--spark-left);top:var(--spark-top);width:var(--spark-size);height:2px;box-shadow:0 0 6px 1px color-mix(in srgb, var(--cast-element-color) 70%, #fff 30%);transform:rotate(var(--spark-angle));opacity:0;animation:casting-priming-spark-pop var(--spark-duration) steps(1, end) var(--spark-delay) infinite;background:linear-gradient(90deg,#ede9fe00 0%,#fff 35% 65%,#ede9fe00 100%);border-radius:1px;position:absolute}@keyframes casting-priming-spark-pop{0%,5%{opacity:1}6%,to{opacity:0}}.casting-priming-spark.is-storming{animation-duration:calc(var(--spark-duration) * .34)}.casting-priming-ash.is-lightning{filter:none;animation:1.8s linear both casting-priming-strike-veil;-webkit-mask-image:none;mask-image:none}@keyframes casting-priming-strike-veil{0%,26%{opacity:1}31%,to{opacity:0}}.casting-priming-storm-flash{z-index:8900;pointer-events:none;background:radial-gradient(circle at 50% 50%, #fff 0%, #f5f3ff 45%, color-mix(in srgb, var(--cast-element-color) 55%, #fff 45%) 100%);opacity:0;animation:1.8s linear both casting-priming-storm-flash;position:fixed;inset:0}@keyframes casting-priming-storm-flash{0%,22%{opacity:0}28%{opacity:.92}34%{opacity:.06}40%{opacity:.55}46%{opacity:.03}to{opacity:0}}.casting-focus-card.is-burning.is-lightning .casting-focus-card-face{box-shadow:0 0 50px color-mix(in srgb, var(--cast-element-color) 55%, #f5f3ff 45%), 0 0 20px #fff}.casting-focus-storm{z-index:4;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.casting-focus-storm-layer{filter:url(#casting-priming-flame-noise);background:repeating-linear-gradient(96deg,#ede9fe00 0 30px,#ede9fe8c 30px 32px,#ede9fe00 32px 88px);animation:1.9s step-end infinite casting-priming-storm-flicker;position:absolute;inset:-10%}.casting-focus-storm-layer:nth-child(2){opacity:.6;animation-duration:2.6s;animation-delay:-.9s}@keyframes casting-priming-storm-flicker{0%,8%{opacity:.85}9%,51%{opacity:0}52%,57%{opacity:.6}58%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.casting-priming-storm-flash{opacity:0;animation:none}.casting-focus-card.is-storming .casting-focus-card-face{animation:none}.casting-priming-spark{opacity:.55;animation:none}.casting-priming-mote>span{opacity:.8;animation:none}}@keyframes casting-focus-enter{0%{left:var(--cast-source-x);top:var(--cast-source-y);width:var(--cast-source-w);height:var(--cast-source-h);opacity:.72;transform:translate(0,0)rotate(0)rotateY(0)scale(1)}72%{opacity:1;transform:translateZ(130px)rotate(-8deg)rotateY(-10deg)scale(1.04)}to{left:var(--cast-focus-x);top:var(--cast-focus-y);width:var(--cast-focus-w);height:var(--cast-focus-h);opacity:1;transform:translate(0,0)rotate(-4deg)rotateY(-6deg)scale(1)}}@keyframes casting-card-ready-pulse{0%,to{box-shadow:0 0 18px color-mix(in srgb, var(--cast-element-color) 50%, transparent), 0 0 0 #fff0, inset 0 0 18px #ffffff14}50%{box-shadow:0 0 22px var(--cast-element-color), 0 0 46px color-mix(in srgb, var(--cast-element-color) 68%, transparent), inset 0 0 26px #ffffff1f}}@keyframes casting-crystal-orbit{0%{transform:translate(-50%, -50%) rotate(calc((360deg / var(--crystal-count)) * var(--crystal-index))) translateX(var(--crystal-orbit-radius)) rotate(-10deg) scale(1)}to{transform:translate(-50%, -50%) rotate(calc((360deg / var(--crystal-count)) * var(--crystal-index) + 360deg)) translateX(var(--crystal-orbit-radius)) rotate(-10deg) scale(1)}}@keyframes casting-crystal-launch{0%{transform:translate(-50%, -50%) translate(calc((var(--crystal-index) - (var(--crystal-count) - 1) / 2) * 25px), calc(var(--cast-focus-h) / 2 + 14px)) rotate(-10deg) scale(1.08)}58%{transform:translate(-50%, -50%) rotate(calc((360deg / var(--crystal-count)) * var(--crystal-index))) translateX(calc(var(--crystal-orbit-radius) * 1.08)) rotate(-10deg) scale(1.04)}to{transform:translate(-50%, -50%) rotate(calc((360deg / var(--crystal-count)) * var(--crystal-index))) translateX(var(--crystal-orbit-radius)) rotate(-10deg) scale(1)}}@keyframes casting-card-land{0%{left:var(--cast-focus-x);top:var(--cast-focus-y);width:var(--cast-focus-w);height:var(--cast-focus-h);opacity:1;transform:translateZ(90px)rotate(-4deg)rotateY(-6deg)scale(1)}to{left:var(--cast-land-x);top:var(--cast-land-y);width:var(--cast-land-w);height:var(--cast-land-h);opacity:.08;transform:translate(0,0)rotate(0)rotateY(0)scale(1)}}@keyframes casting-card-land-dull{0%{left:var(--cast-focus-x);top:var(--cast-focus-y);width:var(--cast-focus-w);height:var(--cast-focus-h);opacity:1;transform:translateZ(90px)rotate(-4deg)rotateY(-6deg)scale(1)}to{left:var(--cast-land-x);top:var(--cast-land-y);width:var(--cast-land-w);height:var(--cast-land-h);opacity:.08;transform:translate(0,0)rotate(90deg)rotateY(0)scale(1)}}@keyframes casting-cost-flash{0%{opacity:0;transform:scale(.75)}35%{opacity:.8}to{opacity:0;transform:scale(1.35)}}.player-hand .hand-card-wrapper{transform-origin:bottom}.player-hand .hand-card-wrapper:hover{z-index:1000!important;transform:scale(1.25)translateY(-40px)rotate(0)!important}.opponent-hand .hand-card-wrapper{transform-origin:top}.opponent-hand .hand-card-wrapper:hover{z-index:1000!important;transform:scale(1.25)translateY(40px)rotate(0)!important}.opponent-hand .card-element{transform:rotate(180deg)}.opponent-hand .hand-card-wrapper:hover .card-element{transform:rotate(180deg)!important}.player-hand .hand-card-wrapper:hover .card-element{border-color:#fff6!important;transform:none!important;box-shadow:0 15px 30px #0009,0 0 15px #fff3!important}.opponent-hand .hand-card-wrapper:hover .card-element{border-color:#fff6!important;box-shadow:0 15px 30px #0009,0 0 15px #fff3!important}.hover-preview-overlay{--hover-preview-height:476px;width:calc(var(--hover-preview-height) * 340 / 476);height:var(--hover-preview-height);z-index:9999;pointer-events:none;filter:drop-shadow(-15px 15px 40px #000c);border-radius:16px;transition:opacity .15s ease-out,transform .15s ease-out,width .85s cubic-bezier(.22,.61,.36,1),height .85s cubic-bezier(.22,.61,.36,1);animation:.2s cubic-bezier(.2,.8,.2,1) forwards slideInPreview;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.hover-preview-overlay.is-zoomed{--hover-preview-height:min(88vh, 700px)}@media (prefers-reduced-motion:reduce){.hover-preview-overlay{transition:none;animation:none}}@keyframes slideInPreview{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}.hover-preview-overlay .card-element{border-radius:16px;width:100%!important;height:100%!important;box-shadow:none!important}.deck-hover-preview{z-index:9999;pointer-events:none;background:#0f172aeb;border:1px solid #38bdf847;border-radius:14px;flex-direction:column;gap:.5rem;width:300px;padding:.75rem;animation:.18s cubic-bezier(.2,.8,.2,1) both deck-preview-in;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%);box-shadow:0 18px 48px #000000bf}@keyframes deck-preview-in{0%{opacity:0;transform:translate(16px,-50%)}to{opacity:1;transform:translateY(-50%)}}.deck-hover-preview-frame{aspect-ratio:5/7;border-radius:10px;width:100%;position:relative}.deck-hover-preview-card{border-radius:10px;animation:.32s ease-out both deck-preview-card-in;position:absolute;inset:0;overflow:hidden}@keyframes deck-preview-card-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.deck-hover-preview-qty{color:#0f172a;background:#38bdf8;border-radius:999px;padding:2px 8px;font-size:.82rem;font-weight:800;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0009}.deck-hover-preview-footer{justify-content:space-between;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.deck-hover-preview-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.deck-hover-preview-progress{color:#ffffff73;font-variant-numeric:tabular-nums;flex-shrink:0}.deck-hover-preview-bar{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden}.deck-hover-preview-bar-fill{transform-origin:0;background:#38bdf8;height:100%;animation:linear both deck-preview-bar}@keyframes deck-preview-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.deck-hover-preview,.deck-hover-preview-card{animation-duration:.01ms}.deck-hover-preview-bar-fill{animation:none;transform:scaleX(1)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-40%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card-element.pending-source-pulse{border-radius:8px;animation:1.6s ease-in-out infinite pending-source-pulse}@keyframes pending-source-pulse{0%,to{box-shadow:0 0 #38bdf800}50%{box-shadow:0 0 14px 3px #38bdf88c}}@media (width>=1201px) and (height<=1099px){.player-board.self-board .board-grid,.player-board.opponent-board .board-grid{height:clamp(250px,50vh - 150px,340px)}.board-grid:not(.is-compact) .card-item-wrapper,.board-grid:not(.is-compact) .card-back,.board-grid:not(.is-compact) .empty-card-slot{zoom:.86}}.coin-flip-backdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617eb;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;animation:.26s ease-out both coin-backdrop-fade;display:flex;position:fixed;inset:0}@keyframes coin-backdrop-fade{0%{opacity:0}to{opacity:1}}.coin-flip-stage{perspective:900px;aspect-ratio:627/657;width:220px}.coin-flip-coin{width:100%;height:100%;transform-style:preserve-3d;animation:coin-flip-spin var(--coin-spin-duration,2.2s) cubic-bezier(.15, .6, .25, 1) forwards;position:relative}@keyframes coin-flip-spin{0%{transform:translateY(0)rotateX(0)}45%{transform:translateY(-90px)rotateX(1440deg)}to{transform:translateY(0) var(--coin-final-rotation,rotateX(2880deg))}}.coin-flip-face{backface-visibility:hidden;background-repeat:no-repeat;background-size:200%;border-radius:50%;position:absolute;inset:0;box-shadow:0 12px 32px #0000008c}.coin-flip-face.self{background-position:0%}.coin-flip-face.opponent{background-position:100%;transform:rotateX(180deg)}.coin-token{aspect-ratio:627/657;background-repeat:no-repeat;background-size:200%;border-radius:50%;flex:none;width:2.6rem;box-shadow:0 4px 16px #00000080}.coin-token.self{background-position:0%}.coin-token.opponent{background-position:100%}.coin-flip-result{text-align:center;animation:.32s ease-out both coin-result-in}@keyframes coin-result-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes crystal-glow-pulse{0%{filter:drop-shadow(0 0 2px #67e8f966)drop-shadow(0 0 5px #67e8f94d);transform:scale(1)}50%{filter:drop-shadow(0 0 6px #67e8f9cc)drop-shadow(0 0 12px #67e8f999);transform:scale(1.08)}to{filter:drop-shadow(0 0 2px #67e8f966)drop-shadow(0 0 5px #67e8f94d);transform:scale(1)}}.crystal-pulse-glow{vertical-align:middle;animation:2s ease-in-out infinite crystal-glow-pulse;display:inline-block}.casting-focus-card.is-radiant .casting-focus-card-face{animation:3.4s ease-in-out infinite casting-priming-radiance;box-shadow:0 0 38px #60a5fabf,0 0 14px #e0f2fee6}@keyframes casting-priming-radiance{0%,to{filter:brightness()}50%{filter:brightness(1.09)}}.casting-priming-halos{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.casting-priming-halo{opacity:0;animation:casting-priming-halo-rise var(--halo-duration) ease-in-out var(--halo-delay) infinite;position:absolute;inset:0}.casting-priming-halo>span{left:var(--halo-x);top:var(--halo-y);width:var(--halo-size);height:var(--halo-size);background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 5px 1px #93c5fdf2,0 0 14px 4px #3b82f68c}@keyframes casting-priming-halo-rise{0%{opacity:0;transform:translateY(6%)scale(.5)}18%{opacity:var(--halo-alpha)}70%{opacity:var(--halo-alpha)}to{opacity:0;transform:translate3d(var(--halo-sway), -34%, 0) scale(1.15)}}.casting-priming-halo.is-ascending{animation:casting-priming-halo-converge 2.2s cubic-bezier(.4, 0, .3, 1) var(--halo-delay) both}@keyframes casting-priming-halo-converge{0%{opacity:0;transform:translate(0,0)scale(1)}12%{opacity:1}38%{transform:translate3d(calc(var(--halo-pull-x) * -.12), calc(var(--halo-pull-y) * -.12), 0) scale(1.35)}62%{opacity:1;transform:translate3d(var(--halo-pull-x), var(--halo-pull-y), 0) scale(.35)}70%,to{opacity:0;transform:translate3d(var(--halo-pull-x), var(--halo-pull-y), 0) scale(.1)}}.casting-priming-ash.is-light{filter:none;animation:2.2s linear both casting-priming-bloom-veil;-webkit-mask-image:none;mask-image:none}@keyframes casting-priming-bloom-veil{0%,58%{opacity:1}64%,to{opacity:0}}.casting-priming-bloom-flash{z-index:8900;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,#fff 0%,#dbeafe 38%,#3b82f6d9 100%);animation:2.2s ease-in-out both casting-priming-bloom-flash;position:fixed;inset:0}@keyframes casting-priming-bloom-flash{0%,46%{opacity:0}62%{opacity:.88}78%{opacity:.12}to{opacity:0}}.casting-focus-card.is-burning.is-light .casting-focus-card-face{box-shadow:0 0 54px #60a5facc,0 0 22px #fff}.casting-focus-radiance{z-index:4;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.casting-focus-radiance-layer{background:repeating-conic-gradient(at 50% 56%,#bfdbfe00 0deg 7deg,#93c5fd8c 7deg 9deg,#bfdbfe00 9deg 22deg);animation:26s linear infinite casting-priming-radiance-turn;position:absolute;inset:-20%}.casting-focus-radiance-layer:nth-child(2){opacity:.55;animation-duration:41s;animation-direction:reverse}@keyframes casting-priming-radiance-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.casting-priming-bloom-flash{opacity:0;animation:none}.casting-focus-card.is-radiant .casting-focus-card-face{animation:none}}.casting-focus-card.is-shrouded .casting-focus-card-face{box-shadow:0 0 34px #780814cc,0 0 12px #1e295ae6,inset 0 0 30px #0009}.casting-priming-cinders{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.casting-priming-cinder{left:var(--cinder-x);top:var(--cinder-y);width:var(--cinder-size);height:var(--cinder-size);background:var(--cinder-core);box-shadow:0 0 6px 2px var(--cinder-glow);opacity:0;animation:casting-priming-cinder-drift var(--cinder-duration) ease-in-out var(--cinder-delay) infinite;border-radius:50%;position:absolute}@keyframes casting-priming-cinder-drift{0%{opacity:0;transform:translate(0,0)scale(.6)}20%{opacity:var(--cinder-alpha)}75%{opacity:var(--cinder-alpha)}to{opacity:0;transform:translate3d(var(--cinder-dx), var(--cinder-dy), 0) scale(1.2)}}.casting-priming-severed{z-index:3;pointer-events:none;position:absolute;inset:0}.casting-priming-severed-half{animation:2.2s cubic-bezier(.16,.84,.36,1) both casting-priming-severed;position:absolute;inset:0}.casting-priming-severed-half img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.casting-priming-severed-half.is-upper{clip-path:polygon(0 0, 100% 0, 100% calc(50% + var(--rift-off) - var(--rift-k)), 0 calc(50% + var(--rift-off) + var(--rift-k)))}.casting-priming-severed-half.is-lower{clip-path:polygon(0 calc(50% + var(--rift-off) + var(--rift-k)), 100% calc(50% + var(--rift-off) - var(--rift-k)), 100% 100%, 0 100%);--rift-way:1}@keyframes casting-priming-severed{0%,44%{opacity:1;filter:brightness();transform:translate(0,0)}48%{opacity:1;filter:brightness(1.5);transform:translate(0,0)}to{transform:translate3d(calc(var(--rift-nx) * var(--rift-way,-1) * 34vmin), calc(var(--rift-ny) * var(--rift-way,-1) * 34vmin), 0);opacity:0;filter:brightness(.25)}}.casting-priming-zantetsuken{z-index:8700;pointer-events:none;position:fixed;inset:0;overflow:hidden}.casting-priming-zantetsuken-blade{z-index:8900;pointer-events:none;position:fixed;inset:0;overflow:hidden}.casting-priming-rift-half{background:linear-gradient(160deg,#040610f7 0%,#0e0614fc 55%,#18040cf7 100%);animation:2.2s cubic-bezier(.16,.84,.36,1) both casting-priming-rift;position:absolute;inset:0}.casting-priming-rift-half.is-upper{clip-path:polygon(0 0,100% 0,100% 28%,0 72%)}.casting-priming-rift-half.is-lower{clip-path:polygon(0 72%,100% 28%,100% 100%,0 100%);--rift-way:1}@keyframes casting-priming-rift{0%{opacity:0;transform:translate(0,0)}30%,44%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate3d(calc(var(--rift-nx) * var(--rift-way,-1) * 62vmin), calc(var(--rift-ny) * var(--rift-way,-1) * 62vmin), 0)}}.casting-priming-rift-line{transform-origin:50%;height:3px;rotate:var(--rift-angle);opacity:0;background:linear-gradient(90deg,#ff283c00 0%,#fff 12% 88%,#ff283c00 100%);animation:2.2s ease-out both casting-priming-rift-line;position:absolute;top:50%;left:-20%;right:-20%;box-shadow:0 0 12px 3px #ff1830f2,0 0 42px 12px #be0a28bf}@keyframes casting-priming-rift-line{0%,40%{opacity:0;transform:scaleX(0)}44%{opacity:1;transform:scaleX(1)}56%{opacity:1;transform:scaleX(1)scaleY(2.6)}to{opacity:0;transform:scaleX(1)scaleY(.4)}}.casting-focus-card.is-burning.is-dark .casting-focus-card-face{box-shadow:0 0 48px #be0a28d9,0 0 18px #141e50e6}.casting-focus-umbra{z-index:4;pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;position:absolute;inset:0;overflow:hidden}.casting-focus-umbra-layer{filter:url(#casting-priming-burn-noise);background:radial-gradient(60% 70% at 30% 40%,#78061873 0%,#060814d9 60%),radial-gradient(70% 60% at 75% 70%,#121a508c 0%,#04040ce6 65%);animation:7.5s ease-in-out infinite alternate casting-priming-umbra-crawl;position:absolute;inset:-12%}.casting-focus-umbra-layer:nth-child(2){opacity:.7;animation-duration:11s;animation-delay:-3.5s}@keyframes casting-priming-umbra-crawl{0%{transform:translate(-3%,2%)scale(1.04)}to{transform:translate(3%,-2%)scale(1.1)}}@media (prefers-reduced-motion:reduce){.casting-priming-zantetsuken,.casting-priming-zantetsuken-blade{display:none}}