@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Spectral:wght@400;600&display=swap");:root{color-scheme:light;--font-sans:"Space Grotesk","Segoe UI",sans-serif;--font-display:"Spectral","Times New Roman",serif;--bg-0:#0b1016;--bg-1:#131a22;--panel:rgba(20,27,36,0.92);--panel-strong:rgba(24,33,44,0.98);--slot:rgba(11,15,21,0.7);--border:rgba(124,152,169,0.35);--text-1:#f2f5f7;--text-2:#c8d1da;--muted:#91a1b0;--accent:#e3a857;--accent-2:#55c2b1;--danger:#e15a5a;--shadow:0 18px 45px rgba(3,5,8,0.45);--ease-snappy:cubic-bezier(0.2,0.8,0.2,1);--ease-smooth:cubic-bezier(0.25,0.8,0.25,1);--menu-login-bg:url(webpack:///mini-css-extract-plugin//_next/static/media/dragon-battle-bg.453a2173.png);--motion-scale:1;--card-aspect:63/88;--card-radius:14px;--card-border:2px;--card-hand-height:clamp(160px,20vw,210px);--card-zone-height:clamp(110px,12vw,150px);--card-shadow:0 14px 28px rgba(4,6,10,0.55)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text-1);background:radial-gradient(circle at top,rgba(62,89,110,.35),transparent 55%),radial-gradient(circle at 20% 20%,rgba(85,194,177,.18),transparent 55%),radial-gradient(circle at 80% 30%,rgba(227,168,87,.18),transparent 55%),linear-gradient(160deg,var(--bg-0),var(--bg-1))}#app,.app,body{min-height:100vh}.app{display:flex;flex-direction:column;gap:16px;padding:18px}.screen{display:none;min-height:calc(100vh - 36px)}.screen.is-active{display:block}.screen-collection.is-active,.screen-debug.is-active,.screen-deck.is-active,.screen-login.is-active,.screen-menu.is-active,.screen-register.is-active{display:flex;align-items:center;justify-content:center}.screen-debug.is-active,.screen-login.is-active,.screen-menu.is-active,.screen-register.is-active{position:relative;overflow:hidden;background-image:linear-gradient(160deg,rgba(2,6,12,.72),rgba(6,11,18,.82)),var(--menu-login-bg);background-position:50%;background-size:cover;background-repeat:no-repeat}.screen-login.is-active:before,.screen-register.is-active:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 16%,rgba(88,188,255,.2),transparent 42%),radial-gradient(circle at 80% 14%,rgba(255,122,55,.2),transparent 42%)}.screen-login.is-active:after,.screen-register.is-active:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,8,13,.42),rgba(4,8,13,.56))}.screen-deck.is-active{align-items:flex-start;padding-top:24px}.screen-debug.is-active,.screen-menu.is-active{padding:28px 0}.screen-debug.is-active:before,.screen-menu.is-active:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 14%,rgba(175,37,37,.26),transparent 45%),radial-gradient(circle at 14% 62%,rgba(227,168,87,.12),transparent 42%),radial-gradient(circle at 86% 58%,rgba(82,172,214,.1),transparent 42%)}.screen-debug.is-active:after,.screen-menu.is-active:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(120deg,transparent,transparent 46%,rgba(241,220,156,.2) 50%,transparent 54%,transparent)}.menu-card{position:relative;z-index:1;overflow:hidden;width:min(620px,92vw);padding:32px 28px 24px;border-radius:22px;background:linear-gradient(160deg,rgba(21,30,42,.94),rgba(7,12,21,.98) 58%),var(--panel-strong);border:1px solid rgba(193,150,85,.62);box-shadow:0 35px 85px rgba(2,4,8,.72),inset 0 1px 0 rgba(255,224,158,.2),inset 0 -28px 44px rgba(0,0,0,.56);text-align:center;display:flex;flex-direction:column;gap:12px}.menu-card:before{inset:10px;border-radius:16px;border:1px solid rgba(120,161,205,.22)}.menu-card:after,.menu-card:before{content:"";position:absolute;pointer-events:none}.menu-card:after{left:-18%;right:-18%;top:-36%;height:58%;border-radius:999px;opacity:.35;filter:blur(36px);background:radial-gradient(circle,rgba(205,41,41,.78),rgba(205,41,41,0));animation:menu-aura-drift 8s ease-in-out infinite}@keyframes menu-aura-drift{0%,to{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(2%,6%,0) scale(1.04)}}.menu-title{position:relative;z-index:1;margin-top:4px;font-family:var(--font-display);font-size:clamp(2rem,5.1vw,2.85rem);font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#f6ebd6;text-shadow:0 2px 0 rgba(58,34,8,.9),0 0 22px rgba(247,196,107,.28);padding-bottom:12px}.menu-title:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(247,196,107,.65) 22%,rgba(97,217,139,.45) 50%,rgba(247,196,107,.65) 78%,rgba(0,0,0,0))}.menu-subtitle{margin-top:-2px;margin-bottom:6px;color:#c7d8eb;letter-spacing:.18em;font-size:.66rem;opacity:.85}.menu-status,.menu-subtitle{position:relative;z-index:1;text-transform:uppercase}.menu-status{font-weight:700;padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(7,16,28,.92),rgba(3,10,20,.95));border:1px solid rgba(118,149,187,.5);text-align:center;font-size:.72rem;letter-spacing:.12em}.menu-status:not(.is-ready){color:#ffd89a;border-color:rgba(247,196,107,.62);box-shadow:inset 0 0 22px rgba(247,196,107,.08)}.menu-status.is-ready{color:#84ffb5;border-color:rgba(97,217,139,.62);box-shadow:inset 0 0 24px rgba(97,217,139,.14)}.menu-actions{position:relative;z-index:1;display:grid;grid-gap:14px;gap:14px}.screen-debug .menu-actions .action-btn,.screen-menu .menu-actions .action-btn{position:relative;overflow:hidden;width:100%;min-height:46px;padding:11px 16px;border-radius:11px;border:1px solid rgba(207,159,86,.68);background:linear-gradient(180deg,rgba(17,26,40,.95),rgba(5,12,21,.98)),rgba(5,12,21,.98);box-shadow:inset 0 1px 0 rgba(255,224,160,.2),inset 0 -16px 18px rgba(0,0,0,.42),0 10px 18px rgba(0,0,0,.36);color:#f6ecdc;font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.screen-debug .menu-actions .action-btn:after,.screen-menu .menu-actions .action-btn:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,214,142,.14);pointer-events:none}.screen-debug .menu-actions .action-btn:hover,.screen-menu .menu-actions .action-btn:hover{border-color:rgba(247,196,107,.95);color:#fff4de;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,236,186,.24),inset 0 -18px 22px rgba(0,0,0,.45),0 14px 24px rgba(0,0,0,.45)}.screen-debug .menu-actions .action-btn:active,.screen-menu .menu-actions .action-btn:active{transform:translateY(0)}.screen-debug .menu-actions .action-btn.is-disabled,.screen-menu .menu-actions .action-btn.is-disabled{opacity:.46;transform:none;box-shadow:inset 0 1px 0 rgba(255,224,160,.12),inset 0 -12px 14px rgba(0,0,0,.4)}.screen-menu .menu-actions [data-menu-start]{border-color:rgba(121,241,174,.95);background:linear-gradient(180deg,rgba(20,56,43,.94),rgba(8,27,22,.98)),rgba(8,27,22,.98);color:#9dffca;text-shadow:0 0 14px rgba(97,217,139,.42);box-shadow:inset 0 1px 0 rgba(190,255,222,.3),inset 0 -16px 20px rgba(0,0,0,.42),0 0 24px rgba(97,217,139,.22)}.screen-menu .menu-actions [data-menu-start]:hover{border-color:rgba(161,255,205,1);color:#ddffe9;box-shadow:inset 0 1px 0 rgba(210,255,230,.35),inset 0 -16px 20px rgba(0,0,0,.4),0 0 30px rgba(97,217,139,.34)}.screen-menu .menu-actions .menu-logout-btn{border-color:rgba(229,96,96,.72);background:linear-gradient(180deg,rgba(52,20,24,.95),rgba(26,8,11,.98)),rgba(26,8,11,.98);color:#ff8f8f}.screen-menu .menu-actions .menu-logout-btn:hover{border-color:rgba(255,125,125,.95);color:#ffc4c4}.screen-menu .menu-actions .menu-debug-btn{border-color:rgba(122,157,248,.74);background:linear-gradient(180deg,rgba(20,30,63,.95),rgba(8,14,35,.98)),rgba(8,14,35,.98);color:#b8ceff}.screen-menu .menu-actions .menu-debug-btn:hover{border-color:rgba(156,187,255,.95);color:#d8e6ff}.screen-debug .menu-actions .menu-debug-btn{border-color:rgba(122,157,248,.74);background:linear-gradient(180deg,rgba(20,30,63,.95),rgba(8,14,35,.98)),rgba(8,14,35,.98);color:#b8ceff}.screen-debug .menu-actions .menu-debug-btn:hover{border-color:rgba(156,187,255,.95);color:#d8e6ff}.debug-card{width:min(540px,92vw)}.menu-progression{position:relative;z-index:1;display:flex;flex-direction:column;gap:11px;padding:14px;border-radius:14px;background:linear-gradient(170deg,rgba(28,72,111,.24),rgba(4,11,21,.76)),rgba(5,11,21,.72);border:1px solid rgba(108,142,183,.46);box-shadow:inset 0 1px 0 rgba(192,219,255,.13),inset 0 -16px 24px rgba(0,0,0,.36)}.menu-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.menu-metric{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border-radius:10px;background:linear-gradient(180deg,rgba(6,14,26,.82),rgba(2,8,16,.9)),rgba(2,8,16,.9);border:1px solid rgba(118,154,199,.38);box-shadow:inset 0 1px 0 rgba(171,208,255,.1)}.menu-metric-label{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#9ab8d7}.menu-metric-value{font-size:1.04rem;font-weight:700;color:#eef5fd;text-shadow:0 0 14px rgba(102,159,214,.25)}.menu-metrics .menu-metric:nth-child(2) .menu-metric-value{color:#97cdff}.login-card{position:relative;z-index:1;width:min(400px,88vw);padding:40px 32px 32px;border-radius:20px;background:linear-gradient(160deg,rgba(20,30,42,.93),rgba(9,16,25,.96)),var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;gap:16px}.login-title{font-size:2.2rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-1)}.login-subtitle{color:var(--text-2);font-size:.85rem;margin-top:-8px;letter-spacing:.04em}.auth-primary-btn{padding:14px;font-size:1rem;font-weight:700;letter-spacing:.04em}.auth-link{background:none;border:none;color:var(--text-2);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s;padding:0}.auth-link:hover{color:var(--text-1)}.menu-user-bar{display:flex;align-items:center;justify-content:center;position:relative;gap:12px;padding:11px 18px;border-radius:14px;background:linear-gradient(180deg,rgba(11,35,42,.66),rgba(3,15,24,.74)),rgba(3,15,24,.74);border:1px solid rgba(100,196,155,.44);box-shadow:inset 0 1px 0 rgba(186,255,222,.15),0 10px 22px rgba(0,0,0,.28)}.menu-gold{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-radius:999px;background:rgba(247,196,107,.17);border:1px solid rgba(247,196,107,.46);font-weight:700;font-size:.86rem;color:#ffe2ac;letter-spacing:.05em;position:absolute;right:12px;box-shadow:inset 0 1px 0 rgba(255,230,174,.32)}.menu-gold-icon{display:inline-block;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ffd866,#e8a830 50%,#c4881a);box-shadow:inset 0 1px 2px rgba(255,255,255,.4),0 1px 3px rgba(0,0,0,.3);flex-shrink:0;position:relative}.menu-gold-icon:after{content:"G";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:rgba(100,60,0,.7);line-height:1}.menu-gold-value{min-width:1ch}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-input{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:rgba(9,14,20,.5);color:var(--text-1);font-size:.95rem;outline:none;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-2);opacity:.6}.auth-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.auth-register-btn{opacity:.7}.auth-error{font-size:.8rem;color:#e85d5d;padding:6px 10px;border-radius:8px;background:rgba(232,93,93,.1);border:1px solid rgba(232,93,93,.25);display:none}.auth-error.is-active{display:block}.auth-username{font-weight:700;color:#8af2bb;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 14px rgba(97,217,139,.3)}.auth-username:before{content:"[ "}.auth-username:after{content:" ]"}@media (max-width:640px){.screen-debug.is-active,.screen-menu.is-active{padding:16px 0}.menu-card{width:min(96vw,620px);padding:24px 16px 18px;border-radius:18px}.menu-title{font-size:clamp(1.58rem,8vw,2.1rem);letter-spacing:.12em}.menu-subtitle{letter-spacing:.12em;font-size:.62rem}.menu-user-bar{justify-content:space-between;padding:10px 12px}.menu-gold{position:static}.screen-debug .menu-actions .action-btn,.screen-menu .menu-actions .action-btn{min-height:43px;font-size:.92rem;letter-spacing:.06em}.menu-actions{gap:12px}.menu-metrics{grid-template-columns:1fr}}.menu-logout-btn{background:rgba(180,40,40,.15);border-color:rgba(220,60,60,.35);color:#e05555;transition:background .2s,border-color .2s,color .2s}.menu-logout-btn:hover{background:rgba(200,50,50,.3);border-color:rgba(240,70,70,.55);color:#ff6b6b}.menu-logout-btn.is-hidden{display:none}.menu-debug-btn{background:rgba(58,90,191,.18);border-color:rgba(90,127,237,.38);color:#7ea8ff;transition:background .2s,border-color .2s,color .2s}.menu-debug-btn:hover{background:rgba(68,106,226,.28);border-color:rgba(121,161,255,.56);color:#a4c3ff}.menu-debug-btn.is-hidden{display:none}.deck-builder{--deck-sticky-top:12px;--deck-preview-offset:188px;width:min(1200px,96vw);padding:18px;border-radius:20px;background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);gap:14px}.deck-builder,.deck-sticky-bar{display:flex;flex-direction:column}.deck-sticky-bar{position:-webkit-sticky;position:sticky;top:var(--deck-sticky-top);z-index:30;gap:12px;padding:10px;border-radius:14px;background:linear-gradient(180deg,rgba(15,24,36,.95),rgba(10,18,28,.9)),rgba(10,18,28,.9);border:1px solid rgba(124,152,169,.35);box-shadow:0 10px 26px rgba(2,5,9,.45)}.deck-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.deck-title{font-size:1.2rem;font-weight:600}.deck-count{font-weight:600;color:var(--text-1)}.deck-header-actions{display:flex;gap:10px;flex-wrap:wrap}.deck-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.deck-search{flex:1 1 200px;padding:10px 12px;border-radius:10px;border:1px solid rgba(124,152,169,.4);background:rgba(9,14,20,.7);color:var(--text-1)}.deck-filters{display:flex;gap:8px;flex-wrap:wrap}.deck-filters.type-filters{gap:6px}.deck-filters.is-hidden{display:none}.filter-btn{padding:8px 12px;border-radius:999px;border:1px solid rgba(124,152,169,.4);background:rgba(9,14,20,.7);color:var(--text-1);cursor:pointer}.filter-btn.type-filter-btn{padding:5px 10px;font-size:.8rem}.filter-btn.is-active{border-color:rgba(227,168,87,.7);color:#f7c46b}.deck-toast{font-size:.85rem;color:var(--text-2);min-height:1.2em}.deck-mobile-switch{display:none}.deck-mobile-switch-btn{border:1px solid rgba(124,152,169,.4);background:rgba(9,14,20,.72);color:var(--text-2);border-radius:999px;padding:8px 10px;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;cursor:pointer}.deck-mobile-switch-btn.is-active{border-color:rgba(227,168,87,.82);color:#f7c46b;background:rgba(24,35,52,.88)}.deck-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1fr);grid-gap:16px;gap:16px}.deck-col{background:rgba(9,14,20,.55);border:1px solid rgba(124,152,169,.2);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:420px}.col-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.card-list,.deck-list{overflow:auto;display:flex;flex-direction:column;gap:8px}.deck-card,.library-card{display:grid;grid-gap:10px;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid rgba(124,152,169,.2);background:rgba(9,13,18,.7)}.deck-card,.library-card{grid-template-columns:52px minmax(0,1fr) auto}.card-thumb-btn{width:52px;height:68px;border:1px solid rgba(124,152,169,.35);border-radius:8px;padding:0;background:rgba(7,12,18,.9);cursor:pointer;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.35)}.card-thumb-btn:hover{border-color:rgba(227,168,87,.7);transform:translateY(-1px)}.card-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--text-2);background:radial-gradient(circle at 30% 25%,rgba(124,152,169,.28),transparent 45%),linear-gradient(160deg,rgba(21,30,42,.95),rgba(8,12,18,.95))}.card-thumb.has-art{background-position:50%;background-repeat:no-repeat}.deck-card .card-name,.library-card .card-name{font-weight:600}.deck-card .card-meta,.library-card .card-meta{font-size:.75rem;color:var(--text-2)}.deck-col-preview{position:-webkit-sticky;position:sticky;top:var(--deck-preview-offset);align-self:start}.deck-preview{background:rgba(9,13,18,.7);border:1px solid rgba(124,152,169,.2);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:240px}.deck-preview.is-clickable{cursor:pointer}.deck-preview .preview-name{font-weight:600;font-size:1rem}.deck-preview .preview-stats,.deck-preview .preview-type{font-size:.85rem;color:var(--text-2)}.deck-preview .preview-text{font-size:.85rem;color:var(--muted);line-height:1.4}.pregame-modal .modal-card{width:min(420px,92vw);padding:18px;border-radius:16px;background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 20px;border-radius:18px;background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow)}.brand .title{font-size:1.4rem;letter-spacing:.05em;text-transform:uppercase}.brand .subtitle{color:var(--text-2);font-size:.9rem}.status-strip{display:flex;gap:16px}.action-banner{flex:1 1 240px;text-align:center;padding:8px 14px;border-radius:999px;font-size:.85rem;color:var(--text-1);background:rgba(85,194,177,.12);border:1px solid rgba(85,194,177,.4);transition:transform .3s ease,box-shadow .3s ease}.action-banner.is-flash{transform:translateY(-2px);box-shadow:0 0 18px rgba(85,194,177,.4)}.status-item{padding:10px 14px;border-radius:12px;background:rgba(12,17,24,.6);border:1px solid var(--border);min-width:120px}.status-label{font-size:.7rem;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.status-value{font-size:1rem;font-weight:600}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:16px;gap:16px;align-items:stretch}.arena{display:flex;flex-direction:column;gap:18px;position:relative}.arena-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.arena-header .action-banner{flex:1 1 240px}.turn-pill{display:flex;flex-direction:column;align-items:flex-end;padding:8px 12px;border-radius:12px;background:rgba(12,17,24,.7);border:1px solid var(--border);min-width:90px}.turn-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.turn-value{font-size:1rem;font-weight:600;color:var(--text-1)}.phase-hidden{display:none}.field{padding:16px;border-radius:20px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;position:relative}.field.is-iron-veil-active:after,.field.is-iron-veil-active:before{content:"";position:absolute;pointer-events:none;border-radius:inherit}.field.is-iron-veil-active:before{inset:-1px;border:1px solid rgba(132,216,255,.78);box-shadow:0 0 0 1px rgba(72,168,222,.24),0 0 22px rgba(78,184,236,.3),inset 0 0 20px rgba(70,171,226,.2);animation:iron-veil-ring 2.8s ease-in-out infinite;z-index:8}.field.is-iron-veil-active:after{inset:0;background:radial-gradient(circle at 18% 24%,rgba(165,231,255,.2),transparent 45%),radial-gradient(circle at 84% 76%,rgba(102,196,248,.18),transparent 42%),linear-gradient(120deg,transparent,rgba(128,221,255,.14) 46%,transparent 60%);opacity:.85;mix-blend-mode:screen;animation:iron-veil-sheen 3.2s ease-in-out infinite;z-index:7}.field.is-iron-veil-cast{animation:iron-veil-cast .52s ease-out}@keyframes iron-veil-ring{0%,to{box-shadow:0 0 0 1px rgba(72,168,222,.22),0 0 18px rgba(78,184,236,.24),inset 0 0 16px rgba(70,171,226,.18)}50%{box-shadow:0 0 0 1px rgba(72,168,222,.32),0 0 28px rgba(78,184,236,.4),inset 0 0 24px rgba(70,171,226,.3)}}@keyframes iron-veil-sheen{0%,to{transform:translateZ(0);opacity:.62}50%{transform:translate3d(0,-1.5%,0);opacity:.95}}@keyframes iron-veil-cast{0%{transform:scale(.995);filter:brightness(1)}40%{transform:scale(1.005);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.player-bar{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;z-index:5}.player-identity{display:none}.player-stats{display:flex;flex-direction:column;gap:6px}.ai-thinking{font-size:.75rem;color:var(--accent);opacity:0;transition:opacity .2s ease}.ai-thinking.is-active{opacity:1;animation:thinkingPulse 1s infinite}.stat{padding:6px 8px;border-radius:10px;background:rgba(11,16,22,.6);border:1px solid rgba(124,152,169,.2);min-width:70px}.stat-label{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:.9rem;font-weight:600}.heart-row{display:flex;align-items:center;gap:4px;margin-top:4px;min-height:1.1rem}.heart-icon{font-size:.78rem;line-height:1;transition:opacity .2s ease,transform .2s ease}.heart-icon.is-filled{color:#ff5b78;text-shadow:0 0 8px rgba(255,91,120,.5)}.heart-icon.is-empty{color:rgba(154,170,186,.35);text-shadow:none}.lp-bar{height:6px;background:rgba(7,11,16,.7);border-radius:999px;overflow:hidden;margin-top:6px}.lp-bar.is-hidden{display:none}.lp-fill{height:100%;width:100%;background:linear-gradient(90deg,rgba(227,168,87,.95),rgba(85,194,177,.95));transition:width .5s ease}.stat-stamina{border-color:rgba(138,92,246,.3)}.stat-stamina .stat-value{color:#c4a5ff}.stamina-bar{height:6px;background:rgba(7,11,16,.7);border-radius:999px;overflow:hidden;margin-top:6px}.stamina-fill{height:100%;width:50%;background:linear-gradient(90deg,rgba(138,92,246,.95),rgba(192,148,255,.95));transition:width .5s ease}.zone-stack{display:flex;flex-direction:column;gap:16px}.zone-row{gap:24px}.zone-row,.zone-slot{display:flex;justify-content:center}.zone-slot{height:var(--card-zone-height);aspect-ratio:1/1;border-radius:10px;border:2px solid rgba(180,140,60,.35);background:linear-gradient(145deg,rgba(180,140,60,.08),rgba(120,90,30,.04)),rgba(11,15,21,.5);box-shadow:inset 0 1px 0 rgba(227,185,100,.1),inset 0 -1px 0 rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.3);position:relative;align-items:center;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease,background .25s ease}.zone-slot:before{content:"";position:absolute;inset:3px;border-radius:7px;border:1px solid rgba(180,140,60,.12);pointer-events:none}.zone-slot:hover{border-color:rgba(227,168,87,.6);background:linear-gradient(145deg,rgba(227,168,87,.12),rgba(180,140,60,.06)),rgba(11,15,21,.5);box-shadow:inset 0 1px 0 rgba(227,185,100,.15),inset 0 -1px 0 rgba(0,0,0,.3),0 4px 16px rgba(227,168,87,.15),0 0 20px rgba(227,168,87,.08);transform:translateY(-1px)}.zone-slot.is-selectable{border-color:rgba(85,194,177,.6);background:linear-gradient(145deg,rgba(85,194,177,.1),rgba(60,140,130,.05)),rgba(11,15,21,.5);box-shadow:inset 0 1px 0 rgba(85,194,177,.15),0 0 16px rgba(85,194,177,.2),0 0 30px rgba(85,194,177,.08);animation:targetSlotSelectablePulse 1.2s ease-in-out infinite}.zone-slot.is-targetable{border-color:rgba(227,168,87,.7);background:linear-gradient(145deg,rgba(227,168,87,.15),rgba(180,140,60,.08)),rgba(11,15,21,.5);box-shadow:inset 0 1px 0 rgba(227,185,100,.2),0 0 18px rgba(227,168,87,.3),0 0 35px rgba(227,168,87,.1);animation:targetSlotPulse 1s ease-in-out infinite}.zone-label{position:absolute;bottom:8px;right:8px;font-size:.7rem;color:var(--muted);text-transform:uppercase}.hand-row{display:inline-flex;justify-content:center;align-items:flex-end;gap:12px;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;max-width:100%;align-self:center;padding:6px 4px;min-height:calc(var(--card-hand-height) + 20px);position:relative}.hand-row .card-stats{font-size:.78rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 10px;gap:6px 10px;align-items:center;justify-items:center}.hand-row .card-stats .stat-item{letter-spacing:.14em;font-size:.88rem;white-space:nowrap}.hand-row .card-stats .stat-cost,.hand-row .card-stats .stat-spell{grid-column:1/-1;text-align:center}.hand-row .card-stats .stat-spell{justify-self:center}.hand-row .card-stats .stat-special{grid-column:1/-1;justify-self:center;max-width:100%;box-sizing:border-box;padding:1px 5px;font-size:.56rem;letter-spacing:.06em;line-height:1.1}.hand-row .card-art.has-art{background-size:108%}.card{--card-height:var(--card-hand-height);--card-lift:0px;--card-scale:1;--card-rotate:0deg;--hand-offset:0px;--hand-rotate:0deg;--card-flip-x:0px;--card-flip-y:0px;--art-hue:210;--hand-type-tint-frame:rgba(0,0,0,0);--hand-type-tint-frame-alt:rgba(0,0,0,0);--hand-type-tint-art:rgba(0,0,0,0);--hand-type-tint-art-alt:rgba(0,0,0,0);--hand-type-tint-footer:rgba(0,0,0,0);--hand-type-ring:rgba(255,255,255,0.16);height:var(--card-height);aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);padding:0;display:flex;align-items:stretch;justify-content:stretch;font-family:var(--font-display);font-size:.85rem;letter-spacing:.03em;cursor:pointer;transition:transform calc(.22s * var(--motion-scale)) var(--ease-snappy),box-shadow calc(.22s * var(--motion-scale)) var(--ease-snappy),filter calc(.2s * var(--motion-scale)) var(--ease-smooth),opacity calc(.2s * var(--motion-scale)) var(--ease-smooth);transform-style:preserve-3d;position:relative;overflow:hidden;transform-origin:center;border:var(--card-border) solid rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(15,20,28,.95),rgba(7,10,14,.95));box-shadow:var(--card-shadow);transform:translate3d(var(--card-flip-x),var(--card-flip-y),0) translateY(calc(var(--card-lift) + var(--hand-offset))) rotate(calc(var(--card-rotate) + var(--hand-rotate))) scale(var(--card-scale))}.card-zone{--card-height:var(--card-zone-height);padding:5px;overflow:hidden}.card-zone .card-frame{grid-template-rows:55% 45%;gap:2px;padding:3px}.card-zone .card-footer{padding:2px 3px;overflow:hidden}.card-zone .card-stats{font-size:.55rem;grid-gap:1px 4px;gap:1px 4px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.card-zone .card-stats .stat-item{font-size:.58rem;white-space:nowrap}.card-zone .card-stats .stat-cost{grid-column:1/-1;text-align:center}.card-frame{position:absolute;inset:6px;display:grid;grid-template-rows:62% 38%;grid-gap:6px;gap:6px;padding:6px;border-radius:calc(var(--card-radius) - 6px);background:linear-gradient(170deg,rgba(30,38,48,.96),rgba(12,16,22,.96));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 12px rgba(8,12,16,.6)}.field-player .hand-row .card.card-front .card-frame{background:radial-gradient(circle at 84% 0,var(--hand-type-tint-frame),transparent 46%),radial-gradient(circle at 14% 100%,var(--hand-type-tint-frame-alt),transparent 54%),linear-gradient(170deg,rgba(30,38,48,.96),rgba(12,16,22,.96));border-color:var(--hand-type-ring)}.card-art{border-radius:10px;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 25%,hsla(var(--art-hue),65%,70%,.35),transparent 55%),linear-gradient(135deg,hsla(calc(var(--art-hue) + 30),50%,45%,.85),hsla(calc(var(--art-hue) - 40),45%,25%,.9));border:1px solid rgba(255,255,255,.12)}.card-art.has-art{background-size:var(--art-fit,cover);background-position:50%;background-repeat:no-repeat}.card-zone .card-art.has-art{background-size:cover}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);opacity:.6}.card-art.has-art:after{opacity:.2}.field-player .hand-row .card.card-front .card-art.has-art:after{background:linear-gradient(145deg,var(--hand-type-tint-art) 0,var(--hand-type-tint-art-alt) 58%,transparent 86%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);opacity:.34}.card-footer{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:10px;background:rgba(8,12,17,.75);border:1px solid rgba(124,152,169,.25)}.field-player .hand-row .card.card-front .card-footer{background:radial-gradient(circle at 12% 92%,var(--hand-type-tint-footer),transparent 68%),linear-gradient(180deg,rgba(8,12,17,.82),rgba(6,9,14,.9));border-color:var(--hand-type-ring)}.card-stats{font-size:.75rem;letter-spacing:.08em;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:center}.card-stats .stat-item{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.card-stats .stat-atk{color:#ff9b4a}.card-stats .stat-atk:before{content:"ATK ";font-size:.65em;opacity:.7}.card-stats .stat-def{color:#6fb3ff}.card-stats .stat-def:before{content:"DEF ";font-size:.65em;opacity:.7}.card-stats .stat-cost{color:#c4a5ff}.card-stats .stat-cost:before{content:"COST ";font-size:.65em;opacity:.7}.card-stats .stat-spell{color:#71dec9;letter-spacing:.18em}.card-stats .stat-special{color:#89f0c8;letter-spacing:.16em;font-size:.62rem;padding:2px 7px;border-radius:999px;border:1px solid rgba(109,233,180,.5);background:rgba(12,45,33,.44);text-shadow:0 0 8px rgba(88,201,159,.28)}.card-front{border-color:rgba(124,152,169,.38)}.card-back .card-frame{opacity:0}.card-back:before{content:"";position:absolute;inset:6px;border-radius:calc(var(--card-radius) - 6px);background:radial-gradient(circle at 30% 20%,rgba(227,168,87,.4),transparent 55%);border:1px solid rgba(227,168,87,.6);box-shadow:inset 0 0 16px rgba(5,8,12,.8)}.card-back:after{content:"Zenkaion";position:absolute;inset:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(.44rem,1.2vw,.72rem);line-height:1;letter-spacing:.16em;color:rgba(255,255,255,.6);text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;writing-mode:horizontal-tb}.card.card-front[data-card-type=SPELL]{border-color:rgba(124,152,169,.42)}.field-player .hand-row .card.card-front{border-color:var(--hand-type-ring)}.card:hover{--card-lift:-6px;--card-scale:1.02;box-shadow:0 18px 30px rgba(5,7,10,.6)}.card.is-playable{border-color:rgba(124,152,169,.46);box-shadow:var(--card-shadow)}.card.is-disabled{opacity:.45;filter:grayscale(.4) brightness(.8);cursor:pointer}.card.is-selectable{outline:2px dashed rgba(85,194,177,.88);outline-offset:3px;box-shadow:var(--card-shadow),0 0 0 1px rgba(85,194,177,.54),0 0 20px rgba(85,194,177,.28);animation:cardSelectablePulse 1.15s ease-in-out infinite}.card.is-selected{outline:2px solid var(--accent);outline-offset:3px;--card-lift:-18px;--card-scale:1.04;box-shadow:0 22px 32px rgba(5,7,10,.65),0 0 24px rgba(247,196,107,.32);z-index:5}.card.is-targetable{outline:2px dashed rgba(247,196,107,.95);outline-offset:3px;box-shadow:var(--card-shadow),0 0 0 1px rgba(247,196,107,.65),0 0 24px rgba(247,196,107,.34);animation:cardTargetablePulse .95s ease-in-out infinite}.card.is-theft-target{outline:2px solid rgba(182,116,255,.9);outline-offset:2px;box-shadow:0 0 16px rgba(182,116,255,.45),0 0 28px rgba(182,116,255,.2);animation:theftTargetPulse 1s ease-in-out infinite}.hand-row.is-theft-source{box-shadow:inset 0 0 0 1px rgba(182,116,255,.34),0 0 18px rgba(182,116,255,.24);border-radius:14px}.hand-row.is-theft-destination{box-shadow:inset 0 0 0 1px rgba(128,221,182,.34),0 0 20px rgba(128,221,182,.24);border-radius:14px}.card.has-type-advantage{box-shadow:0 0 16px rgba(255,200,80,.6),0 0 32px rgba(255,200,80,.3);outline:2px solid rgba(255,200,80,.8);outline-offset:2px;animation:advantageGlow 1.5s ease-in-out infinite}.card.has-type-advantage:before{content:"ADVANTAGE";position:absolute;top:6px;left:50%;transform:translateX(-50%);font-size:.5rem;letter-spacing:.15em;font-weight:700;color:#ffc850;text-shadow:0 0 6px rgba(255,200,80,.8);background:rgba(0,0,0,.6);padding:2px 6px;border-radius:4px;z-index:10}@keyframes advantageGlow{0%,to{box-shadow:0 0 16px rgba(255,200,80,.6),0 0 32px rgba(255,200,80,.3)}50%{box-shadow:0 0 20px rgba(255,200,80,.8),0 0 40px rgba(255,200,80,.5)}}@keyframes theftTargetPulse{0%,to{box-shadow:0 0 12px rgba(182,116,255,.32),0 0 24px rgba(182,116,255,.14)}50%{box-shadow:0 0 18px rgba(182,116,255,.5),0 0 30px rgba(182,116,255,.25)}}@keyframes cardSelectablePulse{0%,to{outline-color:rgba(85,194,177,.88);box-shadow:var(--card-shadow),0 0 0 1px rgba(85,194,177,.54),0 0 20px rgba(85,194,177,.24)}50%{outline-color:rgba(112,232,212,1);box-shadow:var(--card-shadow),0 0 0 2px rgba(112,232,212,.68),0 0 28px rgba(112,232,212,.42)}}@keyframes cardTargetablePulse{0%,to{outline-color:rgba(247,196,107,.95);box-shadow:var(--card-shadow),0 0 0 1px rgba(247,196,107,.65),0 0 24px rgba(247,196,107,.3)}50%{outline-color:rgba(255,218,136,1);box-shadow:var(--card-shadow),0 0 0 2px rgba(255,218,136,.78),0 0 32px rgba(255,218,136,.48)}}@keyframes targetSlotSelectablePulse{0%,to{box-shadow:inset 0 1px 0 rgba(85,194,177,.15),0 0 16px rgba(85,194,177,.2),0 0 30px rgba(85,194,177,.08)}50%{box-shadow:inset 0 1px 0 rgba(112,232,212,.24),0 0 22px rgba(112,232,212,.34),0 0 36px rgba(112,232,212,.16)}}@keyframes targetSlotPulse{0%,to{box-shadow:inset 0 1px 0 rgba(227,185,100,.2),0 0 18px rgba(227,168,87,.3),0 0 35px rgba(227,168,87,.1)}50%{box-shadow:inset 0 1px 0 rgba(255,218,136,.3),0 0 24px rgba(255,204,110,.45),0 0 42px rgba(255,204,110,.2)}}@media (prefers-reduced-motion:reduce){.card.is-selectable,.card.is-targetable,.zone-slot.is-selectable,.zone-slot.is-targetable{animation:none}}.card.is-defense{--card-rotate:90deg}.card.is-exhausted{filter:grayscale(.4) brightness(.85)}.card.is-exhausted:after{content:"EXH";position:absolute;top:8px;right:8px;font-size:.55rem;letter-spacing:.2em;padding:2px 6px;border-radius:999px;background:rgba(9,14,20,.8);border:1px solid rgba(124,152,169,.4);color:var(--text-2)}.card.stat-boost .card-stats{animation:statBoost .6s ease;color:var(--accent-2)}.card.is-buffed{border-color:rgba(122,201,126,.58);box-shadow:var(--card-shadow),0 0 12px rgba(122,201,126,.2);animation:buffPulse 2.6s ease-in-out infinite}.card.is-buffed .card-art:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 78%,rgba(112,230,140,.18),transparent 58%),radial-gradient(circle at 80% 26%,rgba(88,182,114,.14),transparent 56%)}@keyframes buffPulse{0%,to{box-shadow:var(--card-shadow),0 0 8px rgba(122,201,126,.16)}50%{box-shadow:var(--card-shadow),0 0 15px rgba(122,201,126,.28)}}.card.is-debuffed{border-color:rgba(220,90,90,.58);box-shadow:var(--card-shadow),0 0 12px rgba(220,90,90,.2);animation:debuffPulse 2.6s ease-in-out infinite}.card.is-debuffed .card-art:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 78%,rgba(220,90,90,.18),transparent 58%),radial-gradient(circle at 80% 26%,rgba(200,70,70,.14),transparent 56%)}@keyframes debuffPulse{0%,to{box-shadow:var(--card-shadow),0 0 8px rgba(220,90,90,.16)}50%{box-shadow:var(--card-shadow),0 0 15px rgba(220,90,90,.28)}}.stat-item.stat-up{color:#7ee88a!important;text-shadow:0 0 8px rgba(108,214,132,.3)}.stat-item.stat-down{color:#f07070!important;text-shadow:0 0 8px rgba(220,90,90,.3)}.card.is-confused{border-color:rgba(180,120,255,.58);box-shadow:var(--card-shadow),0 0 12px rgba(180,120,255,.25);animation:confusionPulse 2s ease-in-out infinite}.card.is-confused .card-art:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 70%,rgba(180,120,255,.2),transparent 55%),radial-gradient(circle at 70% 30%,rgba(220,160,255,.15),transparent 50%);z-index:1}.card.is-confused .card-stats{color:#d4b0ff;text-shadow:0 0 8px rgba(180,120,255,.3)}@keyframes confusionPulse{0%,to{box-shadow:var(--card-shadow),0 0 8px rgba(180,120,255,.18);transform:translate(var(--card-x,0),var(--card-lift,0)) scale(var(--card-scale,1)) rotate(0deg)}25%{transform:translate(var(--card-x,0),var(--card-lift,0)) scale(var(--card-scale,1)) rotate(1.5deg)}50%{box-shadow:var(--card-shadow),0 0 18px rgba(180,120,255,.35);transform:translate(var(--card-x,0),var(--card-lift,0)) scale(var(--card-scale,1)) rotate(0deg)}75%{transform:translate(var(--card-x,0),var(--card-lift,0)) scale(var(--card-scale,1)) rotate(-1.5deg)}}.card.attack-windup{--card-lift:-8px;--card-rotate:-6deg}.card.ai-lift{--card-lift:-10px;--card-scale:1.03;box-shadow:0 18px 28px rgba(5,7,10,.6)}.card.is-cracked:after{inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%),repeating-linear-gradient(30deg,rgba(255,255,255,.15) 0 2px,rgba(0,0,0,.2) 2px 6px);opacity:.7}.card.is-corrupted:before,.card.is-cracked:after{content:"";position:absolute;mix-blend-mode:screen;pointer-events:none}.card.is-corrupted:before{inset:-10px;background:linear-gradient(135deg,transparent 35%,rgba(61,212,150,.65) 45%,rgba(12,18,16,.9) 50%,rgba(61,212,150,.65) 55%,transparent 65%);opacity:.9}.ghost-card{filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}.draw-intro-ghost{border-radius:8px;filter:drop-shadow(0 8px 20px rgba(0,200,255,.3))}.slash-line{position:fixed;height:6px;transform-origin:0 50%;pointer-events:none;z-index:2300}.slash-line:after{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,210,120,.95),rgba(255,255,255,0));transform-origin:0 50%;animation:slashArc var(--slash-duration,.35s) ease forwards;box-shadow:0 0 24px rgba(255,210,120,.75)}.cinematic-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:3200;transition:opacity .45s ease}.battle-backdrop{position:absolute;inset:0;background:rgba(6,9,13,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:1}.cinematic-overlay.is-active{opacity:1;pointer-events:auto}.cinematic-overlay.is-exit{opacity:0}.cinematic-stage{--cinematic-stage-width:min(1200px,94vw);--cinematic-stage-gap:clamp(20px,5vw,60px);--cinematic-stage-pad:clamp(14px,2.2vw,28px);gap:var(--cinematic-stage-gap);width:var(--cinematic-stage-width);max-width:var(--cinematic-stage-width);height:min(680px,84vh);padding:var(--cinematic-stage-pad);z-index:2;pointer-events:auto;--cinematic-entry:clamp(40px,8vw,100px);--cinematic-impact:clamp(22px,4.5vw,55px)}.cinematic-slot,.cinematic-stage{display:flex;align-items:center;justify-content:center}.cinematic-slot{position:relative;flex:1 1;min-width:0;height:100%}.cinematic-card{--cinematic-height-base:clamp(320px,52vh,580px);--cinematic-height-fit-width:calc(((var(--cinematic-stage-width) - (var(--cinematic-stage-pad) * 2) - var(--cinematic-stage-gap)) / 2) * (88 / 63));--card-height:max(170px,min(var(--cinematic-height-base),var(--cinematic-height-fit-width)));height:var(--card-height);width:auto;aspect-ratio:var(--card-aspect);max-height:calc(84vh - (var(--cinematic-stage-pad) * 2));box-shadow:0 32px 50px rgba(3,5,8,.7);will-change:transform,opacity;transform-style:flat;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 1.2s var(--ease-snappy),opacity 1.2s var(--ease-smooth);--cinematic-x:0px;--cinematic-scale:1;transform:translate(var(--cinematic-x)) rotate(var(--card-rotate)) scale(var(--cinematic-scale))}.cinematic-attacker{--cinematic-x:calc(var(--cinematic-entry) * -1);--cinematic-scale:0.95;opacity:0}.cinematic-defender{--cinematic-x:var(--cinematic-entry);--cinematic-scale:0.95;opacity:0}.cinematic-overlay.is-active .cinematic-attacker,.cinematic-overlay.is-active .cinematic-defender{--cinematic-x:0px;--cinematic-scale:1;opacity:1}.cinematic-overlay.is-impact .cinematic-attacker{--cinematic-x:var(--cinematic-impact);--cinematic-scale:1.07}.cinematic-overlay.is-impact .cinematic-defender{--cinematic-x:calc(var(--cinematic-impact) * -0.6);--cinematic-scale:0.95}.cinematic-overlay .cinematic-card .card-footer{position:absolute;bottom:12px;left:12px;right:12px;background:rgba(6,10,15,.88);border:1px solid rgba(124,152,169,.35);border-radius:12px;padding:10px 14px;z-index:2}.cinematic-overlay .cinematic-card .card-stats{font-size:1.6rem;font-weight:700;gap:14px}.cinematic-overlay .cinematic-card .card-stats .stat-item{font-size:1.6rem}.cinematic-overlay .cinematic-card .card-stats .stat-atk:before,.cinematic-overlay .cinematic-card .card-stats .stat-cost:before,.cinematic-overlay .cinematic-card .card-stats .stat-def:before{font-size:.55em}.cinematic-card.is-shaking{animation:cinematicShake .3s ease-out}.cinematic-card.is-destroyed{transition:none;animation:cinematicBurn .9s ease-in forwards}.cinematic-damage{position:absolute;top:8%;left:50%;transform:translate(-50%);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:#ffcf9b;text-shadow:0 10px 20px rgba(0,0,0,.6);animation:cinematicDamage 1.4s ease forwards;pointer-events:none}@keyframes cinematicShake{0%,to{translate:0 0}10%{translate:18px -4px}20%{translate:-14px 6px}30%{translate:12px -3px}42%{translate:-10px 5px}55%{translate:8px -2px}68%{translate:-5px 3px}82%{translate:3px -1px}}@keyframes cinematicBurn{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}}@keyframes cinematicDamage{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}30%{opacity:1;transform:translate(-50%,-6px) scale(1.05)}to{opacity:0;transform:translate(-50%,-28px) scale(1)}}.cinematic-type-bonus{position:absolute;bottom:18%;left:50%;transform:translate(-50%) scale(.6);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:#ffe066;text-shadow:0 0 12px rgba(255,200,50,.9),0 0 24px rgba(255,160,30,.6),0 4px 8px rgba(0,0,0,.5);pointer-events:none;z-index:10;animation:cinematicTypeBonus .9s ease-out forwards}@media (max-width:900px){.cinematic-stage{--cinematic-stage-gap:clamp(8px,3vw,16px);--cinematic-stage-pad:clamp(8px,2.8vw,14px);height:min(540px,76vh);--cinematic-entry:clamp(12px,4vw,28px);--cinematic-impact:clamp(8px,2.8vw,16px)}.cinematic-overlay .cinematic-card .card-footer{bottom:8px;left:8px;right:8px;padding:6px 8px;border-radius:10px}.cinematic-overlay .cinematic-card .card-stats{font-size:clamp(1rem,3.2vw,1.2rem);gap:8px}.cinematic-overlay .cinematic-card .card-stats .stat-item{font-size:clamp(1rem,3.2vw,1.2rem)}.cinematic-damage{font-size:clamp(1.25rem,4vw,1.7rem)}.cinematic-type-bonus{font-size:clamp(1.3rem,5vw,2rem)}}@media (max-width:600px){.cinematic-stage{--cinematic-stage-width:100vw;--cinematic-stage-gap:clamp(6px,2.4vw,10px);--cinematic-stage-pad:6px;height:min(460px,70vh)}.cinematic-overlay.is-impact .cinematic-attacker{--cinematic-scale:1.03}.cinematic-overlay.is-impact .cinematic-defender{--cinematic-scale:0.97}.cinematic-overlay .cinematic-card .card-footer{bottom:5px;left:5px;right:5px;padding:5px 6px;border-radius:8px}.cinematic-overlay .cinematic-card .card-stats{font-size:clamp(.9rem,3.8vw,1.05rem);gap:6px}.cinematic-overlay .cinematic-card .card-stats .stat-item{font-size:clamp(.9rem,3.8vw,1.05rem)}.cinematic-overlay .cinematic-card .card-stats .stat-atk:before,.cinematic-overlay .cinematic-card .card-stats .stat-cost:before,.cinematic-overlay .cinematic-card .card-stats .stat-def:before{font-size:.52em}}@keyframes cinematicTypeBonus{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}25%{opacity:1;transform:translate(-50%,-8px) scale(1.2)}60%{opacity:1;transform:translate(-50%,-20px) scale(1)}to{opacity:0;transform:translate(-50%,-36px) scale(.9)}}.stat-item.stat-atk.stat-boosted{color:#ffe066;text-shadow:0 0 8px rgba(255,200,50,.7);animation:statBoostPulse .4s ease-out}@keyframes statBoostPulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.slot-preview{position:absolute;inset:8px;opacity:.6;pointer-events:none;transform:scale(.96)}.card-activation-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:4000;opacity:0;transition:opacity .3s ease;pointer-events:none}.card-activation-overlay.is-active{opacity:1}.card-activation-backdrop{position:absolute;inset:0;background:rgba(3,5,8,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-activation-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;transform:translateY(20px) scale(.95);transition:transform .3s ease}.card-activation-overlay.is-active .card-activation-container{transform:translateY(0) scale(1)}.card-activation-label{font-size:1.2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px rgba(227,168,87,.5);animation:pulseText 1.5s ease infinite}.card-activation-card{--card-height:clamp(400px,60vh,600px);cursor:default;box-shadow:0 32px 64px rgba(0,0,0,.7);animation:cardFloat 3s ease-in-out infinite}.card-activation-card .card-footer{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:10px 14px 14px}.card-activation-desc{font-size:1.05rem;line-height:1.4;color:var(--text-2,#c8cad0);text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6);max-width:90%}.card-activation-info{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:14px}.card-activation-name{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text-1);text-shadow:0 2px 8px rgba(0,0,0,.5);text-align:center}.card-activation-type{font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3,#8a8d96)}.card-activation-card .card-stats{font-size:1.4rem;font-weight:700;gap:16px}.card-activation-card .card-stats .stat-item{font-size:1.4rem}@keyframes pulseText{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.game-over-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:5000;opacity:0;transition:opacity .6s ease;pointer-events:none}.game-over-overlay.is-active{opacity:1;pointer-events:auto}.game-over-backdrop{position:absolute;inset:0;background:rgba(3,5,8,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateY(30px) scale(.9);transition:transform .6s ease}.game-over-overlay.is-active .game-over-container{transform:translateY(0) scale(1)}.game-over-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,5rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent),#ffd700,var(--accent));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gameOverShimmer 3s ease infinite;text-shadow:none;filter:drop-shadow(0 4px 20px rgba(227,168,87,.4))}.game-over-subtitle{font-size:1.3rem;color:var(--text-2);letter-spacing:.08em}.game-over-stats{display:flex;gap:24px;padding:16px 32px;border-radius:12px;background:rgba(20,27,36,.8);border:1px solid var(--border)}.game-over-stat{font-size:.95rem;color:var(--text-2);font-weight:600;letter-spacing:.04em}.game-over-btn{margin-top:12px;padding:12px 36px;font-size:1.1rem;font-weight:700;letter-spacing:.08em}@keyframes gameOverShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.game-over-badge{font-family:var(--font-display);font-size:clamp(.9rem,2.5vw,1.15rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:8px 28px;border-radius:6px;animation:badgePulse 2s ease-in-out infinite}.game-over-overlay.is-surrender .game-over-badge{background:rgba(220,60,60,.2);border:1px solid rgba(220,60,60,.5);color:#ff6b6b}.game-over-overlay.is-surrender .game-over-title{animation:gameOverShimmer 3s ease infinite,surrenderAppear .8s ease-out}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes surrenderAppear{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pack-opening-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px;box-sizing:border-box;z-index:6200;opacity:0;pointer-events:none;transition:opacity .24s ease}.pack-opening-overlay.is-active{opacity:1;pointer-events:auto}.pack-opening-overlay.is-exit{opacity:0;pointer-events:none}.pack-opening-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(227,168,87,.28),transparent 50%),rgba(4,7,11,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pack-opening-shell{position:relative;z-index:1;width:min(900px,100%);border-radius:24px;padding:20px;border:1px solid rgba(124,152,169,.35);background:linear-gradient(165deg,rgba(24,31,42,.94),rgba(9,13,19,.95));box-shadow:0 28px 70px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:14px;align-items:center;margin-block:auto}.pack-opening-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);text-transform:uppercase;letter-spacing:.12em;color:var(--text-1)}.pack-opening-subtitle{color:var(--text-2);letter-spacing:.06em}.pack-opening-stage{width:min(820px,100%);min-height:min(72vh,680px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.pack-opening-stage.is-revealed{min-height:min(76vh,900px);justify-content:center}.slot-machine{width:100%;position:relative;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:22px;border:1px solid rgba(215,226,244,.3);background:linear-gradient(180deg,rgba(236,242,252,.18),rgba(70,79,98,.5)),linear-gradient(165deg,rgba(54,63,79,.95),rgba(17,23,34,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -18px 28px rgba(8,12,19,.5),0 18px 36px rgba(0,0,0,.52)}.slot-machine:after{content:"";position:absolute;left:8%;right:8%;bottom:-12px;height:16px;border-radius:999px;background:rgba(0,0,0,.42);filter:blur(9px);pointer-events:none}.slot-machine-marquee{min-height:60px;border-radius:12px;border:1px solid rgba(255,233,160,.78);background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0)),repeating-linear-gradient(90deg,rgba(255,245,183,.55) 0 10px,rgba(255,200,92,.72) 10px 20px),linear-gradient(135deg,rgba(245,178,63,.95),rgba(161,95,18,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -10px 18px rgba(82,44,3,.34),0 8px 14px rgba(0,0,0,.28);color:#2a1a05;text-shadow:0 1px 0 rgba(255,235,181,.62);font-family:var(--font-display);font-size:clamp(.92rem,1.7vw,1.2rem);font-weight:800;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.slot-machine-marquee:after,.slot-machine-marquee:before{content:"";position:absolute;left:12px;right:12px;height:10px;border-radius:999px;background-image:radial-gradient(circle,rgba(255,252,232,.95) 0 36%,rgba(255,201,91,.96) 37% 68%,transparent 69%);background-position:0 0;background-size:18px 10px;background-repeat:repeat-x;opacity:.88;pointer-events:none}.slot-machine-marquee:before{top:7px}.slot-machine-marquee:after{bottom:7px}.slot-machine-cabinet{display:flex;gap:12px;align-items:stretch;justify-content:stretch;padding:14px;border-radius:14px;border:1px solid rgba(192,208,234,.36);background:linear-gradient(180deg,rgba(244,248,255,.18),rgba(45,53,69,.5)),linear-gradient(165deg,rgba(32,40,56,.96),rgba(14,19,29,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -16px 24px rgba(5,9,15,.42);position:relative}.slot-machine-cabinet:before{content:"";position:absolute;inset:10px;border-radius:10px;border:1px solid rgba(220,231,249,.12);pointer-events:none}.slot-machine-board{position:relative;width:auto;min-width:0;flex:1 1 auto;display:flex;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(185,201,228,.48);background:linear-gradient(180deg,rgba(234,240,253,.24),rgba(70,80,98,.55)),linear-gradient(165deg,rgba(38,48,65,.96),rgba(14,19,27,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -10px 18px rgba(8,11,17,.35)}.slot-reel{position:relative;flex:1 1;min-width:0;aspect-ratio:.96/3;border-radius:12px;border:1px solid rgba(178,190,210,.7);background:linear-gradient(180deg,rgba(252,254,255,.98),rgba(208,216,232,.98)),linear-gradient(180deg,rgba(236,241,252,.9),rgba(180,191,212,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -16px 22px rgba(58,66,83,.24),0 8px 16px rgba(0,0,0,.35);overflow:hidden}.slot-reel:after,.slot-reel:before{content:"";position:absolute;left:0;right:0;height:20%;z-index:3;pointer-events:none}.slot-reel:before{top:0;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0))}.slot-reel:after{bottom:0;background:linear-gradient(0deg,rgba(178,186,205,.86),rgba(178,186,205,0))}.slot-reel-column{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.slot-reel-symbol{position:relative;flex:1 1;min-height:0;background-color:rgba(40,52,74,.9);background-size:cover;background-position:50%;border-bottom:1px solid rgba(137,149,170,.62)}.slot-reel-symbol:last-child{border-bottom:none}.slot-reel-symbol.is-center{box-shadow:inset 0 0 0 2px rgba(255,96,96,.76),inset 0 0 16px rgba(255,99,99,.32)}.slot-reel.is-spinning .slot-reel-column{animation:slotReelSpin .18s linear infinite}.slot-reel.is-final{border-color:rgba(255,209,126,.78);box-shadow:inset 0 0 0 1px rgba(255,209,126,.45),0 16px 24px rgba(0,0,0,.44),0 0 20px rgba(255,201,112,.28)}.slot-lever{position:relative;width:76px;flex:0 0 76px;align-self:stretch;border-radius:10px;border:1px solid rgba(178,193,218,.42);background:linear-gradient(180deg,rgba(222,230,246,.22),rgba(65,74,94,.52)),linear-gradient(165deg,rgba(35,43,59,.96),rgba(16,22,32,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.slot-lever:before{content:"";bottom:12px;width:8px;height:70%;transform:translateX(-50%);transform-origin:bottom;border-radius:999px;border:1px solid rgba(205,215,235,.64);background:linear-gradient(180deg,rgba(239,245,255,.95),rgba(149,162,184,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 0 10px rgba(155,169,194,.4)}.slot-lever-knob,.slot-lever:before{position:absolute;left:50%;transition:transform .16s ease}.slot-lever-knob{top:8px;width:24px;height:24px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(180,230,132,.9);background:radial-gradient(circle at 34% 30%,rgba(227,255,186,.95),rgba(99,174,51,.95) 60%,rgba(49,113,21,.96)),linear-gradient(180deg,rgba(133,206,64,.95),rgba(69,135,29,.96));box-shadow:0 0 10px rgba(141,220,86,.38),inset 0 1px 0 rgba(255,255,255,.62)}.slot-lever.is-pulled:before{transform:translateX(-50%) scaleY(.86)}.slot-lever.is-pulled .slot-lever-knob{transform:translate(-50%,18px)}.slot-machine-panel{display:flex;justify-content:center;padding:16px 14px 18px;border-radius:12px;border:1px solid rgba(162,176,198,.42);background:linear-gradient(180deg,rgba(45,53,68,.95),rgba(12,17,24,.98)),linear-gradient(165deg,rgba(18,24,36,.98),rgba(4,7,12,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -8px 14px rgba(0,0,0,.45);position:relative}.slot-machine-panel:before{content:"";position:absolute;inset:7px 18px auto;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.03));pointer-events:none}.slot-panel-btn{min-height:54px;min-width:min(280px,100%);border-radius:14px;border:1px solid transparent;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 14px rgba(0,0,0,.38);transition:transform .15s ease,filter .15s ease,border-color .15s ease}.slot-panel-btn:disabled{opacity:.84;cursor:default}.slot-panel-btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.06)}.slot-panel-btn.is-gold{color:#fff2c8;border-color:rgba(255,214,111,.86);background:linear-gradient(180deg,rgba(228,171,56,.98),rgba(136,90,17,.98)),rgba(136,90,17,.98)}.slot-controls{display:flex;justify-content:center;width:100%}.slot-spin-btn{min-width:240px;font-size:.95rem;letter-spacing:.08em}.slot-spin-btn:hover{border-color:rgba(255,229,152,.96);color:#fff9dd}.slot-machine.is-reveal-mode{display:none}.pack-reveal-stage{width:100%;opacity:0;max-height:none;min-height:0;overflow:visible;margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;transition:opacity .2s ease,margin-top .2s ease}.pack-reveal-stage.is-visible{opacity:1;min-height:min(76vh,900px);margin-top:0;pointer-events:auto}.pack-reveal-meta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.pack-reveal-counter{padding:5px 12px;border-radius:999px;border:1px solid rgba(255,211,125,.42);background:rgba(15,22,34,.72);color:#f8d28a;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pack-reveal-viewer-stage{width:100%;min-height:0}.pack-reveal-viewer-card{--card-height:min(calc(100vh - 240px),calc((100vw - 80px) / (63 / 88)),760px)}.pack-reveal-controls{display:flex;justify-content:center;width:100%}.pack-box{width:min(260px,70vw);aspect-ratio:3/4.2;position:relative;border-radius:18px;border:1px solid rgba(227,168,87,.68);background:linear-gradient(150deg,rgba(23,17,10,.95),rgba(62,43,19,.95)),radial-gradient(circle at 50% 8%,rgba(255,229,159,.2),transparent 62%);cursor:pointer;box-shadow:0 22px 45px rgba(0,0,0,.58),0 0 40px rgba(227,168,87,.2),inset 0 0 26px rgba(255,205,120,.1);transition:transform .2s ease,box-shadow .2s ease;animation:packFloat 2.1s ease-in-out infinite;overflow:hidden}.pack-box:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 30px 55px rgba(0,0,0,.62),0 0 48px rgba(227,168,87,.28),inset 0 0 26px rgba(255,205,120,.14)}.pack-box:disabled{cursor:default}.pack-box:disabled:hover{transform:none}.pack-box-glow{position:absolute;inset:-30%;background:radial-gradient(circle,rgba(255,201,115,.65),transparent 58%);opacity:.36;animation:packPulse 1.35s ease-in-out infinite}.pack-box-lid{position:absolute;top:10%;left:10%;right:10%;height:26%;border-radius:12px;border:1px solid rgba(255,214,136,.65);background:linear-gradient(165deg,rgba(120,84,39,.95),rgba(73,49,18,.95));box-shadow:inset 0 0 20px rgba(255,219,152,.14)}.pack-box-core{position:absolute;left:14%;right:14%;top:34%;bottom:14%;border-radius:12px;border:1px solid rgba(255,214,136,.48);background:linear-gradient(150deg,rgba(96,68,30,.95),rgba(48,32,12,.96)),repeating-linear-gradient(45deg,rgba(255,214,136,.09) 0 8px,rgba(0,0,0,.12) 8px 16px)}.pack-box-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(.95rem,1.9vw,1.15rem);letter-spacing:.26em;color:rgba(255,233,188,.86);text-shadow:0 0 18px rgba(255,205,130,.26)}.pack-opening-overlay.is-opening .pack-box{animation:packOpenBurst .46s ease forwards}.pack-results-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;justify-items:center}.pack-result-item{width:100%;max-width:270px;display:flex;flex-direction:column;align-items:center;gap:8px}.pack-result-rarity{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:4px 11px;border-radius:999px;border:1px solid transparent;font-size:.62rem;line-height:1;letter-spacing:.1em;text-transform:uppercase;font-weight:800;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;will-change:transform,box-shadow,filter}.pack-result-rarity[data-rarity=BASIC]{color:#b9c4d0;border-color:rgba(185,196,208,.55);background:rgba(146,162,176,.14)}.pack-result-rarity[data-rarity=RARE]{color:#9df8bf;border-color:rgba(86,222,139,.72);background:rgba(29,120,72,.25);--rarity-shadow-idle:0 0 12px rgba(86,222,139,0.24);--rarity-shadow-peak:0 0 20px rgba(86,222,139,0.4),0 0 32px rgba(86,222,139,0.2);box-shadow:var(--rarity-shadow-idle);text-shadow:0 0 6px rgba(123,244,176,.42)}.pack-result-rarity[data-rarity=SUPER_RARE]{color:#d9b8ff;border-color:rgba(180,126,255,.78);background:rgba(92,48,151,.3);--rarity-shadow-idle:0 0 14px rgba(180,126,255,0.24);--rarity-shadow-peak:0 0 24px rgba(180,126,255,0.42),0 0 38px rgba(180,126,255,0.24);box-shadow:var(--rarity-shadow-idle);text-shadow:0 0 7px rgba(205,165,255,.46)}.pack-result-rarity[data-rarity=LEGENDARY]{color:#ffe8a8;border-color:rgba(255,205,96,.88);background:linear-gradient(120deg,rgba(186,93,31,.32),rgba(216,152,39,.3));--rarity-shadow-idle:0 0 18px rgba(255,188,78,0.32);--rarity-shadow-peak:0 0 28px rgba(255,198,91,0.56),0 0 44px rgba(255,158,60,0.32);box-shadow:var(--rarity-shadow-idle);text-shadow:0 0 8px rgba(255,222,146,.54)}.pack-result-rarity[data-rarity=LEGENDARY],.pack-result-rarity[data-rarity=RARE],.pack-result-rarity[data-rarity=SUPER_RARE]{animation:rarityPulse 1.7s ease-in-out infinite}.pack-result-card{--card-height:clamp(250px,42vh,380px);width:100%;cursor:default;transform:translateY(16px) scale(.94);opacity:0;animation:packCardReveal .36s ease forwards}.pack-result-item:nth-child(2) .pack-result-card{animation-delay:.08s}.pack-result-item:nth-child(3) .pack-result-card{animation-delay:.16s}.pack-result-card:hover{--card-lift:0px;--card-scale:1;box-shadow:var(--card-shadow)}.pack-result-card .card-stats{font-size:1rem;gap:8px 14px}.pack-result-card .card-stats .stat-item{font-size:1.1rem}.pack-result-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.pack-result-name{font-size:.78rem;color:var(--text-1);letter-spacing:.03em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pack-result-badge{padding:3px 9px;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.08em;border:1px solid transparent}.pack-result-badge.is-new{color:#5de8ac;border-color:rgba(93,232,172,.5);background:rgba(25,63,49,.62)}.pack-result-badge.is-dup{color:#ffd38c;border-color:rgba(255,211,140,.5);background:rgba(73,50,18,.62)}.pack-results-actions{margin-top:10px;display:flex;justify-content:center;width:100%}@keyframes rarityPulse{0%,to{transform:scale(1);box-shadow:var(--rarity-shadow-idle,none);filter:brightness(1)}50%{transform:scale(var(--rarity-scale,1.05));box-shadow:var(--rarity-shadow-peak,var(--rarity-shadow-idle,none));filter:brightness(1.12)}}@keyframes packFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes packPulse{0%,to{opacity:.3}50%{opacity:.55}}@keyframes packOpenBurst{0%{transform:scale(1);opacity:1}70%{transform:scale(1.12);opacity:1}to{transform:scale(.82);opacity:0}}@keyframes packCardReveal{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slotReelSpin{0%{transform:translateY(0);filter:blur(.2px) saturate(1.05)}50%{transform:translateY(-2px);filter:blur(.7px) saturate(1.16)}to{transform:translateY(0);filter:blur(.2px) saturate(1.05)}}@media (prefers-reduced-motion:reduce){.pack-result-rarity[data-rarity=LEGENDARY],.pack-result-rarity[data-rarity=RARE],.pack-result-rarity[data-rarity=SUPER_RARE],.slot-reel.is-spinning .slot-reel-column{animation:none;filter:none}}@media (max-width:900px){.pack-opening-overlay{align-items:center;padding:12px 8px}.pack-opening-overlay.is-revealed-mode{align-items:flex-start}.pack-opening-shell{width:min(100%,620px);padding:12px;border-radius:18px;margin-block:auto}.pack-opening-overlay.is-revealed-mode .pack-opening-shell{margin-block:0}.pack-opening-stage{width:100%;min-height:0}.slot-machine{padding:10px;gap:10px;border-radius:18px}.slot-machine-marquee{min-height:48px;font-size:.8rem;letter-spacing:.12em}.slot-machine-cabinet{padding:8px;gap:8px}.slot-machine-board{width:auto;flex:1 1 auto;gap:6px;padding:8px}.slot-lever{width:48px;flex-basis:48px}.slot-lever-knob{width:20px;height:20px}.slot-machine-panel{padding:10px 10px 12px}.slot-panel-btn{min-height:44px;min-width:min(220px,100%);font-size:.68rem;letter-spacing:.08em}.slot-reel{aspect-ratio:.92/3}.slot-spin-btn{width:100%;min-width:0;font-size:.72rem}.pack-reveal-viewer-card{--card-height:min(calc(100vh - 210px),calc((100vw - 28px) / (65 / 88)),620px)}}.card-action-menu{position:fixed;z-index:2400;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:rgba(12,18,26,.96);border:1px solid rgba(124,152,169,.4);box-shadow:0 18px 30px rgba(0,0,0,.55);transform:translate3d(-50%,-12px,0);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;min-width:170px}.card-action-menu.is-active{opacity:1;pointer-events:auto;transform:translate3d(-50%,-20px,0)}.card-action-menu.is-bottom{transform:translate3d(-50%,12px,0)}.card-action-menu.is-bottom.is-active{transform:translate3d(-50%,20px,0)}.card-action-title{font-size:.6rem;text-transform:uppercase;letter-spacing:.24em;color:var(--text-2)}.card-action-buttons{display:flex;flex-direction:column;gap:8px}.card-action-menu .action-btn{padding:10px 14px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.activation-zone{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);padding:10px 16px;border-radius:999px;border:1px dashed rgba(124,152,169,.5);color:var(--muted);background:rgba(9,14,20,.6);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;transition:transform .25s ease,box-shadow .25s ease,border .25s ease}.activation-zone.is-active{border-color:rgba(85,194,177,.8);box-shadow:0 0 18px rgba(85,194,177,.5);transform:translate3d(-50%,-50%,0) scale(1.05)}.battle-banner{position:absolute;top:18%;left:50%;transform:translateX(-50%);padding:10px 22px;border-radius:999px;font-weight:700;letter-spacing:.2em;background:rgba(227,90,90,.9);color:#fff;opacity:0;pointer-events:none}.battle-banner.is-active{animation:bannerPop .6s ease forwards}.special-effect-overlay{position:fixed;inset:0;z-index:4050;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .24s ease}.special-effect-overlay.is-active{opacity:1}.special-effect-overlay.is-exit{opacity:0}.special-effect-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(94,210,151,.16),transparent 62%),rgba(2,6,10,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.special-effect-panel{position:relative;z-index:1;width:min(760px,92vw);padding:clamp(20px,4vw,36px);border-radius:24px;border:1px solid rgba(108,225,162,.62);background:linear-gradient(170deg,rgba(5,34,26,.96),rgba(4,14,22,.96)),rgba(6,16,24,.96);box-shadow:0 28px 64px rgba(0,0,0,.56),inset 0 1px 0 rgba(176,255,216,.22);text-align:center;transform:translateY(20px) scale(.95);opacity:0;transition:transform .3s var(--ease-snappy),opacity .3s ease}.special-effect-overlay.is-active .special-effect-panel{transform:translateY(0) scale(1);opacity:1}.special-effect-panel.is-opponent{border-color:rgba(234,129,129,.72);background:linear-gradient(170deg,rgba(45,18,20,.96),rgba(15,8,18,.96)),rgba(15,8,18,.96);box-shadow:0 28px 64px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,186,186,.24)}.special-effect-label{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#8de5be;margin-bottom:10px}.special-effect-panel.is-opponent .special-effect-label{color:#ffb1b1}.special-effect-title{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,3rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d6ffe8;text-shadow:0 0 18px rgba(109,233,180,.34),0 2px 0 rgba(0,0,0,.4)}.special-effect-panel.is-opponent .special-effect-title{color:#ffdede;text-shadow:0 0 18px rgba(255,146,146,.32),0 2px 0 rgba(0,0,0,.42)}.special-effect-desc{margin-top:12px;font-size:clamp(.95rem,2.2vw,1.2rem);line-height:1.5;color:#c8efe0}.special-effect-panel.is-opponent .special-effect-desc{color:#f1d5d5}.ai-preview{position:fixed;top:14%;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:16px;background:rgba(9,14,20,.85);border:1px solid rgba(85,194,177,.4);box-shadow:0 16px 28px rgba(0,0,0,.55);z-index:2200;animation:previewPop .6s ease forwards;pointer-events:none}.ai-preview-name{font-family:var(--font-display);font-weight:600;font-size:1.05rem}.ai-preview-type{font-size:.75rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.18em;margin-top:4px}.cancel-glyph{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);padding:10px 18px;border-radius:999px;font-weight:700;letter-spacing:.2em;background:rgba(124,152,169,.85);color:#fff;z-index:2400;animation:bannerPop .5s ease forwards;pointer-events:none}.arena-divider{height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(124,152,169,.6),transparent)}.sidebar{display:flex;flex-direction:column;gap:16px;justify-content:center;position:-webkit-sticky;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px)}.panel{padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.panel.preview{margin-top:0}.panel.actions{display:none;position:relative;overflow:hidden}.panel-header{margin-bottom:12px}.panel-title{font-size:1rem;font-weight:600}.panel-subtitle{font-size:.8rem;color:var(--text-2)}.preview-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:rgba(10,15,21,.7);border:1px solid rgba(124,152,169,.3);min-height:200px;cursor:pointer}.preview-name{font-family:var(--font-display);font-size:1rem}.preview-art{height:300px;border-radius:10px;background:radial-gradient(circle at 25% 20%,hsla(var(--art-hue,210),65%,70%,.35),transparent 60%),linear-gradient(135deg,hsla(calc(var(--art-hue, 210) + 30),50%,45%,.7),hsla(calc(var(--art-hue, 210) - 40),45%,25%,.9));border:1px dashed rgba(124,152,169,.4);background-size:var(--art-fit,cover);background-position:50%;background-repeat:no-repeat}.preview-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-2)}.preview-text{font-size:.85rem;color:var(--muted);line-height:1.4}.action-body{display:flex;flex-direction:column;gap:12px}.action-message{font-size:.85rem;color:var(--text-2)}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-choice[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.action-choice[disabled]:hover{transform:none;border-color:rgba(124,152,169,.45)}.log-list{list-style:none;padding:0;margin:0;gap:10px;max-height:280px;overflow:auto}.log-list,.panel.log{display:flex;flex-direction:column}.panel.log{gap:12px}.log-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.network-debug{width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(124,152,169,.32);background:rgba(6,11,17,.8);color:#9cc0d7;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.06em;line-height:1.35;text-align:center}.network-debug.is-hidden{display:none}.log-actions .action-btn{width:100%}.record-btn{border-color:rgba(255,89,102,.52);background:rgba(88,16,24,.48);color:#ffd8dc;font-size:.82rem;letter-spacing:.08em}.record-btn:hover{border-color:rgba(255,112,124,.78);box-shadow:0 10px 18px rgba(47,8,15,.45)}.record-btn.is-recording{background:rgba(146,22,36,.8);border-color:rgba(255,128,138,.86);color:#fff5f6;animation:recordPulse 1s ease-in-out infinite}.record-btn.is-saving{background:rgba(52,62,78,.72);border-color:rgba(142,161,183,.5);color:#c4d3e2;cursor:wait;animation:none}@keyframes recordPulse{0%,to{box-shadow:0 0 0 rgba(255,84,107,.35)}50%{box-shadow:0 0 18px rgba(255,84,107,.58)}}.resign-btn{background:rgba(180,40,40,.25);border-color:rgba(220,60,60,.5);color:#e05555;font-size:.85rem;padding:6px 12px;letter-spacing:.06em;transition:background .2s,border-color .2s,color .2s}.resign-btn:hover{background:rgba(200,50,50,.4);border-color:rgba(240,70,70,.7);color:#ff6b6b}.resign-btn.is-hidden,.turn-timer{display:none}.turn-timer{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.12em;color:var(--text-2);text-align:center}.turn-timer.is-active{display:block}.turn-timer.is-urgent{color:#ff6b6b;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.4}}.log-list li{padding:8px 10px;border-radius:10px;background:rgba(9,13,18,.7);border:1px solid rgba(124,152,169,.2);font-size:.85rem;color:var(--text-2)}.controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);display:none}.action-row,.phase-controls{display:flex;gap:10px;flex-wrap:wrap}.action-btn,.phase-btn{border:1px solid rgba(124,152,169,.45);background:rgba(9,14,20,.8);color:var(--text-1);font-size:.85rem;font-weight:600;letter-spacing:.03em;padding:10px 14px;border-radius:12px;cursor:pointer;transition:border .2s ease,transform .2s ease,box-shadow .2s ease}.action-btn.is-disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.action-btn.is-active-match{border-color:var(--accent);box-shadow:0 0 16px rgba(227,168,87,.3);animation:match-pulse 2s ease-in-out infinite}@keyframes match-pulse{0%,to{box-shadow:0 0 16px rgba(227,168,87,.3)}50%{box-shadow:0 0 24px rgba(227,168,87,.5)}}.action-row [data-action=toggle-fast],.action-row [data-action=toggle-log],.phase-btn[data-phase-btn=draw],.phase-controls,.status-item[data-status=phase]{display:none}.phase-btn.is-active{border-color:var(--accent);box-shadow:0 0 18px rgba(227,168,87,.25)}.action-btn:hover,.phase-btn:hover{border-color:var(--accent-2);transform:translateY(-1px);box-shadow:0 10px 18px rgba(10,14,19,.45)}.action-btn{border-color:rgba(227,168,87,.5)}.action-btn[data-action=end-turn]{transition:border .2s ease,transform .2s ease,box-shadow .2s ease,opacity .14s ease,filter .14s ease}.action-btn[data-action=end-turn].is-touch-feedback,.action-btn[data-action=end-turn]:active:not(:disabled){opacity:.6;transform:translateY(0) scale(.98);filter:saturate(.9)}.panel.log.is-hidden{display:none}.float-number{position:fixed;font-weight:700;font-size:1.1rem;transform:translate3d(-50%,-50%,0);animation:floatUp 1.2s ease forwards;pointer-events:none;z-index:3000}.float-number.damage{color:#f45b5b}.float-number.heal{color:#61d98b}.float-number.buff{color:#f7c46b}.vfx-canvas{pointer-events:none;z-index:1500}.modal,.vfx-canvas{position:fixed;inset:0}.modal{display:flex;align-items:center;justify-content:center;z-index:2500}.modal.is-hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(5,8,12,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:1;padding:22px;width:min(420px,90vw);border-radius:18px;background:rgba(14,20,28,.96);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.modal-card,.modal-close{border:1px solid rgba(124,152,169,.4)}.modal-close{align-self:flex-end;background:rgba(12,18,26,.8);color:var(--text-1);padding:6px 10px;border-radius:10px;cursor:pointer}.modal-name{font-family:var(--font-display);font-size:1.2rem}.modal-stats,.modal-text,.modal-type{color:var(--text-2);font-size:.9rem}.gravewake-modal{z-index:2400}.gravewake-modal .gravewake-modal-card{width:min(1120px,95vw);max-height:min(88vh,780px);padding:18px 20px 16px;border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(227,168,87,.14),transparent 52%),linear-gradient(165deg,rgba(17,24,35,.96),rgba(8,12,18,.97));border:1px solid rgba(124,152,169,.46);box-shadow:0 30px 68px rgba(2,5,9,.74),inset 0 1px 0 rgba(255,226,160,.18);display:flex;flex-direction:column;gap:10px}.gravewake-modal [data-gravewake-message]{font-size:.84rem;color:#b6c5d3;letter-spacing:.04em}.gravewake-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));justify-items:center;grid-gap:24px 20px;gap:24px 20px;overflow-y:auto;padding:8px 4px 10px}.gravewake-choice{display:flex;flex-direction:column;align-items:center;width:100%;max-width:216px;gap:6px;transition:transform .2s ease}.gravewake-choice:hover{transform:translateY(-1px)}.gravewake-choice-source{display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;border-radius:999px;padding:3px 9px;border:1px solid transparent}.gravewake-choice-source.is-player{color:#8be8ca;background:rgba(41,143,117,.2);border-color:rgba(89,220,183,.42)}.gravewake-choice-source.is-enemy{color:#f5d4a1;background:rgba(154,96,39,.24);border-color:rgba(235,173,98,.42)}.gravewake-choice-card{--card-height:clamp(162px,20vw,208px);cursor:pointer}.gravewake-choice.is-selected .gravewake-choice-card{--card-lift:-6px;--card-scale:1.04;border-color:rgba(247,196,107,.75);box-shadow:0 0 0 2px rgba(247,196,107,.24),var(--card-shadow)}.gravewake-choice-name{color:#dbe9f4;max-width:200px}.gravewake-choice-actions{display:none;width:100%;gap:8px}.gravewake-choice.is-selected .gravewake-choice-actions{display:flex}.gravewake-choice-actions .action-btn{flex:1 1;min-height:32px;padding:7px 10px;font-size:.72rem;letter-spacing:.07em}@media (max-width:900px){.gravewake-modal .gravewake-modal-card{width:min(96vw,820px);max-height:min(88vh,820px);padding:14px}}@media (max-width:620px){.gravewake-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:16px 12px}.gravewake-choice-card{--card-height:182px}}@media (max-width:480px){.gravewake-grid{grid-template-columns:1fr}.gravewake-choice{max-width:230px}}.card-viewer{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:3600;padding:16px;box-sizing:border-box}.card-viewer.is-hidden{display:none}.card-viewer-backdrop{position:absolute;inset:0;background:rgba(6,9,13,.82)}.card-viewer-stage{position:relative;z-index:1}.card-viewer-close,.card-viewer-stage{display:flex;align-items:center;justify-content:center}.card-viewer-close{position:absolute;top:-14px;right:-14px;border:1px solid rgba(124,152,169,.4);background:rgba(12,18,26,.9);color:var(--text-1);width:32px;height:32px;padding:0;border-radius:50%;cursor:pointer;font-size:.8rem;z-index:2}.card-viewer-card{--viewer-type-tint-frame:rgba(0,0,0,0);--viewer-type-tint-frame-alt:rgba(0,0,0,0);--viewer-type-tint-art:rgba(0,0,0,0);--viewer-type-tint-art-alt:rgba(0,0,0,0);--viewer-type-tint-footer:rgba(0,0,0,0);--viewer-type-ring:rgba(124,152,169,0.28);--card-height:min(calc(100vh - 25px),calc((100vw - 25px) / (63 / 88)),850px);cursor:default;transform:none;box-shadow:0 32px 60px rgba(0,0,0,.6);overflow:visible;border-color:var(--viewer-type-ring)}.card-viewer-card:hover{--card-lift:0px;--card-scale:1;box-shadow:0 32px 60px rgba(0,0,0,.6)}.card-viewer-card .card-frame{inset:5px;gap:0;padding:10px;border-radius:calc(var(--card-radius) - 8px);grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 84% 0,var(--viewer-type-tint-frame),transparent 46%),radial-gradient(circle at 14% 100%,var(--viewer-type-tint-frame-alt),transparent 54%),linear-gradient(170deg,rgba(30,38,48,.96),rgba(12,16,22,.96));border-color:var(--viewer-type-ring);box-shadow:inset 0 0 14px rgba(8,12,16,.6),0 0 0 1px rgba(7,12,18,.72)}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(6px,1.5vh,10px) clamp(10px,2vw,14px);background:linear-gradient(180deg,rgba(8,12,17,.78),rgba(8,12,17,.62)),radial-gradient(circle at 95% 10%,var(--viewer-type-tint-frame),transparent 58%);border:1px solid var(--viewer-type-ring);border-radius:10px 10px 0 0}.viewer-header .card-name{font-size:clamp(.9rem,2.5vw,1.4rem);font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.viewer-type-dot-row{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.viewer-type-dot-row[hidden]{display:none!important}.viewer-type-dot-bubble{position:relative;width:24px;height:24px;border-radius:50%;flex-shrink:0;overflow:hidden;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.58) 0,rgba(255,255,255,.08) 34%,transparent 44%),radial-gradient(circle at 78% 76%,rgba(0,0,0,.34) 0,rgba(0,0,0,.08) 44%,transparent 62%),var(--viewer-type-dot-fill,linear-gradient(160deg,#c5d2e0,#6f8095));border:1px solid rgba(236,244,255,.72);box-shadow:0 0 0 1px rgba(8,14,24,.82),inset 0 1px 2px rgba(255,255,255,.4),inset 0 -2px 6px rgba(0,0,0,.42),0 0 14px var(--viewer-type-dot-glow,rgba(154,168,184,.55))}.viewer-type-dot-row.is-dual .viewer-type-dot-bubble{width:22px;height:22px}.viewer-type-dot-bubble:before{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(255,255,255,.26);pointer-events:none}.viewer-type-dot-icon{position:absolute;left:50%;top:50%;width:13px;height:13px;transform:translate(-50%,-50%);color:rgba(12,17,26,.88);filter:drop-shadow(0 0 1px rgba(255,255,255,.15));pointer-events:none}.viewer-type-dot-icon path{fill:currentColor}.viewer-type-dot-icon[data-icon-type=NORMAL]{color:rgba(245,251,255,.98);filter:drop-shadow(0 0 1px rgba(255,255,255,.3)) drop-shadow(0 0 1px rgba(7,12,20,.55))}.viewer-type-dot-bubble:after{content:"";position:absolute;left:6px;top:4px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 5px rgba(255,255,255,.8);pointer-events:none}.card-rarity-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;border:1px solid transparent;font-size:clamp(.55rem,1.25vw,.68rem);line-height:1;letter-spacing:.08em;text-transform:uppercase;font-weight:800;white-space:nowrap;flex-shrink:0}.card-rarity-badge[hidden]{display:none}.card-viewer-card .card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-viewer-card .card-meta-row .card-type{min-width:0}.card-viewer-card .card-meta-row .card-rarity-badge{margin-left:auto}.card-viewer-card[data-rarity=BASIC] .card-rarity-badge{color:#b9c4d0;border-color:rgba(185,196,208,.55);background:rgba(146,162,176,.14)}.card-viewer-card[data-rarity=RARE] .card-rarity-badge{color:#9df8bf;border-color:rgba(86,222,139,.72);background:rgba(29,120,72,.25);box-shadow:0 0 12px rgba(86,222,139,.24)}.card-viewer-card[data-rarity=SUPER_RARE] .card-rarity-badge{color:#d9b8ff;border-color:rgba(180,126,255,.78);background:rgba(92,48,151,.3);box-shadow:0 0 14px rgba(180,126,255,.24)}.card-viewer-card[data-rarity=LEGENDARY] .card-rarity-badge{color:#ffe8a8;border-color:rgba(255,205,96,.88);background:linear-gradient(120deg,rgba(186,93,31,.32),rgba(216,152,39,.3));box-shadow:0 0 18px rgba(255,188,78,.32)}.card-viewer-card .card-art{position:relative}.card-viewer-card .card-art.has-art{background-size:cover;background-position:50%}.card-viewer-card .card-art.has-art:after{background:linear-gradient(145deg,var(--viewer-type-tint-art) 0,var(--viewer-type-tint-art-alt) 58%,transparent 86%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);opacity:.26}.card-viewer-card .card-footer{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;gap:clamp(2px,.5vh,4px);padding:clamp(4px,1vh,8px) 12px clamp(2px,.5vh,4px) 23px;width:100%;box-sizing:border-box;background:radial-gradient(circle at 12% 92%,var(--viewer-type-tint-footer),transparent 68%),linear-gradient(180deg,rgba(8,12,17,.82),rgba(6,9,14,.9));border-color:var(--viewer-type-ring)}.card-viewer-card .card-type{font-size:clamp(.78rem,1.9vw,1.02rem);padding-block:2px}.card-viewer-card .card-text{color:var(--text-2);font-size:clamp(.93rem,2.1vw,1.08rem);line-height:1.42;padding-block:3px}.card-viewer-card .card-stats{font-size:clamp(1.2rem,4vw,1.8rem);letter-spacing:.12em;font-weight:700;display:flex;justify-content:flex-start;align-items:center;justify-self:stretch;margin-top:2px;flex-wrap:nowrap;gap:clamp(10px,1.8vw,18px);padding:0}.card-viewer-card .viewer-stat-pair{display:inline-flex;align-items:baseline;gap:clamp(14px,2.4vw,28px);flex:0 1 auto;min-width:0}.card-viewer-card .card-stats .stat-atk{color:#f2704f}.card-viewer-card .card-stats .stat-def{color:#7dc4ff}.card-viewer-card .card-stats .stat-cost{color:#c4a5ff;margin-left:auto}.card-viewer-stats.is-muted{display:none}@media (max-width:480px){.card-viewer{padding:8px}.card-viewer-card{--card-height:min(calc(100vh - 32px),calc((100vw - 28px) / (65 / 88)),800px)}.card-viewer-close{top:-8px;right:-4px;width:28px;height:28px;font-size:.7rem}.card-viewer-card .card-frame{padding:2px}}.anim-pulse{animation:pulseGlow .6s ease}.anim-shake{animation:shake .4s ease}.anim-glow{box-shadow:0 0 18px var(--glow-color,rgba(227,168,87,.6));transition:box-shadow .3s ease}.anim-flip{animation:flip .6s ease}.phase-btn.is-next{animation:pulseBorder 1.4s ease infinite}.is-fast{--motion-scale:0.55}.is-locked .arena,.is-locked .controls,.is-locked .sidebar{pointer-events:none}.is-fast .anim-pulse{animation-duration:.3s}.is-fast .anim-shake{animation-duration:.25s}.is-fast .anim-flip,.is-fast .battle-banner.is-active{animation-duration:.35s}.is-fast .float-number{animation-duration:.7s}@keyframes pulseGlow{0%{box-shadow:0 0 0 rgba(85,194,177,.2)}50%{box-shadow:0 0 18px rgba(85,194,177,.6)}to{box-shadow:0 0 0 rgba(85,194,177,.2)}}@keyframes shake{0%,to{translate:0 0}25%{translate:-4px 0}50%{translate:4px 0}75%{translate:-2px 0}}@keyframes flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}@keyframes floatUp{0%{opacity:0;transform:translate3d(-50%,0,0)}20%{opacity:1}to{opacity:0;transform:translate3d(-50%,-40px,0)}}@keyframes bannerPop{0%{opacity:0;transform:translateX(-50%) scale(.8)}40%{opacity:1;transform:translateX(-50%) scale(1.05)}to{opacity:0;transform:translateX(-50%) scale(.9)}}@keyframes statBoost{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes previewPop{0%{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.95)}60%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.02)}to{opacity:0;transform:translateX(-50%) translateY(-4px) scale(.98)}}@keyframes slashArc{0%{opacity:0;transform:scaleX(.2)}40%{opacity:1}to{opacity:0;transform:scaleX(1)}}@keyframes pulseBorder{0%,to{box-shadow:0 0 0 rgba(227,168,87,.2);border-color:rgba(227,168,87,.4)}50%{box-shadow:0 0 12px rgba(227,168,87,.45);border-color:rgba(227,168,87,.7)}}@keyframes thinkingPulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:1100px){.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.panel{flex:1 1 280px}.deck-body{grid-template-columns:1fr}}@media (max-width:980px){.deck-builder{--deck-sticky-top:8px;--deck-preview-offset:0;padding:14px;gap:12px}.deck-sticky-bar{position:-webkit-sticky;position:sticky;top:var(--deck-sticky-top);z-index:35;padding:10px;gap:10px}.deck-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.deck-title{font-size:1.52rem;line-height:1.06}.deck-count{font-size:1.08rem;white-space:pre-line;text-align:right}.deck-header-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.deck-header-actions .action-btn{min-height:40px;padding:8px 6px;font-size:.76rem;letter-spacing:.06em}.deck-toolbar{gap:10px;align-items:stretch}.deck-search{width:100%;flex:1 1 100%}.deck-filters{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.deck-filters::-webkit-scrollbar{height:6px}.deck-filters::-webkit-scrollbar-thumb{background:rgba(124,152,169,.4);border-radius:999px}.deck-toast{width:100%;min-height:0;font-size:.78rem}.deck-mobile-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.deck-body{display:block}.deck-col{display:none;min-height:0;padding:10px;gap:8px}.deck-builder[data-mobile-view=deck] [data-deck-pane=deck],.deck-builder[data-mobile-view=library] [data-deck-pane=library],.deck-builder[data-mobile-view=preview] [data-deck-pane=preview]{display:flex}.card-list,.deck-list{max-height:min(52vh,440px)}.card-thumb-btn{width:46px;height:60px}.deck-col-preview{position:static;top:auto}}@media (max-width:800px){.panel.preview{display:none}:root{--card-hand-height:clamp(104px,30vw,148px);--card-zone-height:clamp(48px,12.5vw,84px)}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.status-strip{width:100%;justify-content:flex-start;flex-wrap:wrap}.player-bar{position:static;right:auto;top:auto;width:100%;align-items:stretch;gap:4px;z-index:1}.player-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));grid-gap:6px;gap:6px;width:100%}.stat{min-width:0;padding:5px 6px}.stat-label{font-size:.54rem}.stat-value{font-size:.84rem}.lp-bar,.stamina-bar{height:4px;margin-top:4px}.screen-duel,.screen-duel .arena,.screen-duel .field,.screen-duel .layout{min-width:0}.layout{gap:12px}.sidebar{position:static;top:auto;align-self:stretch;max-height:none;flex-direction:column;flex-wrap:nowrap}.field{padding:10px}.field,.zone-stack{gap:10px}.zone-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(4px,1.7vw,8px);gap:clamp(4px,1.7vw,8px);width:100%}.zone-slot{width:100%;height:auto;min-height:0;aspect-ratio:.9/1;border-width:1px}.zone-slot>.card.card-zone{--card-height:calc(100% - 4px);height:calc(100% - 4px)}.field .card.card-zone{padding:2px;--card-border:1px}.field .card.card-zone .card-frame{inset:2px;grid-template-rows:64% 36%;gap:1px;padding:2px;border-radius:calc(var(--card-radius) - 4px)}.field .card.card-zone .card-footer{padding:1px 2px;border-radius:7px}.field .card.card-zone .card-stats{font-size:.62rem;gap:1px 3px}.field .card.card-zone .card-stats .stat-item{font-size:.66rem;letter-spacing:.05em}.field .card.card-zone .card-stats .stat-special{grid-column:1/-1;justify-self:center;font-size:.44rem;letter-spacing:.05em;padding:1px 3px}.field .card.card-zone .card-stats .stat-atk:before,.field .card.card-zone .card-stats .stat-def:before{font-size:.58em;letter-spacing:.01em}.field-player{--card-hand-height:clamp(154px,42vw,228px)}.field-player .zone-stack{order:1}.field-player .hand-row{order:2}.field-player .player-bar{order:3;margin-top:2px}.field-player .hand-row .card-frame{grid-template-rows:68% 32%;gap:4px;padding:5px}.field-player .hand-row .card-footer{padding:4px 5px}.field-player .hand-row .card-art.has-art{background-size:102%}.hand-row{--hand-overlap:calc(var(--card-hand-height) * 0.05);display:flex;width:100%;max-width:100%;align-self:stretch;flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 0 8px;min-height:calc(var(--card-hand-height) + 12px);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.field-player .hand-row{min-height:calc(var(--card-hand-height) + 18px)}.field-player .hand-row .card-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px 7px}.field-player .hand-row .card-stats .stat-atk{justify-self:start}.field-player .hand-row .card-stats .stat-def{justify-self:end}.field-player .hand-row .card-stats .stat-item{font-size:.86rem;letter-spacing:.065em}.field-player .hand-row .card-stats .stat-special{font-size:.54rem;letter-spacing:.05em;padding:1px 5px}.field-player .hand-row .card-stats .stat-atk:before,.field-player .hand-row .card-stats .stat-def:before{font-size:.6em;letter-spacing:.02em}.hand-row::-webkit-scrollbar{height:4px}.hand-row::-webkit-scrollbar-thumb{background:rgba(124,152,169,.45);border-radius:999px}.hand-row .card{flex:0 0 auto;--hand-rotate:0deg!important;--hand-offset:0px!important}.hand-row .card.is-selected{--card-lift:-7px;--card-scale:1.015;outline-offset:2px}}@media (max-width:600px){:root{--card-hand-height:clamp(88px,26vw,112px);--card-zone-height:clamp(40px,11.5vw,62px)}.field{padding:8px;gap:8px}.zone-row{gap:4px}.zone-slot>.card.card-zone{--card-height:calc(100% - 8px);height:calc(100% - 8px)}.zone-slot{aspect-ratio:.86/1}.field .card.card-zone .card-frame{grid-template-rows:66% 34%}.field .card.card-zone .card-stats{gap:1px 2px}.field .card.card-zone .card-stats .stat-item{font-size:.62rem;letter-spacing:.045em}.field .card.card-zone .card-stats .stat-atk:before,.field .card.card-zone .card-stats .stat-def:before{font-size:.55em}.field-player{--card-hand-height:clamp(140px,43vw,202px)}.hand-row{gap:6px;min-height:calc(var(--card-hand-height) + 8px)}.field-player .hand-row{min-height:calc(var(--card-hand-height) + 16px)}.field-player .hand-row .card-frame{grid-template-rows:68% 32%;gap:3px;padding:4px}.field-player .hand-row .card-footer{padding:4px 5px}.field-player .hand-row .card-stats{gap:2px 6px}.field-player .hand-row .card-stats .stat-item{font-size:.78rem;letter-spacing:.055em}.field-player .hand-row .card-stats .stat-special{font-size:.5rem;letter-spacing:.045em;padding:1px 4px}.field-player .hand-row .card-stats .stat-atk:before,.field-player .hand-row .card-stats .stat-def:before{font-size:.56em;letter-spacing:.01em}.hand-row .card.is-selected{--card-lift:-5px;--card-scale:1.01}.controls{flex-direction:column;align-items:stretch}.action-row,.phase-controls{width:100%;justify-content:space-between}}.ai-select-modal{z-index:3800}.ai-select-modal .ai-select-card{width:min(840px,92vw);gap:14px}.ai-select-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.ai-select-option{border:1px solid rgba(124,152,169,.45);border-radius:14px;background:rgba(9,14,20,.82);color:var(--text-1);text-align:left;padding:12px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border .2s ease,transform .2s ease,box-shadow .2s ease}.ai-select-option:focus-visible,.ai-select-option:hover{border-color:var(--accent-2);transform:translateY(-1px);box-shadow:0 10px 18px rgba(10,14,19,.45);outline:none}.ai-select-option-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-select-option-name{font-weight:700;font-size:.95rem}.ai-select-option-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#f7c46b;border:1px solid rgba(227,168,87,.5);border-radius:999px;padding:2px 8px}.ai-select-option-description{font-size:.82rem;color:var(--text-2);line-height:1.4}.ai-select-option-power{margin-top:auto;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#9bc7ff}@media (max-width:860px){.ai-select-options{grid-template-columns:1fr}}.action-btn.is-loading{position:relative;color:transparent!important;pointer-events:none}.action-btn.is-loading:after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid rgba(124,152,169,.3);border-top:2px solid var(--accent);border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.lobby-modal{z-index:3800}.lobby-modal .lobby-card{width:min(480px,92vw);gap:16px}.lobby-actions{display:flex;gap:10px}.lobby-rooms{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:2px}.lobby-room-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid rgba(124,152,169,.25);border-radius:12px;background:rgba(10,14,20,.6);transition:border-color .2s ease}.lobby-room-row:hover{border-color:rgba(227,168,87,.4)}.lobby-room-name{font-weight:600;font-size:.95rem;color:var(--text-1)}.lobby-room-row.is-own{border-color:rgba(227,168,87,.4);background:rgba(227,168,87,.08)}.lobby-own-badge{flex:1 1;text-align:center;font-size:.78rem;font-weight:600;color:var(--accent);letter-spacing:.04em;animation:lobby-pulse 1.5s ease-in-out infinite}.lobby-cancel-own-btn{padding:5px 14px;font-size:.78rem;border-color:rgba(225,90,90,.5)!important;color:var(--danger)}.lobby-cancel-own-btn:hover{border-color:var(--danger)!important;background:rgba(225,90,90,.12)}.lobby-join-btn{padding:6px 18px;font-size:.82rem}.lobby-empty{text-align:center;color:var(--muted);padding:36px 0;font-size:.9rem}@keyframes lobby-pulse{0%,to{opacity:1}50%{opacity:.5}}.active-room-modal{z-index:3900}.active-room-modal .active-room-card{width:min(400px,90vw);gap:16px;text-align:center}.active-room-info{display:flex;flex-direction:column;gap:14px;padding:18px 16px;border-radius:12px;background:rgba(10,14,20,.6);border:1px solid rgba(124,152,169,.25)}.active-room-status{font-size:.85rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.active-room-players{display:flex;align-items:center;justify-content:center;gap:12px}.active-room-player{font-size:1rem;font-weight:600;color:var(--text-1)}.active-room-vs{font-size:.8rem;color:var(--muted);font-weight:500}.active-room-actions{display:flex;flex-direction:column;gap:8px}.settings-modal{z-index:3800}.settings-modal .settings-card{width:min(380px,90vw);gap:14px}.settings-options{display:flex;flex-direction:column;gap:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:rgba(9,14,20,.7);border:1px solid rgba(124,152,169,.25)}.settings-label{font-size:.9rem;font-weight:600;color:var(--text-1)}.settings-toggle{min-width:56px;padding:6px 14px;border-radius:10px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:1px solid rgba(124,152,169,.45);transition:background .2s ease,border-color .2s ease,color .2s ease}.settings-toggle.is-on{background:rgba(74,222,128,.2);border-color:rgba(74,222,128,.6);color:#4ade80}.settings-toggle.is-off{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);color:#ef4444}.settings-stepper{display:flex;align-items:center;gap:6px}.settings-stepper-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(124,152,169,.45);background:rgba(9,14,20,.6);color:var(--text-1);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.settings-stepper-btn:hover{background:rgba(124,152,169,.2);border-color:rgba(124,152,169,.6)}.settings-stepper-value{min-width:28px;text-align:center;font-size:.95rem;font-weight:700;color:var(--accent,#f0c040)}.screen-collection.is-active{position:fixed;inset:0;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:24px 0;background:inherit;z-index:10}.collection-page{width:min(1200px,94vw);display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 24px 24px}.collection-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"back title counter" "sort sort sort";align-items:center;grid-gap:16px;gap:16px;flex-shrink:0;width:100%}.collection-header [data-collection-back]{grid-area:back}.collection-title{grid-area:title;flex:1 1;text-align:center;font-size:1.3rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-1,#e4eaf1)}.collection-counter{grid-area:counter;display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;font-weight:600;font-size:.85rem;padding:7px 14px 8px;border-radius:999px;background:rgba(9,14,20,.6);border:1px solid rgba(124,152,169,.35);color:var(--accent,#f0c040);white-space:nowrap}.collection-counter-main{font-size:.88rem;font-weight:700;letter-spacing:.06em;color:#f5d9a0}.collection-counter-sub{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#95b8cd}.collection-filters.sort-filters{grid-area:sort;justify-content:flex-end;width:100%;gap:10px}.collection-filters{display:flex;gap:8px;justify-content:center;flex-shrink:0;width:100%;flex-wrap:wrap}.collection-filters.type-filters{gap:6px}.collection-filters.type-filters.is-hidden{display:none}.collection-grid{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;grid-gap:28px 24px;gap:28px 24px;padding:12px 8px}.collection-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.collection-card{--card-height:clamp(150px,18vw,200px);--collection-type-tint-frame:rgba(0,0,0,0);--collection-type-tint-frame-alt:rgba(0,0,0,0);--collection-type-tint-art:rgba(0,0,0,0);--collection-type-tint-art-alt:rgba(0,0,0,0);--collection-type-tint-footer:rgba(0,0,0,0);--collection-type-ring:rgba(124,152,169,0.38);cursor:pointer;transform:none;border-color:var(--collection-type-ring)}.collection-card:hover{--card-lift:-6px;--card-scale:1.04}.collection-card .card-frame{background:radial-gradient(circle at 84% 0,var(--collection-type-tint-frame),transparent 46%),radial-gradient(circle at 14% 100%,var(--collection-type-tint-frame-alt),transparent 54%),linear-gradient(170deg,rgba(30,38,48,.96),rgba(12,16,22,.96));border-color:var(--collection-type-ring)}.collection-card .card-art.has-art:after{background:linear-gradient(145deg,var(--collection-type-tint-art) 0,var(--collection-type-tint-art-alt) 58%,transparent 86%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);opacity:.22}.collection-card .card-footer{padding:5px 6px;background:radial-gradient(circle at 12% 92%,var(--collection-type-tint-footer),transparent 68%),linear-gradient(180deg,rgba(8,12,17,.82),rgba(6,9,14,.9));border-color:var(--collection-type-ring)}.collection-card .card-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2px 6px;gap:2px 6px;align-items:center;justify-items:center}.collection-card .card-stats .stat-item{white-space:nowrap;font-size:1rem;letter-spacing:.08em}.collection-card .card-stats .stat-atk,.collection-card .card-stats .stat-def{grid-column:1/-1}.collection-card[data-card-type=SPELL] .card-stats{grid-template-columns:1fr}.collection-card[data-card-type=SPELL] .card-stats .stat-cost{grid-column:1/-1}.collection-card-wrapper.is-locked .collection-card{cursor:default;opacity:.5;filter:grayscale(.4) brightness(.7)}.collection-card-wrapper.is-locked .collection-card:hover{--card-lift:0px;--card-scale:1}.collection-card-label{font-size:.7rem;text-align:center;color:var(--text-2,#8fa4b3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3}.collection-card-wrapper.is-locked .collection-card-label{color:var(--muted,#4a5568);font-style:italic}.collection-card-wrapper.is-discovered .collection-card{cursor:pointer;opacity:.86;filter:grayscale(.55) brightness(.62) saturate(.55);border-color:rgba(117,138,154,.45)}.collection-card-wrapper.is-discovered .card-art.has-art:after{opacity:.46}.collection-card-wrapper.is-discovered .collection-card-label{color:#9ab1bf}@media (max-width:600px){.screen-collection.is-active{display:block;padding:max(8px,env(safe-area-inset-top)) 0 22px;overflow-y:auto}.collection-page{width:100%;padding:0 12px 20px;gap:12px;align-items:stretch}.collection-header{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"back title" "counter counter" "sort sort";align-items:center;gap:10px 12px;padding:10px 10px 12px;border-radius:14px;border:1px solid rgba(95,125,146,.42);background:linear-gradient(165deg,rgba(22,34,48,.95),rgba(7,14,24,.98)),rgba(7,14,24,.98);box-shadow:inset 0 1px 0 rgba(182,220,255,.12),0 12px 30px rgba(0,0,0,.35)}.collection-header [data-collection-back]{grid-area:back;justify-self:start;min-width:76px;padding:10px 12px}.collection-title{grid-area:title;text-align:left;letter-spacing:.11em;line-height:1.15}.collection-counter{grid-area:counter;justify-self:stretch;width:100%;border-radius:12px;align-items:flex-start;padding:8px 10px;border-color:rgba(106,149,177,.45);background:linear-gradient(160deg,rgba(12,21,34,.95),rgba(5,11,20,.98)),rgba(5,11,20,.98)}.collection-counter-main{font-size:.95rem;letter-spacing:.08em}.collection-counter-sub{letter-spacing:.12em}.collection-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding:2px 2px 4px;scroll-snap-type:x proximity}.collection-filters::-webkit-scrollbar{display:none}.collection-filters .filter-btn{flex:0 0 auto;min-height:36px;padding:8px 14px;border-radius:999px;font-size:.82rem;letter-spacing:.04em;scroll-snap-align:start}.collection-filters.type-filters{gap:8px;margin-top:-2px;padding-bottom:2px}.collection-filters.sort-filters{justify-content:flex-start;overflow:visible;flex-wrap:nowrap;gap:8px;padding:0;scroll-snap-type:none}.collection-filters.sort-filters .filter-btn{min-height:34px;padding:7px 12px;font-size:.78rem;letter-spacing:.05em}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding:4px 0 2px;justify-items:stretch}.collection-card-wrapper{width:100%;gap:8px;padding:8px 6px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(11,20,32,.86),rgba(5,10,18,.94)),rgba(5,10,18,.94);border:1px solid rgba(89,126,149,.28);box-shadow:inset 0 1px 0 rgba(173,211,242,.08),0 8px 18px rgba(0,0,0,.26)}.collection-card-wrapper.is-locked{border-color:rgba(90,100,112,.34);background:linear-gradient(180deg,rgba(10,14,20,.86),rgba(6,8,14,.94)),rgba(6,8,14,.94)}.collection-card-wrapper.is-discovered{border-color:rgba(92,114,131,.42);background:linear-gradient(180deg,rgba(10,17,25,.86),rgba(6,11,18,.94)),rgba(6,11,18,.94)}.collection-card{--card-height:clamp(176px,44vw,210px);width:min(100%,132px);margin-inline:auto}.collection-card .card-stats .stat-item{font-size:.72rem}.collection-card-label{width:100%;max-width:none;min-height:2.6em;padding:0 2px;font-size:.79rem;line-height:1.3;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.collection-title{font-size:1.03rem}}@media (max-width:420px){.collection-page{padding:0 10px 18px}.collection-header{gap:9px 10px;padding:9px 9px 11px}.collection-header [data-collection-back]{min-width:70px;padding:9px 10px;font-size:.82rem}.collection-grid{gap:12px 8px}.collection-card{--card-height:clamp(170px,46vw,196px)}.collection-card-label{font-size:.75rem}}.shop-modal{position:fixed;inset:0;z-index:3500;display:flex;align-items:center;justify-content:center}.shop-modal.is-hidden{display:none}.shop-page{position:relative;z-index:1;width:92vw;max-width:900px;max-height:90vh;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 12px;border-bottom:1px solid var(--border)}.shop-title{font-size:1.5rem;letter-spacing:.1em;color:var(--text)}.shop-gold-display,.shop-title{font-family:var(--font-display);font-weight:700}.shop-gold-display{font-size:1.1rem;letter-spacing:.08em;color:#ffd700;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);padding:4px 16px;border-radius:8px}.shop-filters{display:flex;gap:8px;padding:12px 24px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:16px;gap:16px;padding:12px 24px;overflow-y:auto;flex:1 1;min-height:0}.shop-empty{grid-column:1/-1;text-align:center;color:var(--text-2);padding:40px 0;font-size:1rem}.shop-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.shop-card{--card-height:clamp(140px,22vw,180px);cursor:default;transition:transform .15s ease,box-shadow .15s ease}.shop-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.shop-card-wrapper.is-owned .shop-card{opacity:.5;filter:grayscale(.3)}.shop-card-label{font-size:.75rem;font-weight:600;color:var(--text);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-card-action{display:flex;justify-content:center;min-height:30px}.shop-buy-btn{display:flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.06em;padding:4px 14px;border-radius:6px;border:1px solid rgba(255,215,0,.5);background:rgba(255,215,0,.12);color:#ffd700;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.shop-buy-btn:hover:not(:disabled){background:rgba(255,215,0,.25);border-color:rgba(255,215,0,.7);transform:scale(1.05)}.shop-buy-btn.is-disabled,.shop-buy-btn:disabled{opacity:.4;cursor:not-allowed}.shop-buy-btn.is-loading{pointer-events:none;color:transparent}.shop-buy-btn.is-loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(255,215,0,.3);border-top-color:#ffd700;border-radius:50%;animation:spin .6s linear infinite}.shop-price-icon{font-weight:900;font-size:.85em;color:#ffc800}.shop-owned-badge{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#6ecf6e;background:rgba(110,207,110,.12);border:1px solid rgba(110,207,110,.3);padding:3px 12px;border-radius:6px}.shop-actions{display:flex;justify-content:center;padding:12px 24px 18px;border-top:1px solid var(--border)}.gold-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:6000;font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.12em;padding:10px 32px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.gold-toast.is-positive{color:#4cdf4c;background:rgba(40,120,40,.85);border:1px solid rgba(76,223,76,.4);text-shadow:0 1px 6px rgba(76,223,76,.4)}.gold-toast.is-negative{color:#ff6b6b;background:rgba(120,40,40,.85);border:1px solid rgba(255,107,107,.4);text-shadow:0 1px 6px rgba(255,107,107,.4)}.gold-toast.is-active{opacity:1;transform:translateX(-50%) translateY(0)}.gold-toast.is-exit{opacity:0;transform:translateX(-50%) translateY(-20px)}@media (max-width:600px){.shop-page{width:96vw;max-height:94vh;border-radius:10px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;padding:10px 14px}.shop-card{--card-height:clamp(110px,28vw,160px)}.shop-header{padding:12px 14px 10px}.shop-filters{padding:8px 14px}}.screen-campaign.is-active{display:flex;align-items:center;justify-content:center;padding:28px 0;background:radial-gradient(circle at 16% 20%,rgba(126,94,73,.24),transparent 42%),radial-gradient(circle at 86% 16%,rgba(105,121,159,.22),transparent 44%),linear-gradient(165deg,#0d141d,#121f2a)}.campaign-shell{width:min(980px,94vw);padding:18px 20px 20px;border-radius:14px;border:1px solid rgba(145,164,188,.45);background:linear-gradient(170deg,rgba(17,29,42,.95),rgba(8,14,22,.96)),rgba(10,18,26,.95);box-shadow:0 22px 48px rgba(2,4,7,.56),inset 0 1px 0 rgba(217,230,255,.14);display:flex;flex-direction:column;gap:10px}.campaign-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.campaign-title{font-family:var(--font-display);letter-spacing:.14em;font-size:clamp(1.1rem,1.9vw,1.6rem);text-transform:uppercase;color:#e9edf5}.campaign-status{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#b0c4dd;text-align:right}.campaign-detail{min-height:34px;padding:8px 10px;border-radius:8px;border:1px solid rgba(97,124,158,.42);background:rgba(8,13,20,.7);font-size:.8rem;color:#d5dfef}.campaign-grid{display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));grid-gap:10px;gap:10px}.campaign-slot{--campaign-theme-a:#42526a;--campaign-theme-b:#76839a;--campaign-theme-c:rgba(255,255,255,0.2);--campaign-theme-glow:rgba(113,151,206,0.34);--campaign-portrait-position:50% 34%;--campaign-portrait-zoom:1.14;position:relative;border:1px solid rgba(124,152,169,.46);border-radius:8px;background:linear-gradient(180deg,rgba(14,22,32,.96),rgba(8,13,20,.96)),rgba(11,17,25,.96);color:var(--text-1);text-align:left;aspect-ratio:1/1;min-height:0;padding:6px;display:block;overflow:hidden;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.campaign-slot:focus-visible,.campaign-slot:hover{border-color:rgba(181,209,255,.9);transform:translateY(-1px);box-shadow:0 8px 14px rgba(1,5,10,.45);outline:none}.campaign-slot.is-locked{border-color:rgba(107,115,128,.42);color:#9aa3b0}.campaign-slot.is-future{opacity:.82}.campaign-slot.is-unlocked{color:#ecf2fb}.campaign-slot.is-selected{border-color:rgba(247,196,107,.95);box-shadow:0 0 0 1px rgba(247,196,107,.65),0 10px 18px rgba(2,4,8,.54)}.campaign-slot[data-opponent-theme=ai_scout]{--campaign-theme-a:#7a3227;--campaign-theme-b:#d49744;--campaign-theme-c:rgba(255,223,161,0.28);--campaign-theme-glow:rgba(208,143,82,0.4);--campaign-portrait-position:52% 28%;--campaign-portrait-zoom:1.2}.campaign-slot[data-opponent-theme=ai_commander]{--campaign-theme-a:#3f5572;--campaign-theme-b:#8fa2bc;--campaign-theme-c:rgba(204,220,245,0.23);--campaign-theme-glow:rgba(131,166,214,0.36)}.campaign-slot[data-opponent-theme=ai_vanguard]{--campaign-theme-a:#1f4f5e;--campaign-theme-b:#45b8cc;--campaign-theme-c:rgba(173,243,255,0.28);--campaign-theme-glow:rgba(96,203,224,0.38)}.campaign-slot[data-opponent-theme=ai_archon]{--campaign-theme-a:#4f3f8d;--campaign-theme-b:#c88fe0;--campaign-theme-c:rgba(240,219,255,0.28);--campaign-theme-glow:rgba(190,139,224,0.4)}.campaign-slot[data-opponent-theme=ai_overlord]{--campaign-theme-a:#3f214f;--campaign-theme-b:#b04b7a;--campaign-theme-c:rgba(255,187,221,0.28);--campaign-theme-glow:rgba(196,91,145,0.4)}.campaign-slot[data-opponent-theme=ai_mire_moth]{--campaign-theme-a:#32443f;--campaign-theme-b:#8f9c67;--campaign-theme-c:rgba(255,221,170,0.22);--campaign-theme-glow:rgba(198,173,107,0.34);--campaign-portrait-position:48% 32%;--campaign-portrait-zoom:1.16}.campaign-slot[data-opponent-theme=ai_cobalt_kraken]{--campaign-theme-a:#3f3427;--campaign-theme-b:#b69a63;--campaign-theme-c:rgba(255,214,145,0.24);--campaign-theme-glow:rgba(215,167,88,0.34);--campaign-portrait-position:50% 26%;--campaign-portrait-zoom:1.14}.campaign-slot[data-opponent-theme=ai_gloom_stag]{--campaign-theme-a:#41261f;--campaign-theme-b:#d19159;--campaign-theme-c:rgba(255,210,150,0.26);--campaign-theme-glow:rgba(220,144,77,0.34);--campaign-portrait-position:50% 28%;--campaign-portrait-zoom:1.15}.campaign-slot[data-opponent-theme=ai_prism_manticore]{--campaign-theme-a:#211b31;--campaign-theme-b:#8e466d;--campaign-theme-c:rgba(255,126,164,0.24);--campaign-theme-glow:rgba(217,82,120,0.34);--campaign-portrait-position:50% 29%;--campaign-portrait-zoom:1.16}.campaign-slot-index{position:absolute;top:8px;left:8px;z-index:4;font-size:.58rem;letter-spacing:.1em;color:#95a3b6;background:rgba(8,13,22,.56);border:1px solid rgba(185,206,235,.2);border-radius:4px;padding:1px 5px}.campaign-slot-portrait{position:relative;overflow:hidden;border-radius:5px;border:1px solid rgba(172,191,223,.44);width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0;font-family:var(--font-display);font-size:1rem;letter-spacing:.05em;color:#f2f7ff;background:radial-gradient(circle at 76% 24%,var(--campaign-theme-c),transparent 54%),linear-gradient(145deg,var(--campaign-theme-a),var(--campaign-theme-b));box-shadow:inset 0 0 0 1px rgba(221,236,255,.1),inset 0 -18px 22px rgba(9,14,24,.3)}.campaign-slot-portrait-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--campaign-portrait-position);filter:drop-shadow(0 6px 8px rgba(7,12,22,.4));transform:scale(var(--campaign-portrait-zoom));z-index:0;pointer-events:none}.campaign-slot.is-unlocked .campaign-slot-portrait:before{content:"";position:absolute;left:-18%;bottom:-42%;width:68%;height:112%;background:radial-gradient(circle at center,rgba(250,253,255,.22),transparent 68%);transform:rotate(-19deg);z-index:1;pointer-events:none}.campaign-slot.is-unlocked .campaign-slot-portrait:after{content:"";position:absolute;right:-8%;top:-22%;width:48%;height:160%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));transform:rotate(14deg);z-index:1;pointer-events:none}.campaign-slot.is-locked .campaign-slot-portrait{background:linear-gradient(145deg,#303947,#555e6f);color:#c8d1dc;justify-content:center;align-items:center;font-size:1.24rem;letter-spacing:.08em}.campaign-slot-info{position:absolute;left:10px;right:10px;bottom:8px;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding:6px 7px;border-radius:6px;background:linear-gradient(180deg,rgba(6,12,20,.2),rgba(6,12,20,.78));border:1px solid rgba(140,170,208,.2);box-shadow:inset 0 1px 0 rgba(203,223,255,.08)}.campaign-slot-power{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#f7c46b;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.5);white-space:nowrap}.campaign-actions{display:flex;justify-content:flex-end;gap:10px}.campaign-actions .action-btn[disabled]{opacity:.45;cursor:not-allowed}.campaign-slot.is-locked-pulse{animation:campaignLockedPulse .34s ease}@keyframes campaignLockedPulse{0%{transform:translateX(0);border-color:rgba(107,115,128,.42)}20%{transform:translateX(-3px);border-color:rgba(236,123,123,.85)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}to{transform:translateX(0)}}.loot-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:3500;opacity:0;pointer-events:none;transition:opacity .22s ease}.loot-modal.is-active{opacity:1;pointer-events:auto}.loot-modal.is-exit{opacity:0;pointer-events:none}.loot-modal-backdrop{position:absolute;inset:0;background:rgba(5,8,12,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loot-modal-content{position:relative;z-index:1;width:min(1200px,96vw);max-height:90vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;border-radius:18px;background:rgba(14,20,28,.96);border:1px solid rgba(124,152,169,.4);box-shadow:0 8px 32px rgba(0,0,0,.6);padding:24px}.loot-modal-content::-webkit-scrollbar{display:none}.loot-modal-header{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:16px;gap:16px;width:100%;margin-bottom:18px}.loot-modal-title{font-size:1.3rem;font-weight:700;color:rgba(220,230,240,.92);text-align:center;letter-spacing:.06em}.loot-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:32px 28px;gap:32px 28px;justify-items:center;padding:12px 0}@media (max-width:980px){.loot-modal-grid{grid-template-columns:repeat(5,1fr);gap:18px 12px}}@media (max-width:600px){.loot-modal{align-items:stretch}.loot-modal-content{width:100%;max-height:100vh;padding:16px 12px;border-radius:0;border:none}.loot-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;justify-items:stretch}.loot-modal-grid .collection-card-wrapper{width:100%;gap:8px;padding:8px 6px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(11,20,32,.86),rgba(5,10,18,.94)),rgba(5,10,18,.94);border:1px solid rgba(89,126,149,.28);box-shadow:inset 0 1px 0 rgba(173,211,242,.08),0 8px 18px rgba(0,0,0,.26)}.loot-modal-grid .collection-card{--card-height:clamp(176px,44vw,210px);width:min(100%,132px);margin-inline:auto}.loot-modal-grid .collection-card .card-stats .stat-item{font-size:.72rem}.loot-modal-grid .collection-card-label{width:100%;max-width:none;min-height:2.6em;padding:0 2px;font-size:.79rem;line-height:1.3;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media (max-width:980px){.screen-campaign.is-active{padding:14px 0}.campaign-shell{width:96vw;padding:14px}.campaign-header{flex-direction:column;align-items:flex-start}.campaign-status{text-align:left}}@media (max-width:760px){.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-slot-power{font-size:.58rem}}.screen-transition-overlay{position:fixed;inset:0;z-index:9000;opacity:0;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.06),rgba(3,6,10,.96)),rgba(3,6,10,.98);transition:opacity 1.1s cubic-bezier(.2,.8,.2,1)}.screen-transition-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;transform:translateY(14px);transition:opacity .26s ease,transform .26s ease}.screen-transition-overlay.is-loading .screen-transition-loading{opacity:1;transform:translateY(0)}.screen-transition-spinner{width:92px;height:92px;border-radius:999px;border-color:rgba(247,196,107,.95) rgba(124,194,235,.72) rgba(255,255,255,.16) rgba(255,255,255,.16);border-style:solid;border-width:4px;box-shadow:0 0 28px rgba(247,196,107,.16),inset 0 0 22px rgba(255,255,255,.04);animation:screenTransitionSpin 1s linear infinite}.screen-transition-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:.22em;text-transform:uppercase;color:#f4efe7;text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 24px rgba(247,196,107,.18)}.screen-transition-subtitle{max-width:min(82vw,420px);text-align:center;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(214,225,238,.82)}.screen-transition-overlay.is-active{opacity:1}.screen-transition-overlay.is-fade-in{opacity:0;transition-duration:1.9s}.screen-duel.is-battle-reveal{opacity:0;filter:blur(10px) saturate(.88);transform:scale(1.012)}.screen-duel.is-battle-reveal.is-battle-reveal-active{opacity:1;filter:blur(0) saturate(1);transform:scale(1);transition:opacity 1.75s cubic-bezier(.2,.8,.2,1),filter 1.75s cubic-bezier(.2,.8,.2,1),transform 1.75s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){.screen-transition-loading,.screen-transition-overlay{transition:none}.screen-transition-spinner{animation:none}.screen-duel.is-battle-reveal,.screen-duel.is-battle-reveal.is-battle-reveal-active{opacity:1;filter:none;transform:none;transition:none}}@keyframes screenTransitionSpin{to{transform:rotate(1turn)}}.is-stamina-paused .stat-cost,.is-stamina-paused [data-card-viewer-cost],.stat-cost{display:none!important}