:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--harmony-midnight: #0a0e27;--harmony-twilight: #1a1f3a;--harmony-dusk: #2d3561;--harmony-lavender: #9b88d3;--harmony-rose: #f4a7bb;--harmony-gold: #f7d060;--harmony-moonlight: #e8e3f5;--harmony-stardust: #ffffff;--color-primary: var(--harmony-lavender);--color-secondary: var(--harmony-rose);--color-accent: var(--harmony-gold);--color-background: var(--harmony-midnight);--color-surface: var(--harmony-twilight);--color-text: var(--harmony-moonlight);--color-text-muted: #a8a3b8;--space-xs: .382rem;--space-sm: .618rem;--space-md: 1rem;--space-lg: 1.618rem;--space-xl: 2.618rem;--space-2xl: 4.236rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.333rem;--font-xl: 1.777rem;--font-2xl: 2.369rem;--font-3xl: 3.157rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .2s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .8s;--shadow-sm: 0 2px 8px rgba(10, 14, 39, .12);--shadow-md: 0 4px 16px rgba(10, 14, 39, .16);--shadow-lg: 0 8px 32px rgba(10, 14, 39, .24);--shadow-xl: 0 16px 48px rgba(10, 14, 39, .32);--shadow-glow: 0 0 32px rgba(155, 136, 211, .3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden}.harmony-app{position:relative;min-height:100vh;display:flex;flex-direction:column}.harmony-background{position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(155,136,211,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(244,167,187,.08) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(247,208,96,.05) 0%,transparent 50%),linear-gradient(180deg,var(--harmony-midnight) 0%,var(--harmony-twilight) 100%);z-index:0}.harmony-header{position:relative;z-index:10;padding:var(--space-md);text-align:center;background:linear-gradient(180deg,rgba(10,14,39,.8) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.harmony-title{font-size:var(--font-xl);font-weight:300;letter-spacing:.05em;background:linear-gradient(135deg,var(--harmony-gold) 0%,var(--harmony-rose) 50%,var(--harmony-lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.harmony-subtitle{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:400}.harmony-content{flex:1;position:relative;z-index:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg);max-width:100%;margin:0 auto}.harmony-card{background:linear-gradient(135deg,#1a1f3a99,#2d356166);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(232,227,245,.1);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;transition:all var(--duration-base) var(--ease-smooth)}.harmony-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(232,227,245,.2) 50%,transparent 100%)}.harmony-card:active{transform:scale(.98);box-shadow:var(--shadow-lg)}.harmony-profiles{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-lg) 0}.harmony-profile-orb{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,#9b88d34d,#f4a7bb4d);border:2px solid rgba(232,227,245,.2);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all var(--duration-base) var(--ease-smooth)}.harmony-profile-orb:after{content:"";position:absolute;inset:-8px;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(155,136,211,.2) 0%,transparent 70%);opacity:0;transition:opacity var(--duration-base) var(--ease-smooth)}.harmony-profile-orb.active{transform:scale(1.1);border-color:var(--harmony-gold);box-shadow:0 0 32px #f7d06066}.harmony-profile-orb.active:after{opacity:1;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.3}}.harmony-profile-emoji{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.harmony-profile-name{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap}.harmony-draw-section{display:flex;justify-content:center;padding:var(--space-xl) 0}.harmony-draw-button{position:relative;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--harmony-gold) 0%,var(--harmony-rose) 100%);border:none;border-radius:var(--radius-full);color:var(--harmony-midnight);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-bounce);box-shadow:var(--shadow-lg)}.harmony-draw-button:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:inherit;filter:blur(20px);opacity:.5;z-index:-1}.harmony-draw-button:active{transform:scale(.95)}.harmony-draw-button:disabled{opacity:.5;cursor:not-allowed}.harmony-card-display{min-height:400px;display:flex;align-items:center;justify-content:center;position:relative}.harmony-tarot-card{width:280px;max-width:90%;aspect-ratio:2/3;background:linear-gradient(135deg,var(--harmony-twilight) 0%,var(--harmony-dusk) 100%);border-radius:var(--radius-lg);border:2px solid rgba(232,227,245,.2);padding:var(--space-md);display:flex;flex-direction:column;align-items:center;animation:card-entrance var(--duration-slower) var(--ease-smooth);box-shadow:var(--shadow-xl)}@keyframes card-entrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.harmony-card-symbol{font-size:var(--font-3xl);margin:var(--space-lg) 0;filter:drop-shadow(0 0 20px currentColor);animation:symbol-float 3s ease-in-out infinite}@keyframes symbol-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.harmony-card-name{font-size:var(--font-lg);font-weight:500;text-align:center;margin-bottom:var(--space-sm);color:var(--harmony-gold)}.harmony-card-description{font-size:var(--font-sm);text-align:center;color:var(--color-text-muted);line-height:1.5}@media (min-width: 640px){.harmony-content{padding:var(--space-xl);max-width:640px}.harmony-profile-orb{width:100px;height:100px}.harmony-tarot-card{width:320px}}@media (min-width: 768px){.harmony-title{font-size:var(--font-2xl)}.harmony-content{max-width:768px}}@media (min-width: 1024px){.harmony-content{max-width:1024px;flex-direction:row;gap:var(--space-2xl)}.harmony-profiles{flex-direction:column}}.harmony-ripple{position:absolute;border-radius:var(--radius-full);background:#ffffff4d;transform:scale(0);animation:ripple var(--duration-slow) ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}@media (prefers-color-scheme: light){:root{--color-background: #f8f7fc;--color-surface: #ffffff;--color-text: #1a1f3a;--color-text-muted: #6b7280}.harmony-background{background:radial-gradient(circle at 20% 50%,rgba(155,136,211,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(244,167,187,.12) 0%,transparent 50%),linear-gradient(180deg,#f8f7fc,#e8e3f5)}}.harmony-tarot-detailed{width:320px;max-width:90vw;aspect-ratio:5/7;position:relative;transform-style:preserve-3d;transition:transform var(--duration-slow) var(--ease-smooth);cursor:pointer;margin:0 auto}.harmony-tarot-detailed.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.card-front{background:linear-gradient(135deg,#1a1f3af2,#2d3561e6,#1a1f3af2);border:1px solid rgba(247,208,96,.3);display:flex;flex-direction:column;padding:.75rem;position:relative}.card-back{background:linear-gradient(135deg,var(--harmony-twilight) 0%,var(--harmony-dusk) 50%,var(--harmony-twilight) 100%);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.card-particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;pointer-events:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;position:relative;z-index:2}.mana-cost{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,var(--harmony-gold) 0%,var(--harmony-rose) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--harmony-midnight);box-shadow:0 0 12px #f7d06080}.card-name{flex:1;text-align:center;font-size:1.1rem;font-weight:600;background:linear-gradient(90deg,var(--harmony-gold) 0%,var(--harmony-rose) 50%,var(--harmony-lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(247,208,96,.3);letter-spacing:.05em}.rarity-gem{width:24px;height:24px;border-radius:4px;transform:rotate(45deg);box-shadow:0 0 12px #ffffff80}.card-type-banner{background:linear-gradient(90deg,transparent,rgba(155,136,211,.2),transparent);padding:.25rem;margin:0 -.75rem;display:flex;justify-content:space-between;font-size:.75rem;color:var(--harmony-moonlight);text-transform:uppercase;letter-spacing:.1em;border-top:1px solid rgba(247,208,96,.2);border-bottom:1px solid rgba(247,208,96,.2)}.card-art-frame{position:relative;flex:0 0 auto;height:140px;margin:.75rem 0;border-radius:var(--radius-md);background:radial-gradient(ellipse at center,rgba(247,208,96,.1) 0%,transparent 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}.mystical-border{position:absolute;inset:0;border:2px solid rgba(247,208,96,.3);border-radius:var(--radius-md)}.floating-runes{position:absolute;inset:0;display:flex;justify-content:space-around;align-items:center;font-size:1.5rem;color:#f7d06033}.floating-runes span{animation:float-rotate 10s ease-in-out infinite}@keyframes float-rotate{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-10px) rotate(180deg);opacity:.5}}.card-symbol-large{font-size:4rem;z-index:1;filter:drop-shadow(0 0 30px rgba(247,208,96,.6));animation:symbol-pulse 3s ease-in-out infinite}@keyframes symbol-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.card-aura{position:absolute;inset:-20px;background:radial-gradient(circle at center,rgba(155,136,211,.3) 0%,transparent 50%);animation:aura-spin 20s linear infinite}@keyframes aura-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.abilities-box{background:#0a0e2766;border:1px solid rgba(155,136,211,.3);border-radius:var(--radius-sm);padding:.5rem;margin-bottom:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ability-line{display:flex;align-items:center;gap:.5rem;margin:.25rem 0;font-size:.8rem;color:var(--harmony-moonlight)}.ability-icon{color:var(--harmony-gold);filter:drop-shadow(0 0 3px currentColor)}.card-description-box{background:linear-gradient(135deg,#2d35614d,#1a1f3a80);border-left:2px solid var(--harmony-lavender);padding:.5rem;margin-bottom:.5rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.card-description{font-size:.75rem;line-height:1.4;color:var(--color-text-muted);font-style:italic}.flavor-text-box{background:linear-gradient(90deg,transparent,rgba(247,208,96,.05),transparent);padding:.5rem;margin:.5rem 0;border-top:1px solid rgba(247,208,96,.1)}.flavor-text{font-size:.7rem;text-align:center;color:var(--harmony-gold);font-style:italic;opacity:.8;line-height:1.3}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(155,136,211,.2)}.artist-credit{font-size:.65rem;color:var(--color-text-muted);opacity:.6}.power-toughness{background:linear-gradient(135deg,var(--harmony-gold) 0%,var(--harmony-rose) 100%);padding:.2rem .5rem;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;color:var(--harmony-midnight);box-shadow:0 0 8px #f7d06066}.card-number{position:absolute;bottom:.5rem;left:.5rem;font-size:.6rem;color:var(--color-text-muted);opacity:.4}.card-back-pattern{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(155,136,211,.1) 0%,transparent 50%)}.mystical-mandala{position:absolute;width:200px;height:200px;opacity:.2}.mandala-ring{position:absolute;inset:0;border:2px solid var(--harmony-lavender);border-radius:50%;border-style:dashed;animation:mandala-spin 20s linear infinite}@keyframes mandala-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.back-symbol{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(155,136,211,.6))}.back-title{font-size:1.2rem;font-weight:300;letter-spacing:.1em;color:var(--harmony-gold);text-transform:uppercase}@media (max-width: 640px){.harmony-tarot-detailed{width:280px}.card-header{margin-bottom:.4rem}.card-name{font-size:.95rem}.card-art-frame{height:120px;margin:.5rem 0}.card-symbol-large{font-size:3.5rem}.floating-runes{font-size:1.2rem}.abilities-box{padding:.4rem}.ability-line{font-size:.75rem}.flavor-text{font-size:.65rem}}@media (max-width: 768px) and (orientation: landscape){.harmony-tarot-detailed{width:240px}.card-art-frame{height:100px}.card-symbol-large{font-size:3rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card-front{border-width:.5px}.mystical-border{border-width:1px}}:root{--premium-primary: #6366f1;--premium-secondary: #ec4899;--premium-accent: #f59e0b;--premium-dark: #0f0f23;--premium-darker: #08081b;--premium-glass: rgba(255, 255, 255, .08);--premium-glass-border: rgba(255, 255, 255, .16);--premium-glow: rgba(99, 102, 241, .4);--gold-primary: #ffd700;--gold-secondary: #ffed4e;--gold-accent: #b8860b;--gold-glow: rgba(255, 215, 0, .6);--gold-shadow: 0 0 20px rgba(255, 215, 0, .4);--gold-border: 2px solid #ffd700;--glass-blur: blur(24px);--premium-shadow: 0 8px 32px rgba(0, 0, 0, .4);--premium-shadow-lg: 0 16px 64px rgba(0, 0, 0, .6)}.premium-app{min-height:100vh;width:100%;background:linear-gradient(135deg,var(--premium-darker) 0%,#1a0d2e 25%,#2d1b44 50%,#1a0d2e 75%,var(--premium-dark) 100%);position:relative;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden;color:#fff;scroll-behavior:smooth}body{margin:0;padding:0;display:block!important;place-items:initial!important;min-width:100vw!important;min-height:100vh}#root{width:100%;min-height:100vh}.premium-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;pointer-events:none;will-change:transform}.mega-animation-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f0f23d9,#0a0a1ee6 40%,#08081bf2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cosmic-gathering{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.cosmic-vortex{width:300px;height:300px;border:3px solid transparent;border-top:3px solid var(--premium-primary);border-right:3px solid var(--premium-secondary);border-bottom:3px solid var(--premium-accent);border-radius:50%;animation:vortex-spin 2s ease-in-out;transform:scale(calc(.1 + var(--intensity) * .9));opacity:var(--intensity)}@keyframes vortex-spin{0%{transform:scale(.1) rotate(0)}to{transform:scale(1.2) rotate(720deg)}}.energy-convergers{position:absolute;inset:0}.energy-stream{position:absolute;top:50%;left:50%;width:4px;height:50vh;background:linear-gradient(0deg,transparent 0%,var(--premium-primary) 50%,transparent 100%);transform-origin:bottom center;transform:translate(-50%) rotate(var(--angle));animation:stream-converge 1.5s ease-in var(--delay)}@keyframes stream-converge{0%{height:50vh;opacity:0;filter:blur(10px)}50%{opacity:1;filter:blur(2px)}to{height:0px;opacity:0;filter:blur(0px)}}.gather-particle{position:absolute;width:6px;height:6px;background:var(--premium-accent);border-radius:50%;top:50%;left:50%;animation:particle-converge 1.5s ease-in var(--delay);box-shadow:0 0 10px var(--premium-accent)}@keyframes particle-converge{0%{transform:translate(-50%,-50%) rotate(var(--start-angle)) translateY(-80vh) scale(.5);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) rotate(var(--start-angle)) translateY(0) scale(0);opacity:0}}.cosmic-buildup-text{position:absolute;bottom:20%;left:50%;transform:translate(-50%);color:var(--premium-accent);font-size:1.1rem;font-weight:600;text-align:center;animation:text-pulse 1.5s ease-in-out;text-shadow:0 0 20px var(--premium-accent)}@keyframes text-pulse{0%,to{opacity:0;transform:translate(-50%) scale(.8)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.energy-explosion{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.explosion-core{width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,var(--premium-primary) 30%,var(--premium-secondary) 60%,transparent 100%);border-radius:50%;animation:core-explosion 1.5s ease-out}@keyframes core-explosion{0%{transform:scale(0);opacity:0}20%{transform:scale(2);opacity:1}to{transform:scale(8);opacity:0}}.light-rays{position:absolute;inset:0}.light-ray{position:absolute;top:50%;left:50%;width:8px;height:100vh;background:linear-gradient(0deg,transparent 0%,rgba(255,255,255,.8) 40%,var(--premium-primary) 50%,rgba(255,255,255,.8) 60%,transparent 100%);transform-origin:bottom center;transform:translate(-50%) rotate(var(--angle));animation:ray-blast 1.5s ease-out var(--delay)}@keyframes ray-blast{0%{height:0;opacity:0;filter:blur(0px)}30%{height:100vh;opacity:1;filter:blur(2px)}to{height:120vh;opacity:0;filter:blur(8px)}}.explosion-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.explosion-ring{position:absolute;width:var(--size);height:var(--size);border:4px solid var(--premium-accent);border-radius:50%;animation:ring-blast 1.5s ease-out var(--delay)}@keyframes ring-blast{0%{transform:scale(0);opacity:1;border-width:8px}to{transform:scale(5);opacity:0;border-width:0}}.explosion-text{position:absolute;bottom:15%;left:50%;transform:translate(-50%);color:#fffffff2;font-size:1.3rem;font-weight:700;text-align:center;animation:explosion-text-blast 1.5s ease-out;text-shadow:0 0 30px var(--premium-primary)}@keyframes explosion-text-blast{0%{opacity:0;transform:translate(-50%) scale(.5)}30%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:.7;transform:translate(-50%) scale(1)}}.card-materialization{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.dimensional-portal{width:400px;height:600px;border:6px solid transparent;border-image:linear-gradient(45deg,var(--premium-primary),var(--premium-secondary),var(--premium-accent),var(--premium-primary)) 1;animation:portal-open 1s ease-in-out;position:relative}@keyframes portal-open{0%{transform:scale(0) rotateY(90deg);opacity:0}50%{transform:scale(1.1) rotateY(45deg);opacity:1}to{transform:scale(1) rotateY(0);opacity:.8}}.reality-distortion{position:absolute;inset:-50px;background:radial-gradient(ellipse,rgba(99,102,241,.3) 0%,rgba(236,72,153,.2) 30%,transparent 70%);animation:reality-warp 1s ease-in-out;filter:blur(20px)}@keyframes reality-warp{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.materialization-spiral{width:300px;height:300px;border:3px solid transparent;border-top:3px solid rgba(255,255,255,.8);border-right:3px solid var(--premium-primary);border-radius:50%;animation:materialize-spin 1s ease-in-out}@keyframes materialize-spin{0%{transform:scale(2) rotate(0);opacity:0}50%{transform:scale(1) rotate(180deg);opacity:1}to{transform:scale(.5) rotate(360deg);opacity:0}}.materializing-text{position:absolute;bottom:10%;left:50%;transform:translate(-50%);color:var(--premium-primary);font-size:1.2rem;font-weight:600;text-align:center;animation:materialize-text 1s ease-in-out;text-shadow:0 0 25px var(--premium-primary)}@keyframes materialize-text{0%{opacity:0;transform:translate(-50%) translateY(20px)}50%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:.8;transform:translate(-50%) translateY(-10px)}}.celebration-explosion,.firework-bursts{position:absolute;inset:0}.firework-burst{position:absolute;top:var(--y);left:var(--x);width:20px;height:20px;animation:burst-appear 1.5s ease-out var(--delay)}@keyframes burst-appear{0%{transform:scale(0)}20%{transform:scale(1)}to{transform:scale(1)}}.firework-particle{position:absolute;width:4px;height:4px;background:var(--premium-accent);border-radius:50%;top:50%;left:50%;animation:firework-explode 1.5s ease-out var(--delay);box-shadow:0 0 8px var(--premium-accent)}@keyframes firework-explode{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-100px) scale(1.5);opacity:0}}.celebration-stars{position:absolute;inset:0}.celebration-star{position:absolute;top:var(--y);left:var(--x);width:8px;height:8px;background:var(--premium-secondary);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:star-twinkle 1.5s ease-in-out var(--delay)}@keyframes star-twinkle{0%,to{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.5) rotate(180deg);opacity:1}}.celebration-text{position:absolute;top:20%;left:50%;transform:translate(-50%);color:var(--premium-accent);font-size:1.4rem;font-weight:700;text-align:center;animation:celebration-announce 1.5s ease-out;text-shadow:0 0 40px var(--premium-accent)}@keyframes celebration-announce{0%{opacity:0;transform:translate(-50%) scale(.5) rotate(-10deg)}30%{opacity:1;transform:translate(-50%) scale(1.2) rotate(5deg)}to{opacity:.9;transform:translate(-50%) scale(1) rotate(0)}}.final-presentation{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mystical-aura{width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,rgba(236,72,153,.05) 50%,transparent 100%);border-radius:50%;animation:aura-glow .5s ease-in}@keyframes aura-glow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ambient-sparkles{position:absolute;inset:0}.ambient-sparkle{position:absolute;width:6px;height:6px;background:var(--premium-accent);border-radius:50%;top:50%;left:50%;animation:ambient-orbit 3s ease-in-out infinite var(--delay);box-shadow:0 0 12px var(--premium-accent)}@keyframes ambient-orbit{0%{transform:translate(-50%,-50%) rotate(var(--orbit)) translateY(-200px) scale(0);opacity:0}25%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--orbit) + 90deg)) translateY(-200px) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--orbit) + 270deg)) translateY(-200px) scale(1)}to{transform:translate(-50%,-50%) rotate(calc(var(--orbit) + 360deg)) translateY(-200px) scale(0);opacity:0}}.presentation-text{position:absolute;bottom:25%;left:50%;transform:translate(-50%);color:#ffffffe6;font-size:1.1rem;font-weight:500;text-align:center;animation:final-text-glow .5s ease-in;text-shadow:0 0 20px var(--premium-primary)}@keyframes final-text-glow{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.geometric-field{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.floating-triangle{position:absolute;width:40px;height:40px;top:50%;left:50%;background:transparent;border:var(--gold-border);clip-path:polygon(50% 0%,0% 100%,100% 100%);box-shadow:var(--gold-shadow),inset 0 0 10px #ffd70033;animation:geometric-orbit var(--duration) linear infinite var(--delay);filter:drop-shadow(0 0 15px var(--gold-glow))}@keyframes geometric-orbit{0%{transform:translate(-50%,-50%) rotate(var(--start-angle)) translateY(calc(-1 * var(--orbit-size) / 2)) rotate(calc(-1 * var(--start-angle)))}to{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) + 360deg)) translateY(calc(-1 * var(--orbit-size) / 2)) rotate(calc(-1 * var(--start-angle) - 360deg))}}.floating-hexagon{position:absolute;width:50px;height:50px;top:50%;left:50%;background:#ffd7001a;border:var(--gold-border);clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);box-shadow:var(--gold-shadow),inset 0 0 15px #ffd7004d;animation:geometric-orbit var(--duration) linear infinite var(--delay);filter:drop-shadow(0 0 20px var(--gold-glow))}.floating-diamond{position:absolute;width:35px;height:35px;top:50%;left:50%;background:transparent;border:var(--gold-border);transform-origin:center;box-shadow:var(--gold-shadow),inset 0 0 8px #ffd70033;animation:geometric-orbit var(--duration) linear infinite var(--delay),diamond-spin calc(var(--duration) / 3) linear infinite;filter:drop-shadow(0 0 12px var(--gold-glow))}@keyframes diamond-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.floating-golden-circle{position:absolute;width:30px;height:30px;top:50%;left:50%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,rgba(255,215,0,.05) 50%,transparent 100%);border:var(--gold-border);border-radius:50%;box-shadow:var(--gold-shadow),inset 0 0 10px #ffd70066,0 0 30px #ffd7004d;animation:geometric-orbit var(--duration) ease-in-out infinite var(--delay),circle-pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 15px var(--gold-glow))}@keyframes circle-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.rotating-golden-ring{position:absolute;width:var(--size);height:var(--size);top:50%;left:50%;border:3px solid transparent;border-top:3px solid var(--gold-primary);border-right:3px solid var(--gold-secondary);border-bottom:3px solid var(--gold-accent);border-left:3px solid var(--gold-primary);border-radius:50%;animation:ring-rotate var(--duration) linear infinite var(--delay),ring-glow 4s ease-in-out infinite;box-shadow:var(--gold-shadow);filter:drop-shadow(0 0 25px var(--gold-glow))}@keyframes ring-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ring-glow{0%,to{opacity:.6;filter:drop-shadow(0 0 25px var(--gold-glow))}50%{opacity:.9;filter:drop-shadow(0 0 40px var(--gold-glow))}}@media (max-width: 768px){.floating-triangle,.floating-hexagon{width:25px;height:25px;border-width:1.5px}.floating-diamond{width:20px;height:20px;border-width:1.5px}.floating-golden-circle{width:18px;height:18px;border-width:1.5px}.rotating-golden-ring{border-width:2px}.floating-triangle:nth-child(n+4),.floating-hexagon:nth-child(n+3),.floating-diamond:nth-child(n+4){display:none}}.golden-floating-bubble{position:absolute;width:var(--size);height:var(--size);left:var(--start-x);bottom:-50px;background:radial-gradient(circle at 30% 30%,#fffc,#ffd70099 20%,#ffd7004d 50%,#ffd7001a);border:2px solid rgba(255,215,0,.4);border-radius:50%;box-shadow:var(--gold-shadow),inset 0 0 20px #ffffff4d,0 0 40px #ffd7004d;animation:bubble-float var(--duration) ease-in-out infinite var(--delay);filter:drop-shadow(0 0 10px var(--gold-glow))}@keyframes bubble-float{0%{transform:translateY(0) translate(0) scale(.8);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(-100vh) translate(calc(var(--end-x) - var(--start-x))) scale(1.2);opacity:0}}.golden-ripple-ring{position:absolute;width:var(--size);height:var(--size);top:50%;left:50%;border:3px solid transparent;border-top:3px solid rgba(255,215,0,.8);border-right:3px solid rgba(255,215,0,.6);border-bottom:3px solid rgba(255,215,0,.4);border-left:3px solid rgba(255,215,0,.2);border-radius:50%;animation:ripple-expand 8s ease-out infinite var(--delay);box-shadow:var(--gold-shadow);filter:drop-shadow(0 0 15px var(--gold-glow))}@keyframes ripple-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.mystical-golden-orb{position:absolute;width:var(--size);height:var(--size);top:50%;left:50%;background:radial-gradient(circle at 25% 25%,#fff,gold 20%,#ffd700cc 50%,#b8860b99);border:1px solid var(--gold-primary);border-radius:50%;box-shadow:var(--gold-shadow),inset 0 0 10px #fffc,0 0 20px #ffd70099;animation:orb-cosmic-dance var(--duration) ease-in-out infinite var(--delay),orb-shimmer 3s ease-in-out infinite;filter:drop-shadow(0 0 12px var(--gold-glow))}@keyframes orb-cosmic-dance{0%{transform:translate(-50%,-50%) rotate(var(--start-angle)) translateY(calc(-1 * var(--path-size) / 2)) rotate(calc(-1 * var(--start-angle)))}25%{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) + 90deg)) translateY(calc(-1 * var(--path-size) / 2)) rotate(calc(-1 * var(--start-angle) - 90deg))}50%{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) + 180deg)) translateY(calc(-1 * var(--path-size) / 2)) rotate(calc(-1 * var(--start-angle) - 180deg))}75%{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) + 270deg)) translateY(calc(-1 * var(--path-size) / 2)) rotate(calc(-1 * var(--start-angle) - 270deg))}to{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) + 360deg)) translateY(calc(-1 * var(--path-size) / 2)) rotate(calc(-1 * var(--start-angle) - 360deg))}}@keyframes orb-shimmer{0%,to{box-shadow:var(--gold-shadow),inset 0 0 10px #fffc,0 0 20px #ffd70099}50%{box-shadow:var(--gold-shadow),inset 0 0 15px #fff,0 0 30px gold}}@media (max-width: 768px){.golden-floating-bubble{--size: calc(var(--size) * .7) !important}.mystical-golden-orb{--size: calc(var(--size) * .8) !important;--path-size: calc(var(--path-size) * .7) !important}.golden-ripple-ring{--size: calc(var(--size) * .6) !important;border-width:2px}.golden-floating-bubble:nth-child(n+7),.mystical-golden-orb:nth-child(n+6),.golden-ripple-ring:nth-child(n+4){display:none}}.premium-header{position:relative;z-index:10;padding:1rem;display:flex;align-items:center;justify-content:space-between}.header-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,35,.8) 0%,transparent 100%);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.header-content{position:relative;text-align:center;flex:1}.app-title{display:flex;align-items:center;justify-content:center;gap:.8rem;font-size:2rem;font-weight:200;margin:0 0 .3rem}.title-mystische{background:linear-gradient(135deg,var(--premium-primary) 0%,var(--premium-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-glow 3s ease-in-out infinite alternate}.title-tarot{background:linear-gradient(135deg,var(--premium-accent) 0%,var(--premium-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-glow 3s ease-in-out infinite alternate-reverse}@keyframes title-glow{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.2) saturate(1.3)}}.title-divider{color:var(--premium-glass-border);font-size:1.5rem;animation:divider-spin 8s linear infinite}@keyframes divider-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-subtitle{color:#ffffffb3;font-size:1rem;font-weight:300;margin:0;letter-spacing:.05em}.sound-toggle{position:relative;width:50px;height:50px;background:var(--premium-glass);border:1px solid var(--premium-glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.sound-toggle:hover{transform:scale(1.1);background:#ffffff1f;border-color:var(--premium-primary)}.sound-icon{font-size:1.3rem}.sound-toggle:hover .button-glow{opacity:.3}.premium-main{position:relative;z-index:5;padding:0 1rem 2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.section-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:300;color:#fff}.header-ornament{color:var(--premium-accent);font-size:1.2rem;animation:ornament-twinkle 2s ease-in-out infinite}@keyframes ornament-twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.header-text{position:relative}.header-text:before{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--premium-primary),transparent)}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;justify-items:center}.premium-profile{position:relative;width:100%;max-width:280px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:1rem;padding:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:none}.premium-profile:hover{transform:translateY(-3px) scale(1.01);background:transparent;border-color:transparent;box-shadow:none}.premium-profile.active{background:transparent;border-color:transparent;box-shadow:none;transform:translateY(-2px) scale(1.01)}.profile-glow-ring{position:absolute;inset:-3px;background:linear-gradient(45deg,var(--premium-primary),var(--premium-secondary),var(--premium-accent));border-radius:1.5rem;opacity:0;transition:opacity .3s ease;z-index:-1}.premium-profile.active .profile-glow-ring{opacity:0;animation:none}@keyframes ring-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.profile-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.profile-avatar{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.1),transparent)}.avatar-emoji{font-size:2.8rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));animation:avatar-float 3s ease-in-out infinite}.premium-profile:hover .avatar-emoji{filter:drop-shadow(0 0 25px rgba(255,215,0,.8)) drop-shadow(0 0 40px rgba(255,215,0,.6))}.premium-profile.active .avatar-emoji{filter:drop-shadow(0 0 15px rgba(255,255,255,.2))}@keyframes avatar-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.avatar-pulse{position:absolute;inset:-15px;border:2px solid var(--premium-primary);border-radius:50%;opacity:.6;animation:avatar-pulse-animation 3s ease-in-out infinite}@keyframes avatar-pulse-animation{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.3}}.spectacular-click-effect{position:absolute;inset:0;pointer-events:none;z-index:10;border-radius:50%;overflow:visible}.explosive-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.explosive-ring{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);border:3px solid transparent;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:conic-gradient(from 0deg,var(--premium-primary),var(--premium-secondary),var(--premium-accent),var(--gold-primary),var(--premium-primary));background-clip:padding-box;filter:blur(1px);animation:explosive-ring-blast .8s ease-out forwards;animation-delay:var(--delay)}@keyframes explosive-ring-blast{0%{transform:translate(-50%,-50%) scale(0);opacity:1;filter:blur(0px) drop-shadow(0 0 20px var(--premium-primary))}50%{opacity:.8;filter:blur(2px) drop-shadow(0 0 40px var(--premium-secondary))}to{transform:translate(-50%,-50%) scale(1.5);opacity:0;filter:blur(4px) drop-shadow(0 0 60px var(--premium-accent))}}.lightning-bolts{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightning-bolt{position:absolute;width:4px;height:80px;background:linear-gradient(180deg,transparent 0%,var(--gold-primary) 20%,#ffffff 40%,var(--premium-accent) 60%,var(--premium-secondary) 80%,transparent 100%);transform-origin:bottom center;transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(0);filter:drop-shadow(0 0 8px var(--gold-primary)) blur(.5px);animation:lightning-strike .6s ease-out forwards;animation-delay:var(--delay)}@keyframes lightning-strike{0%{transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(0);opacity:0;filter:drop-shadow(0 0 5px var(--gold-primary))}30%{transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(1.2);opacity:1;filter:drop-shadow(0 0 15px var(--gold-primary)) drop-shadow(0 0 30px var(--premium-primary))}70%{transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(1);opacity:.8;filter:drop-shadow(0 0 10px var(--premium-accent))}to{transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(0);opacity:0;filter:drop-shadow(0 0 0px transparent)}}.sparkle-explosion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.explosion-sparkle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,var(--gold-primary),var(--premium-accent));border-radius:50%;transform-origin:center;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(0);filter:drop-shadow(0 0 6px var(--gold-primary));animation:sparkle-burst var(--duration) ease-out forwards;animation-delay:var(--delay)}@keyframes sparkle-burst{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(0);opacity:1;filter:drop-shadow(0 0 6px var(--gold-primary))}20%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(20px) scale(1.5);opacity:1;filter:drop-shadow(0 0 12px var(--premium-primary)) drop-shadow(0 0 20px var(--premium-accent))}60%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance)) scale(1);opacity:.8;filter:drop-shadow(0 0 8px var(--premium-secondary))}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--distance) * 1.5)) scale(0);opacity:0;filter:drop-shadow(0 0 0px transparent)}}.spectral-core{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--premium-primary) 0%,var(--premium-secondary) 25%,var(--premium-accent) 50%,var(--gold-primary) 75%,transparent 100%);border-radius:50%;filter:blur(8px) drop-shadow(0 0 40px var(--premium-primary));animation:spectral-core-pulse 1.2s ease-in-out}@keyframes spectral-core-pulse{0%{transform:translate(-50%,-50%) scale(0);opacity:0;filter:blur(2px) drop-shadow(0 0 20px var(--premium-primary))}30%{transform:translate(-50%,-50%) scale(1.2);opacity:.9;filter:blur(6px) drop-shadow(0 0 60px var(--premium-secondary))}60%{transform:translate(-50%,-50%) scale(1);opacity:.7;filter:blur(8px) drop-shadow(0 0 80px var(--premium-accent))}to{transform:translate(-50%,-50%) scale(.8);opacity:0;filter:blur(12px) drop-shadow(0 0 100px var(--gold-primary))}}.energy-vortex{position:absolute;top:50%;left:50%;width:160px;height:160px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent,var(--premium-primary),transparent,var(--premium-secondary),transparent,var(--premium-accent),transparent,var(--gold-primary),transparent);border-radius:50%;filter:blur(4px);animation:energy-vortex-spin 1s linear}@keyframes energy-vortex-spin{0%{transform:translate(-50%,-50%) rotate(0) scale(0);opacity:0;filter:blur(2px)}20%{transform:translate(-50%,-50%) rotate(72deg) scale(.8);opacity:.6;filter:blur(3px)}60%{transform:translate(-50%,-50%) rotate(216deg) scale(1.2);opacity:.8;filter:blur(4px)}to{transform:translate(-50%,-50%) rotate(360deg) scale(0);opacity:0;filter:blur(6px)}}.magic-ripples{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.magic-ripple{position:absolute;top:50%;left:50%;width:200px;height:200px;border:2px solid var(--premium-primary);border-radius:50%;transform:translate(-50%,-50%) scale(0);filter:drop-shadow(0 0 15px var(--premium-primary));animation:magic-ripple-expand 1.5s ease-out forwards;animation-delay:var(--delay)}@keyframes magic-ripple-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-color:var(--premium-primary);filter:drop-shadow(0 0 15px var(--premium-primary))}25%{border-color:var(--premium-secondary);filter:drop-shadow(0 0 25px var(--premium-secondary))}50%{border-color:var(--premium-accent);filter:drop-shadow(0 0 35px var(--premium-accent))}75%{border-color:var(--gold-primary);filter:drop-shadow(0 0 45px var(--gold-primary))}to{transform:translate(-50%,-50%) scale(2);opacity:0;border-color:transparent;filter:drop-shadow(0 0 0px transparent)}}.glowing-avatar{animation:super-avatar-glow 2s ease-in-out}@keyframes super-avatar-glow{0%,to{filter:drop-shadow(0 0 15px rgba(255,255,255,.2));transform:scale(1) rotate(0)}25%{filter:drop-shadow(0 0 40px var(--gold-primary)) drop-shadow(0 0 60px var(--premium-primary));transform:scale(1.1) rotate(5deg)}50%{filter:drop-shadow(0 0 60px var(--premium-secondary)) drop-shadow(0 0 80px var(--premium-accent));transform:scale(1.15) rotate(-5deg)}75%{filter:drop-shadow(0 0 50px var(--premium-accent)) drop-shadow(0 0 70px var(--gold-primary));transform:scale(1.05) rotate(3deg)}}.premium-profile.spectacular-glow{animation:profile-spectacular-boost 2s ease-in-out}@keyframes profile-spectacular-boost{0%{transform:translateY(-3px) scale(1.01);filter:drop-shadow(0 0 0px transparent)}20%{transform:translateY(-8px) scale(1.05);filter:drop-shadow(0 0 20px var(--premium-primary)) drop-shadow(0 0 40px var(--premium-secondary))}40%{transform:translateY(-10px) scale(1.08);filter:drop-shadow(0 0 40px var(--premium-accent)) drop-shadow(0 0 60px var(--gold-primary))}60%{transform:translateY(-6px) scale(1.04);filter:drop-shadow(0 0 30px var(--premium-secondary)) drop-shadow(0 0 50px var(--premium-primary))}80%{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 0 15px var(--premium-accent))}to{transform:translateY(-3px) scale(1.01);filter:drop-shadow(0 0 0px transparent)}}.profile-details{text-align:center}.profile-name{font-size:1.4rem;font-weight:600;margin:0 0 .5rem;background:linear-gradient(135deg,white,var(--premium-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-location{color:#ffffffb3;font-size:.9rem;margin:0 0 .8rem}.profile-energy{font-size:.8rem;color:var(--premium-accent);font-weight:500}.selection-aura{position:absolute;inset:-20px;border:2px solid var(--premium-primary);border-radius:2rem;animation:selection-glow 1.5s ease-in-out infinite;pointer-events:none}@keyframes selection-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}.draw-section{display:flex;justify-content:center;padding:.5rem 0}.premium-draw-btn{position:relative;background:none;border:none;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-draw-btn:disabled{opacity:.5;cursor:not-allowed}.premium-draw-btn:not(:disabled):hover{transform:scale(1.05)}.premium-draw-btn:not(:disabled):active{transform:scale(.98)}.btn-bg-layer{position:absolute;inset:0;background:linear-gradient(135deg,var(--premium-primary) 0%,var(--premium-secondary) 50%,var(--premium-accent) 100%);border-radius:2rem;filter:blur(8px);opacity:.8}.btn-content{position:relative;background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--gold-primary);border-radius:1.5rem;padding:1rem 2rem;display:flex;align-items:center;gap:.8rem;font-size:1rem;font-weight:600;color:#fff;min-width:280px;justify-content:center;box-shadow:var(--gold-shadow),var(--premium-shadow)}.btn-icon{font-size:1.4rem;animation:icon-breathe 2s ease-in-out infinite}@keyframes icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.premium-draw-btn.drawing .btn-icon{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-particles{position:absolute;inset:0;pointer-events:none;border-radius:2rem;overflow:hidden}.btn-particle{position:absolute;width:3px;height:3px;background:var(--premium-accent);border-radius:50%;animation:particle-dance 4s ease-in-out infinite}.btn-particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.btn-particle:nth-child(2){top:40%;right:15%;animation-delay:.5s}.btn-particle:nth-child(3){bottom:30%;left:20%;animation-delay:1s}.btn-particle:nth-child(4){bottom:20%;right:25%;animation-delay:1.5s}.btn-particle:nth-child(5){top:60%;left:50%;animation-delay:2s}.btn-particle:nth-child(6){top:30%;right:40%;animation-delay:2.5s}@keyframes particle-dance{0%,to{transform:translateY(0) scale(0);opacity:0}50%{transform:translateY(-20px) scale(1.5);opacity:1}}.card-section{display:flex;justify-content:center}.card-presentation{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:card-reveal 1.2s ease-out}@keyframes card-reveal{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.card-stage{position:relative;padding:2rem}.stage-lights{position:absolute;inset:0;pointer-events:none}.light{position:absolute;width:100px;height:100px;border-radius:50%;filter:blur(40px);animation:light-pulse 4s ease-in-out infinite}.light-1{top:-50px;left:-50px;background:var(--premium-primary);animation-delay:0s}.light-2{top:-50px;right:-50px;background:var(--premium-secondary);animation-delay:1.3s}.light-3{bottom:-50px;left:50%;transform:translate(-50%);background:var(--premium-accent);animation-delay:2.6s}@keyframes light-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.card-wrapper{position:relative;z-index:2}.card-energy-field{position:absolute;inset:-60px;display:flex;align-items:center;justify-content:center;pointer-events:none}.energy-ring{position:absolute;border:2px solid transparent;border-top-color:var(--premium-primary);border-right-color:var(--premium-secondary);border-radius:50%;animation:ring-spin 10s linear infinite}.ring-1{width:350px;height:350px;animation-duration:10s;opacity:.4}.ring-2{width:280px;height:280px;animation-duration:8s;animation-direction:reverse;opacity:.3}.ring-3{width:420px;height:420px;animation-duration:15s;opacity:.2}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-info{text-align:center;max-width:500px;padding:1.5rem;background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--gold-primary);border-radius:1rem;box-shadow:var(--gold-shadow),var(--premium-shadow)}.card-revelation{font-size:1.3rem;font-weight:500;margin:0 0 1rem;background:linear-gradient(135deg,var(--premium-primary),var(--premium-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-guidance{color:#fffc;line-height:1.6;font-size:.95rem;margin:0}.premium-footer{position:relative;z-index:10;margin-top:auto;padding:2rem 1.5rem;background:linear-gradient(0deg,rgba(15,15,35,.8) 0%,transparent 100%);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.footer-content{display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff9;font-size:.9rem;text-align:center}.footer-divider{color:var(--premium-accent)}.cosmic-energy{font-weight:500}@media (min-width: 1200px){.premium-main{max-width:1600px;padding:0 3rem 6rem;gap:6rem}.premium-header{padding:3rem 3rem 2rem}.app-title{font-size:3.5rem}.profiles-grid{grid-template-columns:repeat(2,minmax(480px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.premium-profile{max-width:320px;padding:1.8rem}.profile-avatar{width:120px;height:120px}.avatar-emoji{font-size:4rem}.profile-name{font-size:1.6rem}.card-stage{padding:4rem}.card-info{max-width:600px;padding:3rem}.card-revelation{font-size:1.5rem}.btn-content{padding:1.5rem 4rem;min-width:380px;font-size:1.2rem}.ring-1{width:450px;height:450px}.ring-2{width:350px;height:350px}.ring-3{width:550px;height:550px}.cosmic-vortex{width:400px;height:400px}.dimensional-portal{width:500px;height:700px}.materialization-spiral{width:400px;height:400px}.mystical-aura{width:800px;height:800px}}@media (min-width: 1440px){.premium-main{max-width:1800px;padding:0 4rem 8rem;gap:8rem}.profiles-grid{grid-template-columns:repeat(2,minmax(520px,1fr));gap:4rem}.premium-profile{max-width:350px;padding:2.2rem}.card-stage{padding:5rem}}@media (min-width: 769px) and (max-width: 1199px){.premium-main{padding:0 2rem 4rem;gap:4rem}.profiles-grid{grid-template-columns:repeat(2,minmax(340px,1fr));gap:2.5rem}.card-stage{padding:3rem 2rem}}@media (max-width: 768px){html,body{width:100vw!important;overflow-x:hidden!important;margin:0!important;padding:0!important}#root{width:100vw!important;overflow-x:hidden!important}.premium-app{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;min-height:100vh;position:relative;margin:0!important;padding:0!important}.premium-canvas{will-change:auto;transform:translateZ(0);opacity:.5}.mega-animation-overlay{will-change:transform;transform:translateZ(0);-webkit-backdrop-filter:none;backdrop-filter:none}.premium-header{padding:1.5rem .5rem;flex-direction:column;gap:1rem;width:100vw;position:relative}.header-content{width:100%}.app-title{font-size:2rem;flex-direction:column;gap:.5rem;text-align:center}.sound-toggle{position:absolute;top:1rem;right:.5rem;width:45px;height:45px}.premium-main{padding:0 1rem 3rem;gap:2.5rem;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);margin:0 1rem}.profiles-grid{grid-template-columns:1fr;width:100%;gap:1rem;justify-items:stretch}.premium-profile{max-width:none;width:100%;margin:0;padding:1.2rem .8rem}.profile-avatar{width:90px;height:90px}.avatar-emoji{font-size:3.2rem}.draw-section{width:100%;padding:2rem 0}.btn-content{padding:1.2rem 2.5rem;min-width:calc(100vw - 3rem);max-width:calc(100vw - 2rem);font-size:1.1rem}.card-section{width:100%;overflow:visible}.card-presentation{width:100%;max-width:100%;gap:1.5rem}.card-stage{padding:1.5rem .5rem;width:100%;position:relative}.card-wrapper{width:100%;max-width:100%;display:flex;justify-content:center}.card-info{width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);margin:0 auto;padding:2rem 1.5rem}.card-energy-field{inset:-30px}.energy-ring{opacity:.3}.light{width:60px;height:60px;filter:blur(20px)}.footer-content{flex-direction:column;gap:.5rem;font-size:.8rem}}@media (max-width: 480px){html,body{width:100vw!important;overflow-x:hidden!important;margin:0!important;padding:0!important}#root{width:100vw!important;overflow-x:hidden!important}.premium-app{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;margin:0!important;padding:0!important}.premium-header{padding:1rem .25rem;width:100vw}.premium-main{padding:0 .75rem 2rem;gap:2rem;width:calc(100vw - 1.5rem);max-width:calc(100vw - 1.5rem);margin:0 .75rem}.app-title{font-size:1.8rem}.section-header{font-size:1.2rem;margin-bottom:1.5rem}.profiles-grid{width:100%;gap:.75rem}.premium-profile{padding:1rem .8rem;width:100%;margin:0}.profile-avatar{width:75px;height:75px}.avatar-emoji{font-size:2.8rem}.profile-name{font-size:1.3rem}.explosive-ring{border-width:2px}.lightning-bolt{width:3px;height:60px}.explosion-sparkle{width:6px;height:6px}.spectral-core{width:90px;height:90px;filter:blur(6px) drop-shadow(0 0 30px var(--premium-primary))}.energy-vortex{width:120px;height:120px;filter:blur(3px)}.magic-ripple{width:150px;height:150px}.btn-content{padding:1rem 2rem;min-width:calc(100vw - 2rem);max-width:calc(100vw - 1rem);font-size:1rem}.card-stage{padding:1rem .25rem;width:100%}.card-info{padding:1.5rem 1rem;margin:0;width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}.card-revelation{font-size:1.2rem}.card-guidance{font-size:.9rem}.card-energy-field{inset:-20px}.energy-ring{opacity:.2;border-width:1px}.ring-1{width:250px;height:250px}.ring-2{width:200px;height:200px}.ring-3{width:280px;height:280px}.light{width:40px;height:40px;filter:blur(15px)}.premium-canvas{opacity:.3}.btn-particle{width:2px;height:2px}.explosive-ring{border-width:1.5px}.lightning-bolt{width:2px;height:50px}.explosion-sparkle{width:5px;height:5px}.spectral-core{width:70px;height:70px;filter:blur(4px) drop-shadow(0 0 20px var(--premium-primary))}.energy-vortex{width:100px;height:100px;filter:blur(2px)}.magic-ripple{width:120px;height:120px}}.glowing-runic-icons{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:300px;height:300px;pointer-events:none;z-index:1}.runic-ring{position:absolute;inset:0;border-radius:50%}.runic-icon{position:absolute;top:50%;left:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:600;color:var(--color);text-shadow:0 0 20px var(--color),0 0 40px var(--color);filter:drop-shadow(0 0 15px var(--color));animation:runic-orbit var(--duration) linear infinite var(--delay),runic-glow 3s ease-in-out infinite;transform-origin:center;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border:1px solid rgba(255,255,255,.2);border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes runic-orbit{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-120px) rotate(calc(-1 * var(--angle)))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 360deg)) translateY(-120px) rotate(calc(-1 * var(--angle) - 360deg))}}@keyframes runic-glow{0%,to{text-shadow:0 0 20px var(--color),0 0 40px var(--color);filter:drop-shadow(0 0 15px var(--color))}50%{text-shadow:0 0 30px var(--color),0 0 60px var(--color),0 0 80px var(--color);filter:drop-shadow(0 0 25px var(--color))}}.tarot-symbols-ring{position:absolute;inset:40px;border-radius:50%}.tarot-symbol-icon{position:absolute;top:50%;left:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-shadow:0 0 15px var(--color),0 0 30px var(--color);filter:drop-shadow(0 0 10px var(--color));animation:tarot-orbit var(--duration) ease-in-out infinite var(--delay),tarot-twinkle 4s ease-in-out infinite;background:radial-gradient(circle,var(--color) 0%,transparent 70%);opacity:.9;border-radius:50%}@keyframes tarot-orbit{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-70px) rotate(calc(-1 * var(--angle)))}25%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 90deg)) translateY(-75px) rotate(calc(-1 * var(--angle) - 90deg))}50%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 180deg)) translateY(-70px) rotate(calc(-1 * var(--angle) - 180deg))}75%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 270deg)) translateY(-75px) rotate(calc(-1 * var(--angle) - 270deg))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 360deg)) translateY(-70px) rotate(calc(-1 * var(--angle) - 360deg))}}@keyframes tarot-twinkle{0%,to{opacity:.9;transform:scale(1)}25%{opacity:1;transform:scale(1.1)}50%{opacity:.7;transform:scale(.9)}75%{opacity:1;transform:scale(1.05)}}.elemental-ring{position:absolute;inset:20px;border-radius:50%}.elemental-icon{position:absolute;top:50%;left:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;text-shadow:0 0 25px var(--color),0 0 50px var(--color);filter:drop-shadow(0 0 15px var(--color));animation:elemental-flow var(--duration) linear infinite var(--delay),elemental-pulse 5s ease-in-out infinite;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,var(--color) 50%,transparent 80%);border:2px solid rgba(255,255,255,.3);border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.85}@keyframes elemental-flow{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle)))}25%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 90deg)) translateY(-95px) rotate(calc(-1 * var(--angle) - 90deg))}50%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 180deg)) translateY(-90px) rotate(calc(-1 * var(--angle) - 180deg))}75%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 270deg)) translateY(-95px) rotate(calc(-1 * var(--angle) - 270deg))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 360deg)) translateY(-90px) rotate(calc(-1 * var(--angle) - 360deg))}}@keyframes elemental-pulse{0%,to{opacity:.85;transform:scale(1);border-color:#ffffff4d}33%{opacity:1;transform:scale(1.15);border-color:var(--color)}66%{opacity:.7;transform:scale(.9);border-color:#fff3}}.astrological-ring{position:absolute;inset:-20px;border-radius:50%}.astrological-icon{position:absolute;top:50%;left:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--color);text-shadow:0 0 30px var(--color),0 0 60px var(--color);filter:drop-shadow(0 0 20px var(--color));animation:astrological-dance var(--duration) ease-in-out infinite var(--delay),astrological-shimmer 6s ease-in-out infinite;background:conic-gradient(from 0deg,transparent 0%,var(--color) 50%,transparent 100%);border:3px solid rgba(255,255,255,.4);border-radius:50%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.9}@keyframes astrological-dance{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-150px) rotate(calc(-1 * var(--angle)))}20%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 72deg)) translateY(-160px) rotate(calc(-1 * var(--angle) - 72deg))}40%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 144deg)) translateY(-150px) rotate(calc(-1 * var(--angle) - 144deg))}60%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 216deg)) translateY(-160px) rotate(calc(-1 * var(--angle) - 216deg))}80%{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 288deg)) translateY(-150px) rotate(calc(-1 * var(--angle) - 288deg))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 360deg)) translateY(-160px) rotate(calc(-1 * var(--angle) - 360deg))}}@keyframes astrological-shimmer{0%,to{opacity:.9;transform:scale(1);text-shadow:0 0 30px var(--color),0 0 60px var(--color);border-color:#fff6}25%{opacity:1;transform:scale(1.2);text-shadow:0 0 40px var(--color),0 0 80px var(--color),0 0 120px var(--color);border-color:var(--color)}50%{opacity:.8;transform:scale(.95);text-shadow:0 0 20px var(--color),0 0 40px var(--color);border-color:#fff3}75%{opacity:1;transform:scale(1.1);text-shadow:0 0 35px var(--color),0 0 70px var(--color);border-color:#fff9}}.mystical-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center}.core-symbol{font-size:2.5rem;color:gold;text-shadow:0 0 30px #ffd700,0 0 60px #ffd700;filter:drop-shadow(0 0 20px #ffd700);animation:core-pulse 2s ease-in-out infinite;z-index:2}.core-pulse{position:absolute;inset:-10px;border:2px solid #ffd700;border-radius:50%;animation:pulse-ring 3s ease-in-out infinite;opacity:.6}@keyframes core-pulse{0%,to{transform:scale(1) rotate(0);text-shadow:0 0 30px #ffd700,0 0 60px #ffd700}50%{transform:scale(1.1) rotate(180deg);text-shadow:0 0 40px #ffd700,0 0 80px #ffd700,0 0 100px #ffd700}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.2}}@media (max-width: 768px){.glowing-runic-icons{width:200px;height:200px;top:-10px}.runic-icon{width:30px;height:30px;font-size:1.3rem}.tarot-symbol-icon{width:25px;height:25px;font-size:1.1rem}.tarot-symbols-ring{inset:30px}.elemental-ring{inset:15px}.elemental-icon{width:28px;height:28px;font-size:1.2rem}.astrological-ring{inset:-15px}.astrological-icon{width:35px;height:35px;font-size:1.4rem}.core-symbol{font-size:1.8rem}.core-pulse{inset:-5px}.runic-icon{animation-duration:calc(var(--duration) * 1.5)!important}.tarot-symbol-icon{animation-duration:calc(var(--duration) * 1.2)!important}.elemental-icon{animation-duration:calc(var(--duration) * 1.3)!important}.astrological-icon{animation-duration:calc(var(--duration) * 1.8)!important}}@media (max-width: 480px){.glowing-runic-icons{width:160px;height:160px;top:-5px}.runic-icon{width:25px;height:25px;font-size:1.1rem}.tarot-symbol-icon{width:20px;height:20px;font-size:.9rem}.tarot-symbols-ring{inset:25px}.elemental-ring{inset:12px}.elemental-icon{width:22px;height:22px;font-size:1rem}.astrological-ring{inset:-12px}.astrological-icon{width:28px;height:28px;font-size:1.1rem}.core-symbol{font-size:1.5rem}.runic-icon:nth-child(n+5),.tarot-symbol-icon:nth-child(n+4),.elemental-icon:nth-child(n+3),.astrological-icon:nth-child(n+4){display:none}}.premium-app.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:10}.loading-text{font-size:1.2rem;color:var(--premium-primary);text-shadow:0 0 20px var(--premium-glow)}.premium-controls{display:flex;align-items:center;gap:1rem;position:absolute;top:1rem;right:1rem;z-index:10}.sound-control-section,.help-button-section,.new-profile-section{display:flex;align-items:center;gap:.5rem}.sound-toggle,.help-button,.new-profile-button{position:relative;width:48px;height:48px;border:none;border-radius:50%;background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--premium-glass-border);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.sound-toggle:hover,.help-button:hover,.new-profile-button:hover{transform:translateY(-2px) scale(1.05);background:#ffffff26;box-shadow:0 8px 32px var(--premium-glow)}.button-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,var(--premium-primary),var(--premium-secondary));border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:-1}.sound-toggle:hover .button-glow,.help-button:hover .button-glow,.new-profile-button:hover .button-glow{opacity:.6}.volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--premium-glass);border-radius:2px;outline:none;transition:all .3s ease}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--premium-primary);cursor:pointer;box-shadow:0 0 10px var(--premium-glow);transition:all .3s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px var(--premium-glow)}.premium-card-history-section{width:100%;max-width:1200px;margin:3rem auto;padding:0 2rem}.card-history-wrapper{background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--premium-glass-border);border-radius:20px;padding:2rem;box-shadow:var(--premium-shadow);transition:all .3s ease}.card-history-wrapper:hover{background:#ffffff1f;box-shadow:var(--premium-shadow-lg)}@media (max-width: 768px){.premium-controls{flex-direction:column;gap:.5rem;top:.5rem;right:.5rem}.sound-toggle,.help-button,.new-profile-button{width:40px;height:40px;font-size:1rem}.volume-slider{width:60px;height:3px}.volume-slider::-webkit-slider-thumb{width:12px;height:12px}.premium-card-history-section{padding:0 1rem;margin:2rem auto}.card-history-wrapper{padding:1rem;border-radius:16px}}.premium-profile.active{animation:profilePulse 2s ease-in-out infinite}@keyframes profilePulse{0%,to{box-shadow:0 8px 32px var(--premium-glow)}50%{box-shadow:0 16px 64px #6366f199,0 0 40px #6366f166}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.premium-tarot-card{position:relative;width:90vw;max-width:380px;min-height:600px;margin:0 auto;background:linear-gradient(135deg,#8b5fbf,#6b46c1,#5b21b6,#4c1d95,#3b1764);border-radius:24px;border:2px solid rgba(251,191,36,.6);box-shadow:0 0 30px #fbbf244d,0 8px 32px #0000004d,inset 0 2px 4px #ffffff1a;padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:Cinzel,serif;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardEntrance .8s ease-out;transform-style:preserve-3d;will-change:transform}.mana-cost{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:50px;height:50px;background:linear-gradient(135deg,#f59e0b,#fbbf24,#fcd34d);border:3px solid rgba(251,191,36,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#1f2937;box-shadow:0 4px 15px #fbbf2466,inset 0 2px 4px #ffffff4d;z-index:10}.mana-diamond{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:#1f2937cc;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fbbf24}.card-name-banner{width:100%;background:linear-gradient(135deg,#1f2937e6,#111827f2);border:2px solid rgba(251,191,36,.6);border-radius:12px;padding:12px 16px;text-align:center;margin-top:20px;box-shadow:0 4px 15px #0000004d,inset 0 1px 2px #ffffff1a}.card-name{font-size:18px;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:1px}.card-type{width:100%;background:linear-gradient(135deg,#6b728099,#4b5563b3);border:1px solid rgba(251,191,36,.4);border-radius:8px;padding:8px 12px;text-align:center;font-size:14px;color:#e5e7eb;font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-art-frame{width:100%;height:140px;background:linear-gradient(135deg,#fbbf2433,#f59e0b4d);border:3px solid rgba(251,191,36,.8);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 25px #fbbf2433,inset 0 2px 8px #ffffff1a}.card-art-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,rgba(251,191,36,.1) 0%,transparent 70%)}.runic-symbols{font-size:48px;text-shadow:0 0 20px rgba(251,191,36,.8);animation:mysticalGlow 3s ease-in-out infinite alternate;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.mystical-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 2s ease-in-out infinite}.abilities-container{width:100%;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:8px 0}.ability-badge{background:linear-gradient(135deg,#111827e6,#1f2937f2);border:2px solid rgba(251,191,36,.6);color:#fbbf24;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff1a}.description-frame{width:100%;background:linear-gradient(135deg,#f9fafbf2,#f3f4f6fa);border:2px solid rgba(251,191,36,.6);border-radius:12px;padding:12px 16px;box-shadow:0 4px 15px #0003,inset 0 1px 3px #ffffff4d}.description-content{color:#374151;font-size:14px;line-height:1.4;text-align:center;font-weight:500;position:relative}.quote-start,.quote-end{color:#fbbf24;font-size:18px;font-weight:700;font-family:Georgia,serif}.quote-start{margin-right:4px}.quote-end{margin-left:4px}.flavor-text{width:100%;text-align:center;color:#e5e7ebcc;font-size:12px;font-style:italic;padding:0 16px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.power-toughness{position:absolute;bottom:80px;right:20px;background:linear-gradient(135deg,#111827e6,#1f2937f2);border:2px solid rgba(251,191,36,.8);color:#fbbf24;padding:8px 12px;border-radius:8px;font-size:16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff1a}.draw-card-button{width:100%;background:linear-gradient(135deg,#fcd34d,#f59e0b,#d97706);border:3px solid rgba(251,191,36,.8);color:#1f2937;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:700;font-family:Cinzel,serif;letter-spacing:1px;cursor:pointer;margin-top:12px;transition:all .3s ease;box-shadow:0 6px 20px #fbbf244d,inset 0 2px 4px #ffffff4d;text-transform:uppercase}.draw-card-button:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466,inset 0 2px 4px #fff6}.draw-card-button:active{transform:translateY(0);box-shadow:0 4px 15px #fbbf244d,inset 0 2px 4px #fff3}@keyframes mysticalGlow{0%{text-shadow:0 0 20px rgba(251,191,36,.8)}to{text-shadow:0 0 30px rgba(251,191,36,1),0 0 40px rgba(251,191,36,.6)}}@keyframes pulseGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}to{opacity:.3;transform:translate(-50%,-50%) scale(1)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px) rotateY(-15deg) scale(.8)}60%{opacity:.8;transform:translateY(-10px) rotateY(5deg) scale(1.05)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}.premium-tarot-card:hover{transform:translateY(-8px) rotateY(2deg) scale(1.02);box-shadow:0 0 45px #fbbf2480,0 15px 50px #0006,inset 0 2px 6px #ffffff26;border-color:#fbbf24cc}.mana-cost:hover{transform:translate(-50%) scale(1.1) rotate(180deg);box-shadow:0 6px 25px #fbbf2499,inset 0 2px 6px #fff6}.runic-symbols:hover{transform:scale(1.15) rotate(5deg);text-shadow:0 0 30px rgba(251,191,36,1),0 0 50px rgba(251,191,36,.8),0 0 70px rgba(251,191,36,.6);animation:mysticalPulse .6s ease-in-out}.ability-badge:hover{transform:scale(1.1) translateY(-2px);background:linear-gradient(135deg,#fbbf24cc,#f59e0be6);color:#1f2937;box-shadow:0 6px 20px #fbbf2466,inset 0 2px 6px #ffffff4d}.description-frame:hover{transform:scale(1.02);box-shadow:0 6px 25px #0000004d,inset 0 2px 6px #fff6;border-color:#fbbf24cc}.draw-card-button:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px #fbbf2480,inset 0 3px 6px #fff6;animation:buttonGlow .6s ease-in-out}.premium-tarot-card:active{animation:cardPulse .3s ease-in-out}@keyframes mysticalPulse{0%{transform:scale(1.15) rotate(5deg)}50%{transform:scale(1.25) rotate(-5deg)}to{transform:scale(1.15) rotate(5deg)}}@keyframes buttonGlow{0%{box-shadow:0 12px 35px #fbbf2480}50%{box-shadow:0 15px 45px #fbbf24b3,0 0 25px #fbbf244d}to{box-shadow:0 12px 35px #fbbf2480}}@keyframes cardPulse{0%{transform:translateY(-8px) rotateY(2deg) scale(1.02)}50%{transform:translateY(-12px) rotateY(4deg) scale(1.05)}to{transform:translateY(-8px) rotateY(2deg) scale(1.02)}}@keyframes mysticalGlow{0%{text-shadow:0 0 20px rgba(251,191,36,.8),0 0 35px rgba(251,191,36,.4)}50%{text-shadow:0 0 30px rgba(251,191,36,1),0 0 50px rgba(251,191,36,.7),0 0 70px rgba(251,191,36,.3)}to{text-shadow:0 0 25px rgba(251,191,36,.9),0 0 40px rgba(251,191,36,.5)}}@media (max-width: 480px){.premium-tarot-card{width:95vw;padding:16px;gap:12px}.premium-tarot-card:hover{transform:translateY(-4px) scale(1.01)}.runic-symbols:hover{transform:scale(1.08) rotate(3deg)}.card-name{font-size:16px}.card-art-frame{height:120px}.runic-symbols{font-size:40px}.ability-badge{font-size:10px;padding:5px 12px}}:root{--premium-glass: rgba(255, 255, 255, .08);--premium-glass-border: rgba(255, 255, 255, .16);--glass-blur: blur(24px);--premium-accent: #8b5cf6;--premium-gold: #fbbf24}.screenshot-tarot-card{max-width:350px;margin:0 auto;padding:0;font-family:system-ui,-apple-system,sans-serif}.screenshot-card-placeholder{max-width:350px;margin:0 auto;padding:2rem;display:flex;justify-content:center;align-items:center;min-height:600px}.screenshot-card-container{background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--premium-glass-border);border-radius:20px;padding:20px;position:relative;min-height:600px;box-shadow:0 8px 32px #8b5cf626,inset 0 1px #ffffff1a;margin-bottom:16px;overflow:hidden}.screenshot-mana-cost{position:absolute;top:20px;right:20px;width:36px;height:36px;background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--premium-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--premium-gold);box-shadow:0 4px 16px #fbbf244d,inset 0 1px #fff3}.screenshot-card-name{text-align:center;margin-top:20px;margin-bottom:12px}.screenshot-card-name h2{margin:0;padding:8px 16px;background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--premium-glass-border);color:#fff;font-size:18px;font-weight:700;border-radius:12px;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.screenshot-card-type{text-align:center;margin-bottom:20px}.screenshot-card-type span{background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--premium-glass-border);color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.screenshot-art-frame{margin:20px 0;display:flex;justify-content:center;align-items:center;min-height:200px}.screenshot-runic-symbols{position:relative;width:180px;height:140px;background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--premium-gold);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #fbbf2433,inset 0 1px #ffffff1a}.screenshot-rune-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.screenshot-rune-1,.screenshot-rune-2{font-size:32px;color:#92400e;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.screenshot-sword-symbol{position:absolute;font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));z-index:1}.screenshot-abilities{display:flex;justify-content:center;gap:8px;margin:20px 0;flex-wrap:wrap}.screenshot-ability{background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--premium-gold);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:700;border:1px solid var(--premium-gold);letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.screenshot-description-box{background:var(--premium-glass);border:1px solid var(--premium-glass-border);border-radius:16px;padding:12px 16px;margin:16px 0;text-align:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 1px #ffffff1a}.screenshot-description-box span{color:#fff;font-size:14px;line-height:1.4}.screenshot-quote-left,.screenshot-quote-right{font-size:12px}.screenshot-flavor-text{text-align:center;margin:16px 0;padding:0 20px}.screenshot-flavor-text em{color:#fbbf24;font-size:13px;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.5)}.screenshot-power-toughness{position:absolute;bottom:20px;right:20px;background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--premium-glass-border);color:#fff;padding:6px 12px;border-radius:12px;font-weight:700;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff1a}.screenshot-divider{margin:0 4px;color:#fbbf24}.screenshot-draw-button{width:100%;background:var(--premium-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--premium-gold);border:2px solid var(--premium-gold);padding:16px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.5px;box-shadow:0 8px 32px #fbbf2433,inset 0 1px #ffffff1a;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.5)}.screenshot-draw-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #fbbf244d,inset 0 1px #fff3;border-color:#fff;color:#fff}.screenshot-draw-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.screenshot-card-container{margin:0 10px 16px;padding:16px;min-height:550px}.screenshot-card-name h2{font-size:16px;padding:6px 12px}.screenshot-runic-symbols{width:160px;height:120px}.screenshot-rune-1,.screenshot-rune-2{font-size:28px}.screenshot-sword-symbol{font-size:36px}.screenshot-abilities{gap:6px}.screenshot-ability{padding:5px 10px;font-size:11px}}:root{--glass-base: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .2);--glass-glow: rgba(247, 208, 96, .3);--glass-shadow: rgba(0, 0, 0, .3);--glass-blur: blur(24px);--glass-shimmer: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, transparent 50%, rgba(255, 255, 255, .05) 100%)}.glass-mystical{background:linear-gradient(135deg,#8b5fbf26,#6b46c11a,#5b21b614,#4c1d951a,#3b176426);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 0 50px #f7d06033,0 25px 50px #00000026,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0d;position:relative;overflow:hidden}.glass-mystical:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--glass-shimmer);animation:glassShimmer 8s ease-in-out infinite;pointer-events:none}.glass-header{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff14;position:relative;overflow:hidden}.glass-header:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,208,96,.8),transparent);animation:headerGlow 4s ease-in-out infinite}.glass-banner{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 6px 24px #00000026,inset 0 1px #ffffff0f;position:relative}.glass-banner:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#f7d06099,#f7d0601a);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:borderFlow 6s linear infinite}.glass-art-frame{background:#ffffff08;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:2px solid rgba(247,208,96,.4);border-radius:24px;box-shadow:0 0 60px #f7d06026,0 12px 40px #0003,inset 0 2px 4px #ffffff0d,inset 0 -2px 4px #0000001a;position:relative;overflow:hidden}.glass-art-frame:before{content:"";position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(45deg,#f7d060cc,#f7d06033,#f7d060cc);animation:artFrameGlow 5s ease-in-out infinite;z-index:-1}.glass-art-frame:after{content:"";position:absolute;top:10%;left:-50%;width:200%;height:80%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-15deg);animation:artFrameReflection 8s ease-in-out infinite}.glass-abilities{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff0f;position:relative}.glass-abilities .ability-line{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:8px 0;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-abilities .ability-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(247,208,96,.2),transparent);transition:left .6s ease}.glass-abilities .ability-line:hover:before{left:100%}.glass-abilities .ability-line:hover{background:#f7d06014;border-color:#f7d0604d;transform:translateY(-2px) scale(1.02);box-shadow:0 12px 25px #0003}.glass-description{background:#ffffff0f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 10px 35px #00000026,inset 0 1px #ffffff14,inset 0 -1px #0000000d;position:relative}.glass-description:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.glass-flavor{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:0 6px 24px #0000001a,inset 0 1px #ffffff0a;position:relative}.glass-flavor .flavor-decoration-top,.glass-flavor .flavor-decoration-bottom{color:#f7d060cc;text-shadow:0 0 20px rgba(247,208,96,.5);animation:flavorGlow 3s ease-in-out infinite alternate}.glass-footer{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff14;position:relative}.glass-footer .stat-orb{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(247,208,96,.4);box-shadow:0 0 25px #f7d0604d,0 6px 20px #0003,inset 0 1px #ffffff1a;position:relative}.glass-footer .stat-orb .orb-glow{position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(45deg,#f7d06099,#f7d0601a);animation:orbPulse 2s ease-in-out infinite;z-index:-1}.glass-footer .mana-crystal{background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(247,208,96,.3);border-radius:6px;padding:4px 8px;margin:2px;box-shadow:0 0 15px #f7d06033;transition:all .3s ease}.glass-footer .mana-crystal:hover{background:#f7d0601a;transform:translateY(-2px) scale(1.1);box-shadow:0 0 25px #f7d06066}.glass-number{background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 6px 24px #0000001a,inset 0 1px #ffffff0f}.glass-number .frame-decoration{color:#f7d060e6;text-shadow:0 0 15px rgba(247,208,96,.6);animation:decorationTwinkle 4s ease-in-out infinite}.glass-back{background:linear-gradient(135deg,#8b5fbf1f,#6b46c114,#5b21b60f,#4c1d9514,#3b17641f);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 80px #f7d06026,0 30px 60px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.glass-overlay{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);opacity:0;transition:opacity .3s ease}.glass-animated{animation:glassFlow 10s linear infinite}.glass-back:hover .glass-overlay{opacity:1}.card-particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.6;mix-blend-mode:screen;border-radius:inherit}@keyframes glassShimmer{0%{left:-100%;opacity:0}50%{opacity:.3}to{left:100%;opacity:0}}@keyframes headerGlow{0%,to{opacity:.4;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.2)}}@keyframes borderFlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes artFrameGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes artFrameReflection{0%{left:-50%;opacity:0}50%{opacity:.15}to{left:50%;opacity:0}}@keyframes flavorGlow{0%{text-shadow:0 0 20px rgba(247,208,96,.5)}to{text-shadow:0 0 30px rgba(247,208,96,.8),0 0 40px rgba(247,208,96,.3)}}@keyframes orbPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes decorationTwinkle{0%,to{opacity:.7;transform:scale(1)}25%{opacity:1;transform:scale(1.1)}50%{opacity:.8;transform:scale(1.05)}75%{opacity:1;transform:scale(1.1)}}@keyframes glassFlow{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(200%) rotate(45deg)}}.glass-mystical:hover{box-shadow:0 0 80px #f7d0604d,0 35px 70px #0003,inset 0 1px #ffffff26,inset 0 -1px #ffffff14;border-color:#f7d06066}.glass-mystical:hover:before{animation-duration:3s}@media (max-width: 768px){:root{--glass-blur: blur(16px)}.glass-mystical:before{animation-duration:10s}.glass-art-frame:after{animation-duration:12s}.glass-header,.glass-banner,.glass-abilities,.glass-description,.glass-flavor,.glass-footer,.glass-number{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.draw-card-container{display:flex;align-items:center;justify-content:center;min-height:600px;padding:40px;position:relative}.mystical-draw-button{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(247,208,96,.4);border-radius:24px;padding:20px 40px;color:#f7d060e6;font-size:18px;font-weight:700;font-family:Cinzel,serif;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 40px #f7d06033,0 15px 35px #0003,inset 0 1px #ffffff1a;text-transform:uppercase;letter-spacing:1px;min-width:280px}.mystical-draw-button:hover{background:#f7d0601f;border-color:#f7d06099;transform:translateY(-4px) scale(1.05);box-shadow:0 0 60px #f7d06066,0 25px 50px #0000004d,inset 0 1px #ffffff26;color:#f7d060}.mystical-draw-button:active{transform:translateY(-2px) scale(1.02);box-shadow:0 0 40px #f7d0604d,0 15px 30px #00000040}.mystical-draw-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mystical-draw-button .button-text{position:relative;z-index:2;display:block}.mystical-draw-button .button-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,#f7d06099,#f7d06033,#f7d06099);border-radius:26px;opacity:0;transition:opacity .3s ease;z-index:-1;animation:buttonGlowPulse 3s ease-in-out infinite}.mystical-draw-button:hover .button-glow{opacity:1}.mystical-draw-button .button-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:1}.mystical-draw-button:hover .button-shimmer{left:100%}.card-particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.8;mix-blend-mode:screen;border-radius:inherit;animation:particleFlow 20s linear infinite}.glass-mystical:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%);animation:glassReflectionFlow 15s linear infinite;pointer-events:none;z-index:2}.glass-art-frame,.glass-abilities,.glass-description,.glass-flavor,.glass-footer{position:relative}.glass-art-frame:after,.glass-abilities:after,.glass-description:after,.glass-flavor:after,.glass-footer:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(45deg,#f7d06099,#f7d06033,#f7d0601a,#f7d06033,#f7d06099);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:borderGlowFlow 8s linear infinite;opacity:0;transition:opacity .3s ease}.glass-art-frame:hover:after,.glass-abilities:hover:after,.glass-description:hover:after,.glass-flavor:hover:after,.glass-footer:hover:after{opacity:1}.glass-mystical:before{background-image:radial-gradient(circle at 20% 80%,rgba(247,208,96,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(247,208,96,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.02) 0%,transparent 50%);animation:floatingParticles 25s ease-in-out infinite}.glass-back:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(247,208,96,.1) 0%,transparent 70%),conic-gradient(from 0deg,rgba(255,255,255,.05),transparent,rgba(247,208,96,.03),transparent);animation:glassDistortion 12s ease-in-out infinite;border-radius:inherit;z-index:1}@keyframes buttonGlowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes particleFlow{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-20px) rotate(360deg)}}@keyframes glassReflectionFlow{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes borderGlowFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatingParticles{0%,to{transform:translateY(0) scale(1);opacity:.6}33%{transform:translateY(-10px) scale(1.05);opacity:.8}66%{transform:translateY(5px) scale(.95);opacity:.7}}@keyframes glassDistortion{0%,to{transform:scale(1) rotate(0);opacity:.4}25%{transform:scale(1.02) rotate(1deg);opacity:.6}50%{transform:scale(1.01) rotate(-.5deg);opacity:.5}75%{transform:scale(1.03) rotate(.8deg);opacity:.7}}.glass-mystical:hover{animation-play-state:paused}.glass-mystical:hover:before{animation-duration:8s}.glass-mystical:hover:after{animation-duration:6s}.glass-abilities .ability-line:hover{backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:#f7d0601f;box-shadow:0 0 30px #f7d06033,0 15px 30px #0003,inset 0 1px #ffffff26}.glass-footer .stat-orb:hover{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#f7d06026;transform:scale(1.1);box-shadow:0 0 40px #f7d06066,0 10px 25px #00000040}.glass-footer .mana-crystal:hover{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f7d06033;box-shadow:0 0 20px #f7d0604d,0 8px 15px #0003}@media (min-resolution: 2dppx) and (min-width: 1024px){:root{--glass-blur: blur(32px)}.glass-mystical{background:linear-gradient(135deg,#8b5fbf2e,#6b46c11f,#5b21b61a,#4c1d951f,#3b17642e)}.mystical-draw-button{backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.glass-mystical:after{animation-duration:12s}}