@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:1 1 auto;width:100%;min-height:0;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:2px 5px;background:#080610d1;border:1px solid var(--stat-color);border-radius:4px;min-width:28px;box-shadow:0 0 6px #0009,0 0 5px var(--stat-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tcg-stat-corner.tl{top:4px;left:4px}.tcg-stat-corner.tr{top:4px;right:4px}.tcg-stat-corner.bl{bottom:4px;left:4px}.tcg-stat-corner.br{bottom:4px;right:4px}.tcg-stat-corner-label{font-size:7px;font-weight:800;color:var(--stat-color);letter-spacing:1px;opacity:.95;line-height:1}.tcg-stat-corner-val{font-size:13px;font-weight:900;color:#fff5e0;font-variant-numeric:tabular-nums;line-height:1.1;text-shadow:0 0 5px var(--stat-color)}.tcg-name-block{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 4px 3px;border-top:1px solid var(--reveal-border);border-bottom:1px solid var(--reveal-border);background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.1) 50%,transparent 100%);flex-shrink:0}.tcg-appellation{font-size:8px;font-weight:600;font-style:italic;font-family:Cinzel,serif;letter-spacing:1.5px;color:#fff5ccb3;text-transform:uppercase;text-align:center;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tcg-name-row{display:flex;align-items:center;justify-content:center;gap:5px;width:100%}.tcg-name-flourish{font-size:7px;opacity:.7;color:var(--reveal-border);flex-shrink:0}.tcg-name-text{font-size:13px;font-weight:900;font-family:Cinzel,serif;color:var(--reveal-border);text-align:center;line-height:1.1;letter-spacing:1px;text-shadow:0 0 10px currentColor,0 1px 2px rgba(0,0,0,.9);flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.tcg-ability-toggle{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#080610a6;border:1px solid var(--reveal-border);border-radius:4px;cursor:pointer;font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.3px;color:var(--reveal-border);transition:all .15s;flex-shrink:0;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:10px;flex-shrink:0;filter:drop-shadow(0 0 3px currentColor)}.tcg-ability-toggle-name{flex:1 1 auto;text-align:center;text-shadow:0 0 5px 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:6px 8px;font-family:Cinzel,serif;font-size:12px;font-weight:900;letter-spacing:4px;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}.tcg-summon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ffd70099,inset 0 1px #fff9,inset 0 -2px 4px #7850004d;filter:brightness(1.08)}.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:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;gap:10px;padding:18px 16px 14px;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}@keyframes abilityOverlayIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tcg-ability-overlay-header{font-size:16px;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:8px}.tcg-ability-overlay-desc{font-size:13px;line-height:1.55;color:#e8dcc0;text-align:center;flex-shrink:0}.tcg-ability-overlay-lore{font-size:11px;line-height:1.5;color:#dcc8a08c;font-style:italic;text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.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;transition:transform .2s ease-out}.reveal-card-slot.selectable:hover{transform:translateY(-12px) scale(1.03)}.reveal-card-slot.selectable:hover .tcg-card-face{box-shadow:0 0 38px var(--reveal-glow),0 12px 30px #0009,inset 0 0 20px #00000080;filter:brightness(1.08)}.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}.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:10px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:8px}.sidebar-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(167,139,250,.25),transparent)}.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:10px;padding:8px 12px;background:#0d0d20b3;border:1px solid rgba(255,215,0,.22);border-radius:4px;box-shadow:0 0 16px #ffd70014,inset 0 0 8px #ffd7000f}.arcane-currency-icon{font-family:var(--font-display);font-size:16px;color:var(--divine);text-shadow:0 0 8px var(--divine-glow)}.arcane-currency-value{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--divine-soft);flex:1;text-shadow:0 0 10px var(--divine-glow)}.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:10px;width:100%;padding:10px 14px;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:700;letter-spacing:.2em}.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%,#64c6,#0a0a1e00 70%),radial-gradient(ellipse 60% 40% at 50% 100%,#ffd70024,#0000 60%),linear-gradient(180deg,#05050fb8,#0a0a1ed1,#05050fe0),url(/screenbanner/prepscreen_bg.webp) 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:#0604128c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(167,139,250,.22);font-family:var(--font-display);box-shadow:0 1px #ffd70014,inset 0 -1px #a78bfa1f}.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:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted)}.prep-banner-value{font-size:clamp(14px,1.2vw,18px);font-weight:700;color:var(--divine-soft);text-shadow: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:400;letter-spacing:.5em;text-transform:uppercase;color:var(--text-muted);opacity:.8}.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 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 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(10px,.85vw,13px);color:var(--text-mystic);font-style:italic;letter-spacing:.1em;margin-top:4px;opacity:.75}.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:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:14px}.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:4px 16px;background:#6644cc26;border:1px solid rgba(167,139,250,.25);border-radius:999px;font-size:11px;color:var(--text-mystic);letter-spacing:.08em}.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:var(--text-muted);text-align:center;padding:20px}.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)}.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{text-align:center;flex:1}.deck-build-title{font-family:var(--font-display);font-size:clamp(18px,2vw,26px);font-weight:900;letter-spacing:.2em;color:var(--divine);text-shadow:0 0 20px var(--divine-glow);margin:0;line-height:1.1}.deck-build-subtitle{font-family:var(--font-display);font-size:clamp(10px,.85vw,13px);color:var(--text-muted);letter-spacing:.1em;margin:2px 0 0}.deck-build-topbar-right{display:flex;align-items:center;gap:14px}.deck-build-back-btn{padding:8px 18px;background:transparent;border:1px solid rgba(167,139,250,.35);border-radius:5px;color:var(--rift-soft);font-family:var(--font-display);font-size:clamp(10px,.85vw,13px);letter-spacing:.12em;cursor:pointer;transition:all .18s ease;flex-shrink:0}.deck-build-back-btn:hover{background:#a78bfa14;border-color:var(--rift-soft);box-shadow:0 0 14px var(--rift-glow)}.deck-build-coin{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#0d0d1ecc;border:1px solid rgba(255,215,0,.3);border-radius:20px}.deck-build-coin-icon{color:var(--divine);font-size:14px;filter:drop-shadow(0 0 5px var(--divine-glow))}.deck-build-coin-value{font-family:var(--font-display);font-size:clamp(13px,1.1vw,17px);font-weight:700;color:var(--divine-soft)}.deck-build-coin-label{font-family:var(--font-display);font-size:clamp(9px,.7vw,11px);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.deck-build-counter{padding:6px 14px;background:#0d0d1ecc;border:1px solid rgba(167,139,250,.3);border-radius:20px;font-family:var(--font-display);font-size:clamp(10px,.85vw,13px);font-weight:600;color:var(--rift-soft);letter-spacing:.12em}.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{display:flex;flex-direction:column;overflow:hidden}.deck-build-shop{border-right:1px solid rgba(255,80,80,.15);border-bottom:1px solid rgba(255,80,80,.15);background:#14050540}.deck-build-inventory{border-right:1px solid rgba(167,139,250,.18);background:#0a05194d}.deck-build-deck{background:#05051959}.deck-build-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;font-family:var(--font-display);font-size:clamp(12px,1vw,16px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.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.clickable:hover{transform:translateY(-4px)}.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{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-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 6px;width:100%;padding:6px 4px;margin:2px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#00000040,#0000001a)}.hero-card-stat{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.hero-card-stat-label{font-family:Cinzel,serif;font-size:8px;font-weight:800;letter-spacing:1px;opacity:.95;text-shadow:0 0 4px currentColor}.hero-card-stat-val{font-size:12px;font-weight:800;color:#fff5e0;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.8)}.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:12px;font-weight:800;letter-spacing:2px;text-shadow:0 0 8px currentColor;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:5px}.hero-card-tooltip-desc{font-size:11px;line-height:1.55;color:#e8dcc0;font-family:var(--font-body)}.deck-build-summon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 36px;font-family:Cinzel,serif;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 3px 14px #ffd70080,inset 0 1px #ffffff8c,inset 0 -2px 5px #78500059;transition:all .14s ease-out;flex-shrink:0;min-width:200px}.deck-build-summon-btn-label{font-size:clamp(14px,1.25vw,18px);font-weight:900;letter-spacing:4px;line-height:1}.deck-build-summon-btn-cost{font-size:clamp(11px,1vw,14px);font-weight:700;letter-spacing:3px;opacity:.85;line-height:1}.deck-build-summon-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd700b3,inset 0 1px #ffffffa6,inset 0 -2px 5px #78500059;filter:brightness(1.1)}.deck-build-summon-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.deck-build-summon-btn:disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.6)}.deck-build-defense-row{flex-shrink:0;padding:14px 24px 18px;border-top:1px solid rgba(255,215,0,.18);background:linear-gradient(180deg,rgba(255,215,0,.04) 0%,transparent 100%)}.deck-build-defense-btn{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 24px;font-family:Cinzel,serif;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 4px 18px #ffd7008c,inset 0 1px #ffffff8c,inset 0 -2px 5px #78500059;transition:all .14s ease-out}.deck-build-defense-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ffd700bf,inset 0 1px #ffffffa6,inset 0 -2px 5px #78500059;filter:brightness(1.1)}.deck-build-defense-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.deck-build-defense-btn:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.4)}.deck-build-defense-btn-label{font-size:clamp(15px,1.3vw,19px);font-weight:900;letter-spacing:5px;line-height:1}.deck-build-defense-btn-hint{font-size:clamp(9px,.75vw,12px);font-weight:600;letter-spacing:1.5px;font-style:italic;opacity:.7;text-transform:none}.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{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(255,255,255,.13) 47%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.13) 53%,transparent 62%,transparent 100%);background-size:220% 220%;background-position:-50% -50%;pointer-events:none;mix-blend-mode:screen;opacity:.45;animation:heroCardShine 4.2s ease-in-out infinite;z-index:1}@keyframes heroCardShine{0%,to{background-position:-50% -50%;opacity:.25}50%{background-position:150% 150%;opacity:.6}}.hero-card.hovered .hero-card-shine{animation-duration:1.8s;opacity:.7}.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:3px 16px;font-size:clamp(9px,.7vw,12px);color:#0a0a18;font-weight:800;letter-spacing:.16em;border-radius:3px;margin-top:-2px;text-shadow:0 1px 0 rgba(255,255,255,.35);position:relative;z-index:3}.hero-card-rarity-banner.rarity-legend{background-size:200% 100%!important;animation:legendShimmer 2.4s linear infinite}@keyframes legendShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.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 .85s ease-out;z-index:9}@keyframes powerFxRingExpand{0%{opacity:0;transform:scale(.65)}20%{opacity:1;transform:scale(.95)}60%{opacity:.9;transform:scale(1.2)}to{opacity:0;transform:scale(1.55)}}.power-fx-target:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:16px;border:3px solid var(--rarity-accent, #ffd700);box-shadow:0 0 32px var(--rarity-glow, rgba(255, 215, 0, .85)),inset 0 0 22px var(--rarity-glow, rgba(255, 215, 0, .55));pointer-events:none;animation:powerFxRingExpand 1s ease-out forwards}@keyframes powerFxBolt{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-12deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.4) rotate(0)}60%{opacity:.9;transform:translate(-50%,-50%) scale(1.7) rotate(8deg)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4) rotate(14deg)}}.power-fx-bolt{position:absolute;top:50%;left:50%;font-size:36px;line-height:1;color:#fff5cc;text-shadow:0 0 8px var(--rarity-accent, #ffd700),0 0 18px var(--rarity-glow, rgba(255, 215, 0, .85)),0 0 28px rgba(255,255,255,.6);pointer-events:none;z-index:10;animation:powerFxBolt .85s ease-out forwards}.power-fx-bolt.large{font-size:64px}@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:0;transition:opacity .18s,transform .15s,box-shadow .18s}.inventory-tile-wrap:hover .inventory-tile-power-btn{opacity:1;transform:translate(-50%) translateY(-2px)}.inventory-tile-power-btn:hover{box-shadow:0 0 12px 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}.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,.35),transparent 65%),radial-gradient(ellipse at 50% 80%,rgba(40,25,60,.55),transparent 70%),linear-gradient(180deg,#0a0c18,#14101e 60%,#08060f);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 18px rgba(255,215,102,.5),0 2px 4px #000}.map-draw-subtitle{font-size:14px;letter-spacing:2px;color:#b39ddb;margin:6px 0 0}.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}