@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-void: #05050f;--bg-sanctum: #0a0a1e;--bg-panel: #12122a;--bg-panel-hi: #1a1a36;--rift: #6644cc;--rift-soft: #a78bfa;--rift-glow: rgba(102, 68, 204, .35);--arcane: #88ccff;--arcane-soft: #b3ddff;--divine: #ffd700;--divine-soft: #fff176;--divine-glow: rgba(255, 215, 0, .45);--corruption: #ff4466;--text-main: #e8e8f8;--text-muted: #7a7a9a;--text-mystic: #b39ddb;--font-display: "Cinzel", "Playfair Display", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--z-base: 1;--z-overlay: 10;--z-modal: 100;--z-toast: 200}html,body,#root{margin:0;padding:0;width:100%;height:100dvh;min-height:100vh;background:var(--bg-void);overflow:hidden;font-family:var(--font-body);color:var(--text-main);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}.orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,#06050e,#0a0814);color:gold;font-family:Cinzel,serif;text-align:center;padding:40px}.orientation-gate-icon{font-size:80px;animation:rotateHint 1.6s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(255,215,0,.4))}@keyframes rotateHint{0%{transform:rotate(0)}60%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.orientation-gate-title{font-size:26px;font-weight:900;letter-spacing:6px;text-shadow:0 0 24px rgba(255,215,0,.5)}.orientation-gate-sub{font-size:13px;letter-spacing:3px;color:#b39ddb;font-style:italic}.fs-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#281950f2,#080612fa 70%),linear-gradient(180deg,#06050e,#0a0814);cursor:pointer;animation:fsGateFadeIn .4s ease-out}@keyframes fsGateFadeIn{0%{opacity:0}to{opacity:1}}.fs-gate-frame{display:flex;flex-direction:column;align-items:center;gap:18px;padding:50px 80px;border:1px solid rgba(255,215,0,.35);border-radius:6px;background:#0006;box-shadow:0 0 60px #ffd70026,inset 0 0 40px #a78bfa14;animation:fsGatePulse 2.4s ease-in-out infinite;transition:transform .15s,box-shadow .15s}.fs-gate:hover .fs-gate-frame{transform:scale(1.02);box-shadow:0 0 80px #ffd7004d,inset 0 0 50px #a78bfa26}@keyframes fsGatePulse{0%,to{box-shadow:0 0 60px #ffd70026,inset 0 0 40px #a78bfa14}50%{box-shadow:0 0 90px #ffd70047,inset 0 0 50px #a78bfa2e}}.fs-gate-title{font-family:Cinzel,serif;font-size:44px;font-weight:900;color:gold;letter-spacing:12px;text-shadow:0 0 30px rgba(255,215,0,.5),0 0 60px rgba(255,170,0,.25)}.fs-gate-sub{font-family:Cinzel,serif;font-size:16px;color:#b39ddb;letter-spacing:5px;font-style:italic}.fs-gate-divider{width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.6),transparent)}.fs-gate-cta{font-family:Cinzel,serif;font-size:18px;font-weight:700;color:#fff5cc;letter-spacing:4px;padding:10px 28px;border:1px solid rgba(255,215,0,.5);border-radius:4px;background:#ffd70014;text-shadow:0 0 10px rgba(255,215,0,.5)}.fs-gate-hint{font-size:11px;color:#c8b48c8c;letter-spacing:2px;margin-top:4px}.game-shell{width:100dvw;height:100dvh;min-height:100vh;min-width:100vw;position:relative;overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M3 2 L3 22 L8 18 L11 25 L14 24 L11 17 L18 17 Z" fill="%23ffd24a" stroke="%23221100" stroke-width="1.4" stroke-linejoin="round"/></svg>') 2 2,default}html,body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M3 2 L3 22 L8 18 L11 25 L14 24 L11 17 L18 17 Z" fill="%23ffd24a" stroke="%23221100" stroke-width="1.4" stroke-linejoin="round"/></svg>') 2 2,default}.game-shell:fullscreen,.game-shell:-webkit-full-screen{width:100dvw;height:100dvh;padding:0}.game-shell{background:radial-gradient(ellipse at 50% 30%,rgba(20,15,40,.9) 0%,transparent 70%),radial-gradient(ellipse at 20% 80%,rgba(30,10,10,.6) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(10,15,30,.6) 0%,transparent 50%),linear-gradient(180deg,#06050e,#0a0814 40%,#0d0a18)}.game-sidebar{position:absolute;top:0;bottom:0;width:clamp(260px,24vw,420px);z-index:20;background:radial-gradient(ellipse at top,#6644cc1f,#0a0a1e00 60%),linear-gradient(180deg,#0a0a1eeb,#05050ff2);border:none;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-main);font-family:var(--font-body)}.game-sidebar.left{left:0;border-right:1px solid rgba(167,139,250,.22);box-shadow:inset -1px 0 #ffd7000d}.game-sidebar.right{right:0;border-left:1px solid rgba(167,139,250,.22);box-shadow:inset 1px 0 #ffd7000d;pointer-events:auto}.game-sidebar:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(167,139,250,.4) 15%,rgba(255,215,0,.3) 50%,rgba(167,139,250,.4) 85%,transparent 100%);pointer-events:none}.game-sidebar.left:before{left:0}.game-sidebar.right:before{right:0}.game-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.game-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas-wrap>div{width:100%;height:100%}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ngplus-badge{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(135deg,#321450eb,#140a28eb);border:2px solid #aa66ff;border-radius:10px;color:#e9d8ff;font-family:inherit;font-weight:700;letter-spacing:.04em;text-align:center;box-shadow:0 0 14px #aa66ff73,inset 0 0 10px #a6f3;pointer-events:auto;cursor:help;-webkit-user-select:none;user-select:none;z-index:90;transition:transform .12s ease,box-shadow .12s ease}.ngplus-badge-tile .ngplus-badge-icon{font-size:clamp(18px,3.2vmin,38px)}.ngplus-badge-tile .ngplus-badge-label{font-size:clamp(10px,1.4vmin,16px)}.ngplus-badge:hover,.ngplus-badge:focus-visible{transform:translateY(-1px);box-shadow:0 0 18px #aa66ff8c,inset 0 0 12px #aa66ff40;outline:none}.ngplus-badge-icon{line-height:1;color:#ffd56b;text-shadow:0 0 6px rgba(255,213,107,.7)}.ngplus-badge-label{white-space:nowrap;line-height:1.1}.ngplus-tooltip{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;max-width:320px;padding:10px 12px;background:#0a0614f5;border:1px solid #aa66ff;border-radius:8px;color:#e9d8ff;font-size:12px;font-weight:400;line-height:1.45;box-shadow:0 8px 24px #0009,0 0 16px #aa66ff4d;pointer-events:none;z-index:91}.ngplus-tooltip-title{font-weight:700;color:#ffd56b;letter-spacing:.04em;margin-bottom:6px;border-bottom:1px solid rgba(170,102,255,.35);padding-bottom:4px}.ngplus-tooltip-body>div{margin:2px 0}.info-panel{margin-top:12px;padding:10px;background:#00000059;border:1px solid rgba(255,215,0,.12);border-radius:6px}.info-panel-header{border-bottom:1px solid;padding-bottom:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.info-panel-kind{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.9}.info-panel-appellation{font-size:9px;font-weight:600;font-style:italic;font-family:Cinzel,serif;letter-spacing:1.5px;text-transform:uppercase;opacity:.85;margin-top:2px;text-align:center;text-shadow:0 0 6px currentColor}.info-panel-title{font-size:15px;font-weight:800;color:#f0e8d0;letter-spacing:1px;font-family:Cinzel,serif;text-transform:uppercase;text-align:center}.info-panel-subtitle{font-size:10px;color:#f0e8d08c;margin-top:1px}.info-panel-stats{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.info-panel-stat-row{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(7px,1vw,15px)}.info-panel-stat-label{color:#f0e8d080}.info-panel-stat-value{color:#f0e8d0;font-weight:600;font-variant-numeric:tabular-nums}.info-panel-ability{padding:6px 8px;background:#ffd7000f;border-radius:4px;margin-bottom:6px}.info-panel-ability-name{font-size:clamp(7px,1vw,15px);font-weight:700;margin-bottom:2px}.info-panel-ability-desc{font-size:clamp(7px,1vw,15px);color:#f0e8d099;line-height:1.4}.info-panel-lore{font-size:clamp(7px,1vw,15px);color:#f0e8d059;font-style:italic;line-height:1.4;border-top:1px solid rgba(255,255,255,.05);padding-top:6px}.reveal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2vh,28px);background:#000000e0;pointer-events:auto;animation:revealFadeIn .4s ease-out}@keyframes revealFadeIn{0%{opacity:0}to{opacity:1}}.reveal-pause-banner{font-family:Cinzel,serif;font-size:13px;font-weight:800;color:#ffb444;letter-spacing:6px;text-transform:uppercase;padding:5px 22px;border:1px solid rgba(255,180,68,.5);border-radius:3px;background:#50280059;text-shadow:0 0 12px rgba(255,180,68,.6);box-shadow:0 0 18px #ffb44440,inset 0 0 8px #ffb44426;animation:pauseBannerPulse 1.8s ease-in-out infinite}@keyframes pauseBannerPulse{0%,to{opacity:.85;box-shadow:0 0 18px #ffb44440,inset 0 0 8px #ffb44426}50%{opacity:1;box-shadow:0 0 28px #ffb44480,inset 0 0 12px #ffb4444d}}.reveal-title-wrap{display:flex;align-items:center;gap:28px}.reveal-skip-btn{position:absolute;top:24px;right:24px;padding:8px 18px;background:#140c04b3;color:#d8c898;border:1px solid rgba(255,215,0,.45);border-radius:6px;font-family:Cinzel,serif;font-size:13px;letter-spacing:2px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;z-index:10}.reveal-skip-btn:hover:not(:disabled){background:#3c280ad9;color:#ffd766;border-color:#ffd700d9}.reveal-skip-btn:disabled{opacity:.35;cursor:not-allowed}.reveal-title-flank{width:clamp(60px,8vw,140px);height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.7) 60%,rgba(255,215,0,.95) 100%);box-shadow:0 0 8px #ffd70066;animation:titleFlankIn .7s ease-out both}.reveal-title-flank.right{transform:scaleX(-1)}@keyframes titleFlankIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1}}.reveal-title{font-size:clamp(32px,3.4vw,52px);font-weight:900;color:gold;font-family:Cinzel,serif;letter-spacing:10px;text-shadow:0 0 30px rgba(255,215,0,.5),0 0 60px rgba(255,170,0,.25),0 2px 4px rgba(0,0,0,.8);animation:titleEnter .9s ease-out both}@keyframes titleEnter{0%{opacity:0;letter-spacing:30px;transform:translateY(-12px)}60%{opacity:1;letter-spacing:6px;transform:translateY(2px)}to{letter-spacing:10px;transform:translateY(0)}}.reveal-cards{display:flex;gap:clamp(8px,1.4vw,24px);perspective:1400px;align-items:stretch;max-width:96vw;flex-wrap:nowrap}.reveal-card-slot{width:clamp(200px,22vw,320px);height:clamp(320px,38vw,480px);position:relative;transform-style:preserve-3d;flex:0 1 auto}.reveal-card-back{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(100,80,150,.4);border-radius:12px;background:linear-gradient(135deg,#12101e,#0a0818,#12101e);display:flex;align-items:center;justify-content:center;animation:cardBackPulse 1.5s ease-in-out infinite}@keyframes cardBackPulse{0%,to{box-shadow:0 0 15px #64509626}50%{box-shadow:0 0 25px #6450964d}}.reveal-card-back-pattern{font-size:48px;color:#64509640}.tcg-card-face{--reveal-border: var(--rarity, #ffd700);--reveal-glow: var(--rarity-glow, rgba(255, 215, 0, .65));--reveal-aura: var(--rarity-accent, #fff5cc);position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--reveal-border);border-radius:12px;display:flex;flex-direction:column;align-items:stretch;padding:6px;gap:4px;box-sizing:border-box;overflow:hidden;animation:cardRevealFlip .65s ease-out both;background:linear-gradient(160deg,#1a1408,#0a0804 60%,#1a1408);box-shadow:0 4px 22px #000000bf,0 0 22px var(--reveal-glow),inset 0 0 24px var(--reveal-glow)}.reveal-card-slot.rarity-normal .tcg-card-face{background:linear-gradient(160deg,#15171c,#08090c 60%,#15171c)}.reveal-card-slot.rarity-elite .tcg-card-face{background:linear-gradient(160deg,#0a1a30,#04081a 60%,#0a1a30)}.reveal-card-slot.rarity-legend .tcg-card-face{background:linear-gradient(160deg,#1a1408,#0a0804 60%,#1a1408)}.reveal-card-slot.rarity-normal .tcg-card-face{border-width:1.5px}.reveal-card-slot.rarity-elite .tcg-card-face{border-width:2px}.reveal-card-slot.rarity-legend .tcg-card-face{border-width:3px;box-shadow:0 4px 22px #000000bf,0 0 32px var(--reveal-glow),inset 0 0 32px var(--reveal-glow)}.reveal-card-slot.rarity-legend .tcg-card-face:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:conic-gradient(from 0deg,transparent 0deg,var(--reveal-aura) 40deg,transparent 80deg,transparent 180deg,var(--reveal-aura) 220deg,transparent 260deg);animation:legendBorderSpin 4s linear infinite;z-index:-1;filter:blur(2px)}@keyframes legendBorderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tcg-power-badge{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:1px;padding:2px 7px;background:#000000d1;border:1.5px solid;border-radius:8px;font-family:Cinzel,serif;font-size:11px;font-weight:800;letter-spacing:.5px;z-index:6;pointer-events:none}.tcg-power-x{font-size:.7em;margin:0 1px;opacity:.85}@keyframes cardRevealFlip{0%{transform:rotateY(90deg) scale(.8);opacity:0;filter:brightness(2)}55%{transform:rotateY(-8deg) scale(1.04);opacity:1;filter:brightness(1.4)}to{transform:rotateY(0) scale(1);filter:brightness(1)}}.reveal-card-slot.revealed:before{content:"";position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border-radius:22px;background:radial-gradient(ellipse at center,var(--rarity-glow, rgba(255, 215, 0, .65)) 0%,transparent 65%);animation:revealGlowBurst .9s ease-out both,glowPulse 2.4s ease-in-out .9s infinite;pointer-events:none;z-index:-1}.reveal-card-slot.rarity-normal.revealed:before{top:-14px;right:-14px;bottom:-14px;left:-14px;opacity:.55}.reveal-card-slot.rarity-elite.revealed:before{top:-18px;right:-18px;bottom:-18px;left:-18px;opacity:.8}.reveal-card-slot.rarity-legend.revealed:before{top:-28px;right:-28px;bottom:-28px;left:-28px;opacity:1}@keyframes revealGlowBurst{0%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.4)}to{opacity:.5;transform:scale(1)}}@keyframes glowPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.tcg-corner{position:absolute;width:14px;height:14px;border:1.5px solid var(--reveal-border);pointer-events:none;opacity:.85}.tcg-corner.tl-accent{top:4px;left:4px;border-right:0;border-bottom:0;border-top-left-radius:8px}.tcg-corner.tr-accent{top:4px;right:4px;border-left:0;border-bottom:0;border-top-right-radius:8px}.tcg-corner.bl-accent{bottom:4px;left:4px;border-right:0;border-top:0;border-bottom-left-radius:8px}.tcg-corner.br-accent{bottom:4px;right:4px;border-left:0;border-top:0;border-bottom-right-radius:8px}.tcg-art-mega{position:relative;flex:0 0 46%;width:100%;min-height:0;margin-top:26px;border:1.5px solid var(--reveal-border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1530,#050410 75%);box-shadow:inset 0 0 20px #000000b3}.tcg-art-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,rgba(255,215,0,.55) 0%,transparent 55%),radial-gradient(ellipse at center,rgba(255,255,255,.04) 0%,transparent 70%);animation:artBgPulse 3s ease-in-out infinite;pointer-events:none}@keyframes artBgPulse{0%,to{opacity:.55}50%{opacity:.95}}.tcg-sprite-mega{image-rendering:pixelated;position:relative;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)) drop-shadow(0 0 12px #fff5cc);animation:heroBob 2.4s ease-in-out infinite}@keyframes heroBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tcg-art-fallback{font-size:64px;filter:drop-shadow(0 0 12px currentColor)}.tcg-stat-corner{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;padding:4px 9px;background:#080610e0;border:1.5px solid var(--stat-color);border-radius:6px;min-width:44px;box-shadow:0 0 8px #000000b3,0 0 8px var(--stat-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tcg-stat-corner.tl{top:6px;left:6px}.tcg-stat-corner.tr{top:6px;right:6px}.tcg-stat-corner.bl{bottom:6px;left:6px}.tcg-stat-corner.br{bottom:6px;right:6px}.tcg-stat-corner-label{font-size:10px;font-weight:800;color:var(--stat-color);letter-spacing:1.4px;opacity:1;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9)}.tcg-stat-corner-val{font-size:19px;font-weight:900;color:#fff5e0;font-variant-numeric:tabular-nums;line-height:1.15;text-shadow:0 0 8px var(--stat-color),0 1px 2px rgba(0,0,0,1)}.tcg-name-block{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px 7px;margin-top:0;border-top:1px solid var(--reveal-border);border-bottom:1px solid var(--reveal-border);background:linear-gradient(180deg,#ffd7002e,#ffd7000d,#00000040);flex-shrink:0}.tcg-appellation{font-size:11px;font-weight:600;font-style:italic;font-family:Cinzel,serif;letter-spacing:1.8px;color:#fff5ccd9;text-transform:uppercase;text-align:center;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-shadow:0 1px 2px rgba(0,0,0,.9)}.tcg-name-row{display:flex;align-items:center;justify-content:center;gap:7px;width:100%}.tcg-name-flourish{font-size:10px;opacity:.8;color:var(--reveal-border);flex-shrink:0;text-shadow:0 0 6px currentColor}.tcg-name-text{font-size:17px;font-weight:900;font-family:Cinzel,serif;color:var(--reveal-border);text-align:center;line-height:1.1;letter-spacing:1.4px;text-shadow:0 0 10px currentColor,0 0 18px var(--reveal-glow),0 1px 2px rgba(0,0,0,1);flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.tcg-ability-toggle{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#080610a6;border:1px solid var(--reveal-border);border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--reveal-border);transition:all .15s;flex:1 1 auto;min-height:30px;min-width:0}.tcg-ability-toggle:hover{background:#ffffff14;box-shadow:0 0 10px var(--reveal-glow)}.tcg-ability-toggle.active{background:#ffffff1a;box-shadow:0 0 14px var(--reveal-glow)}.tcg-ability-toggle-icon{font-size:13px;flex-shrink:0;filter:drop-shadow(0 0 4px currentColor)}.tcg-ability-toggle-name{flex:1 1 auto;text-align:center;font-size:12px;font-weight:700;text-shadow:0 0 6px currentColor;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tcg-ability-toggle-arrow{font-size:8px;opacity:.7;flex-shrink:0}.tcg-summon-btn{flex-shrink:0;padding:14px 12px;min-height:48px;font-family:Cinzel,serif;font-size:15px;font-weight:900;letter-spacing:4px;color:#1a0f00;background:linear-gradient(180deg,#ffe566,gold,#cc9c00);border:1.5px solid #fff5cc;border-radius:6px;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 2px 10px #ffd70073,inset 0 1px #ffffff80,inset 0 -2px 4px #7850004d}.tcg-summon-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.tcg-summon-btn:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(.6)}.tcg-ability-overlay{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:10;display:flex;flex-direction:column;gap:14px;padding:24px 20px 18px;background:linear-gradient(160deg,#080610f7,#020208fc);border:2px solid;border-radius:14px;cursor:pointer;animation:abilityOverlayIn .28s cubic-bezier(.34,1.56,.64,1) both;box-sizing:border-box;overflow-y:auto}@keyframes abilityOverlayIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tcg-ability-overlay-header{font-size:19px;font-weight:800;font-family:Cinzel,serif;letter-spacing:2px;text-align:center;text-shadow:0 0 12px currentColor;border-bottom:1px solid currentColor;padding-bottom:10px}.tcg-ability-overlay-desc{font-size:16px;line-height:1.65;color:#f0e2c4;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;flex-shrink:0}.tcg-ability-overlay-lore{font-size:13px;line-height:1.6;color:#dcc8a099;font-style:italic;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.tcg-ability-overlay-close{margin-top:auto;font-size:9px;color:#ffffff59;text-align:center;letter-spacing:1.5px;text-transform:uppercase}.reveal-card-slot.selectable{cursor:pointer}.reveal-card-slot.used{opacity:.3;pointer-events:none;filter:grayscale(.5);transform:scale(.95);transition:all .3s}.reveal-used-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(2px,.45rem,8px);font-weight:800;color:#ffffff59;letter-spacing:3px;background:#00000080;border-radius:12px;z-index:5}.reveal-card-slot{perspective:1100px}.tcg-art-mega:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,var(--reveal-aura, #fff5cc) 30deg,transparent 60deg,transparent 150deg,var(--reveal-aura, #fff5cc) 180deg,transparent 210deg,transparent 300deg,var(--reveal-aura, #fff5cc) 330deg,transparent 360deg);opacity:.18;filter:blur(3px);animation:tcgRuneSpin 12s linear infinite;pointer-events:none;z-index:0}.tcg-art-mega:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:1px dashed var(--reveal-aura, #fff5cc);opacity:.2;animation:tcgRuneSpin 18s linear reverse infinite;pointer-events:none;z-index:0}@keyframes tcgRuneSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal-card-slot.rarity-legend .tcg-art-mega:before{opacity:.32;top:8%;right:8%;bottom:8%;left:8%}.reveal-card-slot.rarity-legend .tcg-art-mega:after{opacity:.35;top:18%;right:18%;bottom:18%;left:18%}.reveal-card-slot.rarity-elite .tcg-art-mega:before{opacity:.24}.reveal-card-slot.rarity-elite .tcg-art-mega:after{opacity:.26}.tcg-sprite-mega{position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.85)) drop-shadow(0 0 12px var(--reveal-glow, rgba(255, 215, 0, .55)));animation:tcgSpriteBob 3.6s ease-in-out infinite}@keyframes tcgSpriteBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.reveal-card-slot:not(.rarity-legend) .tcg-card-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:200% 100%;background-position:-100% 0%;animation:tcgRevealFlash 1.1s ease-out .15s both;pointer-events:none;z-index:6;mix-blend-mode:overlay}@keyframes tcgRevealFlash{0%{background-position:-100% 0%;opacity:0}20%{opacity:1}to{background-position:120% 0%;opacity:0}}.reveal-card-slot.rarity-legend .tcg-card-face,.reveal-card-slot.rarity-elite .tcg-card-face{animation:cardRevealFlip .65s ease-out both,tcgEdgeShimmer 6s ease-in-out .65s infinite}@keyframes tcgEdgeShimmer{0%,to{box-shadow:0 4px 22px #000000bf,0 0 22px var(--reveal-glow),inset 0 0 24px var(--reveal-glow)}50%{box-shadow:0 4px 26px #000000bf,0 0 38px var(--reveal-glow),0 0 60px var(--reveal-aura),inset 0 0 32px var(--reveal-glow)}}.reveal-card-slot.revealed:after{content:"✦ · ✦";position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:14px;letter-spacing:18px;color:var(--reveal-aura, #fff5cc);text-shadow:0 0 8px var(--reveal-glow);pointer-events:none;opacity:0;animation:tcgMoteDrift 3.4s ease-in-out .7s infinite;z-index:3}@keyframes tcgMoteDrift{0%{opacity:0;transform:translate(-50%) translateY(0)}35%{opacity:.85;transform:translate(-50%) translateY(-8px)}to{opacity:0;transform:translate(-50%) translateY(-22px)}}.reveal-card-slot.rarity-normal.revealed:after{opacity:0;content:none}.tcg-power-badge{animation:tcgPowerBadgePulse 2.2s ease-in-out infinite}@keyframes tcgPowerBadgePulse{0%,to{box-shadow:0 0 6px var(--rarity-glow, rgba(255, 215, 0, .5))}50%{box-shadow:0 0 16px var(--rarity-glow, rgba(255, 215, 0, .9)),0 0 24px var(--rarity-accent, #fff5cc)}}.reveal-card-back{background:radial-gradient(ellipse at 50% 35%,rgba(167,139,250,.18) 0%,transparent 65%),linear-gradient(135deg,#12101e,#0a0818,#12101e);overflow:hidden}.reveal-card-back:before{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:1px dashed rgba(167,139,250,.3);animation:tcgRuneSpin 14s linear infinite}.reveal-card-back:after{content:"";position:absolute;top:32%;right:32%;bottom:32%;left:32%;border-radius:50%;border:1px dashed rgba(255,215,0,.25);animation:tcgRuneSpin 9s linear reverse infinite}.reveal-card-back-pattern{position:relative;z-index:2;font-size:64px;color:#a78bfa80;text-shadow:0 0 12px rgba(167,139,250,.6),0 0 24px rgba(102,68,204,.4);animation:tcgBackPatternSpin 10s linear infinite}@keyframes tcgBackPatternSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}.tcg-summon-btn:not(:disabled){animation:tcgSummonReady 2s ease-in-out infinite}@keyframes tcgSummonReady{0%,to{box-shadow:0 0 8px #ffd70059}50%{box-shadow:0 0 18px #ffd700b3,0 0 32px #fa06}}.roulette-hint{font-size:clamp(2px,.45rem,8px);color:#fff6;animation:roulettePulse 1.2s ease-in-out infinite}@keyframes roulettePulse{0%,to{opacity:.4}50%{opacity:.8}}.kw-num,.kw-pct{color:#ffd766;font-weight:800;text-shadow:0 0 6px rgba(255,215,102,.45)}.kw-time{color:#4df;font-weight:700;text-shadow:0 0 6px rgba(68,221,255,.4)}.kw-stat{color:#f96;font-weight:800;letter-spacing:.5px;text-shadow:0 0 6px rgba(255,153,102,.4)}.kw-action{color:#f75;font-weight:700;text-shadow:0 0 4px rgba(255,119,85,.35)}.kw-magic{color:#c8f;font-weight:700;font-style:italic;text-shadow:0 0 6px rgba(204,136,255,.45)}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 80% at 50% 40%,#140823f0,#000000fa 80%),url(/screenbanner/resultscreen_bg.webp) center / cover no-repeat;pointer-events:auto;overflow:hidden}.result-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 15% 80%,rgba(255,180,20,.18) 0%,transparent 2px),radial-gradient(circle at 35% 60%,rgba(255,100,60,.15) 0%,transparent 1.5px),radial-gradient(circle at 55% 85%,rgba(255,215,0,.12) 0%,transparent 2px),radial-gradient(circle at 75% 70%,rgba(255,140,0,.16) 0%,transparent 1.8px),radial-gradient(circle at 90% 50%,rgba(255,80,40,.14) 0%,transparent 2.2px);background-size:200px 200px,240px 280px,180px 220px,260px 200px,210px 260px;animation:result-embers 8s ease-in-out infinite alternate;pointer-events:none}@keyframes result-embers{0%{background-position:0 0,0 0,0 0,0 0,0 0;opacity:.7}to{background-position:-30px -80px,40px -60px,-20px -100px,50px -70px,-40px -90px;opacity:1}}.result-container{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,1.8vh,24px);max-width:clamp(480px,48vw,700px);width:90%;padding:clamp(24px,3vh,44px) clamp(20px,2.5vw,40px);background:linear-gradient(180deg,#0c0716e0,#05030cf0);border:1px solid rgba(167,139,250,.25);border-radius:20px;box-shadow:0 0 80px #6432c826,0 0 160px #6432c80d,inset 0 1px #ffffff0d,inset 0 -1px #0000004d;position:relative;z-index:1}.result-title{font-size:clamp(20px,2.2vw,34px);font-weight:900;color:#f44;font-family:Cinzel,serif;letter-spacing:.18em;text-shadow:0 0 20px rgba(255,60,60,.5),0 0 40px rgba(255,20,20,.3);margin:0;text-align:center;text-transform:uppercase}.result-subtitle{font-size:clamp(10px,.85vw,13px);color:#c8c8dc73;font-style:italic;margin:0;text-align:center;letter-spacing:.04em}.result-medallion-wrap{position:relative;width:clamp(180px,16vw,240px);height:clamp(180px,16vw,240px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-rays{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:conic-gradient(from 0deg,transparent 0deg,var(--ray-color, #ffd700) 2deg,transparent 4deg,transparent 20deg,var(--ray-color, #ffd700) 22deg,transparent 24deg,transparent 40deg,var(--ray-color, #ffd700) 42deg,transparent 44deg,transparent 60deg,var(--ray-color, #ffd700) 62deg,transparent 64deg,transparent 80deg,var(--ray-color, #ffd700) 82deg,transparent 84deg,transparent 100deg,var(--ray-color, #ffd700) 102deg,transparent 104deg,transparent 120deg,var(--ray-color, #ffd700) 122deg,transparent 124deg,transparent 140deg,var(--ray-color, #ffd700) 142deg,transparent 144deg,transparent 160deg,var(--ray-color, #ffd700) 162deg,transparent 164deg,transparent 180deg,var(--ray-color, #ffd700) 182deg,transparent 184deg,transparent 200deg,var(--ray-color, #ffd700) 202deg,transparent 204deg,transparent 220deg,var(--ray-color, #ffd700) 222deg,transparent 224deg,transparent 240deg,var(--ray-color, #ffd700) 242deg,transparent 244deg,transparent 260deg,var(--ray-color, #ffd700) 262deg,transparent 264deg,transparent 280deg,var(--ray-color, #ffd700) 282deg,transparent 284deg,transparent 300deg,var(--ray-color, #ffd700) 302deg,transparent 304deg,transparent 320deg,var(--ray-color, #ffd700) 322deg,transparent 324deg,transparent 340deg,var(--ray-color, #ffd700) 342deg,transparent 344deg,transparent 360deg);opacity:.18;animation:result-rays-spin 12s linear infinite;border-radius:50%;pointer-events:none}@keyframes result-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-ring{position:absolute;border-radius:50%;border:1px solid;pointer-events:none}.result-ring-outer{top:2%;right:2%;bottom:2%;left:2%;animation:result-ring-ccw 18s linear infinite}.result-ring-mid{top:14%;right:14%;bottom:14%;left:14%;animation:result-ring-cw 12s linear infinite}.result-ring-inner{top:26%;right:26%;bottom:26%;left:26%;animation:result-ring-ccw 8s linear infinite}@keyframes result-ring-cw{to{transform:rotate(360deg)}}@keyframes result-ring-ccw{to{transform:rotate(-360deg)}}.result-medallion{position:relative;z-index:2;width:clamp(120px,10vw,160px);height:clamp(120px,10vw,160px);border-radius:50%;border:3px solid;background:radial-gradient(ellipse at 35% 30%,rgba(255,255,255,.08) 0%,transparent 60%),linear-gradient(180deg,#140c23f2,#080512fa);display:flex;align-items:center;justify-content:center}.result-rating-letter{font-family:Cinzel,serif;font-size:clamp(64px,5.5vw,96px);font-weight:900;line-height:1;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 80px currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.result-stat-panels{display:flex;gap:clamp(10px,1.2vw,18px);width:100%;justify-content:center}.result-stat-panel{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(12px,1.2vw,18px) clamp(10px,1vw,16px);background:linear-gradient(180deg,#120c1eb3,#080512cc);border:1px solid rgba(167,139,250,.2);border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.result-stat-panel:hover{transform:translateY(-4px);box-shadow:0 8px 32px #6432c82e;border-color:#a78bfa66}.result-stat-icon{font-size:clamp(18px,1.6vw,26px);opacity:.75;filter:drop-shadow(0 0 6px rgba(167,139,250,.4))}.result-stat-number{font-family:Cinzel,serif;font-size:clamp(28px,2.8vw,44px);font-weight:900;color:var(--divine-soft);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(255,215,0,.35)}.result-stat-label{font-size:clamp(9px,.75vw,12px);color:#c8c8dc80;letter-spacing:.12em;text-transform:uppercase;font-family:Cinzel,serif;text-align:center}.result-return-btn{position:relative;margin-top:4px;padding:clamp(12px,1.2vw,18px) clamp(32px,3.5vw,56px);font-family:Cinzel,serif;font-size:clamp(13px,1.1vw,18px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bg-void);background:linear-gradient(180deg,#fff176,gold 45%,#f9a825);border:1px solid rgba(255,215,0,.6);border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 24px #ffd70059,inset 0 0 20px #fff3}.result-return-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.result-return-btn:hover{transform:translateY(-2px);box-shadow:0 6px 32px #ffd70099,inset 0 0 28px #ffffff4d}.result-return-btn:hover:before{transform:translate(100%)}.result-return-btn:active{transform:translateY(0)}@keyframes result-slide-down{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes result-scale-up{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes result-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes result-fade-in{0%{opacity:0}to{opacity:1}}.result-anim-title{animation:result-slide-down .5s cubic-bezier(.22,1,.36,1) both}.result-anim-medallion{animation:result-scale-up .7s cubic-bezier(.22,1,.36,1) .2s both}.result-anim-panel-1{animation:result-slide-up .5s cubic-bezier(.22,1,.36,1) .5s both}.result-anim-panel-2{animation:result-slide-up .5s cubic-bezier(.22,1,.36,1) .7s both}.result-anim-panel-3{animation:result-slide-up .5s cubic-bezier(.22,1,.36,1) .9s both}.result-anim-btn{animation:result-fade-in .5s ease 1.1s both}.sidebar-header{padding:16px 20px 12px;border-bottom:1px solid rgba(167,139,250,.18);font-family:var(--font-display);font-size:11px;letter-spacing:.2em;color:var(--text-mystic);text-transform:uppercase;text-align:center;flex:0 0 auto;background:linear-gradient(180deg,rgba(102,68,204,.12) 0%,transparent 100%);text-shadow:0 0 12px rgba(167,139,250,.4)}.sidebar-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding:16px 18px;display:flex;flex-direction:column;gap:18px}.sidebar-footer{padding:10px 18px;border-top:1px solid rgba(167,139,250,.12);font-family:var(--font-display);font-size:9px;letter-spacing:.18em;color:#7a7a9a99;text-align:center;text-transform:uppercase;flex:0 0 auto}.sidebar-section-title{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.22em;color:#d8d0f0;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:8px;text-shadow:0 0 6px rgba(167,139,250,.6),0 1px 2px rgba(0,0,0,.9)}.sidebar-section-title:before{content:"◈";font-size:8px;color:#ffd700d9;text-shadow:0 0 6px rgba(255,215,0,.7);animation:sidebarTitleSparkle 3s ease-in-out infinite;flex-shrink:0}.sidebar-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,215,0,.5),rgba(167,139,250,.35),transparent);box-shadow:0 0 4px #ffd70066}@keyframes sidebarTitleSparkle{0%,to{opacity:.7;transform:rotate(0) scale(1)}50%{opacity:1;transform:rotate(180deg) scale(1.25)}}.sidebar-twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.sidebar-twocol>section{min-width:0}.sidebar-twocol .arcane-row{padding:2px 0}.sidebar-twocol .arcane-row-label{font-size:9px}.sidebar-twocol .arcane-row-value{font-size:16px;font-weight:800;color:#fff5cc;text-shadow:0 0 8px rgba(255,215,0,.55),0 1px 2px rgba(0,0,0,.9)}.sidebar-deck,.sidebar-essence{background:#0d0d2080;border:1px solid rgba(167,139,250,.25);border-radius:4px;padding:6px 8px;box-shadow:inset 0 0 8px #6644cc1f;animation:sidebarDeckBreath 3.8s ease-in-out infinite}.sidebar-essence{border-color:#ffd70052;box-shadow:inset 0 0 8px #ffd7001a;animation:sidebarEssenceBreath 3.4s ease-in-out infinite}@keyframes sidebarDeckBreath{0%,to{box-shadow:inset 0 0 8px #6644cc1f}50%{box-shadow:inset 0 0 14px #a78bfa4d,0 0 12px #6644cc2e}}@keyframes sidebarEssenceBreath{0%,to{box-shadow:inset 0 0 8px #ffd7001a}50%{box-shadow:inset 0 0 14px #ffd70047,0 0 12px #ffd7002e}}.sidebar-essence .arcane-currency,.sidebar-deck .arcane-currency{background:transparent;border:0;box-shadow:none;padding:2px 0 0;animation:none}.arcane-currency-icon.deck{color:#c8b0ff;text-shadow:0 0 10px rgba(167,139,250,.85),0 0 18px rgba(102,68,204,.6)}.synergy-panel{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,215,0,.18)}.synergy-pantheon{display:flex;justify-content:space-between;align-items:baseline;padding:6px 8px;background:#ffd7000f;border:1px solid rgba(255,215,0,.22);border-radius:4px;margin-bottom:8px}.synergy-pantheon-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#ffd700cc}.synergy-pantheon-bonus{font-family:var(--font-display);font-size:14px;font-weight:800;color:#fff5b3}.synergy-resonance-title{font-size:9px;letter-spacing:.18em;color:#7a7a9ab3;text-transform:uppercase;margin-bottom:4px}.synergy-resonance-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.synergy-cell{display:grid;grid-template-columns:18px auto 1fr;gap:4px;align-items:center;font-size:10px;padding:3px 5px;border-radius:4px;border:1px solid color-mix(in srgb,var(--el-color) 35%,transparent);background:color-mix(in srgb,var(--el-color) 8%,rgba(13,13,30,.7))}.synergy-cell.on{background:color-mix(in srgb,var(--el-color) 22%,rgba(13,13,30,.7));box-shadow:0 0 6px color-mix(in srgb,var(--el-color) 40%,transparent)}.synergy-cell.off{opacity:.5;filter:grayscale(.5)}.synergy-cell-glyph{font-size:14px;line-height:1;text-align:center;filter:drop-shadow(0 0 3px var(--el-color))}.synergy-cell-count{font-variant-numeric:tabular-nums;color:#ccc;font-weight:700}.synergy-cell-bonus{font-variant-numeric:tabular-nums;font-weight:700;color:var(--el-color);text-align:right}.arcane-stat{display:flex;align-items:baseline;gap:10px}.arcane-stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1;color:var(--divine-soft);text-shadow:0 0 14px var(--divine-glow)}.arcane-stat-value.boss{color:var(--corruption);text-shadow:0 0 14px rgba(255,68,102,.6)}.arcane-stat-value.mystic{color:var(--rift-soft);text-shadow:0 0 14px rgba(167,139,250,.5)}.arcane-stat-suffix{font-family:var(--font-display);font-size:11px;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.arcane-boss-badge{font-family:var(--font-display);font-size:9px;color:var(--corruption);background:#3c0a14b3;border:1px solid var(--corruption);border-radius:2px;padding:3px 8px;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 0 12px #ff44664d}.arcane-status-line{font-family:var(--font-body);font-size:11px;font-style:italic;color:var(--text-mystic);margin-top:6px;min-height:16px;opacity:.85}.arcane-bar-label{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.arcane-bar-label-name{color:var(--text-muted)}.arcane-bar-label-value{color:var(--arcane);font-weight:600;text-shadow:0 0 8px rgba(136,204,255,.4)}.arcane-bar{position:relative;height:6px;background:#050514cc;border:1px solid rgba(167,139,250,.2);border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.arcane-bar-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#64cc,#88ccfff2 60%,#ffd700f2);box-shadow:0 0 10px #88ccff80;transition:width .3s ease}.arcane-bar-fill.divine{background:linear-gradient(90deg,#f9a825cc,#ffd700f2 60%,#fff176);box-shadow:0 0 10px var(--divine-glow)}.arcane-bar-fill.exp{background:linear-gradient(90deg,#2a7c,#44ffccf2);box-shadow:0 0 10px #4fc6}.arcane-bar-hint{font-family:var(--font-body);font-size:10px;color:var(--text-muted);margin-top:6px;text-align:right;font-style:italic}.arcane-lives{display:flex;gap:8px}.arcane-life{position:relative;width:22px;height:22px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:700;transition:all .2s ease}.arcane-life.alive{background:radial-gradient(circle at 30% 30%,#f8a,#f46 60%,#8a0022);border:1px solid #ff88aa;color:#fff6f6;box-shadow:0 0 10px #ff446680,inset 0 0 4px #ffffff4d}.arcane-life.dead{background:#140a14b3;border:1px solid rgba(100,50,60,.4);color:#50283299;box-shadow:inset 0 0 4px #0009}.arcane-currency{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#0d0d20c7;border:1px solid rgba(255,215,0,.32);border-radius:4px;box-shadow:0 0 18px #ffd7001f,inset 0 0 10px #ffd70014;animation:arcaneCurrencyBreath 3.4s ease-in-out infinite}@keyframes arcaneCurrencyBreath{0%,to{box-shadow:0 0 18px #ffd7001f,inset 0 0 10px #ffd70014}50%{box-shadow:0 0 30px #ffd7004d,inset 0 0 14px #ffd7002e}}.arcane-currency.narrow{gap:6px;padding:6px 8px;justify-content:center}.arcane-currency-icon{font-family:var(--font-display);font-size:28px;color:var(--divine);text-shadow:0 0 10px var(--divine-glow),0 0 18px rgba(255,215,0,.6);animation:arcaneGlyphPulse 2.6s ease-in-out infinite;display:inline-block}@keyframes arcaneGlyphPulse{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.15) rotate(45deg);filter:brightness(1.4)}}.arcane-currency-value{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--divine-soft);flex:1;text-align:center;text-shadow:0 0 10px var(--divine-glow),0 0 18px rgba(255,215,0,.4),0 1px 2px rgba(0,0,0,.95);font-variant-numeric:tabular-nums}.arcane-row{display:flex;align-items:baseline;justify-content:space-between;padding:3px 0;font-family:var(--font-display)}.arcane-row-label{font-size:10px;letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase}.arcane-row-value{font-size:15px;color:var(--text-main);font-weight:600}.arcane-buff{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:#0d0d2099;border:1px solid rgba(167,139,250,.2);border-radius:3px;font-family:var(--font-display);font-size:11px}.arcane-buff-label{color:var(--text-mystic);letter-spacing:.08em}.arcane-buff-value{font-weight:700;text-shadow:0 0 8px currentColor}.arcane-action-btn{width:100%;padding:10px 12px;background:linear-gradient(180deg,#12122a,#0a0a1e);color:var(--text-mystic);border:1px solid rgba(167,139,250,.3);border-radius:4px;font-family:var(--font-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.arcane-action-btn:hover:not(:disabled){background:linear-gradient(180deg,#1a1a36,#12122a);border-color:var(--rift-soft);color:var(--text-main);box-shadow:0 0 14px var(--rift-glow)}.arcane-action-btn:disabled{opacity:.4;cursor:not-allowed}.arcane-draw-btn{margin-top:8px;width:100%;padding:12px 14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#1a1a36,#0d0d20);color:var(--text-muted);border:1px solid rgba(167,139,250,.25);border-radius:4px;font-family:var(--font-display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:not-allowed;transition:all .22s ease;opacity:.5}.arcane-draw-btn.active{color:var(--bg-void);background:linear-gradient(180deg,#fff176,gold,#f9a825);border-color:#ffd700b3;cursor:pointer;opacity:1;box-shadow:0 0 14px var(--divine-glow),inset 0 0 10px #ffffff40;animation:arcane-draw-pulse 2s ease-in-out infinite}.arcane-draw-btn.active:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--divine-glow),0 0 22px #ffd70080,inset 0 0 14px #ffffff4d}.arcane-draw-btn.active:active{transform:translateY(0)}.arcane-draw-btn-label{font-weight:800;letter-spacing:.2em;position:relative;z-index:2}.arcane-draw-btn.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:200% 100%;background-position:-100% 0%;animation:arcane-draw-shimmer 2.6s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes arcane-draw-shimmer{0%{background-position:-100% 0%}60%{background-position:120% 0%}to{background-position:120% 0%}}.arcane-draw-btn-cost{font-size:11px;font-weight:600;padding:3px 8px;border-radius:2px;background:#00000038}.arcane-draw-btn-cost.free{color:#4fa;background:#0a281e99}@keyframes arcane-draw-pulse{0%,to{box-shadow:0 0 14px var(--divine-glow),inset 0 0 10px #ffffff40}50%{box-shadow:0 0 22px #ffd700b3,0 0 32px #ffd70059,inset 0 0 14px #fff6}}.arcane-hand-slots{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(167,139,250,.22)}.arcane-hand-slot{position:relative;display:flex;align-items:center;gap:10px;padding:8px;background:linear-gradient(180deg,#14142ad9,#0a0a18e6);border:1px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:var(--font-body);color:var(--text-main);text-align:left;animation:arcane-hand-slot-in .28s cubic-bezier(.2,.9,.3,1.2)}@keyframes arcane-hand-slot-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.arcane-hand-slot:nth-child(1){animation-delay:0ms}.arcane-hand-slot:nth-child(2){animation-delay:80ms}.arcane-hand-slot:nth-child(3){animation-delay:.16s}.arcane-hand-slot:hover{transform:translate(-2px);filter:brightness(1.15)}.arcane-hand-slot.normal{border-color:#c409;box-shadow:0 0 14px #cc440038,inset 0 0 8px #cc440014}.arcane-hand-slot.elite{border-color:#ff8800a6;box-shadow:0 0 16px #ff880047,inset 0 0 10px #ff88001a}.arcane-hand-slot.legend{border-color:#aa44ffb3;box-shadow:0 0 18px #aa44ff52,inset 0 0 12px #aa44ff1f}.arcane-hand-slot.normal:hover{box-shadow:0 0 20px #cc440073,inset 0 0 12px #cc440026}.arcane-hand-slot.elite:hover{box-shadow:0 0 22px #ff880080,inset 0 0 14px #ff88002e}.arcane-hand-slot.legend:hover{box-shadow:0 0 26px #a4f9,inset 0 0 16px #aa44ff38}.arcane-hand-slot-sprite{flex:0 0 auto;width:48px;height:48px;background:radial-gradient(ellipse at center,#1a1a2e,#05050f);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(167,139,250,.2)}.arcane-hand-slot-sprite-fallback{font-family:var(--font-display);font-size:26px;opacity:.75}.arcane-hand-slot-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.arcane-hand-slot-name{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcane-hand-slot-ability{font-size:9px;color:var(--text-mystic);font-style:italic;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.arcane-hand-discard-btn{margin-top:4px;padding:6px 10px;background:transparent;color:#966c;border:1px solid rgba(102,51,51,.5);border-radius:4px;font-family:var(--font-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .18s ease}.arcane-hand-discard-btn:hover{background:#3c141466;color:#c88;border-color:#994c4cb3}.prep-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;pointer-events:auto;overflow:hidden;color:var(--text-main);font-family:var(--font-body);background:radial-gradient(ellipse 80% 60% at 50% 35%,#6644cc40,#0a0a1e00 70%),radial-gradient(ellipse 60% 40% at 50% 100%,#ffd7001a,#0000 60%),linear-gradient(180deg,#05050f4d,#0a0a1e59,#05050f73),url(/screenbanner/mood_alt.png) center / cover no-repeat,#05050f}.prep-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 18% 28%,rgba(167,139,250,.22) 0%,transparent 2px),radial-gradient(circle at 68% 18%,rgba(255,215,0,.18) 0%,transparent 2px),radial-gradient(circle at 38% 68%,rgba(136,204,255,.16) 0%,transparent 2px),radial-gradient(circle at 83% 73%,rgba(167,139,250,.18) 0%,transparent 2px),radial-gradient(circle at 8% 83%,rgba(255,215,0,.14) 0%,transparent 2px),radial-gradient(circle at 52% 45%,rgba(255,180,255,.12) 0%,transparent 1.5px),radial-gradient(circle at 25% 55%,rgba(136,204,255,.14) 0%,transparent 1.5px);background-size:140px 140px,180px 180px,160px 160px,200px 200px,150px 150px,220px 220px,170px 170px;opacity:.85;pointer-events:none;animation:prep-drift 50s linear infinite}@keyframes prep-drift{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:140px 140px,-180px 180px,160px -160px,-200px -200px,150px -150px,-220px 110px,85px -170px}}.prep-root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 50% 42%,rgba(102,68,204,.12) 0%,transparent 70%),radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.58) 100%);pointer-events:none;animation:prep-pulse 6s ease-in-out infinite alternate}@keyframes prep-pulse{0%{opacity:.7}to{opacity:1}}.prep-root>*{position:relative;z-index:1}.prep-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 32px;background:#060412c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(167,139,250,.32);font-family:var(--font-display);box-shadow:0 1px #ffd7001f,inset 0 -1px #a78bfa2e}.prep-banner-stage,.prep-banner-deck{display:flex;flex-direction:column;gap:4px;min-width:120px}.prep-banner-deck{align-items:flex-end}.prep-banner-label{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#c8c8e0;text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.85)}.prep-banner-value{font-size:clamp(14px,1.2vw,18px);font-weight:700;color:var(--divine-soft);text-shadow:0 0 4px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(255,215,0,.4);line-height:1}.prep-banner-sep{color:var(--text-muted);font-weight:400;margin:0 3px}.prep-banner-icon{font-size:14px;color:var(--divine);filter:drop-shadow(0 0 6px var(--divine-glow))}.prep-stage-bar{width:100%;max-width:160px;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.prep-stage-bar-fill{height:100%;background:linear-gradient(90deg,#f9a825,gold,#fff176);border-radius:2px;box-shadow:0 0 8px #ffd70080;transition:width .6s ease-out}.prep-banner-sigil{font-size:20px;color:var(--divine);filter:drop-shadow(0 0 10px rgba(255,215,0,.6));animation:prep-sigil-pulse 3s ease-in-out infinite alternate}@keyframes prep-sigil-pulse{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}.prep-main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,2.5vh,36px) 24px clamp(24px,3vh,44px);gap:clamp(18px,2.2vh,30px);min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;position:relative;z-index:5}.prep-title-group,.prep-deck-section,.prep-cta-row,.prep-banner,.prep-deck-pill,.prep-section-label{position:relative;z-index:5}.prep-title-group{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.prep-rune{position:absolute;font-size:13px;color:var(--divine);opacity:0;animation:prep-rune-float 4s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,215,0,.7));pointer-events:none}.prep-rune-1{top:-18px;left:18%;animation-delay:0s}.prep-rune-2{top:10px;right:12%;font-size:10px;color:var(--rift-soft);animation-delay:1.3s}.prep-rune-3{bottom:8px;left:10%;font-size:11px;animation-delay:2.6s}@keyframes prep-rune-float{0%{opacity:0;transform:translateY(6px) rotate(0)}30%{opacity:.9}70%{opacity:.7}to{opacity:0;transform:translateY(-14px) rotate(20deg)}}.prep-title-prefix{font-family:var(--font-display);font-size:clamp(11px,1vw,16px);font-weight:600;letter-spacing:.5em;text-transform:uppercase;color:#e8e0ff;opacity:1;text-shadow:0 0 4px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.7)}.prep-title{font-family:var(--font-display);font-size:clamp(32px,4.5vw,58px);font-weight:900;letter-spacing:.14em;color:var(--text-main);margin:0;line-height:1;text-shadow:0 0 6px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85),0 0 24px rgba(167,139,250,.5),0 0 60px rgba(102,68,204,.35)}.prep-title-accent{background:linear-gradient(180deg,#fff8d0,gold 45%,#f9a825);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.95)) drop-shadow(0 0 6px rgba(0,0,0,.9)) drop-shadow(0 0 12px rgba(255,215,0,.45))}.prep-title-underline{width:0;height:2px;background:linear-gradient(90deg,transparent,#ffd700 30%,#fff176 50%,#ffd700 70%,transparent);border-radius:1px;box-shadow:0 0 10px #ffd70080;animation:prep-underline-draw .9s cubic-bezier(.22,1,.36,1) .3s forwards}@keyframes prep-underline-draw{0%{width:0}to{width:clamp(140px,14vw,220px)}}.prep-subtitle{font-family:Cinzel,serif;font-size:clamp(11px,.95vw,14px);color:#e8d8ff;font-style:italic;letter-spacing:.1em;margin-top:4px;opacity:1;text-shadow:0 0 4px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)}.prep-field{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;border:none;background:transparent;box-shadow:none;overflow:hidden;pointer-events:none;z-index:1}.prep-field .prep-placement{pointer-events:none}.prep-field-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(167,139,250,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.12) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;opacity:.5}.prep-field-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,215,0,.06) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(167,139,250,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,80,60,.08) 0%,transparent 50%);pointer-events:none;animation:prepFieldPulse 4s ease-in-out infinite}@keyframes prepFieldPulse{0%,to{opacity:.6}50%{opacity:1}}.prep-placement{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:4px;animation:prepPlaceIn .55s cubic-bezier(.22,1.4,.36,1) both}@keyframes prepPlaceIn{0%{opacity:0;transform:scale(.4) translateY(-20px);filter:brightness(2)}60%{opacity:1;transform:scale(1.1) translateY(2px);filter:brightness(1.3)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1)}}.prep-placement-pad{position:absolute;bottom:2px;left:50%;width:60px;height:16px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(255,215,0,.35) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:padPulse 2.5s ease-in-out infinite;z-index:0}@keyframes padPulse{0%,to{opacity:.55;transform:translate(-50%) scale(.95)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}.prep-placement-sprite-wrap{position:relative;width:82px;height:82px;display:flex;align-items:center;justify-content:center;animation:prepBob 2.6s ease-in-out infinite}@keyframes prepBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.prep-placement-sprite{image-rendering:pixelated;filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,215,0,.4))}.prep-placement-sprite.weapon{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.prep-placement-fallback{font-size:56px;color:gold;filter:drop-shadow(0 0 12px currentColor)}.prep-placement-name{font-family:Cinzel,serif;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff5cc;text-shadow:0 0 10px rgba(255,215,0,.7),0 0 18px rgba(255,170,0,.4),0 1px 3px rgba(0,0,0,1);padding:3px 10px;background:#080612c7;border:1px solid rgba(255,215,0,.45);border-radius:3px;white-space:nowrap;z-index:3;box-shadow:0 2px 6px #0009}.prep-deck-section{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:960px}.prep-section-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#d8d0f0;display:flex;align-items:center;gap:14px;text-shadow:0 0 4px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9)}.prep-section-label:before,.prep-section-label:after{content:"";width:clamp(30px,4vw,60px);height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.5),transparent)}.prep-deck-pill{padding:5px 18px;background:#140c28c7;border:1px solid rgba(167,139,250,.45);border-radius:999px;font-size:12px;font-weight:600;color:#e8d8ff;letter-spacing:.08em;text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.prep-carousel-wrapper{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:12px 20px 16px;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.3) transparent}.prep-carousel-wrapper::-webkit-scrollbar{height:4px}.prep-carousel-wrapper::-webkit-scrollbar-track{background:transparent}.prep-carousel-wrapper::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}.prep-carousel{display:flex;gap:clamp(10px,1.2vw,20px);width:max-content;padding:4px 8px}.prep-carousel-item{scroll-snap-align:center;flex-shrink:0;transition:transform .2s cubic-bezier(.22,1,.36,1)}.prep-carousel-item:hover{z-index:10}.prep-transition .prep-carousel-item{transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .6s ease!important;pointer-events:none}.prep-phase-converge .prep-carousel-item{transform:scale(.55)!important}.prep-phase-converge .prep-carousel{filter:brightness(1.3) drop-shadow(0 0 20px rgba(167,139,250,.6));transition:filter 1s ease}.prep-phase-flash .prep-carousel-item{transform:scale(0) translateY(-80px)!important;opacity:0!important;transition:transform .6s cubic-bezier(.4,0,1,1),opacity .4s ease-in!important}.prep-phase-flash .prep-main{opacity:0;transition:opacity .6s ease-in}.prep-phase-flash .prep-banner{opacity:0;transition:opacity .4s ease-in}.prep-whiteout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(circle at center,rgba(167,139,250,.15) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .6s ease-out,background .6s ease-out}.prep-whiteout.active{background:#fffffff2;opacity:1;transition:opacity .8s ease-in,background .8s ease-in}.prep-cta-row{display:flex;gap:18px;align-items:stretch;flex-wrap:wrap;justify-content:center}.prep-cta-btn{position:relative;padding:clamp(12px,1.2vh,18px) clamp(32px,3.5vw,52px);font-family:var(--font-display);font-size:clamp(13px,1.1vw,17px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bg-void);background:linear-gradient(180deg,#fff176,gold 45%,#f9a825);border:1px solid rgba(255,215,0,.6);border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 24px #ffd70059,inset 0 0 20px #fff3}.prep-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 36px #ffd70099,inset 0 0 28px #ffffff4d}.prep-cta-btn:active{transform:translateY(0)}.prep-cta-btn:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.3)}.prep-cta-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.prep-cta-btn:hover:not(:disabled):before{transform:translate(100%)}.prep-cta-btn.secondary{background:transparent;color:var(--arcane-soft);border-color:#88ccff80;box-shadow:0 2px 16px #88ccff26,inset 0 0 12px #88ccff0f}.prep-cta-btn.secondary:hover{background:#88ccff14;box-shadow:0 4px 28px #88ccff59,inset 0 0 20px #88ccff1f}.prep-empty{font-family:var(--font-body);font-style:italic;color:#d0c8e0;text-align:center;padding:20px;text-shadow:0 0 4px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9)}.prep-economy{display:flex;align-items:center;gap:14px;padding:10px 22px;background:#0d0d20b3;border:1px solid rgba(167,139,250,.25);border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 24px #6644cc26,inset 0 0 12px #a78bfa14}.prep-economy-icon{font-family:var(--font-display);color:var(--divine);font-size:16px;filter:drop-shadow(0 0 6px var(--divine-glow))}.prep-economy-label{font-family:var(--font-display);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.prep-economy-value{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--divine-soft)}.prep-shop-btn{margin-left:6px;padding:8px 16px;background:linear-gradient(180deg,#1a1a36,#0d0d20);color:var(--rift-soft);border:1px solid rgba(167,139,250,.4);border-radius:4px;font-family:var(--font-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.prep-shop-btn:hover{background:linear-gradient(180deg,#2a2a56,#1a1a36);border-color:var(--rift-soft);color:var(--text-main);box-shadow:0 0 16px var(--rift-glow)}.prep-title{animation:prepTitleBreathe 4.2s ease-in-out infinite;position:relative}@keyframes prepTitleBreathe{0%,to{text-shadow:0 0 6px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85),0 0 24px rgba(167,139,250,.5),0 0 60px rgba(102,68,204,.35)}50%{text-shadow:0 0 6px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85),0 0 36px rgba(255,215,0,.6),0 0 80px rgba(167,139,250,.55),0 0 120px rgba(102,68,204,.4)}}.prep-title-accent{background-size:100% 100%,200% 100%;background-image:linear-gradient(180deg,#fff8d0,gold 45%,#f9a825),linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);-webkit-background-clip:text,text;background-clip:text,text;animation:prepTitleSheen 3.6s ease-in-out infinite}@keyframes prepTitleSheen{0%{background-position:0% 0%,-150% 0%}to{background-position:0% 0%,250% 0%}}.prep-title-group{position:relative}.prep-title-group:before,.prep-title-group:after{content:"✦";position:absolute;font-size:14px;color:#fff5cc;text-shadow:0 0 6px rgba(255,215,0,.9),0 0 12px rgba(255,170,0,.6);pointer-events:none;opacity:0}.prep-title-group:before{top:8%;left:18%;animation:prepSparkleA 4.5s ease-in-out infinite}.prep-title-group:after{top:18%;right:16%;animation:prepSparkleB 5.2s ease-in-out infinite 1.2s}@keyframes prepSparkleA{0%,to{opacity:0;transform:translate(0) scale(.6) rotate(0)}20%{opacity:1;transform:translate(-8px,-12px) scale(1.2) rotate(45deg)}60%{opacity:.6;transform:translate(-20px,-28px) scale(.9) rotate(120deg)}}@keyframes prepSparkleB{0%,to{opacity:0;transform:translate(0) scale(.5) rotate(0)}25%{opacity:1;transform:translate(10px,-8px) scale(1.3) rotate(-60deg)}70%{opacity:.5;transform:translate(24px,-22px) scale(.7) rotate(-180deg)}}.prep-cta-btn{animation:prepCtaPulse 2.4s ease-in-out infinite}@keyframes prepCtaPulse{0%,to{box-shadow:0 4px 24px #ffd70059,0 0 #ffd70080,inset 0 0 20px #fff3}50%{box-shadow:0 6px 36px #ffd7008c,0 0 0 8px #ffd70000,inset 0 0 28px #ffffff4d}}.prep-cta-btn:before{animation:prepCtaSheen 3.2s ease-in-out infinite}@keyframes prepCtaSheen{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.prep-cta-btn:hover:before{animation-duration:1.5s}.prep-cta-btn:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:12px;background:radial-gradient(ellipse,rgba(255,215,0,.35) 0%,transparent 65%);z-index:-1;opacity:.6;animation:prepCtaHalo 3s ease-in-out infinite;pointer-events:none}@keyframes prepCtaHalo{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.prep-cta-btn.secondary{animation:prepCtaPulseAzure 2.8s ease-in-out infinite}@keyframes prepCtaPulseAzure{0%,to{box-shadow:0 0 14px #88ccff40,0 0 #8cf6}50%{box-shadow:0 0 24px #88ccff80,0 0 0 6px #8cf0}}.prep-placement-sprite-wrap:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.18) 60deg,transparent 120deg,rgba(167,139,250,.18) 200deg,transparent 260deg,rgba(255,215,0,.18) 320deg,transparent 360deg);animation:prepHeroRing 8s linear infinite;pointer-events:none;z-index:-1;filter:blur(2px)}@keyframes prepHeroRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prep-placement-sprite{animation:prepHeroAura 3.4s ease-in-out infinite}@keyframes prepHeroAura{0%,to{filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(255,215,0,.75)) drop-shadow(0 0 28px rgba(167,139,250,.4))}}.prep-placement-sprite.weapon{animation:prepHeroAuraWeapon 3.4s ease-in-out infinite}@keyframes prepHeroAuraWeapon{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 0 16px rgba(255,215,0,1)) drop-shadow(0 0 24px rgba(255,170,0,.55))}}.prep-field .prep-placement:nth-child(3n) .prep-placement-sprite{animation-delay:-.8s}.prep-field .prep-placement:nth-child(3n+1) .prep-placement-sprite{animation-delay:-1.6s}.prep-field .prep-placement:nth-child(4n) .prep-placement-sprite-wrap:before{animation-duration:11s;animation-direction:reverse}.prep-field .prep-placement:nth-child(2n) .prep-placement-sprite-wrap:before{animation-duration:9.5s}.prep-placement-pad{width:72px;height:20px;background:radial-gradient(ellipse,rgba(255,215,0,.5) 0%,rgba(167,139,250,.2) 45%,transparent 75%);filter:blur(1px)}.prep-placement-name{animation:prepHeroNameGlow 4s ease-in-out infinite}@keyframes prepHeroNameGlow{0%,to{box-shadow:0 2px 6px #0009,0 0 4px #ffd70026}50%{box-shadow:0 2px 6px #0009,0 0 14px #ffd7008c}}.deck-build-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(160deg,#04040e,#0a0a1e,#07071a);color:var(--text-main);font-family:var(--font-body);overflow:hidden;z-index:100;pointer-events:auto}.deck-build-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px 12px;background:#040414eb;border-bottom:1px solid rgba(167,139,250,.2);flex-shrink:0}.deck-build-topbar-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;flex:1}.deck-build-title{position:relative;font-family:var(--font-display);font-size:clamp(22px,2.4vw,32px);font-weight:900;letter-spacing:.3em;margin:0;line-height:1.1;background:linear-gradient(180deg,#fff,#fff3a0 25%,#ffd24a 60%,#a07520);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(255,215,0,.55)) drop-shadow(0 2px 0 rgba(0,0,0,.7));display:inline-block}.deck-build-title:before,.deck-build-title:after{content:"✦";position:absolute;top:50%;font-size:.55em;color:#ffd24a;-webkit-text-fill-color:#ffd24a;filter:drop-shadow(0 0 6px rgba(255,215,0,.85));animation:deckBuildTitleFlourish 3.4s ease-in-out infinite}.deck-build-title:before{left:-1.4em;transform:translateY(-50%)}.deck-build-title:after{right:-1.4em;transform:translateY(-50%);animation-delay:1.7s}@keyframes deckBuildTitleFlourish{0%,to{opacity:.45;transform:translateY(-50%) scale(1) rotate(0)}50%{opacity:1;transform:translateY(-50%) scale(1.25) rotate(180deg)}}.deck-build-subtitle{position:relative;font-family:var(--font-display);font-size:clamp(11px,.95vw,14px);color:#d8c89c;letter-spacing:.22em;margin:6px 0 0;text-transform:uppercase;text-shadow:0 0 8px rgba(255,215,0,.4),0 1px 0 rgba(0,0,0,.7);font-style:italic;font-weight:600;display:inline-block}.deck-build-subtitle:before,.deck-build-subtitle:after{content:"";display:inline-block;width:clamp(20px,4vw,60px);height:1px;vertical-align:middle;margin:0 12px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.6),transparent)}.deck-build-topbar-right{display:flex;align-items:center;gap:14px}.deck-build-back-btn{position:relative;padding:9px 20px 9px 30px;background:linear-gradient(180deg,#281e4673,#0f081c99);border:1px solid rgba(167,139,250,.45);border-radius:5px;color:var(--rift-soft);font-family:var(--font-display);font-size:clamp(11px,.9vw,14px);letter-spacing:.18em;font-weight:700;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;flex-shrink:0;text-shadow:0 1px 0 rgba(0,0,0,.6);box-shadow:0 0 0 1px #a78bfa14 inset,0 0 12px #a78bfa2e;overflow:hidden}.deck-build-back-btn:before{content:"◂";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--rift-soft);font-size:14px;filter:drop-shadow(0 0 4px var(--rift-glow, rgba(167, 139, 250, .7)));transition:transform .18s ease}.deck-build-back-btn:after{content:"";position:absolute;top:-120%;left:-30%;width:50%;height:240%;background:linear-gradient(110deg,transparent 40%,rgba(180,160,255,.35) 50%,transparent 60%);transform:rotate(8deg);pointer-events:none;transition:left .6s ease-in-out}.deck-build-back-btn:hover{background:linear-gradient(180deg,#4632788c,#140c28b3);border-color:var(--rift-soft);box-shadow:0 0 0 1px #a78bfa2e inset,0 0 22px var(--rift-glow);transform:translate(-1px)}.deck-build-back-btn:hover:before{transform:translateY(-50%) translate(-3px)}.deck-build-back-btn:hover:after{left:130%}.deck-build-back-btn:active{transform:translate(0);filter:brightness(.95)}.deck-build-coin{position:relative;display:flex;align-items:center;gap:8px;padding:6px 16px 6px 12px;background:radial-gradient(ellipse at top left,rgba(255,220,120,.18) 0%,transparent 60%),linear-gradient(180deg,#281e08b3,#0d0d1ed9);border:1px solid rgba(255,215,0,.45);border-radius:22px;box-shadow:inset 0 1px #fff0b42e,inset 0 -1px #78500066,0 0 14px #ffc83c40;animation:deckBuildCoinPulse 3.6s ease-in-out infinite}@keyframes deckBuildCoinPulse{0%,to{box-shadow:inset 0 1px #fff0b42e,inset 0 -1px #78500066,0 0 12px #ffc83c38}50%{box-shadow:inset 0 1px #fff0b44d,inset 0 -1px #78500066,0 0 22px #ffd75a8c}}.mythic-coin-icon{display:block;filter:drop-shadow(0 0 6px rgba(255,200,60,.85));animation:mythicCoinSpin 6s ease-in-out infinite;transform-origin:center}@keyframes mythicCoinSpin{0%,to{transform:rotateY(0) scale(1)}45%{transform:rotateY(360deg) scale(1.06)}55%{transform:rotateY(360deg) scale(1.06)}}.deck-build-coin-value{font-family:var(--font-display);font-size:clamp(15px,1.2vw,19px);font-weight:800;color:#fff5b3;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,200,60,.7),0 1px 0 rgba(0,0,0,.6)}.deck-build-counter{position:relative;padding:7px 18px;background:radial-gradient(ellipse at top,rgba(140,180,255,.18) 0%,transparent 60%),linear-gradient(180deg,#141632b3,#0d0d1ed9);border:1px solid rgba(140,180,255,.45);border-radius:22px;font-family:var(--font-display);font-size:clamp(11px,.95vw,14px);font-weight:800;color:#d6e4ff;letter-spacing:.18em;text-shadow:0 0 8px rgba(140,180,255,.55),0 1px 0 rgba(0,0,0,.6);box-shadow:inset 0 1px #b4d2ff2e,inset 0 -1px #141e5066,0 0 14px #8cb4ff38;overflow:hidden}.deck-build-counter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(180,210,255,.22) 50%,transparent 70%);background-size:220% 100%;animation:deckCounterShimmer 5.5s ease-in-out infinite;pointer-events:none}@keyframes deckCounterShimmer{0%,to{background-position:-50% 0;opacity:.4}50%{background-position:150% 0;opacity:.95}}.deck-build-content.three-panel{display:grid;grid-template-columns:1fr 1.7fr;grid-template-rows:1.8fr 1fr;grid-template-areas:"shop      deck" "inventory deck";flex:1;overflow:hidden;gap:0}.deck-build-shop{grid-area:shop}.deck-build-inventory{grid-area:inventory}.deck-build-deck{grid-area:deck}.deck-build-shop,.deck-build-inventory,.deck-build-deck{position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.deck-build-shop:before,.deck-build-inventory:before,.deck-build-deck:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 28% 30%,var(--panel-accent-1, rgba(255, 215, 0, .18)) 0%,transparent 45%),radial-gradient(ellipse at 78% 72%,var(--panel-accent-2, rgba(255, 215, 0, .1)) 0%,transparent 50%);filter:blur(40px);animation:panelDrift 14s ease-in-out infinite}.deck-build-shop:after,.deck-build-inventory:after,.deck-build-deck:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(0deg,var(--panel-grid, rgba(255, 255, 255, .04)) 1px,transparent 1px),linear-gradient(90deg,var(--panel-grid, rgba(255, 255, 255, .04)) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 90%);opacity:.55}.deck-build-shop>*,.deck-build-inventory>*,.deck-build-deck>*{position:relative;z-index:1}@keyframes panelDrift{0%{transform:translate(0) scale(1)}25%{transform:translate(4%,-3%) scale(1.05)}50%{transform:translate(-3%,4%) scale(1.02)}75%{transform:translate(2%,-2%) scale(1.04)}to{transform:translate(0) scale(1)}}.deck-build-shop{border-right:1px solid rgba(255,80,80,.18);border-bottom:1px solid rgba(255,80,80,.18);background:radial-gradient(ellipse at top,#3c0e0e73,#14050559 70%);box-shadow:inset 0 0 60px #b428281f;--panel-accent-1: rgba(255, 110, 90, .22);--panel-accent-2: rgba(180, 40, 40, .16);--panel-grid: rgba(255, 120, 110, .05)}.deck-build-inventory{border-right:1px solid rgba(167,139,250,.22);background:radial-gradient(ellipse at center,#28124673,#0a051966 70%);box-shadow:inset 0 0 60px #785ac824;--panel-accent-1: rgba(167, 139, 250, .22);--panel-accent-2: rgba(110, 80, 200, .16);--panel-grid: rgba(180, 150, 255, .05)}.deck-build-deck{background:radial-gradient(ellipse at bottom,#1e1e5080,#05051973 70%);box-shadow:inset 0 0 60px #8cb4ff1f;--panel-accent-1: rgba(140, 180, 255, .22);--panel-accent-2: rgba(80, 110, 220, .16);--panel-grid: rgba(160, 200, 255, .05)}.deck-build-panel-header{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 20px 12px;font-family:var(--font-display);font-size:clamp(13px,1.1vw,18px);font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;text-align:center;overflow:hidden}.deck-build-panel-header>span{position:relative;display:inline-flex;align-items:center;gap:10px;text-shadow:0 0 10px currentColor,0 1px 0 rgba(0,0,0,.7);filter:drop-shadow(0 0 4px currentColor);background-image:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:220% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;animation:panelHeaderSweep 5s ease-in-out infinite}@keyframes panelHeaderSweep{0%,to{background-position:-50% 0}50%{background-position:150% 0}}.deck-build-panel-header>span:before,.deck-build-panel-header>span:after{content:"◆";font-size:.7em;opacity:.85;filter:drop-shadow(0 0 6px currentColor);animation:panelHeaderDiamond 3.2s ease-in-out infinite}.deck-build-panel-header>span:after{animation-delay:1.6s}@keyframes panelHeaderDiamond{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(180deg)}}.deck-build-panel-header:after{content:"";position:absolute;left:12%;right:12%;bottom:6px;height:1px;background:linear-gradient(90deg,transparent 0%,currentColor 50%,transparent 100%);background-size:200% 100%;opacity:.6;animation:panelHeaderUnderline 4.5s ease-in-out infinite;pointer-events:none}@keyframes panelHeaderUnderline{0%,to{background-position:-50% 0;opacity:.35}50%{background-position:150% 0;opacity:.85}}.deck-build-shop .deck-build-panel-header{color:#f87}.deck-build-inventory .deck-build-panel-header{color:#b39ddb}.deck-build-deck .deck-build-panel-header{color:var(--rift-soft)}.deck-build-grid{display:flex;flex-wrap:wrap;gap:24px;padding:22px 24px;overflow-y:auto;align-content:flex-start;flex:1;-webkit-overflow-scrolling:touch;touch-action:pan-y}.deck-build-grid::-webkit-scrollbar{width:5px}.deck-build-grid::-webkit-scrollbar-track{background:transparent}.deck-build-grid::-webkit-scrollbar-thumb{background:#a78bfa40;border-radius:3px}.deck-build-card-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;transition:transform .18s ease-out,filter .18s}.deck-build-card-wrap.clickable{cursor:pointer}.deck-build-card-wrap.disabled{filter:grayscale(.4) brightness(.7);cursor:not-allowed}.deck-build-action-hint{font-family:Cinzel,serif;font-size:clamp(9px,.7vw,11px);font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:4px;opacity:.7;transition:opacity .15s}.deck-build-card-wrap:hover .deck-build-action-hint{opacity:1}.deck-build-action-hint.add{color:#b39ddb;border:1px solid rgba(167,139,250,.4);background:#3c287826}.deck-build-action-hint.remove{color:#f87;border:1px solid rgba(255,80,60,.4);background:#50141426}.deck-build-card-wrap.disabled .deck-build-action-hint{opacity:.4}.deck-build-owned-pill{padding:3px 10px;background:#a78bfa26;border:1px solid rgba(167,139,250,.4);border-radius:10px;font-family:var(--font-display);font-size:clamp(9px,.7vw,11px);font-weight:600;color:var(--rift-soft);letter-spacing:.12em}.deck-build-buy-btn{width:100%;padding:7px 10px;font-family:var(--font-display);font-size:clamp(10px,.8vw,12px);font-weight:900;letter-spacing:.15em;color:#1a0f00;background:linear-gradient(180deg,#ffe566,gold,#cc9c00);border:1px solid #fff5cc;border-radius:5px;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 2px 8px #ffd70066,inset 0 1px #ffffff80,inset 0 -2px 4px #7850004d;transition:all .12s ease-out}.deck-build-buy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ffd700a6,inset 0 1px #fff9,inset 0 -2px 4px #7850004d;filter:brightness(1.08)}.deck-build-buy-btn:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(.6)}.deck-build-add-btn{width:100%;padding:6px 10px;font-family:var(--font-display);font-size:clamp(9px,.72vw,11px);font-weight:700;letter-spacing:.1em;color:var(--rift-soft);background:transparent;border:1px solid rgba(167,139,250,.45);border-radius:5px;cursor:pointer;transition:all .12s ease-out}.deck-build-add-btn:hover:not(:disabled){background:#a78bfa1a;border-color:var(--rift-soft);box-shadow:0 0 10px var(--rift-glow)}.deck-build-add-btn:disabled{cursor:not-allowed;opacity:.3}.deck-build-remove-btn{width:100%;padding:6px 10px;font-family:var(--font-display);font-size:clamp(9px,.72vw,11px);font-weight:700;letter-spacing:.1em;color:#f87;background:transparent;border:1px solid rgba(255,80,60,.4);border-radius:5px;cursor:pointer;transition:all .12s ease-out}.deck-build-remove-btn:hover{background:#ff503c1a;border-color:#f65;box-shadow:0 0 10px #ff503c4d}.deck-build-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;font-family:var(--font-body);font-style:italic;color:var(--text-muted);text-align:center;line-height:1.7;font-size:clamp(12px,1vw,15px)}.result-coins-earned{padding:10px 28px;background:#0d0d1eb3;border:1px solid rgba(255,215,0,.35);border-radius:24px;font-family:var(--font-display);font-size:clamp(13px,1.1vw,18px);font-weight:700;color:var(--divine);letter-spacing:.12em;text-shadow:0 0 14px var(--divine-glow);text-align:center;margin-bottom:6px}.deck-build-shop-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:18px 20px 22px;flex:1;overflow:hidden}.deck-build-pull-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.deck-build-pull-empty{font-family:var(--font-body);font-style:italic;color:var(--text-muted);text-align:center;font-size:clamp(11px,.9vw,14px);line-height:1.6;padding:30px 24px;border:1px dashed rgba(255,215,0,.2);border-radius:8px;background:#0000002e;max-width:320px}.recruit-stage{--recruit-color: var(--rarity, #ffd700);--recruit-aura: var(--rarity-accent, #fff5cc);--recruit-glow: var(--rarity-glow, rgba(255, 215, 0, .7));position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.recruit-stage--normal .recruit-banner{font-size:clamp(11px,1.05vw,16px);letter-spacing:8px;opacity:.85}.recruit-stage--normal .recruit-bg-flash{opacity:.55}.recruit-stage--elite .recruit-banner{font-size:clamp(12px,1.2vw,19px);letter-spacing:10px}.recruit-stage--legend .recruit-banner{font-size:clamp(15px,1.55vw,26px);letter-spacing:14px;text-shadow:0 0 22px var(--recruit-glow),0 0 44px var(--recruit-glow),0 0 68px var(--recruit-aura),0 2px 4px rgba(0,0,0,.8)}.recruit-stage--elite .recruit-bg-rays{filter:hue-rotate(195deg) saturate(1.1) blur(1px)}.recruit-bg-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,var(--recruit-aura, rgba(255, 245, 204, .85)) 0%,var(--recruit-glow, rgba(255, 215, 0, .4)) 25%,transparent 60%);animation:recruitBgFlash .7s ease-out both;pointer-events:none}@keyframes recruitBgFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.recruit-bg-rays{position:absolute;left:50%;top:50%;width:720px;height:720px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgba(255,215,0,.6) 0deg,transparent 8deg,transparent 22deg,rgba(255,245,204,.5) 30deg,transparent 38deg,transparent 52deg,rgba(255,215,0,.6) 60deg,transparent 68deg,transparent 82deg,rgba(255,245,204,.5) 90deg,transparent 98deg,transparent 112deg,rgba(255,215,0,.6) 120deg,transparent 128deg,transparent 142deg,rgba(255,245,204,.5) 150deg,transparent 158deg,transparent 172deg,rgba(255,215,0,.6) 180deg,transparent 188deg,transparent 202deg,rgba(255,245,204,.5) 210deg,transparent 218deg,transparent 232deg,rgba(255,215,0,.6) 240deg,transparent 248deg,transparent 262deg,rgba(255,245,204,.5) 270deg,transparent 278deg,transparent 292deg,rgba(255,215,0,.6) 300deg,transparent 308deg,transparent 322deg,rgba(255,245,204,.5) 330deg,transparent 338deg);-webkit-mask-image:radial-gradient(circle,transparent 8%,black 18%,black 60%,transparent 78%);mask-image:radial-gradient(circle,transparent 8%,black 18%,black 60%,transparent 78%);animation:recruitRays 2.5s linear infinite,recruitRaysFade 1.6s ease-out both;pointer-events:none}.recruit-bg-rays.counter{opacity:.55;animation:recruitRaysCounter 3.2s linear infinite,recruitRaysFade 1.6s ease-out both;filter:blur(2px)}@keyframes recruitRays{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes recruitRaysCounter{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes recruitRaysFade{0%{opacity:0}25%{opacity:1}to{opacity:.15}}.recruit-ring{position:absolute;left:50%;top:50%;width:80px;height:80px;border:3px solid var(--recruit-color, rgba(255, 215, 0, .9));border-radius:50%;box-shadow:0 0 24px var(--recruit-glow, rgba(255, 215, 0, .6)),inset 0 0 18px var(--recruit-glow, rgba(255, 215, 0, .3));animation:recruitRing 1s ease-out both;pointer-events:none}.recruit-ring.r1{animation-delay:0s}.recruit-ring.r2{animation-delay:.18s;border-color:var(--recruit-aura, rgba(255, 245, 204, .7))}.recruit-ring.r3{animation-delay:.36s;border-color:var(--recruit-color, rgba(255, 170, 68, .6));border-width:2px}@keyframes recruitRing{0%{opacity:1;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(5.5)}}.recruit-spark{--ang: 0deg;--delay: 0ms;position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--recruit-aura, #fff5cc);border-radius:50%;box-shadow:0 0 10px var(--recruit-color, #ffd700),0 0 22px var(--recruit-glow, rgba(255, 215, 0, .7)),0 0 36px var(--recruit-glow, rgba(255, 170, 0, .4));pointer-events:none;animation:recruitSpark 1.1s cubic-bezier(.22,1,.36,1) var(--delay) both}@keyframes recruitSpark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translateY(-10px) scale(.3)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translateY(-260px) scale(.6)}}.recruit-confetti{--cx: 0%;--cy: 0%;--dur: 1.6s;--delay: .3s;--rot: 360deg;--col: #ffd700;position:absolute;left:calc(50% + var(--cx));top:calc(50% + var(--cy));width:6px;height:9px;background:var(--col);box-shadow:0 0 8px var(--col);pointer-events:none;animation:recruitConfetti var(--dur) ease-in var(--delay) both}@keyframes recruitConfetti{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(180px) rotate(var(--rot))}}.recruit-banner{position:absolute;left:50%;top:8%;transform:translate(-50%);font-family:Cinzel,serif;font-size:clamp(14px,1.4vw,22px);font-weight:900;letter-spacing:12px;color:var(--recruit-aura, #fff5cc);text-shadow:0 0 20px var(--recruit-glow, rgba(255, 215, 0, .9)),0 0 38px var(--recruit-glow, rgba(255, 170, 0, .7)),0 2px 4px rgba(0,0,0,.8);padding:6px 22px;border-top:1px solid var(--recruit-color, rgba(255, 215, 0, .6));border-bottom:1px solid var(--recruit-color, rgba(255, 215, 0, .6));background:linear-gradient(180deg,transparent,var(--recruit-glow, rgba(255, 215, 0, .08)),transparent);pointer-events:none;animation:recruitBannerIn .7s cubic-bezier(.22,1.4,.36,1) both}@keyframes recruitBannerIn{0%{opacity:0;letter-spacing:30px;transform:translate(-50%) translateY(-12px)}60%{opacity:1;letter-spacing:6px}to{letter-spacing:12px;transform:translate(-50%) translateY(0)}}.recruit-card{position:relative;width:clamp(220px,19vw,320px);padding:3px;border-radius:14px;animation:recruitCardIn .65s cubic-bezier(.22,1.4,.36,1) both,recruitCardBreathe 3.2s ease-in-out .7s infinite;filter:drop-shadow(0 6px 20px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(255,215,0,.5))}@keyframes recruitCardIn{0%{opacity:0;transform:scale(.5) rotateY(80deg);filter:brightness(2.5) drop-shadow(0 0 30px #ffd700)}60%{opacity:1;transform:scale(1.06) rotateY(-6deg);filter:brightness(1.5) drop-shadow(0 0 20px #ffd700)}to{transform:scale(1) rotateY(0);filter:brightness(1)}}@keyframes recruitCardBreathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.015) translateY(-3px)}}.recruit-card-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:conic-gradient(from 0deg,gold,#fff5cc,#f84,#a4f,gold);animation:recruitBorderSpin 3s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px}@keyframes recruitBorderSpin{to{transform:rotate(360deg);filter:hue-rotate(360deg)}}.recruit-card-inner{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px 12px 10px;background:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.18) 0%,transparent 60%),linear-gradient(180deg,#1a1408,#0a0804 60%,#1a1408);border-radius:12px;overflow:hidden}.recruit-card-shine{position:absolute;top:-50%;left:-100%;width:70%;height:200%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);pointer-events:none;animation:recruitShine 2.4s ease-in-out .6s infinite}@keyframes recruitShine{0%{transform:translate(0)}60%{transform:translate(380%)}to{transform:translate(380%)}}.recruit-card-rarity{align-self:center;font-family:Cinzel,serif;font-size:11px;font-weight:900;color:#1a0f00;letter-spacing:4px;padding:3px 18px;background:linear-gradient(180deg,#ffe566,gold,#cc9c00);border-radius:3px;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 0 14px #ffd700b3;animation:recruitRarityPulse 1.6s ease-in-out infinite;z-index:2}@keyframes recruitRarityPulse{0%,to{box-shadow:0 0 14px #ffd700b3}50%{box-shadow:0 0 24px gold}}.recruit-card-art{position:relative;width:100%;aspect-ratio:1.05;border:1.5px solid #ffd700;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1530,#050410 75%);box-shadow:inset 0 0 28px #000000bf}.recruit-card-art-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,rgba(255,215,0,.65) 0%,transparent 55%);animation:recruitArtGlow 2.4s ease-in-out infinite;pointer-events:none}@keyframes recruitArtGlow{0%,to{opacity:.55}50%{opacity:1}}.recruit-card-sprite-stack{position:relative;z-index:2;animation:recruitSpriteBob 2.4s ease-in-out infinite}.recruit-card-sprite{image-rendering:pixelated;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7)) drop-shadow(0 0 18px #fff5cc) drop-shadow(0 0 28px rgba(255,215,0,.6))}.recruit-card-sprite-weapon{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 0 10px rgba(255,215,0,.7)) drop-shadow(0 0 18px rgba(255,170,0,.5))}@keyframes recruitSpriteBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.recruit-card-fallback{font-size:80px;color:gold;filter:drop-shadow(0 0 16px currentColor)}.recruit-card-appellation{font-family:Cinzel,serif;font-size:10px;font-weight:600;font-style:italic;color:#fff5ccc7;text-align:center;letter-spacing:2.5px;text-transform:uppercase;text-shadow:0 0 8px rgba(255,215,0,.4)}.recruit-card-name{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0 5px;border-top:1px solid rgba(255,215,0,.5);border-bottom:1px solid rgba(255,215,0,.5);background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.12) 50%,transparent 100%)}.recruit-flourish{color:gold;font-size:8px;filter:drop-shadow(0 0 4px currentColor)}.recruit-name-text{font-family:Cinzel,serif;font-size:clamp(15px,1.3vw,19px);font-weight:900;letter-spacing:2px;text-transform:uppercase;color:gold;text-shadow:0 0 14px currentColor,0 0 24px rgba(255,170,0,.6),0 2px 3px rgba(0,0,0,.85)}.recruit-card-ability{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;background:#0806108c;border:1px solid rgba(255,215,0,.4);border-radius:4px;margin-top:2px}.recruit-card-ability-icon{font-size:12px;color:gold;filter:drop-shadow(0 0 4px currentColor)}.recruit-card-ability-name{font-family:Cinzel,serif;font-size:11px;font-weight:700;color:gold;letter-spacing:1px;text-shadow:0 0 6px currentColor}.recruit-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 6px;padding:5px 4px 2px}.recruit-stat{display:flex;flex-direction:column;align-items:center;gap:1px;font-family:Cinzel,serif;line-height:1}.recruit-stat span{font-size:8px;font-weight:800;letter-spacing:1px;text-shadow:0 0 4px currentColor}.recruit-stat b{font-size:13px;font-weight:900;color:#fff5e0;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.85)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:0;padding:14px 16px;overflow-y:auto;align-content:flex-start;flex:1;-webkit-overflow-scrolling:touch;touch-action:pan-y;background-image:linear-gradient(rgba(167,139,250,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.18) 1px,transparent 1px);background-size:92px 110px;background-position:14px 14px}.inventory-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;margin:4px;background:linear-gradient(180deg,#140e24b3,#080612d9);border:1px solid rgba(167,139,250,.45);border-radius:4px;box-shadow:inset 0 0 8px #a78bfa14;font-family:var(--font-body);cursor:pointer;transition:all .15s ease-out}.inventory-tile:hover:not(.disabled){border-color:#ffd700b3;background:linear-gradient(180deg,#281e3ccc,#140e24e6);box-shadow:0 0 12px #ffd7004d;transform:translateY(-2px)}.inventory-tile.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.inventory-tile-sprite-wrap{position:relative;width:68px;height:68px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1530,#050410 80%);border-radius:4px;overflow:hidden}.inventory-tile-sprite{image-rendering:pixelated;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.inventory-tile-fallback{font-size:28px;color:#ffd7008c}.inventory-tile-count{position:absolute;bottom:2px;right:3px;padding:1px 5px;background:#000000d9;border:1px solid rgba(255,215,0,.6);border-radius:6px;font-family:Cinzel,serif;font-size:9px;font-weight:800;color:gold;letter-spacing:.5px}.inventory-tile-name{font-family:Cinzel,serif;font-size:10px;font-weight:700;letter-spacing:.5px;color:#f0e8d0;text-align:center;line-height:1.1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.hero-card-name-wrap{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;position:relative}.hero-card-name{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity, #ffd700) 8%,#ffffff) 0%,var(--rarity, #ffd700) 60%,color-mix(in srgb,var(--rarity, #ffd700) 60%,#000000) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6)) drop-shadow(0 0 8px var(--rarity-glow, rgba(255, 215, 0, .4)))}.hero-card-name-wrap:after{content:"";position:absolute;left:8%;right:8%;bottom:-3px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--rarity, #ffd700) 50%,transparent 100%);background-size:200% 100%;animation:heroNameUnderline 3.6s ease-in-out infinite;opacity:.7}@keyframes heroNameUnderline{0%,to{background-position:-50% 50%;opacity:.4}50%{background-position:150% 50%;opacity:.95}}.hero-card-name-flourish{font-size:10px;text-shadow:0 0 6px currentColor;opacity:.9;filter:drop-shadow(0 0 3px var(--rarity-glow, rgba(255, 215, 0, .6)));animation:heroNameFlourish 3.6s ease-in-out infinite}.hero-card-name-flourish.right{animation-delay:1.8s}@keyframes heroNameFlourish{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.hero-card-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px 6px;width:100%;padding:7px 4px 8px;margin:2px 0;border-top:1px solid var(--rarity, rgba(255, 255, 255, .18));border-bottom:1px solid var(--rarity, rgba(255, 255, 255, .18));background:linear-gradient(180deg,#0006,#0000002e);box-shadow:inset 0 0 14px color-mix(in srgb,var(--rarity-glow, #ffd700) 18%,transparent);overflow:hidden}.hero-card-stats:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);background-size:220% 220%;animation:heroStatsShimmer 6s ease-in-out infinite;pointer-events:none}@keyframes heroStatsShimmer{0%,to{background-position:-50% -50%;opacity:.4}50%{background-position:150% 150%;opacity:.85}}.hero-card-stat{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1;padding:3px 2px;border-radius:4px;transition:background .15s,transform .15s;position:relative}.hero-card.hovered .hero-card-stat{background:#ffffff0a}.hero-card-stat:hover{background:color-mix(in srgb,var(--rarity, #ffd700) 14%,transparent);transform:translateY(-1px)}.hero-card-stat-label{font-family:Cinzel,serif;font-size:9px;font-weight:800;letter-spacing:1.4px;opacity:1;text-shadow:0 0 6px currentColor,0 1px 0 rgba(0,0,0,.5)}.hero-card-stat-val{font-size:14px;font-weight:900;color:#fff5e0;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px var(--rarity-glow, rgba(255, 215, 0, .4))}.hero-card-tooltip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:14px 12px;background:linear-gradient(160deg,#06040ef7,#020208fc);border:1.5px solid;border-radius:12px;box-shadow:inset 0 0 24px #00000080,0 0 16px #ffd70026;z-index:5;pointer-events:none;animation:tooltipFadeIn .18s ease-out both;overflow:hidden}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.hero-card-tooltip-name{font-family:Cinzel,serif;font-size:15px;font-weight:800;letter-spacing:2px;text-shadow:0 0 8px currentColor;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:6px}.hero-card-tooltip-desc{font-size:14px;line-height:1.55;color:#e8dcc0;font-family:var(--font-body);text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.deck-build-summon-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 38px;font-family:Cinzel,serif;color:#1a0f00;background:radial-gradient(ellipse at top,rgba(255,255,220,.4) 0%,transparent 55%),linear-gradient(180deg,#ffeb78,#ffd24a,#d99700 70%,#8a5c00);border:2px solid #fff5cc;border-radius:8px;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.55);box-shadow:0 4px 16px #ffc33c8c,inset 0 2px #ffffffb3,inset 0 -3px 7px #784b008c,inset 0 0 0 1px #8c5a0066;transition:transform .14s ease-out,box-shadow .14s,filter .14s;flex-shrink:0;min-width:220px;overflow:hidden;animation:recruitBtnPulse 2.6s ease-in-out infinite}.deck-build-summon-btn:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(120,75,0,.35);border-radius:5px;pointer-events:none}.deck-build-summon-btn:after{content:"";position:absolute;top:-120%;left:-30%;width:50%;height:240%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);transform:rotate(8deg);pointer-events:none;transition:left .7s ease-in-out}.deck-build-summon-btn:hover:not(:disabled):after{left:130%}.deck-build-summon-btn-label{font-size:clamp(15px,1.35vw,19px);font-weight:900;letter-spacing:5px;line-height:1;text-transform:uppercase;position:relative;z-index:1}.deck-build-summon-btn-label:before{content:"✦ ";opacity:.85}.deck-build-summon-btn-label:after{content:" ✦";opacity:.85}.deck-build-summon-btn-cost{display:inline-flex;align-items:center;gap:5px;font-size:clamp(11px,1vw,14px);font-weight:800;letter-spacing:2px;opacity:.95;line-height:1;text-shadow:0 1px 0 rgba(255,240,180,.5);position:relative;z-index:1}.deck-build-summon-btn-cost .mythic-coin-icon{filter:drop-shadow(0 0 4px rgba(255,240,180,.7))}.deck-build-summon-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ffc33cd9,inset 0 2px #ffffffd9,inset 0 -3px 7px #784b008c,inset 0 0 0 1px #8c5a0066;filter:brightness(1.08)}.deck-build-summon-btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.92)}.deck-build-summon-btn:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.55) brightness(.85);animation:none;box-shadow:0 2px 8px #0000004d,inset 0 1px #fff3}@keyframes recruitBtnPulse{0%,to{box-shadow:0 4px 16px #ffc33c80,inset 0 2px #ffffffb3,inset 0 -3px 7px #784b008c,inset 0 0 0 1px #8c5a0066}50%{box-shadow:0 6px 22px #ffd75ad9,inset 0 2px #ffffffd9,inset 0 -3px 7px #784b008c,inset 0 0 0 1px #aa780080}}.deck-build-defense-row{flex-shrink:0;padding:14px 16px 18px;border-top:1px solid rgba(255,215,0,.18);background:linear-gradient(180deg,rgba(255,215,0,.06) 0%,transparent 100%);display:flex;align-items:stretch;gap:14px}.deck-build-synergy-panel{position:relative;flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:14px;padding:12px 14px;background:radial-gradient(ellipse at top left,rgba(255,215,0,.08) 0%,transparent 60%),linear-gradient(180deg,#141224d9,#080812eb);border:1px solid rgba(255,215,0,.32);border-radius:8px;font-family:Cinzel,serif;box-shadow:inset 0 1px #ffeb962e,inset 0 -1px #00000080,0 2px 12px #0006}.deck-build-synergy-panel:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,215,0,.08);border-radius:5px;pointer-events:none}.deck-build-synergy-left{display:grid;grid-template-rows:auto 1fr;min-width:0}.deck-build-synergy-title{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(180deg,#fff5b3,#ffc94a 60%,#a07520);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.5)}.deck-build-synergy-bonus-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;text-align:center}.deck-build-synergy-bonus{font-size:36px;font-weight:900;letter-spacing:1px;line-height:1;color:#f0f0f0;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 14px rgba(255,215,0,0);transition:color .25s,text-shadow .25s}.deck-build-synergy-bonus.glow{color:#fff5b3;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 14px rgba(255,215,0,.55)}.deck-build-synergy-bonus[data-tier="6"]{color:#fff7c2;text-shadow:0 0 18px rgba(255,215,0,.7)}.deck-build-synergy-bonus[data-tier="7"]{background:linear-gradient(180deg,#fffadf,gold,#ffae42);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(255,200,60,.85);animation:pantheon-pulse 2.4s ease-in-out infinite}@keyframes pantheon-pulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 0 14px rgba(255,215,0,.95))}}.deck-build-synergy-bonus-suffix{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#ffd700c7;font-weight:700}.deck-build-synergy-bonus-breakdown{display:flex;gap:10px;margin-top:6px;justify-content:center}.deck-build-synergy-bonus-breakdown .bd-row{display:inline-flex;align-items:baseline;gap:4px;padding:2px 8px;background:#0d0d1e99;border:1px solid rgba(255,215,0,.18);border-radius:10px;font-size:10px}.deck-build-synergy-bonus-breakdown .bd-tag{letter-spacing:1.2px;text-transform:uppercase;color:#dcc8a0b3;font-weight:700}.deck-build-synergy-bonus-breakdown .bd-val{font-weight:800;color:#ffd766;font-variant-numeric:tabular-nums}.deck-build-synergy-right{display:grid;grid-template-rows:1fr 1fr;gap:8px;min-width:0}.deck-build-synergy-sub{display:flex;flex-direction:column;gap:5px;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,215,0,.18);background:linear-gradient(180deg,rgba(255,215,0,.04) 0%,transparent 100%)}.deck-build-synergy-sub.unique{border-color:#8cb4ff52;background:linear-gradient(180deg,rgba(140,180,255,.06) 0%,transparent 100%)}.deck-build-synergy-sub.same{border-color:#ff825052;background:linear-gradient(180deg,rgba(255,130,80,.06) 0%,transparent 100%)}.deck-build-synergy-sub-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.deck-build-synergy-sub-title{font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#dce6ffd9}.deck-build-synergy-sub.same .deck-build-synergy-sub-title{color:#ffc8aae6}.deck-build-synergy-glyphs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:stretch;align-self:stretch}.deck-build-synergy-glyphs.single-row .deck-build-synergy-glyph-cell.glyph-only{display:flex;align-items:center;justify-content:center;padding:4px 2px;min-height:36px}.deck-build-synergy-glyph-cell.two-row{display:grid;grid-template-rows:auto auto;gap:2px;padding:4px 4px 5px;align-content:center}.deck-build-synergy-glyph-row2{text-align:center;font-size:10px;font-weight:800;color:var(--el-color);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.5);letter-spacing:.5px}.deck-build-synergy-glyph-cell.two-row.off .deck-build-synergy-glyph-row2{color:#a0a0b480}.deck-build-synergy-glyph-cell{position:relative;display:grid;grid-template-rows:auto auto auto;align-content:center;gap:3px;padding:6px;border-radius:6px;border:1px solid var(--el-color, #555);background:#0d0d1ebf;transition:transform .15s ease-out,box-shadow .15s,background .15s}.deck-build-synergy-glyph-row1{display:flex;align-items:center;justify-content:center;gap:5px}.deck-build-synergy-glyph-icon{font-size:38px;line-height:1;filter:drop-shadow(0 0 6px var(--el-color))}.deck-build-synergy-glyph-count{font-size:13px;font-weight:800;color:var(--el-color);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.5)}.deck-build-synergy-glyph-row{display:flex;align-items:baseline;justify-content:space-between;gap:4px;padding:0 2px;font-size:9px;letter-spacing:.5px;font-variant-numeric:tabular-nums}.deck-build-synergy-glyph-tag{text-transform:uppercase;color:#c8c8dc8c;font-weight:700}.deck-build-synergy-glyph-val{font-weight:800;font-size:10px}.deck-build-synergy-glyph-current .deck-build-synergy-glyph-val{color:var(--el-color)}.deck-build-synergy-glyph-next .deck-build-synergy-glyph-val{color:#b4d2ffd9}.deck-build-synergy-glyph-cell.on{background:color-mix(in srgb,var(--el-color) 24%,rgba(13,13,30,.85));box-shadow:0 0 10px color-mix(in srgb,var(--el-color) 55%,transparent),inset 0 1px #ffffff1a;transform:translateY(-1px)}.deck-build-synergy-glyph-cell.off{opacity:.6;filter:grayscale(.45)}.deck-build-synergy-glyph-cell.dominant{border-width:2px;box-shadow:0 0 14px color-mix(in srgb,var(--el-color) 75%,transparent),inset 0 1px #ffffff2e;transform:translateY(-2px) scale(1.03)}.deck-build-synergy-glyph-cell.off .deck-build-synergy-glyph-current .deck-build-synergy-glyph-val,.deck-build-synergy-glyph-cell.on .deck-build-synergy-glyph-next .deck-build-synergy-glyph-val{color:#a0a0b480}.deck-build-synergy-pip em{position:absolute;top:-6px;right:-6px;font-size:10px;font-style:normal;font-weight:900;background:var(--el-color);color:#0a0a0a;border-radius:9px;padding:1px 5px;line-height:12px;box-shadow:0 0 4px color-mix(in srgb,var(--el-color) 70%,transparent)}.deck-build-defense-btn{position:relative;flex:0 0 auto;width:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;font-family:Cinzel,serif;color:#1a0f00;background:radial-gradient(ellipse at top,rgba(255,255,220,.35) 0%,transparent 55%),linear-gradient(180deg,#ffeb78,#ffd24a,#d99700 70%,#8a5c00);border:2px solid #fff5cc;border-radius:8px;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.55);box-shadow:0 6px 22px #ffc33c99,inset 0 2px #ffffffb3,inset 0 -3px 8px #784b008c,inset 0 0 0 1px #8c5a0066;transition:transform .14s ease-out,box-shadow .14s,filter .14s;overflow:hidden}.deck-build-defense-btn:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(120,75,0,.35);border-radius:5px;pointer-events:none}.deck-build-defense-btn:after{content:"";position:absolute;top:-120%;left:-30%;width:60%;height:240%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);transform:rotate(8deg);pointer-events:none;transition:left .6s ease-in-out}.deck-build-defense-btn.ready:hover:after{left:130%}.deck-build-defense-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 30px #ffc33ce6,inset 0 2px #fffc,inset 0 -3px 8px #784b008c,inset 0 0 0 1px #8c5a0066;filter:brightness(1.08)}.deck-build-defense-btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.92)}.deck-build-defense-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.55) brightness(.85);box-shadow:0 2px 8px #0000004d,inset 0 1px #fff3}.deck-build-defense-btn.ready{animation:defense-pulse 2.6s ease-in-out infinite}@keyframes defense-pulse{0%,to{box-shadow:0 6px 22px #ffc33c8c,inset 0 2px #ffffffb3,inset 0 -3px 8px #784b008c,inset 0 0 0 1px #8c5a0066}50%{box-shadow:0 8px 28px #ffd75af2,inset 0 2px #ffffffd9,inset 0 -3px 8px #784b008c,inset 0 0 0 1px #aa780080}}.deck-build-defense-btn-icon{font-size:22px;line-height:1;color:#4a2a00;text-shadow:0 1px 0 rgba(255,240,180,.5);margin-bottom:-2px}.deck-build-defense-btn-label{font-size:clamp(30px,2.8vw,40px);font-weight:900;letter-spacing:7px;line-height:1;text-transform:uppercase}.deck-build-defense-btn-hint{font-size:10px;font-weight:700;letter-spacing:2px;font-style:normal;text-transform:uppercase;color:#281900b3;text-shadow:0 1px 0 rgba(255,240,180,.4)}.deck-build-defense-btn-hint.ready-hint{color:#281900d9}.deck-build-defense-btn:disabled .deck-build-defense-btn-hint{color:#3c1e00a6}.prep-banner-coins{display:flex;align-items:center;gap:5px;padding:4px 12px;background:#0d0d1eb3;border:1px solid rgba(255,215,0,.25);border-radius:14px;margin-left:12px}.prep-banner-coin-icon{color:var(--divine);font-size:12px;filter:drop-shadow(0 0 4px var(--divine-glow))}.hero-card{position:relative;overflow:hidden;isolation:isolate}.hero-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--rarity-accent) 0%,var(--rarity) 35%,transparent 50%,var(--rarity) 65%,var(--rarity-accent) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.85;z-index:0}.hero-card:after{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:28px;background:radial-gradient(ellipse at center,var(--rarity-glow) 0%,transparent 65%);filter:blur(14px);opacity:.55;pointer-events:none;z-index:-1;animation:heroCardHalo 3.6s ease-in-out infinite}@keyframes heroCardHalo{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.hero-card-shine{display:none}.hero-card-sprite-window{position:relative;isolation:isolate}.hero-card-sprite-window>.hero-card-sprite-stack{position:relative;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)) drop-shadow(0 0 6px var(--el-color, var(--rarity, #888)));transition:filter .2s ease-out}.hero-card.hovered .hero-card-sprite-window>.hero-card-sprite-stack{filter:drop-shadow(0 3px 10px rgba(0,0,0,.7)) drop-shadow(0 0 12px var(--el-color, var(--rarity, #888)))}.hero-card-sprite-aura{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--el-color, #ffd700) 32%,transparent) 90deg,transparent 180deg,color-mix(in srgb,var(--rarity, #ffd700) 30%,transparent) 270deg,transparent 360deg);filter:blur(10px);opacity:.55;z-index:0;animation:heroSpriteAura 7s linear infinite;pointer-events:none}@keyframes heroSpriteAura{to{transform:rotate(360deg)}}.hero-card-sprite-halo{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:6px;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--el-color, #ffd700) 32%,transparent) 0%,transparent 60%);z-index:1;pointer-events:none;animation:heroSpriteHalo 2.6s ease-in-out infinite}@keyframes heroSpriteHalo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}.hero-card-sprite-floor{position:absolute;bottom:8px;left:50%;width:70%;height:12px;transform:translate(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--el-color, #ffd700) 55%,transparent) 0%,transparent 70%);filter:blur(2px);z-index:1;pointer-events:none;animation:heroSpriteFloor 2.6s ease-in-out infinite}@keyframes heroSpriteFloor{0%,to{opacity:.6;transform:translate(-50%) scaleX(1)}50%{opacity:.9;transform:translate(-50%) scaleX(1.12)}}.hero-card-sprite-mote{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--el-color, #ffd700);box-shadow:0 0 6px var(--el-color, #ffd700);z-index:2;pointer-events:none;opacity:0}.hero-card-sprite-mote.m1{left:18%;animation:heroSpriteMote 4.2s ease-in-out infinite;animation-delay:.2s}.hero-card-sprite-mote.m2{left:50%;animation:heroSpriteMote 5s ease-in-out infinite;animation-delay:1.4s}.hero-card-sprite-mote.m3{left:78%;animation:heroSpriteMote 4.6s ease-in-out infinite;animation-delay:2.6s}@keyframes heroSpriteMote{0%{opacity:0;bottom:8%;transform:translate(0)}20%{opacity:.9}60%{opacity:.7}to{opacity:0;bottom:86%;transform:translate(6px)}}.hero-card.hovered .hero-card-sprite-aura{animation-duration:3.5s;opacity:.8}.hero-card.hovered .hero-card-sprite-halo,.hero-card.hovered .hero-card-sprite-floor{animation-duration:1.4s}.hero-card-corner{position:absolute;font-size:10px;color:var(--rarity);text-shadow:0 0 6px var(--rarity-glow);opacity:.85;pointer-events:none;z-index:2;filter:drop-shadow(0 0 3px var(--rarity-glow))}.hero-card-corner.tl{top:4px;left:4px}.hero-card-corner.tr{top:4px;right:4px}.hero-card-corner.bl{bottom:4px;left:4px}.hero-card-corner.br{bottom:4px;right:4px}.hero-card-rarity-banner{align-self:center;padding:4px 22px;font-size:clamp(9px,.7vw,12px);color:#0a0a18;font-weight:800;letter-spacing:.18em;border-radius:3px;margin-top:-2px;text-shadow:0 1px 0 rgba(255,255,255,.45),0 0 6px rgba(0,0,0,.3);position:relative;z-index:3;background-size:220% 100%!important;animation:rarityShimmer 4s linear infinite;box-shadow:0 0 10px var(--rarity-glow, rgba(255, 215, 0, .5)),inset 0 1px #ffffff73,inset 0 -1px #0006;overflow:hidden}.hero-card-rarity-banner:before,.hero-card-rarity-banner:after{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;color:#fff;text-shadow:0 0 4px rgb(0,255,115)}.hero-card-rarity-banner:before{content:var(--rarity-glyph, "✦");left:2px}.hero-card-rarity-banner:after{content:var(--rarity-glyph, "✦");right:2px}@keyframes rarityShimmer{0%{background-position:0% 50%}to{background-position:220% 50%}}.hero-card-rarity-banner.rarity-legend{animation:rarityShimmer 2s linear infinite,legendBannerPulse 2.4s ease-in-out infinite}@keyframes legendBannerPulse{0%,to{box-shadow:0 0 12px var(--rarity-glow, rgba(255, 215, 0, .6)),inset 0 1px #ffffff73,inset 0 -1px #0006}50%{box-shadow:0 0 22px var(--rarity-glow, rgba(255, 215, 0, .95)),inset 0 1px #ffffffb3,inset 0 -1px #0006}}.hero-card--legend:after{animation-duration:2.6s;opacity:.85}.hero-card--elite:after{opacity:.6}.hero-card--normal:after{opacity:.35}.hero-card--legend:before{background:radial-gradient(circle at 20% 15%,var(--rarity-glow) 0%,transparent 4%),radial-gradient(circle at 78% 22%,var(--rarity-glow) 0%,transparent 3%),radial-gradient(circle at 65% 70%,var(--rarity-glow) 0%,transparent 4%),radial-gradient(circle at 30% 82%,var(--rarity-glow) 0%,transparent 3%),linear-gradient(135deg,var(--rarity-accent) 0%,var(--rarity) 35%,transparent 50%,var(--rarity) 65%,var(--rarity-accent) 100%)}.inventory-tile{position:relative;isolation:isolate;overflow:hidden;border:1.5px solid var(--rarity, rgba(167, 139, 250, .45));background:linear-gradient(180deg,color-mix(in srgb,var(--rarity, #4a3d6e) 12%,rgba(20,14,36,.85)),#080612eb);transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s}.inventory-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--rarity-accent, #fff) 0%,var(--rarity, #888) 50%,var(--rarity-accent, #fff) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none;z-index:0}.inventory-tile-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 48%,rgba(255,255,255,.34) 50%,rgba(255,255,255,.18) 52%,transparent 70%);background-size:220% 220%;background-position:-150% -150%;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .2s;z-index:1}.inventory-tile:hover:not(.disabled){border-color:var(--rarity-accent, var(--rarity));box-shadow:0 0 0 1px var(--rarity-accent, var(--rarity)),0 0 18px var(--rarity-glow, rgba(255, 215, 0, .3)),inset 0 0 14px var(--rarity-glow, rgba(167, 139, 250, .18));transform:translateY(-3px) scale(1.03)}.inventory-tile:hover:not(.disabled) .inventory-tile-shine{animation:invTileShine .9s ease-out;opacity:1}@keyframes invTileShine{0%{background-position:-150% -150%}to{background-position:150% 150%}}.inventory-tile--legend{animation:invTileLegendPulse 3.2s ease-in-out infinite}@keyframes invTileLegendPulse{0%,to{box-shadow:inset 0 0 10px var(--rarity-glow),0 0 12px var(--rarity-glow)}50%{box-shadow:inset 0 0 14px var(--rarity-glow),0 0 22px var(--rarity-glow)}}.inventory-tile-sprite-wrap{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity, #4a3d6e) 22%,#0a0712),#050410 80%);border:1px solid color-mix(in srgb,var(--rarity, #888) 30%,transparent);z-index:1}.inventory-tile-name{position:relative;z-index:2}.inventory-tile-count{position:absolute;bottom:2px;right:3px;background:#000000d9;z-index:3}:root{--cur-default: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M3 2 L3 22 L8 18 L11 25 L14 24 L11 17 L18 17 Z" fill="%23ffd24a" stroke="%23221100" stroke-width="1.4" stroke-linejoin="round"/></svg>') 2 2, default;--cur-lightning: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M19 2 L7 18 L14 18 L11 30 L25 12 L18 12 L21 2 Z" fill="%23ffd24a" stroke="%23332200" stroke-width="1.4" stroke-linejoin="round"/></svg>') 16 16, copy;--cur-plus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="11" fill="%2333cc66" stroke="%23114422" stroke-width="1.5"/><path d="M14 7 V21 M7 14 H21" stroke="white" stroke-width="3" stroke-linecap="round"/></svg>') 14 14, copy;--cur-remove: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="11" fill="%23dd3344" stroke="%23440011" stroke-width="1.5"/><path d="M9 9 L19 19 M19 9 L9 19" stroke="white" stroke-width="3" stroke-linecap="round"/></svg>') 14 14, pointer;--cur-sparkle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16 3 L18 13 L28 16 L18 19 L16 29 L14 19 L4 16 L14 13 Z" fill="%23ffd24a" stroke="%23553300" stroke-width="1.2" stroke-linejoin="round"/></svg>') 16 16, pointer;--cur-grab: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M9 18 V11 a2 2 0 0 1 4 0 V14 V8 a2 2 0 0 1 4 0 V14 V9 a2 2 0 0 1 4 0 V14 V11 a2 2 0 0 1 4 0 V19 a6 6 0 0 1 -6 6 H13 a4 4 0 0 1 -4 -4 Z" fill="%23ffe5b8" stroke="%23332200" stroke-width="1.4" stroke-linejoin="round"/></svg>') 14 14, grab;--cur-grabbing: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M8 14 a2 2 0 0 1 4 0 V13 a2 2 0 0 1 4 0 V13 a2 2 0 0 1 4 0 V13 a2 2 0 0 1 4 0 V18 a6 6 0 0 1 -6 6 H13 a5 5 0 0 1 -5 -5 Z" fill="%23ffd28a" stroke="%23332200" stroke-width="1.4" stroke-linejoin="round"/></svg>') 14 14, grabbing;--cur-forbidden: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="10" fill="none" stroke="%23dd3344" stroke-width="3"/><path d="M7 7 L21 21" stroke="%23dd3344" stroke-width="3" stroke-linecap="round"/></svg>') 14 14, not-allowed}.deck-build-root,.deck-build-root *{cursor:var(--cur-default)}.deck-build-root .deck-build-summon-btn:not(:disabled){cursor:var(--cur-sparkle)}.deck-build-root .deck-build-summon-btn:disabled{cursor:var(--cur-forbidden)}.deck-build-root .inventory-tile:not(.disabled){cursor:var(--cur-plus)}.deck-build-root .inventory-tile.disabled{cursor:var(--cur-forbidden)}.deck-build-root .deck-build-card-wrap.deck{cursor:var(--cur-remove)}.deck-build-root .power-drop-valid,.deck-build-root .power-drop-valid *{cursor:var(--cur-lightning)!important}.deck-build-root .power-drop-invalid,.deck-build-root .power-drop-invalid *{cursor:var(--cur-forbidden)!important}.inventory-tile-wrap{position:relative;border-radius:6px;transition:transform .18s,opacity .18s,box-shadow .18s}@keyframes powerFxSourceShake{0%{transform:translate(0) scale(1);filter:brightness(1)}15%{transform:translate(-3px,-1px) scale(1.04);filter:brightness(1.5) saturate(1.4)}30%{transform:translate(3px,1px) scale(1.04);filter:brightness(1.6) saturate(1.4)}45%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px);filter:brightness(.7)}to{transform:translate(0) scale(1);filter:brightness(1)}}.inventory-tile-wrap.power-fx-source{animation:powerFxSourceShake .55s ease-out;z-index:7}@keyframes powerFxTargetPulse{0%{transform:scale(1)}30%{transform:scale(1.1)}55%{transform:scale(.96)}80%{transform:scale(1.04)}to{transform:scale(1)}}.power-fx-target{animation:powerFxTargetPulse 1.1s cubic-bezier(.18,.9,.3,1.4);z-index:9}@keyframes powerFxRingExpand{0%{opacity:0;transform:scale(.55)}18%{opacity:1;transform:scale(.95)}55%{opacity:.95;transform:scale(1.25)}to{opacity:0;transform:scale(1.75)}}@keyframes powerFxRingExpand2{0%{opacity:0;transform:scale(.7)}30%{opacity:.9;transform:scale(1.15)}to{opacity:0;transform:scale(2.1)}}.power-fx-target:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:18px;border:4px solid var(--rarity-accent, #ffd700);box-shadow:0 0 48px var(--rarity-glow, rgba(255, 215, 0, .95)),inset 0 0 28px var(--rarity-glow, rgba(255, 215, 0, .65)),0 0 0 2px #ffffff59;pointer-events:none;animation:powerFxRingExpand 1.05s ease-out forwards}.power-fx-target:before{content:"";position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border-radius:22px;border:2px solid #ffffff;box-shadow:0 0 24px #fff9,0 0 60px var(--rarity-glow, rgba(255, 215, 0, .7));pointer-events:none;animation:powerFxRingExpand2 1.2s ease-out forwards;z-index:9}@keyframes powerFxTargetPulse{0%{transform:scale(1)}18%{transform:scale(1.12);filter:brightness(1.6) saturate(1.4)}35%{transform:scale(.97) rotate(-1deg)}55%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0);filter:brightness(1) saturate(1)}}@keyframes powerFxBolt{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-18deg);filter:blur(2px)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.7) rotate(2deg);filter:blur(0)}45%{opacity:1;transform:translate(-50%,-50%) scale(2) rotate(10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(3.2) rotate(20deg)}}.power-fx-bolt{position:absolute;top:50%;left:50%;font-size:44px;line-height:1;color:#fff;text-shadow:0 0 10px #ffffff,0 0 20px var(--rarity-accent, #ffd700),0 0 36px var(--rarity-glow, rgba(255, 215, 0, .95)),0 0 64px rgba(255,255,255,.7);pointer-events:none;z-index:10;animation:powerFxBolt 1s cubic-bezier(.2,.8,.2,1) forwards}.power-fx-bolt.large{font-size:88px}.power-fx-target{--pfx-burst-color: var(--rarity-accent, #ffd700)}.power-fx-target>.power-fx-bolt:before,.power-fx-target>.power-fx-bolt:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:88px;margin:-44px 0 0 -2px;background:linear-gradient(180deg,transparent 0%,var(--pfx-burst-color, #ffd700) 50%,transparent 100%);filter:blur(.5px);pointer-events:none;animation:powerFxStreaks .9s ease-out forwards;transform-origin:50% 50%}.power-fx-target>.power-fx-bolt:after{animation-delay:.08s;filter:blur(1px)}@keyframes powerFxStreaks{0%{opacity:0;transform:rotate(0) scale(.3)}25%{opacity:1;transform:rotate(180deg) scale(1.2)}to{opacity:0;transform:rotate(360deg) scale(2)}}@keyframes powerFxConsume{0%{opacity:0;transform:translate(-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-10px) scale(1)}to{opacity:0;transform:translate(-50%,-36px) scale(.4)}}.power-fx-consume{position:absolute;top:30%;left:50%;font-size:22px;line-height:1;color:var(--rarity-accent, #ffd700);text-shadow:0 0 10px var(--rarity-glow, rgba(255, 215, 0, .9));pointer-events:none;z-index:10;animation:powerFxConsume .55s ease-out forwards}@keyframes powerFxFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.power-fx-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,rgba(255,240,180,.32) 0%,rgba(255,215,80,.18) 30%,transparent 65%);z-index:30;animation:powerFxFlash .55s ease-out forwards}.inventory-tile-power-badge,.hero-card-power-badge{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:1px;padding:2px 6px;background:#000000d1;border:1.5px solid;border-radius:8px;font-family:Cinzel,serif;font-weight:800;letter-spacing:.5px;z-index:4;pointer-events:none;animation:powerBadgePulse 2.4s ease-in-out infinite}.inventory-tile-power-badge{font-size:10px;padding:1px 5px}.hero-card-power-badge{font-size:12px;padding:2px 8px}.inventory-tile-power-x,.hero-card-power-x{margin:0 1px;font-size:.85em;opacity:.9}@keyframes powerBadgePulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.08);opacity:1}}.inventory-tile-power-btn{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#000000d9;border:1px solid;border-radius:8px;font-family:Cinzel,serif;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;z-index:5;cursor:pointer;opacity:.9;transition:opacity .18s,transform .15s,box-shadow .18s}.inventory-tile-wrap:hover .inventory-tile-power-btn{opacity:1;transform:translate(-50%) translateY(-2px);box-shadow:0 0 8px var(--rarity-glow)}.inventory-tile-power-btn:hover{opacity:1;box-shadow:0 0 14px var(--rarity-glow);transform:translate(-50%) translateY(-3px) scale(1.05)}.inventory-tile-power-cost{font-size:8px;opacity:.85}.power-up-toast{position:fixed;left:50%;bottom:18%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:14px 22px;min-width:280px;background:linear-gradient(180deg,#080612f2,color-mix(in srgb,var(--rarity, #4a3d6e) 18%,rgba(20,14,36,.95)));border:2px solid;border-radius:10px;z-index:9999;pointer-events:none;animation:powerToastDrift 1.6s ease-out forwards;font-family:Cinzel,serif}@keyframes powerToastDrift{0%{transform:translate(-50%,30px);opacity:0}15%{transform:translate(-50%);opacity:1}75%{transform:translate(-50%,-12px);opacity:1}to{transform:translate(-50%,-50px);opacity:0}}.power-up-toast-icon{font-size:32px;filter:drop-shadow(0 0 8px var(--rarity-glow));animation:powerToastSpark .8s ease-out infinite alternate}@keyframes powerToastSpark{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.15)}}.power-up-toast-body{display:flex;flex-direction:column;gap:2px}.power-up-toast-title{font-size:11px;font-weight:800;letter-spacing:.18em;color:#f0e8d0;text-transform:uppercase;opacity:.85}.power-up-toast-target{font-size:18px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6)}.power-up-toast-level{font-size:14px;font-weight:800;letter-spacing:.06em}.inventory-tile-element-badge{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid;font-size:14px;line-height:1;z-index:3;pointer-events:none}.recruit-card-element{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;margin:4px auto 0;border:1px solid;border-radius:12px;font-family:Cinzel,serif;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;width:fit-content}.recruit-card-element-glyph{font-size:14px;line-height:1}.recruit-card-element-label{line-height:1}.tcg-element-badge{position:absolute;bottom:64px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border:1px solid;border-radius:11px;font-family:Cinzel,serif;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;z-index:4;pointer-events:none}.tcg-element-glyph{font-size:13px;line-height:1}.tcg-element-label{line-height:1}.map-draw-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse at 50% 30%,rgba(80,60,30,.18),transparent 65%),radial-gradient(ellipse at 50% 80%,rgba(40,25,60,.3),transparent 70%),linear-gradient(180deg,#0a0c1859,#14101e66 60%,#08060f80);color:#f0e8d0;font-family:Cinzel,serif;pointer-events:auto}.map-draw-banner{text-align:center;margin-bottom:4px}.map-draw-title{font-size:44px;letter-spacing:6px;margin:0;color:#ffd766;text-shadow:0 0 6px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85),0 0 24px rgba(255,215,102,.5)}.map-draw-subtitle{font-size:14px;letter-spacing:2px;color:#d8c8ff;margin:6px 0 0;text-shadow:0 0 4px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9)}.map-draw-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 28px 18px;border:2px solid rgba(255,215,102,.45);border-radius:14px;background:#0000008c;box-shadow:0 0 36px #ffd7662e,inset 0 0 24px #ffd76614;transition:transform .24s ease}.map-draw-stage.shuffling{transform:scale(.96);filter:blur(.6px)}.map-draw-stage.revealed{transform:scale(1.02);box-shadow:0 0 60px #ffd76659,inset 0 0 30px #ffd7662e;animation:map-draw-reveal-flash .7s ease-out}@keyframes map-draw-reveal-flash{0%{transform:scale(.96);filter:brightness(1)}35%{transform:scale(1.1);filter:brightness(1.6)}to{transform:scale(1.02);filter:brightness(1)}}.map-preview{display:grid;gap:1px;padding:4px;border-radius:6px;background:#0009}.map-cell{width:28px;height:28px;border-radius:2px;background:#2c2438}.map-cell.path{background:linear-gradient(135deg,#c1893b,#7a5320)}.map-cell.tower{background:#5a4634;box-shadow:inset 0 0 0 1px #ffd76640}.map-cell.wall{background:#1a1422}.map-cell.start{background:linear-gradient(135deg,#6f8,#2a8a44);box-shadow:0 0 8px #66ff88b3}.map-cell.end{background:linear-gradient(135deg,#f64,#a20);box-shadow:0 0 8px #ff6644b3}.map-draw-name{font-size:22px;letter-spacing:3px;color:#fff5cc;text-shadow:0 0 8px rgba(255,215,102,.5)}.map-draw-cta{display:flex;gap:18px}.map-draw-btn{padding:12px 28px;font-family:Cinzel,serif;font-weight:700;font-size:16px;letter-spacing:2px;border-radius:8px;cursor:pointer;transition:transform .14s ease,filter .14s ease}.map-draw-btn.secondary{background:#00000080;border:1px solid rgba(255,215,102,.4);color:#ceceef}.map-draw-btn.primary{background:linear-gradient(180deg,#b8862c,#6b4818);border:1px solid #ffd766;color:#fff;box-shadow:0 0 20px #ffd76673,inset 0 0 12px #ffffff2e}.map-draw-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.15)}.map-draw-btn:disabled{opacity:.45;cursor:not-allowed}