:root{--bg-void: #030508;--bg-deep: #070b14;--bg-navy: #0f1529;--bg-charcoal: #0c1020;--bg-card: #0a0f22;--bg-card-end: #15103a;--bg-surface: rgba(10,15,34,.85);--glow-primary: #00ff88;--glow-soft: #4ade80;--glow-cyan: #22d3ee;--glow-blue: #3b82f6;--glow-purple: #a855f7;--glow-amber: #f59e0b;--glow-red: #ef4444;--glow-orange: #f97316;--text-primary: #e8ecf4;--text-dim: #5a6480;--text-bright: #ffffff;--border-subtle: rgba(255,255,255,.05);--border-glow: rgba(0,255,136,.25);--card-w: 105px;--card-h: 148px;--card-w-hand: 115px;--card-h-hand: 162px;--card-r: 8px;--font-display: "Cinzel", serif;--font-body: "Rajdhani", sans-serif;--font-tech: "Orbitron", sans-serif}#screen-auth{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(0,80,40,.12) 0%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(0,50,80,.08) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,var(--bg-navy) 0%,var(--bg-deep) 40%,var(--bg-void) 100%)}.auth-panel{width:min(400px,90vw);background:linear-gradient(165deg,#0a0f23f7,#050812fc);border:1px solid rgba(0,255,136,.22);border-radius:20px;padding:36px 32px 30px;box-shadow:0 0 80px #00ff8814,0 40px 80px #0000008c,inset 0 1px #00ff8814;animation:authPanelIn .7s cubic-bezier(.16,1,.3,1) both;position:relative;overflow:hidden}.auth-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,255,136,.06),transparent 60%);pointer-events:none}@keyframes authPanelIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{text-align:center;margin-bottom:26px}.auth-logo-title{font-family:var(--font-display);font-size:1.9rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#0f8,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(0,255,136,.4))}.auth-logo-sub{font-family:var(--font-tech);font-size:.6rem;letter-spacing:.28em;color:#0f86;margin-top:5px}.auth-tabs{display:flex;border-radius:8px;overflow:hidden;border:1px solid rgba(0,255,136,.15);margin-bottom:22px}.auth-tab{flex:1;padding:10px;cursor:pointer;font-family:var(--font-tech);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:none;outline:none;transition:all .22s ease}.auth-tab--active{background:#00ff881c;color:var(--glow-primary);text-shadow:0 0 10px rgba(0,255,136,.4)}.auth-tab:hover:not(.auth-tab--active){color:var(--text-primary);background:#ffffff08}.auth-form{display:flex;flex-direction:column;gap:13px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{font-family:var(--font-tech);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.auth-input{padding:11px 15px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .22s,box-shadow .22s;width:100%}.auth-input:focus{border-color:#00ff8880;box-shadow:0 0 0 3px #00ff8812,0 0 14px #00ff881f}.auth-input::placeholder{color:var(--text-dim);opacity:.45}.auth-error{font-size:.82rem;color:#f87171;background:#f8717112;border:1px solid rgba(248,113,113,.18);border-radius:7px;padding:9px 13px;display:none}.auth-error.visible{display:block}.btn-auth-submit{width:100%;padding:13px;margin-top:3px;font-family:var(--font-display);font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#00c8642e,#00965021);border:1px solid rgba(0,255,136,.48);color:var(--glow-primary);border-radius:10px;cursor:pointer;transition:all .22s ease;box-shadow:0 0 18px #00ff881a}.btn-auth-submit:hover{background:linear-gradient(135deg,#00c86454,#00965040);border-color:var(--glow-primary);box-shadow:0 0 28px #00ff883d;transform:translateY(-1px)}.auth-divider{text-align:center;margin:12px 0 6px;font-size:.72rem;color:var(--text-dim);position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:#ffffff12}.auth-divider:before{left:0}.auth-divider:after{right:0}.btn-auth-guest{width:100%;padding:10px;font-family:var(--font-body);font-size:.82rem;color:var(--text-dim);background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .22s}.btn-auth-guest:hover{border-color:#ffffff26;color:var(--text-primary);background:#ffffff08}.auth-username-display{font-family:var(--font-tech);font-size:.7rem;letter-spacing:.08em;color:#0f89;text-align:right;padding:2px 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);overflow:hidden;width:100vw;height:100vh;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:var(--text-primary)}#app{position:relative;width:100vw;height:100vh;overflow:hidden}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.mist{position:fixed;border-radius:50%;pointer-events:none;z-index:2;filter:blur(80px);will-change:transform,opacity}.mist--1{width:600px;height:250px;background:radial-gradient(ellipse,rgba(0,255,136,.04) 0%,transparent 70%);top:5%;left:-10%;animation:mistDrift1 25s ease-in-out infinite alternate}.mist--2{width:500px;height:200px;background:radial-gradient(ellipse,rgba(59,130,246,.04) 0%,transparent 70%);top:55%;right:-12%;animation:mistDrift2 30s ease-in-out infinite alternate}.mist--3{width:400px;height:150px;background:radial-gradient(ellipse,rgba(168,85,247,.035) 0%,transparent 70%);bottom:10%;left:25%;animation:mistDrift3 28s ease-in-out infinite alternate}.mist--4{width:550px;height:220px;background:radial-gradient(ellipse,rgba(0,255,136,.03) 0%,transparent 70%);top:25%;right:15%;animation:mistDrift4 32s ease-in-out infinite alternate}.mist--5{width:300px;height:300px;background:radial-gradient(ellipse,rgba(239,68,68,.025) 0%,transparent 70%);top:40%;left:5%;animation:mistDrift1 35s ease-in-out infinite alternate-reverse}.screen{position:absolute;inset:0;opacity:0;transform:scale(.97);pointer-events:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);z-index:10}.screen--active{opacity:1;transform:scale(1);pointer-events:auto}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px) scale(.9);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(0,255,136,.3),0 0 60px rgba(0,255,136,.1),0 0 120px rgba(34,211,238,.05);filter:brightness(1)}50%{text-shadow:0 0 30px rgba(0,255,136,.5),0 0 80px rgba(0,255,136,.2),0 0 150px rgba(34,211,238,.1);filter:brightness(1.1)}}@keyframes floatCards{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-15px) rotate(calc(var(--r) + 3deg))}}@keyframes orbRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbRotateR{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes lanePulse{0%,to{box-shadow:inset 0 0 20px #00ff8805,0 0 15px #00ff8805}50%{box-shadow:inset 0 0 30px #00ff880f,0 0 20px #00ff880a}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cardSummon{0%{opacity:0;transform:translateY(-60px) scale(.6) rotate(-8deg);filter:blur(6px) brightness(1.8)}60%{opacity:1;transform:translateY(6px) scale(1.08) rotate(2deg);filter:blur(0) brightness(1.3)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:none}}@keyframes cardDying{0%{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}50%{opacity:.7;transform:scale(.92) rotate(-6deg);filter:brightness(2) hue-rotate(-20deg)}to{opacity:0;transform:scale(.3) rotate(-30deg) translateY(30px);filter:blur(4px)}}@keyframes cardBuffFlash{0%,to{box-shadow:0 0 #0f80}40%{box-shadow:0 0 30px #00ff88e6,0 0 60px #00ff8880,inset 0 0 20px #00ff8859;transform:scale(1.06)}}@keyframes cardDamageFlash{0%,to{box-shadow:0 0 #ff323200;transform:translate(0)}15%{box-shadow:0 0 25px #ff3232cc;transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}80%{box-shadow:0 0 15px #ff323266;transform:translate(0)}}@keyframes powerBounceUp{0%,to{transform:scale(1);color:var(--glow-primary);text-shadow:0 0 10px rgba(0,255,136,.6)}50%{transform:scale(1.6);color:#a6ffcf;text-shadow:0 0 25px rgba(0,255,136,1),0 0 50px rgba(0,255,136,.6)}}@keyframes powerBounceDown{0%,to{transform:scale(1);color:#ff7070;text-shadow:0 0 8px rgba(255,80,80,.6)}50%{transform:scale(1.5) translateY(4px);color:#ff3030;text-shadow:0 0 25px rgba(255,40,40,1)}}@keyframes cardIdleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes revealBurst{0%{box-shadow:0 0 #0f8c,0 0 #0f86}60%{box-shadow:0 0 60px 20px #00ff8859,0 0 100px 40px #00ff8826}to{box-shadow:0 0 #0f80,0 0 #0f80}}@keyframes laneRotten{0%{filter:brightness(1) hue-rotate(0deg);transform:scale(1)}30%{filter:brightness(1.4) hue-rotate(60deg) saturate(1.5);transform:scale(1.04);box-shadow:0 0 60px #96ff5080}to{filter:brightness(1) hue-rotate(0deg);transform:scale(1)}}@keyframes dashStreak{0%{opacity:0;transform:scaleX(.2)}30%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.2)}}@keyframes laserZap{0%{opacity:0;transform:scaleX(0) translateY(-50%)}20%{opacity:1;transform:scaleX(1) translateY(-50%)}80%{opacity:1;transform:scaleX(1) translateY(-50%)}to{opacity:0;transform:scaleX(1.05) translateY(-50%)}}@keyframes floatingText{0%{opacity:0;transform:translate(-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}80%{opacity:1;transform:translate(-50%,-40px) scale(1)}to{opacity:0;transform:translate(-50%,-60px) scale(.95)}}.card--summon{animation:cardSummon .55s cubic-bezier(.18,.9,.32,1.25) both}.card--dying{animation:cardDying .45s ease-in forwards;pointer-events:none}.card--board:not(.card--dying):not(:hover){animation:cardIdleBob 4.2s ease-in-out infinite}.card--buff-flash{animation:cardBuffFlash .7s ease-out}.card--damage-flash{animation:cardDamageFlash .65s ease-out}.card--revealing{animation:revealBurst .9s ease-out,cardSummon .55s cubic-bezier(.18,.9,.32,1.25) both}.card__power.power-up{animation:powerBounceUp .55s ease-out}.card__power.power-down{animation:powerBounceDown .55s ease-out}.lane--rotten-flash{animation:laneRotten 1.2s ease-out}.float-text{position:absolute;left:50%;top:30%;font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:.05em;pointer-events:none;z-index:40;animation:floatingText 1.2s ease-out forwards}.float-text--buff{color:#7dff9f;text-shadow:0 0 12px rgba(0,255,136,.9),0 0 24px rgba(0,255,136,.5)}.float-text--damage{color:#ff6b6b;text-shadow:0 0 12px rgba(255,80,80,.9),0 0 24px rgba(255,50,50,.5)}.lane-dash-streak{position:absolute;left:0;right:0;height:4px;top:50%;background:linear-gradient(90deg,transparent,rgba(0,255,200,.9),transparent);box-shadow:0 0 20px #00ffc8e6;pointer-events:none;transform-origin:center;animation:dashStreak .5s ease-out forwards;z-index:35}.laser-beam{position:absolute;left:10%;right:10%;top:50%;height:3px;background:linear-gradient(90deg,transparent,#ff3030,#ff7070,#ff3030,transparent);box-shadow:0 0 14px #ff3030,0 0 30px #ff3232cc;transform-origin:left center;pointer-events:none;z-index:45;animation:laserZap .45s ease-out forwards}@keyframes cardDeal{0%{opacity:0;transform:translateY(80px) scale(.7) rotate(12deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--fan-rot, 0deg))}}@keyframes energyPulse{0%,to{box-shadow:0 0 8px #0f86,inset 0 0 4px #0f83}50%{box-shadow:0 0 16px #00ff88b3,inset 0 0 8px #00ff884d}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes mistDrift1{0%{transform:translate(-40px);opacity:.3}50%{transform:translate(60px,-30px);opacity:.6}to{transform:translate(-20px,15px);opacity:.3}}@keyframes mistDrift2{0%{transform:translate(30px,10px);opacity:.25}50%{transform:translate(-50px,-20px);opacity:.5}to{transform:translate(20px,5px);opacity:.25}}@keyframes mistDrift3{0%{transform:translate(0);opacity:.35}50%{transform:translate(40px,-25px);opacity:.55}to{transform:translate(-30px,10px);opacity:.35}}@keyframes mistDrift4{0%{transform:translate(-20px,15px);opacity:.2}50%{transform:translate(30px,-10px);opacity:.4}to{transform:translate(-10px,5px);opacity:.2}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes lightning{0%,to{opacity:0}5%{opacity:.8}10%{opacity:0}12%{opacity:.5}15%{opacity:0}}@keyframes dropGlow{0%,to{box-shadow:inset 0 0 20px #00ff881a,0 0 10px #00ff881a;border-color:#0f86}50%{box-shadow:inset 0 0 40px #0f83,0 0 25px #0f83;border-color:#0f89}}@keyframes auraPulse1{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes auraSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes auraSpinR{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes auraFlicker{0%,to{opacity:.5}30%{opacity:1}60%{opacity:.3}80%{opacity:.9}}@keyframes balboxRage{0%,to{box-shadow:0 0 12px #ef444466,inset 0 0 8px #ef44440d}50%{box-shadow:0 0 32px #ef4444d9,0 0 60px #ef44444d,inset 0 0 18px #ef444426}}@keyframes balboxBob{0%,to{transform:translateY(0) rotate(-.4deg)}25%{transform:translateY(-3px) rotate(.4deg)}75%{transform:translateY(-1px) rotate(-.2deg)}}.card--id-1 .card__inner{border-color:#ef44448c;animation:balboxRage 2.2s ease-in-out infinite}.card--id-1.card--board:not(.card--dying):not(:hover){animation:balboxBob 2.8s ease-in-out infinite}@keyframes gamerRGB{0%{border-color:#ff005099;box-shadow:0 0 18px #ff005080}33%{border-color:#00c8ff99;box-shadow:0 0 18px #00c8ff80}66%{border-color:#7800ff99;box-shadow:0 0 18px #7800ff80}to{border-color:#ff005099;box-shadow:0 0 18px #ff005080}}@keyframes gamerGlitch{0%,90%,to{transform:translateY(0) skew(0)}92%{transform:translateY(-2px) skew(-3deg)}94%{transform:translateY(2px) skew(3deg)}96%{transform:translateY(-1px) skew(0)}}.card--id-2 .card__inner{animation:gamerRGB 1.6s linear infinite}.card--id-2.card--board:not(.card--dying):not(:hover){animation:gamerGlitch 4s ease-in-out infinite}@keyframes cookieShimmer{0%,to{box-shadow:0 0 10px #ffc83c4d,inset 0 0 8px #ffc83c0d}50%{box-shadow:0 0 25px #ffc83cb3,0 0 45px #ffb4004d,inset 0 0 15px #ffc83c1f}}@keyframes cookieBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.card--id-3 .card__inner{border-color:#ffc83c80;animation:cookieShimmer 3s ease-in-out infinite}.card--id-3.card--board:not(.card--dying):not(:hover){animation:cookieBounce 2.5s ease-in-out infinite}@keyframes superGlow{0%,to{box-shadow:0 0 20px #facc1580,0 0 50px #facc1533}50%{box-shadow:0 0 45px #facc15,0 0 90px #facc1573,inset 0 0 25px #facc1533}}@keyframes superBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.card--id-4 .card__inner{border-color:#facc15b3;animation:superGlow 1.8s ease-in-out infinite}.card--id-4.card--board:not(.card--dying):not(:hover){animation:superBob 2.2s ease-in-out infinite}@keyframes hashoshSway{0%,to{transform:translate(0) skew(0)}30%{transform:translate(-4px) skew(-2deg)}70%{transform:translate(4px) skew(2deg)}}@keyframes hashoshAura{0%,to{box-shadow:0 0 10px #00ffc84d}50%{box-shadow:4px 0 20px #00ffc899,-4px 0 20px #00c8ff66,0 0 40px #00ffc833}}.card--id-5 .card__inner{border-color:#00ffc873;animation:hashoshAura 2s ease-in-out infinite}.card--id-5.card--board:not(.card--dying):not(:hover){animation:hashoshSway 1.8s ease-in-out infinite}@keyframes shyFlicker{0%,to{opacity:1;box-shadow:0 0 8px #b4dcff33}30%{opacity:.7}50%{opacity:.9}65%{opacity:.5;box-shadow:0 0 20px #b4dcff80}85%{opacity:.85}}@keyframes shyFloat{0%,to{transform:translateY(0);filter:blur(0)}50%{transform:translateY(-4px);filter:blur(.4px)}}.card--id-6 .card__inner{border-color:#b4dcff59;animation:shyFlicker 3.5s ease-in-out infinite}.card--id-6.card--board:not(.card--dying):not(:hover){animation:shyFloat 4s ease-in-out infinite}@keyframes falafelGlow{0%,to{box-shadow:0 0 12px #f59e0b59}50%{box-shadow:0 0 28px #f59e0bbf,0 0 50px #f59e0b40,inset 0 0 14px #f59e0b1a}}@keyframes falafelBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(.5deg)}}.card--id-7 .card__inner{border-color:#f59e0b80;animation:falafelGlow 2.8s ease-in-out infinite}.card--id-7.card--board:not(.card--dying):not(:hover){animation:falafelBob 3s ease-in-out infinite}@keyframes sushiAura{0%,to{box-shadow:0 0 12px #a855f766,inset 0 0 10px #a855f714}50%{box-shadow:0 0 35px #a855f7cc,0 0 65px #a855f74d,inset 0 0 20px #a855f726}}@keyframes sushiTilt{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.card--id-8 .card__inner{border-color:#a855f780;animation:sushiAura 2.3s ease-in-out infinite}.card--id-8.card--board:not(.card--dying):not(:hover){animation:sushiTilt 3.5s ease-in-out infinite}@keyframes borisRot{0%,to{box-shadow:0 0 10px #c800004d,inset 0 0 15px #64000026}50%{box-shadow:0 0 35px #dc0000b3,0 0 70px #b400004d,inset 0 0 25px #8c000040}}@keyframes borisBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px);filter:brightness(1.1)}}.card--id-9 .card__inner{border-color:#c8000080;background:linear-gradient(165deg,#0f0505,#220a0a,#0a0303);animation:borisRot 2.4s ease-in-out infinite}.card--id-9.card--board:not(.card--dying):not(:hover){animation:borisBob 3s ease-in-out infinite}@keyframes morphBorder{0%{border-color:#0f89}20%{border-color:#00c8ff99}40%{border-color:#a855f799}60%{border-color:#f59e0b99}80%{border-color:#ef444499}to{border-color:#0f89}}@keyframes morphPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.card--id-10 .card__inner{animation:morphBorder 3s linear infinite}.card--id-10.card--board:not(.card--dying):not(:hover){animation:morphPulse 2.5s ease-in-out infinite}@keyframes miraGlow{0%,to{box-shadow:0 0 8px #4ade804d}50%{box-shadow:0 0 22px #4ade80a6,0 0 40px #0f83,inset 0 0 12px #4ade8014}}@keyframes miraBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.015)}}.card--id-11 .card__inner{border-color:#4ade8073;animation:miraGlow 3.5s ease-in-out infinite}.card--id-11.card--board:not(.card--dying):not(:hover){animation:miraBob 4s ease-in-out infinite}@keyframes rotDecay{0%,to{box-shadow:0 0 10px #78c83c40,inset 0 0 10px #0000004d}50%{box-shadow:0 0 30px #78c83c99,0 0 60px #50a0144d,inset 0 0 20px #6432004d}}@keyframes rotBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(.8deg);filter:hue-rotate(10deg)}}.card--id-12 .card__inner{border-color:#78c83c73;background:linear-gradient(165deg,#060d03,#0f1a05,#060a02);animation:rotDecay 3s ease-in-out infinite}.card--id-12.card--board:not(.card--dying):not(:hover){animation:rotBob 3.8s ease-in-out infinite}@keyframes naeruWave{0%,to{box-shadow:0 0 12px #22d3ee66}50%{box-shadow:0 0 30px #22d3eebf,0 0 55px #22d3ee40,inset 0 0 15px #22d3ee1a}}@keyframes naeruBob{0%,to{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:translateY(-2px)}80%{transform:translateY(-5px)}}.card--id-13 .card__inner{border-color:#22d3ee80;background:linear-gradient(165deg,#020d14,#041d2e,#020d18);animation:naeruWave 2.5s ease-in-out infinite}.card--id-13.card--board:not(.card--dying):not(:hover){animation:naeruBob 3s ease-in-out infinite}@keyframes darkTideAura{0%,to{box-shadow:0 0 15px #1e3c7880,inset 0 0 10px #00002833}50%{box-shadow:0 0 35px #1e3cb4cc,0 0 60px #14287866,inset 0 0 20px #0000504d}}@keyframes darkTideTilt{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-3px) rotate(-1deg)}66%{transform:translateY(-1px) rotate(1deg)}}.card--id-14 .card__inner{border-color:#1e3cb48c;background:linear-gradient(165deg,#020610,#05102a,#020814);animation:darkTideAura 2.8s ease-in-out infinite}.card--id-14.card--board:not(.card--dying):not(:hover){animation:darkTideTilt 3.5s ease-in-out infinite}@keyframes sandAura{0%,to{box-shadow:0 0 12px #d9770666}50%{box-shadow:0 0 28px #d97706bf,0 0 55px #b464004d,inset 0 0 14px #b464001a}}@keyframes sandFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(.3deg)}75%{transform:translateY(-2px) rotate(-.3deg)}}.card--id-15 .card__inner{border-color:#d977068c;background:linear-gradient(165deg,#130a02,#241205,#130901);animation:sandAura 3s ease-in-out infinite}.card--id-15.card--board:not(.card--dying):not(:hover){animation:sandFloat 3.2s ease-in-out infinite}@keyframes elecFlicker{0%,to{box-shadow:0 0 8px #60a5fa66}20%{box-shadow:0 0 40px #60a5fa,0 0 80px #3b82f680,inset 0 0 20px #60a5fa33}22%{box-shadow:0 0 5px #60a5fa33}40%{box-shadow:0 0 35px #93c5fde6}42%{box-shadow:0 0 5px #60a5fa33}to{box-shadow:0 0 8px #60a5fa66}}@keyframes elecBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card--id-16 .card__inner{border-color:#60a5fa8c;background:linear-gradient(165deg,#020614,#06102a,#020814);animation:elecFlicker 2s ease-in-out infinite}.card--id-16.card--board:not(.card--dying):not(:hover){animation:elecBob 2s ease-in-out infinite}@keyframes vantorPulse{0%,to{box-shadow:0 0 10px #ef444459}50%{box-shadow:0 0 30px #ef4444cc,0 0 60px #b400004d,inset 0 0 15px #c800001f}}@keyframes vantorBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.01)}}.card--id-17 .card__inner{border-color:#ef444480;background:linear-gradient(165deg,#0f0303,#1f0606,#0a0202);animation:vantorPulse 2.5s ease-in-out infinite}.card--id-17.card--board:not(.card--dying):not(:hover){animation:vantorBob 3s ease-in-out infinite}@keyframes loxGold{0%,to{box-shadow:0 0 10px #facc1559}50%{box-shadow:0 0 25px #facc15b3,0 0 50px #f59e0b4d,inset 0 0 12px #facc151a}}@keyframes loxBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(.3deg)}}.card--id-18 .card__inner{border-color:#facc1580;animation:loxGold 3s ease-in-out infinite}.card--id-18.card--board:not(.card--dying):not(:hover){animation:loxBob 3.5s ease-in-out infinite}@keyframes orunnAura{0%,to{box-shadow:0 0 8px #94a3b840}50%{box-shadow:0 0 20px #94a3b880,inset 0 0 15px #6464781a}}.card--id-19 .card__inner{border-color:#94a3b873;background:linear-gradient(165deg,#0d0e12,#161820,#0a0b10);animation:orunnAura 4s ease-in-out infinite}.card--id-19.card--board:not(.card--dying):not(:hover){animation:none;transform:translateY(0)}@keyframes takaWind{0%,to{box-shadow:0 0 10px #4ade804d}50%{box-shadow:0 0 22px #4ade8099,0 0 45px #facc1533,inset 0 0 12px #4ade8014}}@keyframes takaBob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-5px) rotate(.5deg)}70%{transform:translateY(-2px) rotate(-.3deg)}}.card--id-20 .card__inner{border-color:#4ade8066;animation:takaWind 3s ease-in-out infinite}.card--id-20.card--board:not(.card--dying):not(:hover){animation:takaBob 3.2s ease-in-out infinite}@keyframes nilVoid{0%,to{box-shadow:0 0 15px #8b5cf666,inset 0 0 20px #00000080}50%{box-shadow:0 0 40px #8b5cf6cc,0 0 80px #8b5cf64d,inset 0 0 30px #000000b3}}@keyframes nilBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.015);filter:brightness(1.1)}}.card--id-21 .card__inner{border-color:#8b5cf68c;background:linear-gradient(165deg,#04010f,#0a031f,#030010);animation:nilVoid 2.8s ease-in-out infinite}.card--id-21.card--board:not(.card--dying):not(:hover){animation:nilBob 3s ease-in-out infinite}@keyframes roixFlare{0%,to{box-shadow:0 0 8px #ef44444d,0 -4px 14px #ef444433}50%{box-shadow:0 0 20px #ef444499,0 -6px 28px #ef444459,inset 0 0 10px #ef444426}}@keyframes roixBob{0%,to{transform:translateY(0) rotate(0) scale(1)}30%{transform:translateY(-4px) rotate(-1deg) scale(1.02)}60%{transform:translateY(-2px) rotate(.5deg)}}@keyframes roixSword{0%,85%,to{transform:rotate(0)}88%{transform:rotate(-8deg)}92%{transform:rotate(8deg)}96%{transform:rotate(-3deg)}}.card--id-22 .card__inner{border-color:#ef444499;background:linear-gradient(165deg,#140303,#2a0707,#0e0101);animation:roixFlare 2s ease-in-out infinite}.card--id-22.card--board:not(.card--dying):not(:hover){animation:roixBob 2.4s ease-in-out infinite}.card--id-22 .card__rune{animation:roixSword 4s ease-in-out infinite;display:inline-block}@keyframes mechaCircuit{0%,to{border-color:#00c8ff59;box-shadow:0 0 8px #00c8ff33}50%{border-color:#00ffc8b3;box-shadow:0 0 20px #00c8ff80,0 0 40px #00ffc826,inset 0 0 12px #00c8ff1a}}@keyframes mechaBob{0%,to{transform:translateY(0)}25%{transform:translateY(-3px) skew(.5deg)}75%{transform:translateY(-1px) skew(-.5deg)}}@keyframes mechaEye{0%,80%,to{opacity:1}85%{opacity:0}90%{opacity:1}95%{opacity:0}}.card--id-23 .card__inner{border-color:#00c8ff66;background:linear-gradient(165deg,#010d14,#031a2a,#010d1a);animation:mechaCircuit 1.8s ease-in-out infinite}.card--id-23.card--board:not(.card--dying):not(:hover){animation:mechaBob 2s ease-in-out infinite}.card--id-23 .card__rune{animation:mechaEye 3s ease-in-out infinite;display:inline-block}@keyframes millyAura{0%,to{border-color:#e879f94d;box-shadow:0 0 8px #e879f933}50%{border-color:#e879f9b3;box-shadow:0 0 22px #e879f980,-6px 0 20px #8b5cf64d,6px 0 20px #e879f94d}}@keyframes millyBob{0%,to{transform:translateY(0) scaleX(1);filter:opacity(1)}40%{transform:translateY(-5px) scaleX(1.01);filter:opacity(.85)}70%{transform:translateY(-3px) scaleX(.99)}}@keyframes millyGhost{0%,90%,to{opacity:1;filter:blur(0)}93%{opacity:.4;filter:blur(1px)}97%{opacity:.8;filter:blur(.3px)}}.card--id-24 .card__inner{border-color:#e879f966;background:linear-gradient(165deg,#0d0314,#1a0524,#0a0210);animation:millyAura 3s ease-in-out infinite}.card--id-24.card--board:not(.card--dying):not(:hover){animation:millyBob 3.5s ease-in-out infinite}.card--id-24{animation:millyGhost 5s ease-in-out infinite}@keyframes nevmAura{0%,to{border-color:#22d3ee4d;box-shadow:0 0 10px #22d3ee33}50%{border-color:#22d3eecc;box-shadow:0 0 25px #22d3ee80,0 0 50px #22d3ee33,inset 0 0 15px #22d3ee1a}}@keyframes nevmBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px);filter:brightness(1.12)}}@keyframes nevmEye{0%,45%,to{transform:scaleY(1)}50%{transform:scaleY(.05)}}.card--id-25 .card__inner{border-color:#22d3ee66;background:linear-gradient(165deg,#010d12,#031820,#010e15);animation:nevmAura 2.5s ease-in-out infinite}.card--id-25.card--board:not(.card--dying):not(:hover){animation:nevmBob 3s ease-in-out infinite}.card--id-25 .card__rune{display:inline-block;animation:nevmEye 4s ease-in-out infinite}@keyframes cassilAura{0%,to{border-color:#fbbf244d;box-shadow:0 0 8px #fbbf2433}50%{border-color:#fbbf24b3;box-shadow:0 0 20px #fbbf2473,0 0 40px #fbbf2433,inset 0 0 10px #fbbf241a}}@keyframes cassilBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-1.5deg)}75%{transform:translateY(-2px) rotate(1deg)}}@keyframes cassilRune{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(10deg)}}.card--id-26 .card__inner{border-color:#fbbf2473;background:linear-gradient(165deg,#120a00,#231200,#130b00);animation:cassilAura 2.8s ease-in-out infinite}.card--id-26.card--board:not(.card--dying):not(:hover){animation:cassilBob 3s ease-in-out infinite}.card--id-26 .card__rune{display:inline-block;animation:cassilRune 3s ease-in-out infinite}@keyframes ticklerFire{0%,to{border-color:#ef444480;box-shadow:0 0 10px #ef44444d,0 4px 20px #ef444433}50%{border-color:#dc2626e6;box-shadow:0 0 25px #ef4444a6,0 6px 35px #dc262659,inset 0 0 18px #ef444426}}@keyframes ticklerBob{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-2px) rotate(-1.5deg) scale(1.01)}60%{transform:translateY(-4px) rotate(1.5deg)}}@keyframes ticklerLaugh{0%,88%,to{transform:scale(1) rotate(0)}90%{transform:scale(1.4) rotate(-8deg)}94%{transform:scale(1.2) rotate(6deg)}97%{transform:scale(1) rotate(0)}}.card--id-27 .card__inner{border-color:#ef44448c;background:linear-gradient(165deg,#140100,#2e0300,#0e0100);animation:ticklerFire 2s ease-in-out infinite}.card--id-27.card--board:not(.card--dying):not(:hover){animation:ticklerBob 2.5s ease-in-out infinite}.card--id-27 .card__rune{display:inline-block;animation:ticklerLaugh 4s ease-in-out infinite}@keyframes guygamesAura{0%,to{border-color:#3b82f64d;box-shadow:0 0 8px #3b82f633}50%{border-color:#3b82f6b3;box-shadow:0 0 24px #3b82f68c,0 0 45px #93c5fd26}}@keyframes guygamesBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(.5deg)}75%{transform:translateY(-2px) rotate(-.3deg)}}@keyframes guygamesZap{0%,92%,to{filter:brightness(1)}93%{filter:brightness(2.2) saturate(2)}95%{filter:brightness(.9)}97%{filter:brightness(1.8) saturate(1.5)}}.card--id-2 .card__inner{background:linear-gradient(165deg,#00050f,#000b1a);animation:guygamesAura 2.8s ease-in-out infinite}.card--id-2.card--board:not(.card--dying):not(:hover){animation:guygamesBob 3s ease-in-out infinite}.card--id-2{animation:guygamesZap 5s ease-in-out infinite}.card--id-2 .card__rune{display:inline-block;animation:runeRotate 4s linear infinite}@keyframes cookieWarm{0%,to{border-color:#fbbf2440;box-shadow:0 0 8px #fbbf242e}50%{border-color:#f59e0b99;box-shadow:0 0 20px #fbbf2466,0 0 40px #f973161f}}@keyframes cookieWobble{0%,to{transform:rotate(0)}30%{transform:rotate(-2.5deg)}70%{transform:rotate(2.5deg)}}.card--id-3 .card__inner{background:linear-gradient(165deg,#150900,#221200);animation:cookieWarm 3.2s ease-in-out infinite}.card--id-3.card--board:not(.card--dying):not(:hover){animation:cookieWobble 3.8s ease-in-out infinite}.card--id-3 .card__rune{display:inline-block;animation:runeBounce 2.2s ease-in-out infinite}@keyframes shyAura{0%,to{border-color:#22d3ee33;box-shadow:0 0 6px #22d3ee26}50%{border-color:#22d3ee8c;box-shadow:0 0 18px #22d3ee66,0 0 35px #06b6d41a}}@keyframes shyPeek{0%,to{transform:translate(0)}25%{transform:translate(-5px) skew(-1deg)}60%{transform:translate(3px)}}@keyframes shyFade{0%,78%,to{opacity:1}82%{opacity:.45}88%{opacity:.85}94%{opacity:.55}}.card--id-6 .card__inner{background:linear-gradient(165deg,#000a0e,#001015);animation:shyAura 3.5s ease-in-out infinite}.card--id-6.card--board:not(.card--dying):not(:hover){animation:shyPeek 4.5s ease-in-out infinite}.card--id-6{animation:shyFade 7s ease-in-out infinite}@keyframes falafelWarm{0%,to{border-color:#b4641e4d;box-shadow:0 0 8px #c878282e}50%{border-color:#e6963299;box-shadow:0 0 22px #e6963273,0 0 44px #fbbf241f}}@keyframes falafelRoll{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(6deg)}}.card--id-7 .card__inner{background:linear-gradient(165deg,#160b00,#271400);animation:falafelWarm 3s ease-in-out infinite}.card--id-7.card--board:not(.card--dying):not(:hover){animation:falafelRoll 3.6s ease-in-out infinite}.card--id-7 .card__rune{display:inline-block;animation:runeRotate 5s linear infinite}@keyframes sushiAura{0%,to{border-color:#f9a8d440;box-shadow:0 0 8px #f9a8d42e}50%{border-color:#f472b699;box-shadow:0 0 22px #f472b673,0 0 45px #f9a8d426}}@keyframes sushiBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}.card--id-8 .card__inner{background:linear-gradient(165deg,#140010,#1e0018);animation:sushiAura 2.6s ease-in-out infinite}.card--id-8.card--board:not(.card--dying):not(:hover){animation:sushiBob 2.8s ease-in-out infinite}.card--id-8 .card__rune{display:inline-block;animation:runeBounce 2s ease-in-out infinite}@keyframes miraGlow{0%,to{border-color:#4ade8038;box-shadow:0 0 8px #4ade8026}50%{border-color:#34d3998c;box-shadow:0 0 20px #4ade8061,0 0 40px #10b9811a}}@keyframes miraSway{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-6px) rotate(1.2deg)}}.card--id-11 .card__inner{background:linear-gradient(165deg,#031005,#071a09);animation:miraGlow 3.5s ease-in-out infinite}.card--id-11.card--board:not(.card--dying):not(:hover){animation:miraSway 4.2s ease-in-out infinite}.card--id-11 .card__rune{display:inline-block;animation:runeRotate 9s linear infinite}@keyframes naeruWave{0%,to{border-color:#22d3ee47;box-shadow:0 0 10px #22d3ee2e}50%{border-color:#22d3eea6;box-shadow:0 0 26px #22d3ee80,0 0 50px #06b6d42e}}@keyframes naeruRipple{0%,to{transform:translateY(0) scaleX(1)}33%{transform:translateY(-3px) scaleX(1.02)}66%{transform:translateY(-5px) scaleX(.98)}}.card--id-13 .card__inner{background:linear-gradient(165deg,#000c14,#001520);animation:naeruWave 2.8s ease-in-out infinite}.card--id-13.card--board:not(.card--dying):not(:hover){animation:naeruRipple 3.2s ease-in-out infinite}.card--id-13 .card__rune{display:inline-block;animation:runeRotate 5s linear infinite}@keyframes darkTidePulse{0%,to{border-color:#4f46e54d;box-shadow:0 0 8px #4f46e533}50%{border-color:#6366f199;box-shadow:0 0 22px #6366f166,0 0 44px #3730a326}}@keyframes darkTideRise{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.card--id-14 .card__inner{background:linear-gradient(165deg,#04030f,#080618);animation:darkTidePulse 3.8s ease-in-out infinite}.card--id-14.card--board:not(.card--dying):not(:hover){animation:darkTideRise 4.5s ease-in-out infinite}@keyframes sandAura{0%,to{border-color:#d9770647;box-shadow:0 0 8px #d977062e}50%{border-color:#f59e0b99;box-shadow:0 0 24px #f59e0b6b,0 0 48px #fbbf241a}}@keyframes sandShift{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(.6deg)}75%{transform:translateY(-2px) rotate(-.6deg)}}.card--id-15 .card__inner{background:linear-gradient(165deg,#140900,#210);animation:sandAura 3.2s ease-in-out infinite}.card--id-15.card--board:not(.card--dying):not(:hover){animation:sandShift 4s ease-in-out infinite}.card--id-15 .card__rune{display:inline-block;animation:runePulse 3s ease-in-out infinite}@keyframes electroAura{0%,to{border-color:#facc1559;box-shadow:0 0 10px #facc1538}50%{border-color:#facc15d9;box-shadow:0 0 28px #facc1594,0 0 55px #facc1538,inset 0 0 14px #facc1517}}@keyframes electroBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px) scale(1.02)}}@keyframes electroZap{0%,88%,to{filter:brightness(1)}90%{filter:brightness(2.8) saturate(2)}92%{filter:brightness(1.2)}94%{filter:brightness(2.2) saturate(1.6)}}.card--id-16 .card__inner{background:linear-gradient(165deg,#0e0d00,#1c1a00);animation:electroAura 1.9s ease-in-out infinite}.card--id-16.card--board:not(.card--dying):not(:hover){animation:electroBob 2.2s ease-in-out infinite}.card--id-16{animation:electroZap 3.5s ease-in-out infinite}.card--id-16 .card__rune{display:inline-block;animation:runeRotate 2.2s linear infinite}@keyframes loxAura{0%,to{border-color:#6366f147;box-shadow:0 0 8px #6366f12e}50%{border-color:#6366f19e;box-shadow:0 0 22px #6366f16b,0 0 45px #8b5cf61f}}@keyframes loxFloat{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-6px) rotate(.4deg)}}.card--id-18 .card__inner{background:linear-gradient(165deg,#040010,#080020);animation:loxAura 3.2s ease-in-out infinite}.card--id-18.card--board:not(.card--dying):not(:hover){animation:loxFloat 3.8s ease-in-out infinite}.card--id-18 .card__rune{display:inline-block;animation:runePulse 2.8s ease-in-out infinite}@keyframes takaHeal{0%,to{border-color:#34d39938;box-shadow:0 0 8px #34d39924}50%{border-color:#34d39985;box-shadow:0 0 20px #34d39961,0 0 40px #10b98117}}@keyframes takaFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.015)}}.card--id-20 .card__inner{background:linear-gradient(165deg,#021008,#041d0e);animation:takaHeal 3.8s ease-in-out infinite}.card--id-20.card--board:not(.card--dying):not(:hover){animation:takaFloat 4.2s ease-in-out infinite}.card--id-20 .card__rune{display:inline-block;animation:runeBounce 3.2s ease-in-out infinite}@keyframes pilbagAura{0%,to{border-color:#4ade804d;box-shadow:0 0 8px #4ade8033}50%{border-color:#4ade80b3;box-shadow:0 0 20px #4ade8080,0 0 40px #f9731626}}@keyframes pilbagBounce{0%,to{transform:translateY(0)}35%{transform:translateY(-6px) rotate(1.5deg)}70%{transform:translateY(-2px) rotate(-.5deg)}}@keyframes pilbagWiggle{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-8deg)}96%{transform:rotate(8deg)}}.card--id-28 .card__inner{border-color:#4ade8066;background:linear-gradient(165deg,#021207,#0a2510,#021207);animation:pilbagAura 2.5s ease-in-out infinite}.card--id-28.card--board:not(.card--dying):not(:hover){animation:pilbagBounce 2s ease-in-out infinite}.card--id-28 .card__rune{display:inline-block;animation:pilbagWiggle 3.5s ease-in-out infinite}.card--id-29 .card__inner{border-color:#f9731640;background:linear-gradient(165deg,#120800,#1e0f00);opacity:.85}.card--id-29 .card__name{color:#f97316b3}.card--id-29 .card__type{color:#f9731666}@keyframes runeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes runeBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.2)}}@keyframes runePulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes runeShake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.card--id-12 .card__rune{display:inline-block;animation:runeRotate 8s linear infinite}.card--id-10 .card__rune{display:inline-block;animation:runeRotate 3s linear infinite}.card--id-9 .card__rune{display:inline-block;animation:runeShake 2.5s ease-in-out infinite}.card--id-5 .card__rune{display:inline-block;animation:runeBounce 1.6s ease-in-out infinite}.card--id-8 .card__rune{display:inline-block;animation:runeRotate 5s ease-in-out infinite}.card--id-17 .card__rune{display:inline-block;animation:runeShake 3s ease-in-out infinite}.card--id-1 .card__rune{display:inline-block;animation:runeBounce 2s ease-in-out infinite}.card--id-4 .card__rune{display:inline-block;animation:runePulse 1.5s ease-in-out infinite}.card--id-19 .card__rune{display:inline-block;animation:runeRotate 12s linear infinite}.card--board.card--buffed .card__inner{animation:buffedAura 1.5s ease-in-out infinite!important}@keyframes buffedAura{0%,to{box-shadow:0 0 12px #0f86,inset 0 0 8px #00ff881a}50%{box-shadow:0 0 28px #00ff88b3,inset 0 0 18px #00ff8840}}@keyframes revealFlash{0%{filter:brightness(1)}30%{filter:brightness(2.5) saturate(1.5)}to{filter:brightness(1)}}.card--revealing{animation:revealFlash .6s ease-out both!important}@keyframes ongoingShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.3)}}.card--ongoing-active .card__inner{animation:ongoingShimmer 2s ease-in-out infinite!important}#screen-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,rgba(0,255,136,.04) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(168,85,247,.03) 0%,transparent 40%),radial-gradient(ellipse at 80% 60%,rgba(59,130,246,.03) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,var(--bg-navy) 0%,var(--bg-deep) 40%,var(--bg-void) 100%)}#screen-menu:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(255,255,255,0.012)' stroke-width='0.5'/%3E%3C/svg%3E");pointer-events:none}#screen-menu:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 250px #000c;pointer-events:none}.menu-bg-card{position:absolute;width:70px;height:100px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#0f1529cc,#15103acc);box-shadow:0 0 20px #00000080;animation:floatCards 8s ease-in-out infinite;pointer-events:none;z-index:3}.menu-bg-card:after{content:"";position:absolute;inset:4px;border-radius:5px;border:1px solid rgba(255,255,255,.04)}.menu-bg-card:nth-child(1){top:12%;left:8%;--r: -15deg;animation-delay:0s;opacity:.4}.menu-bg-card:nth-child(2){top:18%;right:10%;--r: 20deg;animation-delay:-2s;opacity:.35}.menu-bg-card:nth-child(3){bottom:20%;left:12%;--r: 10deg;animation-delay:-4s;opacity:.3}.menu-bg-card:nth-child(4){bottom:25%;right:8%;--r: -12deg;animation-delay:-1s;opacity:.35}.menu-bg-card:nth-child(5){top:45%;left:3%;--r: -8deg;animation-delay:-3s;opacity:.25}.menu-bg-card:nth-child(6){top:40%;right:4%;--r: 15deg;animation-delay:-5s;opacity:.3}.menu-orb-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:500px;height:500px;pointer-events:none;z-index:3}.orb-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,255,136,.06)}.orb-ring--1{width:480px;height:480px;border-style:dashed;border-color:#00ff880f;animation:orbRotate 80s linear infinite}.orb-ring--2{width:380px;height:380px;border-style:dotted;border-color:#22d3ee0d;animation:orbRotateR 55s linear infinite}.orb-ring--3{width:260px;height:260px;border-style:dashed;border-color:#a855f712;animation:orbRotate 35s linear infinite}.pulse-ring{position:absolute;top:38%;left:50%;width:200px;height:200px;border:1px solid rgba(0,255,136,.08);border-radius:50%;animation:pulseRing 4s ease-out infinite;pointer-events:none;z-index:3}.pulse-ring:nth-child(2){animation-delay:1.3s}.pulse-ring:nth-child(3){animation-delay:2.6s}.lightning-flash{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(168,85,247,.15) 0%,transparent 50%);animation:lightning 8s ease infinite;pointer-events:none;z-index:3}.lightning-flash:nth-child(2){background:radial-gradient(ellipse at 70% 30%,rgba(59,130,246,.12) 0%,transparent 50%);animation-delay:3s;animation-duration:11s}.menu-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px}.menu-title{font-family:var(--font-display);font-size:5rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;line-height:1.05;color:var(--text-bright);text-align:center;animation:titleReveal 1.2s cubic-bezier(.16,1,.3,1) both,titleGlow 5s ease-in-out 1.2s infinite;background:linear-gradient(180deg,#fff,#a0d8c0 40%,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,255,136,.3)) drop-shadow(0 4px 20px rgba(0,0,0,.8))}.menu-subtitle{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-dim);letter-spacing:.35em;text-transform:uppercase;margin-bottom:40px;animation:fadeUp .8s ease .5s both}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:280px;animation:fadeUp .8s ease .8s both}.btn-menu{position:relative;padding:16px 32px;font-size:1.05rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(0,255,136,.2);background:linear-gradient(135deg,#00ff880a,#22d3ee05);color:var(--glow-soft);border-radius:6px;transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden;text-align:center}.btn-menu:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.08) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite;opacity:0;transition:opacity .3s}.btn-menu:hover{background:linear-gradient(135deg,#00ff881f,#22d3ee0f);border-color:var(--glow-primary);box-shadow:0 0 25px #00ff8826,inset 0 0 25px #00ff880d;transform:translateY(-3px) scale(1.02);color:var(--glow-primary)}.btn-menu:hover:before{opacity:1}.btn-menu:active{transform:translateY(0) scale(.98)}.btn-menu--primary{border-color:#00ff8859;background:linear-gradient(135deg,#00ff881a,#22d3ee0d);font-size:1.2rem;padding:18px 32px;box-shadow:0 0 20px #00ff8814}.btn-menu--primary:hover{box-shadow:0 0 40px #00ff8840,inset 0 0 30px #00ff8814}.menu-bottom-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:40px;padding:16px;z-index:10;border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));animation:fadeUp .8s ease 1s both}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);cursor:pointer;transition:color .3s}.nav-item:hover{color:var(--glow-soft)}.nav-icon{font-size:1.2rem}.menu-player-badge{position:absolute;top:16px;left:20px;display:flex;align-items:center;gap:12px;z-index:15;animation:fadeUp .8s ease .3s both}.player-skull{width:44px;height:44px;border-radius:50%;border:2px solid rgba(0,255,136,.3);background:var(--bg-charcoal);display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 0 15px #00ff8826}.player-rank-info{display:flex;flex-direction:column;gap:1px}.player-username{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:#e2e8f0;letter-spacing:.06em;text-shadow:0 0 8px rgba(180,200,255,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;transition:color .5s,text-shadow .5s}@keyframes diamondShimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes diamondSparkle{0%,to{opacity:0;transform:scale(.5) translateY(0)}50%{opacity:1;transform:scale(1.2) translateY(-3px)}}@keyframes diamondFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.player-username--diamond{background:linear-gradient(90deg,#a8d8ff,#cce8ff,#7bc8f8,#38bdf8,#e0f2fe,#bae6fd,#7dd3fc,#38bdf8,#cce8ff,#a8d8ff,#7bc8f8);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:diamondShimmer 3.5s linear infinite,diamondFloat 2.2s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(125,211,252,.9)) drop-shadow(0 0 12px rgba(56,189,248,.55));position:relative}.player-username--diamond:after{content:" ✦";font-size:.5rem;-webkit-text-fill-color:#7dd3fc;animation:diamondSparkle 1.8s ease-in-out infinite;display:inline-block}.player-rank-name{font-size:.65rem;font-weight:600;color:var(--glow-soft);text-transform:uppercase;letter-spacing:.08em;opacity:.8}.player-xp-bar{width:100px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.player-xp-fill{height:100%;width:55%;background:linear-gradient(90deg,var(--glow-primary),var(--glow-cyan));border-radius:2px}.menu-currency{position:absolute;top:20px;right:20px;display:flex;gap:16px;z-index:15;animation:fadeUp .8s ease .3s both}.currency-item{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;font-family:var(--font-tech);color:var(--text-dim)}.currency-icon{font-size:.9rem}.currency-icon--gem{color:var(--glow-cyan)}.currency-icon--fire{color:var(--glow-orange)}.currency-icon--soul{color:var(--glow-primary)}#screen-board{display:flex;flex-direction:column;height:100vh;padding:0;background:radial-gradient(ellipse at 50% 0%,rgba(15,21,41,.6) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(0,255,136,.02) 0%,transparent 40%),var(--bg-void)}.board-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;height:48px;background:#0006;border-bottom:1px solid var(--border-subtle);z-index:20;flex-shrink:0}.board-player-info{display:flex;align-items:center;gap:8px}.board-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-glow);display:flex;align-items:center;justify-content:center;font-size:.8rem;background:var(--bg-charcoal)}.board-avatar--opp{border-color:#ef444466}.board-player-name{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.board-vs{font-family:var(--font-display);font-size:.9rem;color:var(--text-dim);letter-spacing:.12em}.lanes-container{flex:1;display:flex;gap:10px;padding:10px 14px;min-height:0}.lane{flex:1;display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,#0c1020e6,#0a0f22f2);overflow:hidden;position:relative;animation:lanePulse 7s ease-in-out infinite;transition:border-color .3s,box-shadow .3s}.lane--drop-hover{border-color:#00ff8880!important;animation:dropGlow 1.5s ease-in-out infinite!important}.lane-location{padding:10px 12px 8px;text-align:center;background:linear-gradient(180deg,#00000080,#0003);border-bottom:1px solid var(--border-subtle);position:relative}.lane-location:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.2),transparent)}.location-icon{font-size:1.4rem;display:block;margin-bottom:2px;line-height:1}.location-name{font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--glow-soft)}.location-desc{font-size:.55rem;color:var(--text-dim);margin-top:2px;letter-spacing:.03em;line-height:1.3}.lane-scores{display:flex;justify-content:center;gap:16px;padding:4px 0;background:#0000004d}.lane-score-badge{font-size:1.1rem;font-weight:900;font-family:var(--font-tech);padding:2px 10px;border-radius:4px;min-width:36px;text-align:center;transition:all .4s}.lane-score-badge--opp{color:var(--glow-red);background:#ef444414;border:1px solid rgba(239,68,68,.15)}.lane-score-badge--player{color:var(--glow-primary);background:#00ff8814;border:1px solid rgba(0,255,136,.15)}.lane-score-badge--leading{text-shadow:0 0 10px currentColor;box-shadow:0 0 12px #00ff8826}.lane-half{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:5px;padding:6px;position:relative;min-height:0;transition:background .3s}.lane-half--opp{border-bottom:1px solid rgba(255,255,255,.03)}.lane-half--drop-active{background:#00ff8808}.card-slot{width:var(--card-w);height:var(--card-h);border:1px dashed rgba(255,255,255,.04);border-radius:var(--card-r);display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.card-slot--filled{border:none}.board-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 16px;flex-shrink:0;background:#00000059;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.btn-retreat{padding:10px 22px;font-size:.8rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(239,68,68,.25);background:linear-gradient(135deg,#ef44440f,#ef444405);color:var(--glow-red);border-radius:6px;transition:all .3s}.btn-retreat:hover{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:var(--glow-red);box-shadow:0 0 15px #ef444426}.turn-energy-center{display:flex;flex-direction:column;align-items:center;gap:3px}.turn-badge{font-family:var(--font-tech);font-size:1.3rem;font-weight:900;color:var(--glow-primary);text-shadow:0 0 15px rgba(0,255,136,.4)}.turn-badge span{color:var(--text-dim);font-size:.9rem}.energy-row{display:flex;gap:4px;align-items:center}.energy-pip{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(0,255,136,.25);background:var(--bg-charcoal);transition:all .3s}.energy-pip--filled{background:var(--glow-primary);border-color:var(--glow-primary);box-shadow:0 0 8px #00ff8880;animation:energyPulse 3s ease-in-out infinite}.energy-pip--spent{background:#00ff881a;border-color:#00ff881f}.energy-label{font-size:.6rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.btn-end-turn{padding:10px 22px;font-size:.8rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(0,255,136,.3);background:linear-gradient(135deg,#00ff8814,#22d3ee08);color:var(--glow-primary);border-radius:6px;transition:all .3s;box-shadow:0 0 10px #00ff880d}.btn-end-turn:hover{background:linear-gradient(135deg,#00ff882e,#22d3ee0f);border-color:var(--glow-primary);box-shadow:0 0 25px #0f83;transform:translateY(-1px)}.hand-area{display:flex;align-items:flex-end;justify-content:center;padding:6px 0 14px;flex-shrink:0;position:relative;z-index:30;min-height:130px}.hand-cards{display:flex;align-items:flex-end;justify-content:center;position:relative;padding-top:30px}.hand-cards .card{width:var(--card-w-hand);height:var(--card-h-hand);margin-left:-16px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s,z-index 0s;cursor:grab;transform-origin:bottom center;animation:cardDeal .6s cubic-bezier(.16,1,.3,1) both}.hand-cards .card:first-child{margin-left:0}.hand-cards .card:hover{transform:translateY(-28px) scale(1.12) rotate(0)!important;z-index:50}.hand-cards .card:hover .card__inner{border-color:var(--glow-primary);box-shadow:0 0 30px #00ff8873,0 0 60px #00ff882e,0 8px 30px #0009}.hand-cards .card:hover~.card{transform:translate(16px)!important}.hand-cards .card:active{cursor:grabbing}.card--dragging{position:fixed!important;z-index:9999!important;pointer-events:none!important;transform:scale(1.05) rotate(0)!important;transition:none!important;opacity:.95}.card--dragging .card__inner{border-color:var(--glow-primary)!important;box-shadow:0 0 40px #00ff8880,0 0 80px #0f83,0 15px 40px #000000b3!important}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);position:relative;overflow:visible;flex-shrink:0;transition:transform .3s,box-shadow .3s,border-color .3s}.card__inner{width:100%;height:100%;border-radius:var(--card-r);overflow:hidden;position:relative;border:2px solid rgba(160,180,210,.55);box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #0006,0 6px 28px #000000d9;background:linear-gradient(165deg,#0a0e1a,#12103c,#090d1e)}.card__art{position:absolute;inset:0;overflow:hidden;border-radius:calc(var(--card-r) - 2px)}.card__art-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.card__art-rune{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:2.5rem;opacity:.18;filter:drop-shadow(0 0 12px rgba(0,255,136,.4))}.card__art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 35%,transparent 55%,rgba(0,0,0,.82) 100%);pointer-events:none}.card__corner{position:absolute;z-index:8;pointer-events:none}.card__corner--tr{top:4px;right:4px;display:flex;flex-direction:column;gap:2px;align-items:flex-end}.card__gem{width:7px;height:7px;background:linear-gradient(135deg,#60a8ff,#1a4bcc);border:1px solid rgba(120,190,255,.7);border-radius:2px;box-shadow:0 0 6px #50a0ffb3;transform:rotate(45deg)}.card__gem:nth-child(2){width:5px;height:5px;margin-right:5px;opacity:.8}.card__gem:nth-child(3){width:4px;height:4px;opacity:.55}.card__corner--bl{bottom:5px;left:5px;width:14px;height:14px;border-left:2px solid rgba(100,160,240,.65);border-bottom:2px solid rgba(100,160,240,.65);border-radius:0 0 0 3px}.card__rarity{position:absolute;top:5px;left:5px;z-index:6;pointer-events:none;padding:2px 6px 2px 7px;border-radius:6px;font-family:var(--font-body,"Rajdhani",sans-serif);font-size:.42rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#14161ed9,#0a0c12eb);border:1px solid var(--rarity-color, #b8c2cc);box-shadow:0 0 6px var(--rarity-glow, rgba(184,194,204,.45)),inset 0 1px #ffffff1a;text-shadow:0 0 4px var(--rarity-glow, rgba(184,194,204,.5)),0 1px 2px rgba(0,0,0,.9);max-width:62%}.card__rarity__label{display:inline-block}.card__rarity--common{--rarity-color:#b8c2cc;--rarity-glow:rgba(184,194,204,.45)}.card__rarity--uncommon{--rarity-color:#4ade80;--rarity-glow:rgba(74,222,128,.55);color:#e6fff0}.card__rarity--rare{--rarity-color:#3fb8ff;--rarity-glow:rgba(63,184,255,.6);color:#e0f4ff}.card__rarity--epic{--rarity-color:#c084fc;--rarity-glow:rgba(192,132,252,.65);color:#f4e8ff}.card__rarity--legendary{--rarity-color:#fbbf24;--rarity-glow:rgba(251,191,36,.8);color:#fff7dc;animation:rarityPulseLegendary 2.2s ease-in-out infinite}.card__rarity--mythic{--rarity-color:#ff4d6d;--rarity-glow:rgba(255,77,109,.85);color:#ffe5ea;animation:rarityPulseMythic 1.8s ease-in-out infinite}@keyframes rarityPulseLegendary{0%,to{box-shadow:0 0 6px #fbbf2480,inset 0 1px #ffffff1a}50%{box-shadow:0 0 14px #fbbf24f2,0 0 26px #fbbf2480,inset 0 1px #fff3}}@keyframes rarityPulseMythic{0%,to{box-shadow:0 0 7px #ff4d6d8c,inset 0 1px #ffffff1a}50%{box-shadow:0 0 16px #ff4d6d,0 0 30px #8c32c88c,inset 0 1px #ffffff40}}.card--rarity-common .card__inner{box-shadow:inset 0 0 0 1px #b8c2cc40,0 0 #0000,var(--card-inner-shadow, 0 4px 14px rgba(0,0,0,.5))}.card--rarity-uncommon .card__inner{box-shadow:inset 0 0 0 1px #4ade808c,0 0 12px #4ade802e,0 4px 14px #00000080}.card--rarity-rare .card__inner{box-shadow:inset 0 0 0 1px #3fb8ffa6,0 0 14px #3fb8ff38,0 4px 14px #00000080}.card--rarity-epic .card__inner{box-shadow:inset 0 0 0 1px #c084fcb3,0 0 18px #c084fc4d,0 4px 14px #0000008c}.card--rarity-legendary .card__inner{box-shadow:inset 0 0 0 1.5px #fbbf24d9,0 0 22px #fbbf2466,0 4px 16px #0009}.card--rarity-mythic .card__inner{box-shadow:inset 0 0 0 1.5px #ff4d6de6,0 0 26px #ff4d6d8c,0 0 40px #8c32c859,0 4px 16px #000000a6}.pack-result-rarity{display:inline-block;padding:3px 10px;margin-right:8px;border-radius:12px;font-family:var(--font-body,"Rajdhani",sans-serif);font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;border:1.5px solid var(--rarity-color, #b8c2cc);color:var(--rarity-color, #b8c2cc);background:#00000073;text-shadow:0 0 6px var(--rarity-glow, rgba(184,194,204,.55));box-shadow:0 0 10px var(--rarity-glow, rgba(184,194,204,.35)),inset 0 0 6px #0006;vertical-align:middle}.pack-result-rarity--common{--rarity-color:#b8c2cc;--rarity-glow:rgba(184,194,204,.5)}.pack-result-rarity--uncommon{--rarity-color:#4ade80;--rarity-glow:rgba(74,222,128,.6)}.pack-result-rarity--rare{--rarity-color:#3fb8ff;--rarity-glow:rgba(63,184,255,.65)}.pack-result-rarity--epic{--rarity-color:#c084fc;--rarity-glow:rgba(192,132,252,.75)}.pack-result-rarity--legendary{--rarity-color:#fbbf24;--rarity-glow:rgba(251,191,36,.85);animation:rarityPulseLegendary 1.6s ease-in-out infinite}.pack-result-rarity--mythic{--rarity-color:#ff4d6d;--rarity-glow:rgba(255,77,109,.9);animation:rarityPulseMythic 1.4s ease-in-out infinite}.collection-filter-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px auto 14px;padding:0 12px;max-width:900px}.rarity-filter-btn{padding:6px 14px;border-radius:16px;border:1.5px solid var(--rarity-color, rgba(120,160,220,.45));background:linear-gradient(135deg,#121620d9,#080c14e6);color:#d9e2ee;font-family:var(--font-body,"Rajdhani",sans-serif);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;box-shadow:0 0 #0000;-webkit-user-select:none;user-select:none}.rarity-filter-btn:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 0 12px var(--rarity-glow, rgba(120,160,220,.5))}.rarity-filter-btn.active{background:linear-gradient(135deg,var(--rarity-color,#4a7fc4),rgba(0,0,0,.4));color:#fff;box-shadow:0 0 16px var(--rarity-glow, rgba(120,160,220,.6)),inset 0 1px #fff3}.rarity-filter-btn__count{margin-left:6px;opacity:.8;font-weight:500}.rarity-filter-btn--all{--rarity-color:#9ab4d0;--rarity-glow:rgba(154,180,208,.5)}.rarity-filter-btn--common{--rarity-color:#b8c2cc;--rarity-glow:rgba(184,194,204,.5)}.rarity-filter-btn--uncommon{--rarity-color:#4ade80;--rarity-glow:rgba(74,222,128,.55)}.rarity-filter-btn--rare{--rarity-color:#3fb8ff;--rarity-glow:rgba(63,184,255,.6)}.rarity-filter-btn--epic{--rarity-color:#c084fc;--rarity-glow:rgba(192,132,252,.7)}.rarity-filter-btn--legendary{--rarity-color:#fbbf24;--rarity-glow:rgba(251,191,36,.75)}.rarity-filter-btn--mythic{--rarity-color:#ff4d6d;--rarity-glow:rgba(255,77,109,.8)}.card__nameplate{position:absolute;bottom:0;left:0;right:0;padding:18px 7px 5px;background:linear-gradient(to top,rgba(0,0,5,.95) 55%,transparent 100%);text-align:center;z-index:5}.card__name{font-family:var(--font-display);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e8ecff;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 8px rgba(255,255,255,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__type{font-family:var(--font-body);font-size:.42rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8ca0c8bf;margin-top:1px}.card__cost{position:absolute;top:-9px;left:-9px;z-index:15;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#6ab4ff,#1535a8 65%,#0b1f6e);border:2px solid rgba(120,190,255,.85);box-shadow:0 0 12px #50a0ffd9,0 0 28px #3c82ff73,inset 0 1px 3px #c8e6ff40;display:flex;align-items:center;justify-content:center;font-family:var(--font-tech);font-size:.82rem;font-weight:900;color:#fff;text-shadow:0 0 8px rgba(120,200,255,.9)}.card__power{position:absolute;bottom:-9px;right:-9px;z-index:15;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#ffb347,#e05500 60%,#7a1e00);border:2px solid rgba(255,145,0,.9);box-shadow:0 0 12px #ff6e00e6,0 0 28px #ff500073,inset 0 1px 3px #ffdc9640;display:flex;align-items:center;justify-content:center;font-family:var(--font-tech);font-size:.82rem;font-weight:900;color:#fff;text-shadow:0 0 8px rgba(255,180,80,.9)}.card__power--buffed{background:radial-gradient(circle at 38% 35%,#7dff9f,#00c44a 60%,#004d1a);border-color:#00ff88e6;box-shadow:0 0 14px #00ff88e6,0 0 30px #00ff8873}.card__power--nerfed{background:radial-gradient(circle at 38% 35%,#ff7070,#c11 60%,#5a0000);border-color:#ff5050e6;box-shadow:0 0 14px #ff3c3ce6,0 0 30px #ff3c3c73}.card__ability{display:none}.card--facedown .card__inner{background:linear-gradient(135deg,#0a0e1a,#12103c)}.card--facedown .card__art,.card--facedown .card__nameplate,.card--facedown .card__cost,.card--facedown .card__power,.card--facedown .card__corner{opacity:0}.card--facedown .card__inner:after{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.8rem;color:#ffffff14}.card--too-expensive .card__inner{opacity:.5}.card--too-expensive .card__cost{box-shadow:0 0 8px #ff3c3c99;border-color:#ff3c3cb3;background:radial-gradient(circle at 38% 35%,#ff7070,#8b0000)}.card--staged .card__inner{border-color:#0f89;box-shadow:0 0 18px #00ff8859,inset 0 0 12px #00ff8814}.card--teamup .card__inner{border-color:#facc15b3;box-shadow:0 0 25px #facc1566}.card__power{position:absolute;bottom:-1px;right:-1px;z-index:5;width:28px;height:28px;border-radius:50% 4px 50% 50%;background:linear-gradient(135deg,#7c2d12,#431407);border:2px solid var(--glow-orange);box-shadow:0 0 10px #f9731666,inset 0 0 6px #f9731626;display:flex;align-items:center;justify-content:center;font-family:var(--font-tech);font-size:.8rem;font-weight:900;color:var(--glow-orange)}.card__ability{font-size:.42rem;text-align:center;color:var(--text-dim);padding:0 6px 2px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card--board{cursor:default;animation:cardFloat 5s ease-in-out infinite}.card--board:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 0 15px #00ff8826;border-color:#0f83}.btn-back{position:absolute;top:8px;left:10px;z-index:50;padding:8px 18px;font-size:.75rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.08);background:#0006;color:var(--text-dim);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.btn-back:hover{border-color:var(--glow-primary);color:var(--glow-soft);box-shadow:0 0 10px #00ff881a}#screen-collection{background:radial-gradient(ellipse at 50% 15%,var(--bg-navy) 0%,var(--bg-deep) 40%,var(--bg-void) 100%);padding:60px 40px 40px;overflow-y:auto}.collection-title{font-family:var(--font-display);font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);text-shadow:0 0 20px rgba(0,255,136,.3);text-align:center;margin-bottom:28px}.collection-feedback{max-width:1000px;margin:-10px auto 20px;text-align:center;font-family:var(--font-body);font-size:.9rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,136,.15)}.deck-showcase{max-width:1000px;width:100%;margin:0 auto 32px;background:#00ff880a;border:1px solid rgba(0,255,136,.18);border-radius:16px;padding:16px 20px 20px}.deck-showcase-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:14px}.deck-showcase-title{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.1em;color:var(--glow-primary);text-shadow:0 0 12px rgba(0,255,136,.4);display:flex;align-items:center;gap:10px}.deck-showcase-icon{font-size:1.1rem}.deck-showcase-count{font-family:var(--font-tech);font-size:.75rem;color:var(--text-dim);letter-spacing:.08em;background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:20px;padding:2px 10px}.deck-showcase-cards{display:flex;flex-wrap:wrap;gap:10px;min-height:40px;align-items:flex-start}.deck-showcase-cards .card{cursor:pointer;width:90px!important;height:126px!important;--card-w: 90px;--card-h: 126px}.deck-showcase-cards .card:hover{transform:translateY(-6px) scale(1.05)}.deck-showcase-cards .card:hover .card__inner{border-color:#ef4444cc;box-shadow:0 0 18px #ef444466}.deck-showcase-cards .card:hover .card__inner:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ef4444cc;background:#00000080;border-radius:inherit;z-index:5}.deck-showcase-empty{width:100%;text-align:center;padding:12px 0;font-size:13px;color:var(--text-dim);letter-spacing:.04em}.collection-section-label{max-width:1000px;width:100%;margin:0 auto 16px;font-family:var(--font-display);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.skins-section{max-width:1000px;width:100%;margin:0 auto 32px;background:#a855f70a;border:1px solid rgba(168,85,247,.2);border-radius:16px;padding:16px 20px 20px}.skins-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.1em;color:#c084fc;text-shadow:0 0 12px rgba(192,132,252,.4)}.skins-count-badge{font-family:var(--font-tech);font-size:.75rem;color:var(--text-dim);background:#a855f71a;border:1px solid rgba(168,85,247,.25);border-radius:20px;padding:2px 10px;margin-left:auto}.skins-grid{display:flex;flex-wrap:wrap;gap:14px}.skin-item{width:130px;border-radius:12px;background:linear-gradient(165deg,#1e0a3ce6,#0f0523f2);border:1px solid rgba(168,85,247,.3);overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}.skin-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #a855f759;border-color:#a855f7b3}.skin-item--active{border-color:#0f89;box-shadow:0 0 18px #0f83}.skin-item__art{width:100%;height:90px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0a0515,#150830)}.skin-item__art img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.9)}.skin-item__art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;opacity:.6}.skin-item__info{padding:8px 10px 10px}.skin-item__name{font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#e0c8ff;line-height:1.2;margin-bottom:3px}.skin-item__card-name{font-family:var(--font-body);font-size:.7rem;color:var(--text-dim)}.skin-item__badge{display:inline-block;margin-top:6px;font-family:var(--font-tech);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:4px}.skin-item__badge--active{background:#0f83;color:#4ade80;border:1px solid rgba(0,255,136,.35)}.skin-item__badge--inactive{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.skins-empty{width:100%;text-align:center;padding:18px 0;font-size:13px;color:var(--text-dim);letter-spacing:.04em}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:18px;max-width:1000px;margin:0 auto;justify-items:center}.collection-grid .card{cursor:pointer}.collection-grid .card:hover{transform:translateY(-10px) scale(1.06)}.collection-grid .card:hover .card__inner{border-color:var(--glow-primary);box-shadow:0 0 25px #00ff8859,0 0 50px #00ff881f}.collection-grid .card.in-deck .card__inner{border-color:var(--glow-primary);box-shadow:0 0 18px #00ff8880,inset 0 0 15px #00ff8826}.collection-grid .card.in-deck:after{content:"✓";position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--glow-primary);color:#000;font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.85rem;z-index:5;box-shadow:0 0 10px #00ff88b3}.deck-header{max-width:1000px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:linear-gradient(135deg,#1a1e3a99,#0a0e1a99);border:1px solid rgba(0,255,136,.3);border-radius:8px;box-shadow:0 0 20px #00ff881a}.deck-counter{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.08em;color:var(--text-primary)}.deck-counter__count{color:var(--glow-primary);text-shadow:0 0 10px rgba(0,255,136,.6)}.deck-counter.full .deck-counter__count{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.6)}.deck-hint{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);letter-spacing:.05em}.card-detail-overlay{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;background:#02040c8c;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);opacity:0;transition:opacity .3s ease}.card-detail-overlay.show{display:flex;opacity:1}.card-detail-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px;padding:30px 40px;transform:scale(.85) translateY(30px);opacity:0;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease}.card-detail-overlay.show .card-detail-panel{transform:scale(1) translateY(0);opacity:1}.card-detail-panel .card{width:260px;height:364px;transform:none!important;animation:detailFloat 4s ease-in-out infinite;box-shadow:0 0 40px #00ff8859,0 0 80px #00ff882e,inset 0 0 22px #00ff8814;border-color:var(--glow-primary)}.card-detail-panel .card .card__cost{width:42px;height:42px;font-size:1.6rem}.card-detail-panel .card .card__power{width:44px;height:44px;font-size:1.6rem}.card-detail-panel .card .card__name{font-size:1.1rem}.card-detail-panel .card .card__type{font-size:.8rem}.card-detail-panel .card .card__ability{font-size:.75rem;padding:8px;line-height:1.35}.card-detail-panel .card .card__art-rune{font-size:5rem}@keyframes detailFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-detail-info{max-width:420px;text-align:center;background:linear-gradient(135deg,#1a1e3ad9,#0a0e1ad9);border:1px solid rgba(0,255,136,.35);border-radius:10px;box-shadow:0 0 28px #0f83,inset 0 0 20px #00ff880f;padding:18px 24px}.card-detail-info__type{font-family:var(--font-display);color:var(--glow-primary);letter-spacing:.18em;font-size:.85rem;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,136,.5);margin-bottom:8px}.card-detail-info__desc{font-family:var(--font-body);color:var(--text-primary);font-size:1rem;line-height:1.55;letter-spacing:.03em}.card-detail-info__none{font-family:var(--font-body);font-style:italic;color:var(--text-muted);font-size:.95rem}.card-detail-actions{display:flex;gap:12px}.card-detail-btn{font-family:var(--font-display);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;padding:10px 22px;background:#0a0e1ab3;border:1px solid rgba(0,255,136,.4);color:var(--text-primary);cursor:pointer;border-radius:6px;transition:all .2s ease;text-shadow:0 0 6px rgba(0,255,136,.4)}.card-detail-btn:hover{background:#00ff8826;border-color:var(--glow-primary);box-shadow:0 0 18px #0f86;transform:translateY(-2px)}.card-detail-btn--remove{border-color:#ff505073;text-shadow:0 0 6px rgba(255,80,80,.4)}.card-detail-btn--remove:hover{background:#ff50501f;border-color:#f66;box-shadow:0 0 18px #ff505059}.card-detail-close{position:absolute;top:-10px;right:-10px;width:36px;height:36px;border-radius:50%;background:#0a0e1ae6;border:1px solid rgba(0,255,136,.5);color:var(--text-primary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.card-detail-close:hover{background:#0f83;transform:rotate(90deg)}#screen-shop{background:radial-gradient(ellipse at 50% 0%,rgba(26,10,50,.9) 0%,var(--bg-void) 60%)}.shop-scroll-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;overflow-x:hidden;padding:48px 16px 60px}.shop-scroll-body>*{flex-shrink:0}.shop-scroll-body::-webkit-scrollbar{width:6px}.shop-scroll-body::-webkit-scrollbar-track{background:transparent}.shop-scroll-body::-webkit-scrollbar-thumb{background:#00ff8840;border-radius:3px}.shop-scroll-body::-webkit-scrollbar-thumb:hover{background:#00ff8880}.shop-header{width:100%;max-width:900px;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid rgba(160,100,255,.2)}.shop-title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#c084fc,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 20px rgba(168,85,247,.5))}.diamond-balance{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1e0a3ccc,#0f0523e6);border:1px solid rgba(160,100,255,.4);border-radius:50px;padding:10px 20px;box-shadow:0 0 20px #a855f733,inset 0 0 12px #a855f70d}.diamond-icon{font-size:1.4rem;animation:diamondSpin 4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(100,180,255,.8))}@keyframes diamondSpin{0%,to{transform:rotateY(0) scale(1);filter:drop-shadow(0 0 8px rgba(100,180,255,.8))}50%{transform:rotateY(180deg) scale(1.15);filter:drop-shadow(0 0 16px rgba(100,200,255,1))}}.diamond-amount{font-family:var(--font-tech);font-size:1.3rem;font-weight:900;color:#a5d8ff;text-shadow:0 0 12px rgba(100,180,255,.7)}.shop-section-title{width:100%;max-width:900px;font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#c8a0ff99;margin-bottom:18px}.packs-grid{width:100%;max-width:900px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}.pack-card{background:linear-gradient(165deg,#1e0a3ce6,#0f0523f2);border:1px solid rgba(160,100,255,.35);border-radius:14px;padding:22px 18px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;box-shadow:0 4px 24px #0009,0 0 #a855f700}.pack-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(168,85,247,.12) 0%,transparent 65%);pointer-events:none}.pack-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #000000b3,0 0 40px #a855f759;border-color:#a855f7b3}.pack-art{width:120px;height:168px;border-radius:10px;position:relative;background:linear-gradient(165deg,#1a0635,#0f0328);border:2px solid rgba(160,100,255,.5);box-shadow:0 0 30px #a855f766,inset 0 0 20px #a855f71a;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:packGlow 3s ease-in-out infinite}@keyframes packGlow{0%,to{box-shadow:0 0 20px #a855f759,inset 0 0 15px #a855f714}50%{box-shadow:0 0 40px #a855f799,inset 0 0 25px #a855f72e,0 0 60px #783cdc4d}}.pack-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(168,85,247,.3),transparent 60%),repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.015) 8px,rgba(255,255,255,.015) 9px)}.pack-rune{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(168,85,247,.9));animation:packRunePulse 2.5s ease-in-out infinite;position:relative;z-index:2}@keyframes packRunePulse{0%,to{transform:scale(1) rotate(-5deg);opacity:.7}50%{transform:scale(1.15) rotate(5deg);opacity:1}}.pack-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);animation:packShine 4s ease-in-out infinite;pointer-events:none}@keyframes packShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(0) translateY(0) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.pack-discount-badge{display:inline-block;background:#16a34a;color:#fff;font-family:var(--font-tech);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;vertical-align:middle;letter-spacing:.05em;margin-left:6px}.pack-price-old{text-decoration:line-through;color:var(--text-dim);font-size:.8rem;margin-right:2px}.pack-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e0c8ff;text-align:center}.pack-desc{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);text-align:center;line-height:1.5}.pack-price{display:flex;align-items:center;gap:6px;font-family:var(--font-tech);font-size:1rem;font-weight:700;color:#a5d8ff}.btn-buy{width:100%;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 0;background:linear-gradient(135deg,#a855f740,#7c3aed33);border:1px solid rgba(168,85,247,.55);color:#c084fc;border-radius:8px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 15px #a855f726}.btn-buy:hover{background:linear-gradient(135deg,#a855f773,#7c3aed59);border-color:#a855f7;color:#e9d5ff;box-shadow:0 0 30px #a855f773,0 4px 15px #0006;transform:translateY(-1px)}.btn-buy:disabled{opacity:.4;cursor:not-allowed;border-color:#a855f733;box-shadow:none;transform:none}.pack-open-overlay{position:fixed;inset:0;z-index:600;display:none;align-items:center;justify-content:center;transition:background .6s ease}.pack-open-overlay.active{display:flex}.pack-open-overlay[data-pack=normal]{background:radial-gradient(ellipse at 50% 40%,#010c28,#000412 70%)}.pack-open-overlay[data-pack=shadow]{background:radial-gradient(ellipse at 50% 60%,#0f0000,#060000)}.pack-open-overlay[data-pack=elite]{background:radial-gradient(ellipse at 50% 35%,#110800,#060300)}.pack-open-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:420px}.pack-type-label{font-family:var(--font-display);font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;margin-bottom:-12px;opacity:.8}[data-pack=normal] .pack-type-label{color:#7dd3fc;text-shadow:0 0 12px rgba(125,211,252,.7)}[data-pack=shadow] .pack-type-label{color:#fca5a5;text-shadow:0 0 12px rgba(220,38,38,.7)}[data-pack=elite] .pack-type-label{color:#fcd34d;text-shadow:0 0 14px rgba(251,191,36,.85)}.pack-open-pack{width:160px;height:224px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:4.8rem;position:relative;overflow:hidden;cursor:pointer;transform-origin:center bottom;-webkit-user-select:none;user-select:none}.pack-open-pack:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,var(--pack-inner-glow, rgba(168,85,247,.35)),transparent 65%)}.pack-open-pack:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);animation:packShineStreak 3.5s ease-in-out infinite}@keyframes packShineStreak{0%,70%,to{opacity:0;transform:translate(-100%)}75%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(80%)}90%{opacity:0;transform:translate(180%)}}.pack-open-pack[data-pack=normal]{background:linear-gradient(165deg,#071c4a,#040e28 55%,#071c4a);border:2px solid rgba(59,130,246,.75);box-shadow:0 0 60px #3b82f680,inset 0 0 28px #3b82f61a;--pack-inner-glow: rgba(59,130,246,.3)}.pack-open-pack[data-pack=shadow]{background:linear-gradient(165deg,#200000,#0a0000 55%,#1a0000);border:2px solid rgba(220,38,38,.75);box-shadow:0 0 60px #dc262666,inset 0 0 28px #8b000040;--pack-inner-glow: rgba(185,28,28,.3)}.pack-open-pack[data-pack=elite]{background:linear-gradient(165deg,#1c1000,#0e0800 55%,#1c1000);border:2px solid rgba(251,191,36,.9);box-shadow:0 0 70px #fbbf2499,0 0 120px #fbbf2440,inset 0 0 28px #fbbf242e;--pack-inner-glow: rgba(251,191,36,.35)}@keyframes packIdleNormal{0%,to{transform:translateY(0) rotate(-1deg);box-shadow:0 0 50px #3b82f666}50%{transform:translateY(-14px) rotate(1.2deg);box-shadow:0 0 90px #3b82f6d9,0 0 140px #3b82f64d}}@keyframes packIdleShadow{0%,to{transform:translateY(0) rotate(-2deg);filter:brightness(.9);box-shadow:0 0 50px #b91c1c4d}40%{transform:translateY(-8px) rotate(2.5deg);filter:brightness(1);box-shadow:0 0 70px #dc262699,0 0 110px #64000059}70%{transform:translateY(-12px) rotate(1deg);filter:brightness(1.05);box-shadow:0 0 90px #dc2626bf,0 0 140px #64000066}}@keyframes packIdleElite{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 65px #fbbf2480,0 0 130px #fbbf2440}33%{transform:translateY(-10px) scale(1.02);box-shadow:0 0 95px #fbbf24cc,0 0 190px #fbbf2473}66%{transform:translateY(-16px) scale(1.03);box-shadow:0 0 115px #ffd700f2,0 0 220px #fbbf248c}}.pack-open-pack.idle[data-pack=normal]{animation:packIdleNormal 2.6s ease-in-out infinite}.pack-open-pack.idle[data-pack=shadow]{animation:packIdleShadow 3.2s ease-in-out infinite}.pack-open-pack.idle[data-pack=elite]{animation:packIdleElite 2s ease-in-out infinite}@keyframes packShakeNormal{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-7px) rotate(-3.5deg)}30%{transform:translate(7px) rotate(3.5deg)}45%{transform:translate(-10px) rotate(-5deg)}60%{transform:translate(10px) rotate(5deg)}75%{transform:translate(-7px) rotate(-2.5deg)}90%{transform:translate(5px) rotate(2deg)}}@keyframes packShakeShadow{0%,to{transform:translate(0) rotate(0) scale(1);filter:brightness(1)}12%{transform:translate(-9px) rotate(-5deg) scale(.98);filter:brightness(1.5)}25%{transform:translate(9px) rotate(5deg) scale(1.02);filter:brightness(.8)}37%{transform:translate(-12px) rotate(-7deg) scale(.97);filter:brightness(1.8)}50%{transform:translate(12px) rotate(7deg) scale(1.03);filter:brightness(.7)}62%{transform:translate(-9px) rotate(-4deg) scale(.99);filter:brightness(1.3)}75%{transform:translate(9px) rotate(4deg) scale(1.01)}87%{transform:translate(-5px) rotate(-2deg)}}@keyframes packShakeElite{0%,to{transform:translate(0) rotate(0) scale(1);filter:brightness(1)}10%{transform:translate(-5px) rotate(-2deg) scale(1.03);filter:brightness(1.4)}20%{transform:translate(5px) rotate(2deg) scale(1.06);filter:brightness(1.8)}30%{transform:translate(-8px) rotate(-3deg) scale(1.02);filter:brightness(2.2)}40%{transform:translate(8px) rotate(3deg) scale(1.07);filter:brightness(2.8)}50%{transform:translate(-10px) rotate(-4deg) scale(1.04);filter:brightness(3.2)}60%{transform:translate(10px) rotate(4deg) scale(1.08);filter:brightness(3.8)}70%{transform:translate(-8px) rotate(-3deg) scale(1.05);filter:brightness(2.5)}80%{transform:translate(6px) rotate(2deg) scale(1.03);filter:brightness(1.8)}90%{transform:translate(-4px) rotate(-1deg)}}.pack-open-pack.shaking[data-pack=normal]{animation:packShakeNormal .65s ease-in-out}.pack-open-pack.shaking[data-pack=shadow]{animation:packShakeShadow .7s ease-in-out}.pack-open-pack.shaking[data-pack=elite]{animation:packShakeElite .75s ease-in-out}@keyframes packExplodeNormal{0%{transform:scale(1);opacity:1;filter:brightness(1)}25%{transform:scale(1.25);opacity:1;filter:brightness(4) saturate(2) hue-rotate(200deg)}55%{transform:scale(2.1);opacity:.45;filter:brightness(6)}to{transform:scale(3.5);opacity:0;filter:brightness(10)}}@keyframes packExplodeShadow{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}20%{transform:scale(1.2) rotate(-5deg);opacity:1;filter:brightness(2) saturate(3) hue-rotate(-30deg)}45%{transform:scale(.9) rotate(8deg);opacity:.9;filter:brightness(4) saturate(4) hue-rotate(-60deg)}70%{transform:scale(2.2) rotate(-12deg);opacity:.4;filter:brightness(7)}to{transform:scale(4) rotate(-20deg);opacity:0;filter:brightness(12)}}@keyframes packExplodeElite{0%{transform:scale(1);opacity:1;filter:brightness(1)}15%{transform:scale(1.35);opacity:1;filter:brightness(5) saturate(3)}35%{transform:scale(1.7);opacity:.9;filter:brightness(8) saturate(4)}60%{transform:scale(2.5);opacity:.5;filter:brightness(12) saturate(5)}to{transform:scale(4.5);opacity:0;filter:brightness(18) saturate(6)}}.pack-open-pack.exploding[data-pack=normal]{animation:packExplodeNormal .55s ease-out forwards;pointer-events:none}.pack-open-pack.exploding[data-pack=shadow]{animation:packExplodeShadow .65s ease-out forwards;pointer-events:none}.pack-open-pack.exploding[data-pack=elite]{animation:packExplodeElite .5s ease-out forwards;pointer-events:none}@keyframes burstRing{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4.5);opacity:0}}.pack-burst-ring{position:absolute;left:50%;top:50%;width:200px;height:200px;border-radius:50%;border:4px solid var(--ring-color, rgba(168,85,247,.8));pointer-events:none;z-index:-1;animation:burstRing .75s ease-out forwards}.pack-burst-ring:nth-child(2){animation-delay:.1s;opacity:.7}.pack-burst-ring:nth-child(3){animation-delay:.2s;opacity:.5}.pack-burst-ring:nth-child(4){animation-delay:.3s;opacity:.35}@keyframes particleFloat{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--px),var(--py)) rotate(var(--pr));opacity:0}}.pack-particle{position:absolute;left:50%;top:50%;pointer-events:none;z-index:50;animation:particleFloat var(--pdur, 1.2s) ease-out forwards}.pack-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}@keyframes atmStarTwinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.4)}}@keyframes atmSmokeRise{0%{transform:translateY(0) translate(var(--sx,0px)) scale(.5) rotate(0);opacity:0}30%{opacity:.7}to{transform:translateY(-200px) translate(calc(var(--sx,0px) * 2.5)) scale(2.5) rotate(var(--srot,20deg));opacity:0}}@keyframes atmGoldBeam{0%{opacity:0;transform:translateY(100%) scaleY(.5)}25%{opacity:var(--beam-op, .4)}75%{opacity:var(--beam-op, .4)}to{opacity:0;transform:translateY(-20%) scaleY(1.4)}}@keyframes atmRingRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(.8);opacity:0}20%{opacity:.6}80%{opacity:.5}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.2);opacity:0}}.atm-star{position:absolute;border-radius:50%;background:#fff;animation:atmStarTwinkle var(--dur,1.6s) ease-in-out infinite}.atm-smoke{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(180,0,0,.6),transparent 70%);animation:atmSmokeRise var(--dur,4s) ease-out infinite}.atm-beam{position:absolute;bottom:0;width:40px;background:linear-gradient(to top,rgba(251,191,36,.4) 0%,transparent 100%);transform-origin:bottom center;animation:atmGoldBeam var(--dur,3s) ease-in-out infinite}.atm-ring{position:absolute;left:50%;top:40%;border-radius:50%;border:2px solid rgba(251,191,36,.5);animation:atmRingRotate var(--dur,5s) linear infinite}@keyframes revealCommon{0%{transform:scale(.5) rotateY(80deg);opacity:0}60%{transform:scale(1.04) rotateY(-3deg);opacity:1}to{transform:scale(1) rotateY(0);opacity:1}}@keyframes revealUncommon{0%{transform:scale(.35) rotateY(90deg) translateY(30px);opacity:0;filter:brightness(2.5) hue-rotate(100deg)}45%{transform:scale(1.1) rotateY(-5deg) translateY(-6px);opacity:1;filter:brightness(1.6) hue-rotate(20deg)}to{transform:scale(1) rotateY(0) translateY(0);opacity:1;filter:none}}@keyframes revealRare{0%{transform:scale(.2) rotateY(180deg);opacity:0;filter:brightness(4) saturate(2) hue-rotate(210deg)}35%{transform:scale(1.22) rotateY(-9deg);opacity:1;filter:brightness(2.5) saturate(1.5)}65%{transform:scale(.96) rotateY(4deg);filter:brightness(1.2)}to{transform:scale(1) rotateY(0);opacity:1;filter:none}}@keyframes revealEpic{0%{transform:scale(0) rotate(-18deg);opacity:0;filter:brightness(5) saturate(4) hue-rotate(270deg)}18%{transform:scale(1.45) rotate(-4deg);opacity:1;filter:brightness(3.5) saturate(2.5)}45%{transform:scale(.93) rotate(3deg);filter:brightness(1.6) saturate(1.5)}72%{transform:scale(1.06) rotate(-1deg);filter:brightness(1.15)}to{transform:scale(1) rotate(0);opacity:1;filter:none}}@keyframes revealLegendary{0%{transform:scale(.1) translateY(-120px) rotate(8deg);opacity:0;filter:brightness(10) saturate(5)}22%{transform:scale(1.55) translateY(22px) rotate(-3deg);opacity:1;filter:brightness(6) saturate(3)}45%{transform:scale(.88) translateY(-12px) rotate(1deg);filter:brightness(2.5)}68%{transform:scale(1.1) translateY(6px);filter:brightness(1.4)}85%{transform:scale(.98) translateY(-2px);filter:brightness(1.1)}to{transform:scale(1) translateY(0);opacity:1;filter:none}}@keyframes revealMythic{0%{transform:scale(0) rotate(-360deg);opacity:0;filter:brightness(12) saturate(6) hue-rotate(0deg)}18%{transform:scale(2) rotate(-45deg);opacity:1;filter:brightness(8) saturate(4) hue-rotate(120deg)}36%{transform:scale(.82) rotate(10deg);filter:brightness(5) hue-rotate(240deg)}54%{transform:scale(1.18) rotate(-6deg);filter:brightness(3) hue-rotate(300deg)}72%{transform:scale(.95) rotate(3deg);filter:brightness(1.6)}86%{transform:scale(1.04) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1;filter:none}}.pack-revealed-card{position:relative}.pack-revealed-card--common{animation:revealCommon .55s cubic-bezier(.16,1,.3,1) both}.pack-revealed-card--uncommon{animation:revealUncommon .72s cubic-bezier(.16,1,.3,1) both}.pack-revealed-card--rare{animation:revealRare .88s cubic-bezier(.16,1,.3,1) both}.pack-revealed-card--epic{animation:revealEpic 1.05s cubic-bezier(.175,.885,.32,1.275) both}.pack-revealed-card--legendary{animation:revealLegendary 1.25s cubic-bezier(.175,.885,.32,1.275) both}.pack-revealed-card--mythic{animation:revealMythic 1.55s cubic-bezier(.175,.885,.32,1.275) both}.pack-revealed-card--common .card{width:200px;height:280px;filter:drop-shadow(0 0 18px rgba(184,194,204,.5))}.pack-revealed-card--uncommon .card{width:200px;height:280px;filter:drop-shadow(0 0 28px rgba(74,222,128,.7))}.pack-revealed-card--rare .card{width:200px;height:280px;filter:drop-shadow(0 0 38px rgba(63,184,255,.85)) drop-shadow(0 0 65px rgba(63,184,255,.35))}.pack-revealed-card--epic .card{width:200px;height:280px;filter:drop-shadow(0 0 45px rgba(192,132,252,.9)) drop-shadow(0 0 85px rgba(192,132,252,.45))}.pack-revealed-card--legendary .card{width:200px;height:280px;filter:drop-shadow(0 0 55px rgba(251,191,36,.95)) drop-shadow(0 0 110px rgba(251,191,36,.55));animation:legendaryRevealPulse 1.3s ease-in-out infinite}.pack-revealed-card--mythic .card{width:200px;height:280px;filter:drop-shadow(0 0 65px rgba(255,77,109,1)) drop-shadow(0 0 130px rgba(140,50,200,.65));animation:mythicRevealPulse 1s ease-in-out infinite}.pack-revealed-card--uncommon .card__inner{border-color:#4ade80bf!important;box-shadow:0 0 30px #4ade8066!important}.pack-revealed-card--rare .card__inner{border-color:#3fb8ffd9!important;box-shadow:0 0 38px #3fb8ff80!important}.pack-revealed-card--epic .card__inner{border-color:#c084fce6!important;box-shadow:0 0 42px #c084fc8c!important}.pack-revealed-card--legendary .card__inner{border-color:#fbbf24f2!important;box-shadow:0 0 50px #fbbf24a6,0 0 90px #fbbf244d!important}.pack-revealed-card--mythic .card__inner{border-color:#ff4d6df2!important;box-shadow:0 0 55px #ff4d6db3,0 0 100px #8c32c873!important}@keyframes legendaryRevealPulse{0%,to{filter:drop-shadow(0 0 45px rgba(251,191,36,.8)) drop-shadow(0 0 90px rgba(251,191,36,.4))}50%{filter:drop-shadow(0 0 75px rgba(251,191,36,1)) drop-shadow(0 0 150px rgba(251,191,36,.75))}}@keyframes mythicRevealPulse{0%,to{filter:drop-shadow(0 0 55px rgba(255,77,109,.9)) drop-shadow(0 0 105px rgba(140,50,200,.55))}50%{filter:drop-shadow(0 0 85px rgba(255,77,109,1)) drop-shadow(0 0 165px rgba(140,50,200,.9))}}.pack-open-flash{position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:packFlash .4s ease-out forwards}@keyframes packFlash{0%{opacity:1}to{opacity:0}}@keyframes mythicScreenShake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-4px,-2px) rotate(-.4deg)}20%{transform:translate(4px,3px) rotate(.3deg)}30%{transform:translate(-6px,1px) rotate(-.5deg)}40%{transform:translate(6px,-3px) rotate(.5deg)}50%{transform:translate(-5px,4px) rotate(-.3deg)}60%{transform:translate(5px,-2px) rotate(.4deg)}70%{transform:translate(-3px,3px) rotate(-.2deg)}80%{transform:translate(3px,-1px) rotate(.2deg)}90%{transform:translate(-2px,2px) rotate(-.1deg)}}@keyframes mythicAuraPulse{0%,to{box-shadow:0 0 #ff4d6d00}50%{box-shadow:0 0 120px 40px #ff4d6d59,0 0 200px 80px #8c32c833}}@keyframes mythicOmenRise{0%{opacity:0;transform:translateY(18px) scale(.85)}30%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-10px) scale(1.04)}}@keyframes mythicOmenGlyph{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}}@keyframes mythicCrackSplit{0%{opacity:0;clip-path:inset(50% 50% 50% 50%)}30%{opacity:1;clip-path:inset(0% 0% 0% 0%)}70%{opacity:.8}to{opacity:0}}.pack-mythic-omen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:mythicOmenRise 2s ease forwards}.pack-mythic-omen__glyph{font-size:3rem;line-height:1;animation:mythicOmenGlyph 1s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(255,77,109,.9))}.pack-mythic-omen__text{font-family:var(--font-display,"MedievalSharp",serif);font-size:1.1rem;font-weight:900;letter-spacing:.35em;text-transform:uppercase;background:linear-gradient(90deg,#ff4d6d,#c084fc,#ff4d6d);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:diamondShimmer 1.5s linear infinite;filter:drop-shadow(0 0 10px rgba(255,77,109,.8))}.pack-mythic-omen__sub{font-family:var(--font-body);font-size:.7rem;letter-spacing:.28em;color:#ffb4c8bf;text-transform:uppercase}.pack-mythic-crack{position:absolute;pointer-events:none;background:linear-gradient(var(--crack-angle,45deg),transparent 0%,rgba(255,77,109,.6) 45%,rgba(255,77,109,.8) 50%,rgba(255,77,109,.6) 55%,transparent 100%);animation:mythicCrackSplit var(--crack-dur,1.2s) ease-out var(--crack-delay,0s) forwards}.pack-result-label{font-family:var(--font-display);font-size:1rem;letter-spacing:.12em;text-transform:uppercase;text-align:center}.pack-result-label--new{color:#fbbf24;text-shadow:0 0 15px rgba(251,191,36,.8);animation:breathe 1.5s ease-in-out infinite}.pack-result-label--dupe{color:var(--text-muted)}.pack-result-label--dupe span{color:#a5d8ff}.pack-tap-hint{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);letter-spacing:.08em;animation:breathe 2s ease-in-out infinite}.btn-pack-continue{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:14px 40px;background:linear-gradient(135deg,#a855f74d,#7c3aed33);border:1px solid rgba(168,85,247,.6);color:#c084fc;border-radius:8px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 20px #a855f740}.btn-pack-continue:hover{background:linear-gradient(135deg,#a855f780,#7c3aed66);box-shadow:0 0 35px #a855f780;transform:translateY(-2px)}.shop-section--featured{color:#facc15cc;letter-spacing:.25em;text-shadow:0 0 20px rgba(250,204,21,.4)}.hizor-featured{width:100%;max-width:900px;display:flex;align-items:center;gap:32px;background:linear-gradient(135deg,#280a50e6,#0a0219f2);border:1px solid rgba(250,204,21,.35);border-radius:16px;padding:28px 32px;margin-bottom:36px;position:relative;overflow:hidden;box-shadow:0 0 60px #7c3aed40,0 0 0 1px #facc151a}.hizor-featured:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(124,58,237,.2),transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(250,204,21,.08),transparent 50%);pointer-events:none}.hizor-featured-card{flex-shrink:0;width:140px;height:196px;filter:drop-shadow(0 0 30px rgba(124,58,237,.7)) drop-shadow(0 0 60px rgba(250,204,21,.3));animation:hizorShopFloat 3s ease-in-out infinite}.hizor-featured-card .card{width:140px;height:196px}@keyframes hizorShopFloat{0%,to{transform:translateY(0) rotate(-1deg);filter:drop-shadow(0 0 25px rgba(124,58,237,.6))}50%{transform:translateY(-10px) rotate(1deg);filter:drop-shadow(0 0 45px rgba(250,204,21,.5))}}.hizor-featured-info{flex:1;display:flex;flex-direction:column;gap:12px}.hizor-featured-name{font-family:var(--font-display);font-size:1.8rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(251,191,36,.6))}.hizor-featured-ability{font-family:var(--font-body);font-size:.9rem;color:#c8b4ffcc;line-height:1.5;font-style:italic}.hizor-featured-badge{display:inline-block;font-family:var(--font-tech);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border-radius:4px;padding:4px 10px;box-shadow:0 0 12px #dc262680;animation:breathe 1.5s ease-in-out infinite}.hizor-featured-pricing{display:flex;align-items:center;gap:16px}.hizor-old-price{font-family:var(--font-tech);font-size:1rem;color:#96969699;text-decoration:line-through}.hizor-new-price{font-family:var(--font-tech);font-size:1.5rem;font-weight:900;color:#fbbf24;text-shadow:0 0 15px rgba(251,191,36,.7)}.btn-acquire-hizor{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:14px 28px;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#7c3aed80,#4f1da266);border:1px solid rgba(250,204,21,.6);color:#fde68a;box-shadow:0 0 25px #7c3aed66,0 0 50px #facc1526;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-acquire-hizor:hover{background:linear-gradient(135deg,#7c3aedbf,#6d28d999);border-color:#facc15e6;box-shadow:0 0 45px #7c3aed99,0 0 80px #facc154d;transform:translateY(-2px) scale(1.02)}.btn-acquire-hizor:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none;border-color:#6464644d}.hizor-owned-msg{font-family:var(--font-body);font-size:.9rem;color:#4ade80;letter-spacing:.05em}.hizor-overlay{position:fixed;inset:0;z-index:700;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#500aa080,#000005f7)}.hizor-overlay.active{display:flex}.hizor-beam{position:absolute;left:50%;top:0;width:3px;height:100vh;background:linear-gradient(to bottom,rgba(250,204,21,.9),rgba(124,58,237,.6),transparent);transform:translate(-50%);box-shadow:0 0 40px #facc1580,0 0 80px #7c3aed4d;animation:hizorBeam 3s ease-in-out infinite}@keyframes hizorBeam{0%,to{opacity:.6;width:3px;box-shadow:0 0 30px #facc1566}50%{opacity:1;width:6px;box-shadow:0 0 60px #facc15cc,0 0 120px #7c3aed80}}.hizor-acq-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:1}.hizor-orb-ring{position:absolute;top:50%;left:50%;width:260px;height:260px;border-radius:50%;border:2px solid rgba(124,58,237,.6);box-shadow:0 0 40px #7c3aed66,inset 0 0 30px #7c3aed1a;transform:translate(-50%,-50%);animation:orbRotate 6s linear infinite}.hizor-orb-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(250,204,21,.3);animation:orbRotateR 4s linear infinite}.hizor-card-wrap{animation:hizorCardRise 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes hizorCardRise{0%{transform:translateY(200px) scale(.5);opacity:0;filter:blur(20px) brightness(3)}50%{transform:translateY(-15px) scale(1.08);opacity:1;filter:blur(0) brightness(1.8)}75%{transform:translateY(5px) scale(.97);filter:brightness(1.3)}to{transform:translateY(0) scale(1);opacity:1;filter:drop-shadow(0 0 40px rgba(124,58,237,.8)) drop-shadow(0 0 80px rgba(250,204,21,.4))}}.hizor-card-wrap .card{width:210px;height:294px;filter:drop-shadow(0 0 30px rgba(124,58,237,.7)) drop-shadow(0 0 60px rgba(250,204,21,.35))}.hizor-card-wrap .card__inner{border-color:#facc15cc!important;box-shadow:0 0 50px #facc1580,0 0 100px #7c3aed4d!important}.hizor-acq-title{font-family:var(--font-display);font-size:1.4rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;text-align:center;background:linear-gradient(135deg,#fde68a,#fbbf24,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(251,191,36,.7));animation:hizorTitlePulse 1.5s ease-in-out infinite;transition:opacity .5s ease}@keyframes hizorTitlePulse{0%,to{filter:drop-shadow(0 0 15px rgba(251,191,36,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 35px rgba(251,191,36,.9));transform:scale(1.03)}}.hizor-acq-sub{font-family:var(--font-body);font-size:.95rem;color:#c8b4ffb3;letter-spacing:.1em;font-style:italic;text-align:center;transition:opacity .5s ease}.btn-hizor-continue{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:14px 36px;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#7c3aed80,#4f1da266);border:1px solid rgba(250,204,21,.5);color:#fde68a;box-shadow:0 0 25px #7c3aed66;transition:all .3s}.btn-hizor-continue:hover{background:linear-gradient(135deg,#7c3aedbf,#6d28d999);box-shadow:0 0 50px #7c3aed99;transform:translateY(-2px)}.pack-art--shadow{background:linear-gradient(165deg,#1a0505,#0f0202)!important;border-color:#ef444480!important;box-shadow:0 0 30px #ef444459,inset 0 0 20px #ef44441a!important;animation:shadowPackGlow 3s ease-in-out infinite!important}@keyframes shadowPackGlow{0%,to{box-shadow:0 0 20px #ef44444d,inset 0 0 15px #ef444412}50%{box-shadow:0 0 40px #ef444499,inset 0 0 25px #ef444426,0 0 60px #c8000040}}.pack-art--elite{background:linear-gradient(165deg,#1a1202,#0f0a01)!important;border-color:#facc1599!important;box-shadow:0 0 30px #facc1566,inset 0 0 20px #facc151a!important;animation:elitePackGlow 2.5s ease-in-out infinite!important}@keyframes elitePackGlow{0%,to{box-shadow:0 0 20px #facc1559,inset 0 0 15px #facc1514}50%{box-shadow:0 0 50px #facc15bf,inset 0 0 30px #facc1533,0 0 80px #facc154d}}#pack-shadow:hover{box-shadow:0 12px 40px #000000b3,0 0 40px #ef444459!important;border-color:#ef4444b3!important}#pack-elite:hover{box-shadow:0 12px 40px #000000b3,0 0 40px #facc1559!important;border-color:#facc15b3!important}.game-over-reward{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.1em;color:#a5d8ff;text-shadow:0 0 12px rgba(100,180,255,.6);margin-top:8px;animation:fadeUp .5s .5s both}.menu-diamonds{position:absolute;top:16px;right:20px;display:flex;align-items:center;gap:6px;background:#0a051ebf;border:1px solid rgba(100,160,255,.3);border-radius:50px;padding:6px 14px;font-family:var(--font-tech);font-size:.95rem;font-weight:700;color:#a5d8ff;text-shadow:0 0 8px rgba(100,180,255,.5);z-index:5}.collection-grid .card.locked .card__inner{filter:brightness(.25) saturate(0)}.collection-grid .card.locked .card__cost,.collection-grid .card.locked .card__power{opacity:.2}.collection-grid .card.locked:before{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:1.8rem;z-index:20;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.cheat-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#000a14eb;border:1px solid var(--glow-primary);border-radius:30px;padding:10px 28px;font-family:var(--font-tech);font-size:17px;font-weight:700;color:var(--glow-primary);letter-spacing:.05em;box-shadow:0 0 20px #00ff8859;z-index:9999;pointer-events:none;opacity:0;transition:opacity .25s;white-space:nowrap}.cheat-toast--show{opacity:1}.cheat-toast--counter{font-size:14px;color:var(--text-dim);border-color:#ffffff26;box-shadow:none}.menu-level-badge{background:linear-gradient(135deg,#0f8,#4ade80);color:#0a0e1a;font-family:var(--font-tech);font-size:11px;font-weight:900;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:6px;flex-shrink:0;box-shadow:0 0 10px #00ff8880}#screen-progress{background:radial-gradient(ellipse at 50% -5%,rgba(0,255,136,.1) 0%,transparent 50%),radial-gradient(ellipse at 85% 90%,rgba(59,130,246,.06) 0%,transparent 45%),radial-gradient(ellipse at 10% 70%,rgba(168,85,247,.05) 0%,transparent 40%),var(--bg-void)}.progress-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:56px 16px 70px;gap:30px}.progress-scroll>*{flex-shrink:0}.progress-scroll::-webkit-scrollbar{width:4px}.progress-scroll::-webkit-scrollbar-track{background:transparent}.progress-scroll::-webkit-scrollbar-thumb{background:#0f83;border-radius:2px}.progress-header{text-align:center}.progress-title{font-family:var(--font-display);font-size:2.2rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,#0f8,#4ade80 40%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(0,255,136,.45));animation:progressTitleGlow 3s ease-in-out infinite}@keyframes progressTitleGlow{0%,to{filter:drop-shadow(0 0 14px rgba(0,255,136,.35))}50%{filter:drop-shadow(0 0 32px rgba(0,255,136,.7)) drop-shadow(0 0 55px rgba(34,211,238,.25))}}.progress-subtitle{font-family:var(--font-tech);font-size:.65rem;letter-spacing:.35em;color:#0f86;margin-top:5px;text-transform:uppercase}.progress-orb-wrap{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center}.progress-orb-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#0f8,#22d3ee,#a855f7,#f59e0b,#0f8);padding:3px;animation:progressRingRotate 5s linear infinite}@keyframes progressRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-orb-ring-bg{width:100%;height:100%;border-radius:50%;background:var(--bg-void)}.progress-orb-ring2{position:absolute;inset:6px;border-radius:50%;border:1px dashed rgba(0,255,136,.2);animation:progressRingRotate 12s linear infinite reverse}.progress-orb-inner{position:absolute;inset:14px;border-radius:50%;background:radial-gradient(ellipse at 38% 32%,#0e2518,#030b06 70%);border:2px solid rgba(0,255,136,.45);box-shadow:0 0 50px #00ff8859,inset 0 0 40px #00ff881f;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:orbPulse 3s ease-in-out infinite}@keyframes orbPulse{0%,to{box-shadow:0 0 35px #00ff884d,inset 0 0 25px #00ff881a}50%{box-shadow:0 0 65px #0f89,inset 0 0 50px #00ff8838,0 0 100px #00ff8826}}.progress-orb-gem{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--glow-primary);box-shadow:0 0 10px var(--glow-primary),0 0 20px #00ff8880;animation:gemPulse 2s ease-in-out infinite}.progress-orb-gem:nth-child(1){top:3px;left:50%;transform:translate(-50%);animation-delay:0s}.progress-orb-gem:nth-child(2){bottom:3px;left:50%;transform:translate(-50%);animation-delay:.5s}.progress-orb-gem:nth-child(3){left:3px;top:50%;transform:translateY(-50%);animation-delay:1s;background:#22d3ee;box-shadow:0 0 10px #22d3ee}.progress-orb-gem:nth-child(4){right:3px;top:50%;transform:translateY(-50%);animation-delay:1.5s;background:#a855f7;box-shadow:0 0 10px #a855f7}@keyframes gemPulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(.5);opacity:.3}}.progress-orb-gem:nth-child(3){animation:gemPulseY 2s 1s ease-in-out infinite}.progress-orb-gem:nth-child(4){animation:gemPulseY 2s 1.5s ease-in-out infinite}@keyframes gemPulseY{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(.5);opacity:.3}}.plb-number{font-family:var(--font-tech);font-size:58px;font-weight:900;line-height:1;color:var(--glow-primary);text-shadow:0 0 30px rgba(0,255,136,.8),0 0 60px rgba(0,255,136,.3)}.plb-label{font-family:var(--font-tech);font-size:9px;letter-spacing:.3em;color:#00ff8880;margin-top:2px;text-transform:uppercase}.progress-xp-section{width:min(480px,88vw)}.progress-xp-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.progress-xp-title{font-family:var(--font-tech);font-size:.65rem;letter-spacing:.22em;color:var(--text-dim);text-transform:uppercase}.progress-xp-nums{font-family:var(--font-tech);font-size:.9rem;font-weight:700;color:var(--glow-primary);text-shadow:0 0 10px rgba(0,255,136,.5)}.progress-xp-bar-bg{width:100%;height:18px;border-radius:9px;overflow:hidden;background:#00ff880d;border:1px solid rgba(0,255,136,.15);position:relative}.progress-xp-fill-bar{height:100%;width:0%;border-radius:9px;position:relative;overflow:hidden;background:linear-gradient(90deg,#007a44,#0f8 55%,#4ade80);box-shadow:0 0 18px #0f89,0 0 35px #00ff8840;transition:width 1s cubic-bezier(.16,1,.3,1)}.progress-xp-fill-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);background-size:200% 100%;animation:xpBarShimmer 2.2s ease-in-out infinite}@keyframes xpBarShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-rewards-section{width:min(480px,88vw)}.progress-rewards-header{font-family:var(--font-display);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#0f89;margin-bottom:16px;display:flex;align-items:center;gap:10px}.progress-rewards-header:before,.progress-rewards-header:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.3),transparent)}.progress-rewards-list{display:flex;flex-direction:column;gap:10px}.progress-reward-item{display:flex;align-items:center;gap:14px;border-radius:14px;padding:14px 18px;border:1px solid rgba(255,255,255,.07);background:#ffffff06;position:relative;overflow:hidden;transition:transform .2s ease,border-color .3s,box-shadow .3s}.progress-reward-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.progress-reward-item--obtained{border-color:#00ff8840;background:#00ff880a}.progress-reward-item--obtained:before{background:#0f89}.progress-reward-item--current{border-color:#0f89;background:#00ff8812;animation:currentRewardPulse 2.5s ease-in-out infinite}.progress-reward-item--current:before{background:var(--glow-primary);box-shadow:0 0 8px var(--glow-primary)}@keyframes currentRewardPulse{0%,to{box-shadow:0 0 14px #00ff881f;border-color:#00ff8880}50%{box-shadow:0 0 28px #00ff884d,0 0 50px #00ff881a;border-color:#0f8c}}.progress-reward-item--card:before{background:linear-gradient(180deg,#a855f7,#7c3aed)}.progress-reward-item--card:not(.progress-reward-item--obtained){border-color:#a855f733}.progress-reward-item--diamond:before{background:linear-gradient(180deg,#a5d8ff,#fbbf24)}.progress-reward-item--diamond:not(.progress-reward-item--obtained){border-color:#a5d8ff33}.progress-reward-item--skin:before{background:linear-gradient(180deg,#c084fc,#22d3ee,#4ade80);animation:skinBarRainbow 3s linear infinite}.progress-reward-item--skin:not(.progress-reward-item--obtained){border-color:#c084fc33}@keyframes skinBarRainbow{0%{background:linear-gradient(180deg,#c084fc,#22d3ee,#4ade80)}50%{background:linear-gradient(180deg,#4ade80,#c084fc,#22d3ee)}to{background:linear-gradient(180deg,#c084fc,#22d3ee,#4ade80)}}.prir-level{font-family:var(--font-tech);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--glow-primary);background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:6px;padding:4px 8px;min-width:44px;text-align:center;flex-shrink:0}.prir-icon{font-size:1.2rem;flex-shrink:0}.prir-desc{flex:1;font-size:13px;color:var(--text-primary);line-height:1.3}.prir-name{font-weight:700;display:block}.prir-type{font-size:10px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.prir-status{font-size:18px;flex-shrink:0}.progress-reward-item--obtained .prir-status{color:var(--glow-primary)}.progress-reward-item--current .prir-level{background:#0f83;border-color:#00ff8880;color:#fff}.prir-desc--diamond .prir-name{background:linear-gradient(90deg,#a5d8ff,#fbbf24,#a5d8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%;animation:diamondTextFlow 3s linear infinite}@keyframes diamondTextFlow{0%{background-position:0%}to{background-position:200%}}.prir-desc--skin .prir-name{background:linear-gradient(90deg,#c084fc,#22d3ee,#4ade80,#fbbf24,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300%;animation:skinTextFlow 4s linear infinite}@keyframes skinTextFlow{0%{background-position:0%}to{background-position:300%}}.prir-desc--card .prir-name{color:#c084fc;text-shadow:0 0 10px rgba(192,132,252,.4)}.progress-xp-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.xp-legend-item{display:flex;align-items:center;gap:6px;font-family:var(--font-tech);font-size:.7rem;letter-spacing:.06em;border-radius:20px;padding:7px 16px;border:1px solid;background:#ffffff05}.xp-legend-win{color:#4ade80;border-color:#4ade804d;background:#4ade800d}.xp-legend-draw{color:#60a5fa;border-color:#60a5fa4d;background:#60a5fa0d}.xp-legend-loss{color:#f87171;border-color:#f871714d;background:#f871710d}.patch-overlay{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;background:#000005eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.patch-overlay.active{display:flex}.patch-panel{width:min(540px,92vw);max-height:84vh;background:linear-gradient(165deg,#080c1afc,#04060efc);border:1px solid rgba(0,255,136,.2);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 100px #00ff881a,0 40px 80px #000000a6;animation:patchPanelIn .6s cubic-bezier(.16,1,.3,1) both}@keyframes patchPanelIn{0%{opacity:0;transform:scale(.91) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.patch-header{padding:22px 26px 16px;background:linear-gradient(135deg,rgba(0,255,136,.06),transparent);border-bottom:1px solid rgba(0,255,136,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.patch-version{font-family:var(--font-tech);font-size:.62rem;letter-spacing:.3em;color:#00ff8880;text-transform:uppercase;margin-bottom:4px}.patch-title{font-family:var(--font-display);font-size:1.45rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#0f8,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(0,255,136,.35))}.patch-badge{font-family:var(--font-tech);font-size:.62rem;font-weight:700;letter-spacing:.1em;padding:5px 13px;border-radius:20px;background:#00ff881a;border:1px solid rgba(0,255,136,.28);color:var(--glow-primary);animation:breathe 2s ease-in-out infinite}.patch-body{overflow-y:auto;flex:1;padding:20px 26px 10px;display:flex;flex-direction:column;gap:24px}.patch-body::-webkit-scrollbar{width:4px}.patch-body::-webkit-scrollbar-thumb{background:#0f83;border-radius:2px}.patch-section-title{font-family:var(--font-display);font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:8px}.patch-section--balance .patch-section-title{color:#f59e0b;border-color:#f59e0b33}.patch-section--cards .patch-section-title{color:#a855f7;border-color:#a855f733}.patch-section--features .patch-section-title{color:#22d3ee;border-color:#22d3ee33}.patch-section--visual .patch-section-title{color:#ec4899;border-color:#ec489933}.patch-list{display:flex;flex-direction:column;gap:6px}.patch-item{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#e8ecf4d9;line-height:1.45}.patch-item-dot{width:5px;height:5px;border-radius:50%;margin-top:7px;flex-shrink:0}.patch-section--balance .patch-item-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.patch-section--cards .patch-item-dot{background:#a855f7;box-shadow:0 0 6px #a855f780}.patch-section--features .patch-item-dot{background:#22d3ee;box-shadow:0 0 6px #22d3ee80}.patch-section--visual .patch-item-dot{background:#ec4899;box-shadow:0 0 6px #ec489980}.patch-card-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px}.patch-card-mini{display:flex;flex-direction:column;align-items:center;gap:5px}.patch-card-mini .card{width:74px!important;height:104px!important;--card-w:74px;--card-h:104px;cursor:default;pointer-events:none}.patch-card-label{font-family:var(--font-tech);font-size:8px;letter-spacing:.04em;color:var(--text-dim);text-align:center;max-width:74px}.patch-balance-change{display:flex;align-items:center;gap:8px;font-size:13px;background:#f59e0b0a;border:1px solid rgba(245,158,11,.1);border-radius:8px;padding:8px 12px;flex-wrap:wrap}.patch-bc-name{flex:1;color:var(--text-primary);font-weight:600;min-width:100px}.patch-bc-stat{font-family:var(--font-tech);font-size:10px;color:var(--text-dim)}.patch-bc-old{font-family:var(--font-tech);font-size:12px;color:#f87171;text-decoration:line-through}.patch-bc-arrow{color:var(--text-dim);font-size:12px}.patch-bc-new{font-family:var(--font-tech);font-size:13px;color:#4ade80;font-weight:700}.patch-footer{padding:14px 26px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.patch-footer-date{font-family:var(--font-tech);font-size:.62rem;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.btn-patch-continue{font-family:var(--font-display);font-size:.84rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:11px 26px;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#00c8642e,#00965021);border:1px solid rgba(0,255,136,.48);color:var(--glow-primary);transition:all .22s ease;box-shadow:0 0 18px #00ff881a}.btn-patch-continue:hover{background:linear-gradient(135deg,#00c86454,#00965040);box-shadow:0 0 28px #00ff883d;transform:translateY(-1px)}@keyframes pstSunSpin{to{transform:translate(-50%) rotate(360deg)}}@keyframes pstWaveScrl{to{background-position-x:-400px}}@keyframes pstCloudDft{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes pstParticleFly{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-160px) scale(.5);opacity:0}}@keyframes pstHeadGlow{0%,to{text-shadow:0 0 22px rgba(255,180,0,.5),0 0 60px rgba(255,100,0,.2)}50%{text-shadow:0 0 40px rgba(255,220,0,.85),0 0 90px rgba(255,140,0,.45)}}@keyframes pstFeatPop{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@keyframes pstPulse{0%,to{opacity:.7}50%{opacity:1}}.patch-summer-teaser{position:relative;overflow:hidden;margin:22px -4px 4px;border-radius:18px;background:linear-gradient(175deg,#0a2a4a,#0d3d6b 35%,#1a6fa0 65%,#2bbdff);border:1.5px solid rgba(0,200,255,.35);box-shadow:0 0 40px #00aaff2e,inset 0 0 60px #0050b41f;padding:0;min-height:280px}.pst-sun{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#ffe566,#ffb300 55%,#f60);box-shadow:0 0 30px 10px #ffbe008c,0 0 80px 30px #ff820033;animation:pstSunSpin 24s linear infinite;z-index:1}.pst-sun:before{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px dashed rgba(255,220,60,.35)}.pst-cloud{position:absolute;top:28px;border-radius:60px;background:#ffffff8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 12px #fff3;animation:pstCloudDft 8s ease-in-out infinite;z-index:1}.pst-cloud:before,.pst-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.pst-cloud--1{left:8%;width:80px;height:22px;top:36px;animation-duration:8s}.pst-cloud--1:before{width:40px;height:36px;top:-18px;left:12px}.pst-cloud--1:after{width:30px;height:28px;top:-12px;left:38px}.pst-cloud--2{right:9%;width:64px;height:18px;top:28px;animation-duration:11s;animation-delay:-3s;opacity:.7}.pst-cloud--2:before{width:32px;height:30px;top:-14px;left:10px}.pst-cloud--2:after{width:24px;height:22px;top:-10px;left:30px}.pst-wave{position:absolute;bottom:0;left:-50%;width:200%;height:60px;background-repeat:repeat-x;background-size:400px 100%;z-index:2}.pst-wave--back{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60'%3E%3Cpath d='M0 30 Q50 5 100 30 Q150 55 200 30 Q250 5 300 30 Q350 55 400 30 L400 60 L0 60Z' fill='rgba(0,140,220,0.45)'/%3E%3C/svg%3E");animation:pstWaveScrl 6s linear infinite;opacity:.8}.pst-wave--front{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60'%3E%3Cpath d='M0 40 Q50 15 100 40 Q150 65 200 40 Q250 15 300 40 Q350 65 400 40 L400 60 L0 60Z' fill='rgba(0,190,255,0.55)'/%3E%3C/svg%3E");animation:pstWaveScrl 4s linear infinite reverse}.pst-particles{position:absolute;inset:0;z-index:3;pointer-events:none}.pst-particle{position:absolute;bottom:20px;animation:pstParticleFly 6s ease-in infinite;will-change:transform,opacity}.pst-content{position:relative;z-index:5;padding:72px 24px 80px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.pst-eyebrow{font-family:var(--font-tech);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#ffe57a;background:#ffd2321a;border:1px solid rgba(255,210,50,.28);padding:4px 14px;border-radius:20px;animation:pstPulse 2.4s ease-in-out infinite}.pst-headline{font-family:var(--font-display);font-size:2.2rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#ffe566,#ffb300 40%,#f70,#f40);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pstHeadGlow 2.8s ease-in-out infinite;line-height:1.1}.pst-sub{font-size:12.5px;color:#c8f0ffd1;line-height:1.55;max-width:340px}.pst-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.pst-feat{display:flex;align-items:center;gap:6px;background:#00b4ff1a;border:1px solid rgba(0,210,255,.28);border-radius:20px;padding:6px 13px;font-size:11.5px;color:#dcf5ffe6;animation:pstFeatPop .5s ease both}.pst-feat:nth-child(1){animation-delay:.1s}.pst-feat:nth-child(2){animation-delay:.2s}.pst-feat:nth-child(3){animation-delay:.3s}.pst-feat:nth-child(4){animation-delay:.4s}.pst-feat:nth-child(5){animation-delay:.5s}.pst-feat-icon{font-size:15px}.tickler-featured{border-color:#ef44444d!important}.tickler-featured:before{background:linear-gradient(135deg,rgba(127,29,29,.35) 0%,transparent 100%)!important}.levelup-overlay{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:350;opacity:0;pointer-events:none;transition:opacity .4s}.levelup-overlay.active{opacity:1;pointer-events:auto}.levelup-stage{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;text-align:center}.levelup-burst{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.18) 0%,transparent 70%);animation:levelupPulse 1.5s ease-out infinite;pointer-events:none}@keyframes levelupPulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2.2);opacity:0}}.levelup-text{font-family:var(--font-display);font-size:13px;letter-spacing:.35em;color:var(--glow-primary);text-shadow:0 0 20px rgba(0,255,136,.7);position:relative;z-index:1}.levelup-number{font-family:var(--font-tech);font-size:100px;font-weight:900;line-height:1;color:var(--glow-primary);text-shadow:0 0 40px rgba(0,255,136,.8),0 0 80px rgba(0,255,136,.4);position:relative;z-index:1;animation:levelupBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes levelupBounce{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.levelup-reward{font-family:var(--font-body);font-size:18px;font-weight:600;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5);position:relative;z-index:1}.card--id-24{animation:float24 3.5s ease-in-out infinite}@keyframes float24{0%,to{filter:drop-shadow(0 0 4px rgba(232,121,249,.3));transform:translateY(0)}50%{filter:drop-shadow(0 0 12px rgba(232,121,249,.8));transform:translateY(-5px)}}.card--id-25{animation:float25 4s ease-in-out infinite}@keyframes float25{0%,to{filter:drop-shadow(0 0 4px rgba(34,211,238,.3))}50%{filter:drop-shadow(0 0 14px rgba(34,211,238,.9)) brightness(1.1)}}.card--id-26{animation:float26 3s ease-in-out infinite}@keyframes float26{0%,to{filter:drop-shadow(0 0 4px rgba(251,191,36,.3));transform:rotate(0)}33%{filter:drop-shadow(0 0 8px rgba(251,191,36,.7));transform:rotate(-2deg)}66%{filter:drop-shadow(0 0 6px rgba(251,191,36,.5));transform:rotate(2deg)}}.card--id-27{animation:float27 2.8s ease-in-out infinite}@keyframes float27{0%,to{filter:drop-shadow(0 0 6px rgba(239,68,68,.4))}50%{filter:drop-shadow(0 0 18px rgba(239,68,68,1)) brightness(1.15);transform:translateY(-3px) scale(1.02)}}.card--id-28{animation:float28 2s ease-in-out infinite}@keyframes float28{0%,to{filter:drop-shadow(0 0 4px rgba(74,222,128,.3));transform:translateY(0)}50%{filter:drop-shadow(0 0 12px rgba(74,222,128,.7));transform:translateY(-5px)}}.card--id-29{opacity:.75}#screen-settings{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,var(--bg-navy) 0%,var(--bg-deep) 40%,var(--bg-void) 100%)}.settings-panel{background:linear-gradient(180deg,#0c1020f2,#070b14fa);border:1px solid var(--border-subtle);border-radius:14px;padding:36px;width:380px;box-shadow:0 0 60px #00000080}.settings-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);text-shadow:0 0 12px rgba(0,255,136,.2);text-align:center;margin-bottom:24px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{display:none}.toggle__track{position:absolute;inset:0;border-radius:12px;background:#ffffff0f;border:1px solid var(--border-subtle);transition:all .3s}.toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:all .3s}.toggle input:checked~.toggle__track{background:#00ff8826;border-color:var(--glow-primary)}.toggle input:checked~.toggle__thumb{left:23px;background:var(--glow-primary);box-shadow:0 0 8px #00ff8880}.card--facedown .card__cost,.card--facedown .card__power,.card--facedown .card__name,.card--facedown .card__type,.card--facedown .card__ability,.card--facedown .card__art-rune{visibility:hidden}.card--facedown .card__art{background:repeating-linear-gradient(45deg,rgba(0,255,136,.03) 0px,rgba(0,255,136,.03) 2px,transparent 2px,transparent 8px),linear-gradient(135deg,#0a0f22,#15103a)}.card--facedown:after{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;color:#00ff8826;border:none}.card--staged{opacity:.7;border-color:#00ff884d!important;box-shadow:0 0 15px #00ff881a}@keyframes cardReveal{0%{transform:scaleX(0) rotateY(90deg)}50%{transform:scaleX(.5) rotateY(45deg)}to{transform:scaleX(1) rotateY(0)}}.card--revealing{animation:cardReveal .5s cubic-bezier(.16,1,.3,1) both}@keyframes teamUpGlow{0%{box-shadow:0 0 15px #a855f74d,0 0 30px #a855f71a;border-color:#a855f780}50%{box-shadow:0 0 30px #a855f799,0 0 60px #a855f733;border-color:#a855f7cc}to{box-shadow:0 0 15px #a855f74d,0 0 30px #a855f71a;border-color:#a855f780}}.card--teamup{animation:teamUpGlow 2s ease-in-out 3}@keyframes onRevealFlash{0%{box-shadow:0 0 #22d3ee00}30%{box-shadow:0 0 30px #22d3ee99,0 0 60px #22d3ee33}to{box-shadow:0 0 10px #22d3ee1a}}.card--on-reveal{animation:onRevealFlash .8s ease both}@keyframes cardDestroy{0%{transform:scale(1);opacity:1;filter:brightness(1)}30%{transform:scale(1.1);filter:brightness(2)}to{transform:scale(.3);opacity:0;filter:brightness(.5)}}.card--destroyed{animation:cardDestroy .6s ease both;pointer-events:none}.card__power--buffed{border-color:var(--glow-primary)!important;color:var(--glow-primary)!important;box-shadow:0 0 12px #00ff8880!important}.card__power--nerfed{border-color:var(--glow-red)!important;color:var(--glow-red)!important;box-shadow:0 0 12px #ef444480!important}.turn-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9000;pointer-events:none;font-family:var(--font-display);font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:var(--glow-primary);text-shadow:0 0 30px rgba(0,255,136,.5),0 0 60px rgba(0,255,136,.2);opacity:0}@keyframes bannerShow{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.turn-banner--show{animation:bannerShow 1.8s cubic-bezier(.16,1,.3,1) both}.turn-banner--reveal{color:var(--glow-cyan);text-shadow:0 0 30px rgba(34,211,238,.5),0 0 60px rgba(34,211,238,.2)}.game-over-overlay{position:fixed;inset:0;z-index:8000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#030508d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .6s ease}.game-over-overlay--show{opacity:1;pointer-events:auto}.game-over-title{font-family:var(--font-display);font-size:3.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.game-over-title--win{color:var(--glow-primary);text-shadow:0 0 30px rgba(0,255,136,.5),0 0 80px rgba(0,255,136,.2)}.game-over-title--lose{color:var(--glow-red);text-shadow:0 0 30px rgba(239,68,68,.5),0 0 80px rgba(239,68,68,.2)}.game-over-title--draw{color:var(--glow-amber);text-shadow:0 0 30px rgba(245,158,11,.5),0 0 80px rgba(245,158,11,.2)}.game-over-sub{font-size:1.1rem;color:var(--text-dim);margin-bottom:30px;letter-spacing:.08em}.game-over-lanes{display:flex;gap:20px;margin-bottom:30px}.game-over-lane{text-align:center;padding:12px 20px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;min-width:120px}.game-over-lane-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:6px}.game-over-lane-scores{display:flex;gap:12px;justify-content:center}.game-over-lane-won{border-color:#00ff884d;box-shadow:0 0 15px #00ff8814}.game-over-lane-lost{border-color:#ef444433}.turn-timer{position:relative;width:46px;height:46px;flex-shrink:0}.turn-timer svg{position:absolute;inset:0;transform:rotate(-90deg);overflow:visible}.turn-timer-bg{fill:none;stroke:#ffffff12;stroke-width:3}.turn-timer-fg{fill:none;stroke:var(--glow-primary);stroke-width:3;stroke-linecap:round;stroke-dasharray:125.66;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .5s ease}.turn-timer-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-tech);font-size:.82rem;font-weight:900;color:var(--glow-primary);transition:color .5s}.turn-timer--warning .turn-timer-fg{stroke:#f59e0b}.turn-timer--warning .turn-timer-value{color:#f59e0b}.turn-timer--critical .turn-timer-fg{stroke:#ef4444}.turn-timer--critical .turn-timer-value{color:#ef4444;animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.card--can-move{cursor:grab}.card--can-move .card__inner{border-color:#a855f7e6!important;animation:morphReady 1.4s ease-in-out infinite!important}@keyframes morphReady{0%,to{box-shadow:0 0 18px #a855f780,0 0 35px #0f83;border-color:#a855f7cc}50%{box-shadow:0 0 38px #a855f7,0 0 65px #0f86,inset 0 0 18px #a855f740;border-color:#00ff88f2}}.card--can-move:after{content:"⟳ TELEPORT";position:absolute;top:-22px;left:50%;transform:translate(-50%);font-family:var(--font-tech);font-size:.48rem;font-weight:700;letter-spacing:.1em;color:#c084fc;text-shadow:0 0 10px rgba(168,85,247,.9);white-space:nowrap;pointer-events:none;animation:breathe 1s ease-in-out infinite}@keyframes glitchOut{0%{opacity:1;filter:none;transform:scale(1)}15%{filter:hue-rotate(90deg) saturate(4);transform:translate(-5px) skew(-8deg);opacity:.9}30%{filter:hue-rotate(-90deg) saturate(4) brightness(2.5);transform:translate(5px) skew(8deg)}45%{filter:blur(3px) brightness(3);transform:scale(1.12) skew(-4deg);opacity:.6}60%{filter:hue-rotate(180deg) saturate(5);transform:translate(-8px);opacity:.4}80%{filter:blur(8px);transform:scale(.5);opacity:.2}to{opacity:0;filter:blur(12px);transform:scale(0)}}@keyframes glitchIn{0%{opacity:0;filter:blur(12px);transform:scale(0)}20%{filter:hue-rotate(-180deg) saturate(5) brightness(3);transform:scale(1.3) skew(8deg);opacity:.5}40%{filter:hue-rotate(90deg) saturate(3);transform:translate(-6px) skew(-5deg);opacity:.8}60%{filter:hue-rotate(-45deg) brightness(2);transform:translate(4px);opacity:.9}80%{filter:brightness(1.5);transform:scale(1.05)}to{opacity:1;filter:none;transform:scale(1)}}.card--teleport-out{animation:glitchOut .45s ease-in forwards!important;pointer-events:none}.card--teleport-in{animation:glitchIn .5s ease-out both!important}.btn-end-turn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;border-color:#ffffff0d}.btn-end-turn:disabled:hover{transform:none;background:linear-gradient(135deg,#00ff8814,#22d3ee08)}.card--too-expensive{opacity:.4;cursor:not-allowed!important;filter:saturate(.3)}.card--too-expensive:hover{transform:none!important;box-shadow:none!important}.lane--won{border-color:#00ff884d!important;box-shadow:inset 0 0 30px #00ff880f,0 0 20px #00ff880f!important}.lane--lost{border-color:#ef444433!important;box-shadow:inset 0 0 20px #ef44440a!important}.game-log{position:fixed;bottom:160px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.game-log-msg{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 16px;background:#000000b3;border:1px solid var(--border-subtle);border-radius:4px;white-space:nowrap;animation:fadeUp .4s ease both}.game-log-msg--ability{color:var(--glow-cyan);border-color:#22d3ee33}.game-log-msg--teamup{color:var(--glow-purple);border-color:#a855f733}.game-log-msg--damage{color:var(--glow-red);border-color:#ef444433}.game-log-msg--buff{color:var(--glow-primary);border-color:#0f83}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}#fx-overlay{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}@keyframes fxRingExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:.9}to{transform:translate(-50%,-50%) scale(3.5);opacity:0}}@keyframes fxSparkFly{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes fxWaveSweep{0%{transform:translate(-110%);opacity:0}15%{opacity:.9}to{transform:translate(110%);opacity:0}}@keyframes fxBoltFlash{0%,to{opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scaleY(1)}40%{opacity:.3}60%{opacity:.8}80%{opacity:0}}@keyframes fxPortalSpin{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.5) rotate(180deg);opacity:.7}to{transform:translate(-50%,-50%) scale(3) rotate(360deg);opacity:0}}@keyframes fxVoidExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}40%{opacity:.6}to{transform:translate(-50%,-50%) scale(5);opacity:0}}@keyframes fxScreenFlash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.fx-ring{position:fixed;width:120px;height:120px;border-radius:50%;border:3px solid #00ff88;pointer-events:none;animation:fxRingExpand .9s ease-out forwards;transform-origin:center}.fx-spark{position:fixed;width:8px;height:8px;border-radius:50%;background:#0f8;pointer-events:none;animation:fxSparkFly .7s ease-out forwards;--tx: 0px;--ty: -50px}.fx-wave{position:fixed;left:0;right:0;height:8px;pointer-events:none;animation:fxWaveSweep .85s ease-in-out forwards}.fx-bolt{position:fixed;width:4px;height:50px;border-radius:2px;pointer-events:none;animation:fxBoltFlash .5s ease-out forwards}.fx-portal{position:fixed;width:100px;height:100px;border-radius:50%;border:4px solid #a855f7;pointer-events:none;animation:fxPortalSpin 1s ease-out forwards}.fx-void-ring{position:fixed;width:80px;height:80px;border-radius:50%;border:3px solid #7c3aed;box-shadow:0 0 30px #7c3aed,inset 0 0 20px #7c3aed4d;pointer-events:none;animation:fxVoidExpand 1.5s ease-out forwards}.fx-screen-flash{position:fixed;inset:0;pointer-events:none;animation:fxScreenFlash .4s ease-out forwards}@keyframes comboBannerIn{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0;filter:blur(10px)}25%{transform:translate(-50%,-50%) scale(1.15) rotate(2deg);opacity:1;filter:blur(0)}45%{transform:translate(-50%,-50%) scale(.96) rotate(-1deg)}65%{transform:translate(-50%,-50%) scale(1.02) rotate(.5deg)}80%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.08);opacity:0;filter:blur(4px)}}@keyframes comboSubIn{0%{opacity:0;transform:translateY(10px)}30%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes comboLineSweep{0%{transform:scaleX(0);opacity:0}25%{transform:scaleX(1);opacity:1}75%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0;transform-origin:right}}@keyframes comboBgPulse{0%{opacity:0}20%{opacity:.85}80%{opacity:.7}to{opacity:0}}@keyframes comboShockwave{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:6px}to{transform:translate(-50%,-50%) scale(8);opacity:0;border-width:1px}}@keyframes comboConfettiFall{0%{transform:translate(-50%,-50%) translate(0) rotate(0);opacity:1}to{transform:translate(-50%,-50%) translate(var(--tx,0),var(--ty,120px)) rotate(var(--tr,540deg));opacity:0}}.combo-banner{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:500;pointer-events:none;text-align:center;opacity:0;padding:30px 60px;min-width:420px}.combo-banner--show{animation:comboBannerIn 2.2s cubic-bezier(.16,1,.3,1) forwards}.combo-banner__bg{position:absolute;inset:-20px -40px;border-radius:24px;background:radial-gradient(ellipse at center,rgba(0,0,0,.88) 0%,rgba(0,0,0,.65) 55%,transparent 100%);opacity:0;animation:comboBgPulse 2.2s ease-in-out forwards;filter:blur(2px)}.combo-banner__label{font-family:var(--font-tech);font-size:.78rem;letter-spacing:.42em;text-transform:uppercase;color:#ffffffbf;margin-bottom:10px;position:relative}.combo-banner__label:before,.combo-banner__label:after{content:"";display:inline-block;width:40px;height:1px;background:currentColor;vertical-align:middle;margin:0 14px;opacity:.6}.combo-banner__title{font-family:var(--font-display);font-size:3.2rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1;margin:2px 0 6px;position:relative}.combo-banner__sub{font-family:var(--font-body);font-size:1.05rem;font-weight:500;letter-spacing:.08em;color:#ffffffd9;margin-top:8px;animation:comboSubIn 2.2s ease-out .2s forwards;opacity:0}.combo-banner__line{height:2px;margin:10px auto 0;width:80%;transform-origin:left;transform:scaleX(0);animation:comboLineSweep 2.2s ease-in-out .1s forwards}.fx-shockwave{position:fixed;width:60px;height:60px;border-radius:50%;border:6px solid currentColor;pointer-events:none;animation:comboShockwave 1.1s cubic-bezier(.12,.9,.35,1) forwards}.fx-confetti{position:fixed;width:10px;height:14px;pointer-events:none;animation:comboConfettiFall 1.3s cubic-bezier(.25,.9,.3,1) forwards;border-radius:2px}.combo--sugar .combo-banner__title{color:#ffd93b;text-shadow:0 0 24px rgba(255,217,59,.85),0 0 48px rgba(255,100,200,.5),0 3px 0 #a5370e}.combo--sugar .combo-banner__label,.combo--sugar .combo-banner__line{color:#ffd93b;background:#ffd93b}.combo--sugar .combo-banner__label{background:none}.combo--clue .combo-banner__title{color:#a7f3d0;text-shadow:0 0 22px rgba(167,243,208,.9),0 0 44px rgba(34,211,238,.5),0 0 6px #ffffff}.combo--clue .combo-banner__label,.combo--clue .combo-banner__line{color:#a7f3d0;background:#a7f3d0}.combo--clue .combo-banner__label{background:none}.combo--brew .combo-banner__title{color:#e879f9;text-shadow:0 0 20px rgba(232,121,249,.9),0 0 40px rgba(139,92,246,.55),0 3px 0 #3b0764}.combo--brew .combo-banner__label,.combo--brew .combo-banner__line{color:#e879f9;background:#e879f9}.combo--brew .combo-banner__label{background:none}.combo--storm .combo-banner__title{color:#fde68a;text-shadow:0 0 24px rgba(253,230,138,.95),0 0 52px rgba(96,165,250,.7),0 3px 0 #1e3a8a}.combo--storm .combo-banner__label,.combo--storm .combo-banner__line{color:#fde68a;background:#fde68a}.combo--storm .combo-banner__label{background:none}.combo--sand .combo-banner__title{color:#fbbf24;text-shadow:0 0 22px rgba(251,191,36,.9),0 0 44px rgba(217,119,6,.6),0 3px 0 #78350f}.combo--sand .combo-banner__label,.combo--sand .combo-banner__line{color:#fbbf24;background:#fbbf24}.combo--sand .combo-banner__label{background:none}@keyframes comboCardGlow{0%,to{box-shadow:0 0 #fff0;filter:brightness(1)}20%{box-shadow:0 0 45px var(--combo-color,#ffd93b),0 0 80px var(--combo-color,#ffd93b);filter:brightness(1.5) saturate(1.3)}60%{box-shadow:0 0 30px var(--combo-color,#ffd93b);filter:brightness(1.2)}}.card--combo-glow{animation:comboCardGlow 1.6s ease-out forwards}@keyframes summerSunGlow{0%,to{box-shadow:0 0 60px #ffdc64d9,0 0 120px #ffb45099,0 0 200px #ff963c4d}50%{box-shadow:0 0 80px #ffe678f2,0 0 160px #ffc85ab3,0 0 240px #ffa04666}}@keyframes summerSeaWave{0%{transform:translate(-20%)}to{transform:translate(20%)}}@keyframes summerPalmSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes summerPalmSway2{0%,to{transform:rotate(2deg)}50%{transform:rotate(-4deg)}}@keyframes summerCloudDrift{0%{transform:translate(-20vw)}to{transform:translate(120vw)}}@keyframes summerBadgePulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,170,50,.6))}50%{transform:scale(1.06);filter:drop-shadow(0 0 20px rgba(255,200,80,.95))}}@keyframes summerSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes summerTitleShine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes summerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes summerSeagull{0%{transform:translate(-10vw) translateY(0)}50%{transform:translate(50vw) translateY(-10px)}to{transform:translate(110vw) translateY(0)}}.summer-section{position:relative;margin:40px 20px 30px;border-radius:24px;overflow:hidden;min-height:640px;background:linear-gradient(180deg,#87ceeb,#b0e0e6 25%,#87ceeb 45%,#4da6c4 46%,#2080a8 60%,#3b8fa8 75%,#e8c88a 76%,#f4d8a0);box-shadow:0 20px 60px #00000073,inset 0 0 0 2px #ffdc9666;isolation:isolate}.summer-section__sun{position:absolute;top:50px;right:80px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff9c4,#ffeb3b,#ffa726);animation:summerSunGlow 3s ease-in-out infinite;z-index:2}.summer-section__sun:before{content:"";position:absolute;inset:-15px;border-radius:50%;background:radial-gradient(circle,rgba(255,245,180,.5) 0%,transparent 70%);z-index:-1}.summer-section__cloud{position:absolute;top:40px;width:100px;height:30px;background:#ffffffd9;border-radius:30px;filter:blur(.3px);z-index:2;box-shadow:20px -8px 0 -2px #ffffffd9,40px 0 0 -4px #ffffffd9,-20px 4px 0 -6px #ffffffd9;animation:summerCloudDrift 50s linear infinite}.summer-section__cloud--2{top:110px;animation-duration:70s;animation-delay:-20s;transform:scale(.7)}.summer-section__cloud--3{top:30px;left:50%;animation-duration:60s;animation-delay:-40s;transform:scale(1.2)}.summer-section__seagull{position:absolute;top:90px;left:0;font-size:1.4rem;animation:summerSeagull 18s linear infinite;animation-delay:-5s;z-index:2;opacity:.7;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.summer-section__seagull--2{top:60px;animation-delay:-12s;animation-duration:22s;opacity:.5;font-size:1.1rem}.summer-section__sea{position:absolute;left:-30%;right:-30%;top:46%;height:30%;background:linear-gradient(180deg,#40b4dce6,#2080aaf2,#145a82);z-index:1}.summer-section__sea:before,.summer-section__sea:after{content:"";position:absolute;left:0;right:0;height:6px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 10%,rgba(255,255,255,.4) 25%,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%,rgba(255,255,255,.5) 80%,transparent 95%);animation:summerSeaWave 6s ease-in-out infinite alternate}.summer-section__sea:before{top:8px}.summer-section__sea:after{top:28px;animation-duration:8s;opacity:.6}.summer-wave-3{position:absolute;left:-30%;right:-30%;top:55%;height:4px;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.6) 20%,transparent 35%,rgba(255,255,255,.5) 60%,transparent 80%);animation:summerSeaWave 10s ease-in-out infinite alternate-reverse;z-index:1}.summer-section__sand{position:absolute;left:0;right:0;bottom:0;height:24%;background:radial-gradient(ellipse at 20% 0%,rgba(200,150,90,.5) 0%,transparent 50%),radial-gradient(ellipse at 80% 0%,rgba(220,170,110,.4) 0%,transparent 55%),linear-gradient(180deg,#e8c88a,#d4a76a,#b8895a);z-index:1}.summer-section__sand:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 30%,rgba(150,100,50,.3) 1px,transparent 2px),radial-gradient(circle at 40% 60%,rgba(150,100,50,.25) 1px,transparent 2px),radial-gradient(circle at 70% 40%,rgba(150,100,50,.3) 1px,transparent 2px),radial-gradient(circle at 25% 80%,rgba(150,100,50,.2) 1px,transparent 2px),radial-gradient(circle at 85% 70%,rgba(150,100,50,.3) 1px,transparent 2px);background-size:60px 60px,80px 80px,70px 70px,90px 90px,75px 75px;opacity:.8}.summer-palm{position:absolute;bottom:18%;z-index:3;transform-origin:bottom center;filter:drop-shadow(2px 6px 8px rgba(0,0,0,.35))}.summer-palm--left{left:30px;animation:summerPalmSway 4.5s ease-in-out infinite}.summer-palm--right{right:30px;animation:summerPalmSway2 5s ease-in-out infinite}.summer-palm--back{left:50%;transform:translate(-50%);bottom:20%;opacity:.65;filter:blur(.5px) drop-shadow(0 4px 4px rgba(0,0,0,.25))}.summer-palm__trunk{position:relative;width:14px;height:120px;background:linear-gradient(90deg,#5a3d1f,#8b5a2b,#5a3d1f);border-radius:6px;margin-left:40px;transform:rotate(-4deg);box-shadow:inset -3px 0 6px #00000059,inset 3px 0 6px #ffdc9626}.summer-palm__trunk:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 12px,rgba(0,0,0,.25) 12px,rgba(0,0,0,.25) 14px);border-radius:6px}.summer-palm__leaves{position:absolute;top:-20px;left:10px;font-size:4.5rem;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,40,20,.4))}.summer-palm--back .summer-palm__trunk{height:90px;width:10px}.summer-palm--back .summer-palm__leaves{font-size:3.2rem}.summer-palm__coconut{position:absolute;top:30px;left:38px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8b5a2b,#3d1f0a 80%);box-shadow:0 0 3px #0006}.summer-section__content{position:relative;z-index:5;padding:38px 34px 34px;text-align:center}.summer-badge{display:inline-block;padding:6px 18px;background:linear-gradient(135deg,#ff6b35,#ff9844,#ffc947);color:#fff;font-family:var(--font-tech);font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-radius:30px;box-shadow:0 4px 14px #ff6b358c,inset 0 1px #fff6;animation:summerBadgePulse 2.5s ease-in-out infinite;border:1px solid rgba(255,255,255,.3)}.summer-title{font-family:var(--font-display);font-size:3rem;font-weight:900;letter-spacing:.1em;margin:14px 0 4px;text-transform:uppercase;background:linear-gradient(90deg,#ff6b35,#ffa041,#ffc947,#fff59d,#ffc947,#f84,#e64a19 90%,#ff6b35);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 2px rgba(180,60,10,.4)) drop-shadow(0 0 20px rgba(255,200,80,.4));animation:summerTitleShine 3.5s linear infinite}.summer-subtitle{font-family:var(--font-body);font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,60,100,.5),0 0 14px rgba(255,255,255,.3);margin-bottom:24px;font-weight:600}.summer-skins-row{display:flex;justify-content:center;gap:20px;margin:28px auto 20px;max-width:620px;flex-wrap:wrap}.summer-skin-preview{position:relative;width:160px;height:220px;border-radius:14px;background:linear-gradient(160deg,#ffdcb4f2,#ffb48ceb);box-shadow:0 10px 30px #00000059,0 0 0 2px #fff0d280,inset 0 1px #ffffff80;overflow:hidden;animation:summerFloat 4s ease-in-out infinite;cursor:default;transition:transform .3s ease}.summer-skin-preview:nth-child(2){animation-delay:-1.3s}.summer-skin-preview:nth-child(3){animation-delay:-2.6s}.summer-skin-preview:hover{transform:translateY(-8px) scale(1.04)}.summer-skin-preview__bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,245,220,.6) 0%,transparent 60%),linear-gradient(180deg,#78c8e666,#f0c8a066 55%,#dca07880)}.summer-skin-preview__emoji{position:absolute;top:40px;left:50%;transform:translate(-50%);font-size:4.2rem;filter:drop-shadow(0 4px 8px rgba(100,50,20,.4));z-index:2}.summer-skin-preview__palm{position:absolute;bottom:60px;left:8px;font-size:1.4rem;opacity:.7;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.summer-skin-preview__sun{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#fff9c4,#ffc947 70%,#f84);box-shadow:0 0 12px #ffc850cc}.summer-skin-preview__sea{position:absolute;left:0;right:0;bottom:40px;height:20px;background:linear-gradient(180deg,#40b4dcb3,#2080aae6)}.summer-skin-preview__sea:before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.7) 30%,transparent 50%,rgba(255,255,255,.6) 70%,transparent 90%)}.summer-skin-preview__label{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:linear-gradient(180deg,#000000b3,#000000e6);color:#ffe0a8;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-shadow:0 0 8px rgba(255,200,80,.6)}.summer-skin-preview__tag{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#ff6b35,#ffb347);color:#fff;font-family:var(--font-tech);font-size:.55rem;font-weight:700;letter-spacing:.15em;padding:3px 8px;border-radius:10px;box-shadow:0 2px 6px #ff6b3580;z-index:3}.summer-skin-preview__sparkle{position:absolute;width:14px;height:14px;background:radial-gradient(circle,#fff 0%,#ffec80 50%,transparent 80%);border-radius:50%;animation:summerSparkle 2s ease-in-out infinite;pointer-events:none;z-index:3}.summer-skin-preview__sparkle--1{top:30%;right:15%;animation-delay:0s}.summer-skin-preview__sparkle--2{top:55%;left:18%;animation-delay:.6s}.summer-skin-preview__sparkle--3{top:20%;left:25%;animation-delay:1.2s}.summer-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;max-width:680px;margin:28px auto 20px}.summer-feature-chip{position:relative;padding:16px 12px 14px;border-radius:16px;background:linear-gradient(160deg,#fffae6f2,#ffdcb4e6);box-shadow:0 8px 22px #0000004d,inset 0 1px #fff9,0 0 0 1px #ffdc968c;text-align:center;animation:summerFloat 4s ease-in-out infinite;transition:transform .3s ease;overflow:hidden}.summer-feature-chip:nth-child(2){animation-delay:-1s}.summer-feature-chip:nth-child(3){animation-delay:-2s}.summer-feature-chip:nth-child(4){animation-delay:-3s}.summer-feature-chip:hover{transform:translateY(-6px) scale(1.04)}.summer-feature-chip:before{content:"";position:absolute;top:-30px;right:-30px;width:80px;height:80px;background:radial-gradient(circle,rgba(255,220,120,.4),transparent 70%);border-radius:50%}.summer-feature-chip__icon{font-size:2.4rem;filter:drop-shadow(0 3px 5px rgba(100,50,20,.35));margin-bottom:6px;position:relative}.summer-feature-chip__name{font-family:var(--font-display);font-weight:800;font-size:.95rem;color:#7a3a0f;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;position:relative}.summer-feature-chip__desc{font-size:.72rem;color:#8a5030;line-height:1.35;position:relative}.summer-feature-chip__lock{position:absolute;top:8px;left:8px;font-size:.9rem;opacity:.7}.summer-game-panel{margin:26px auto 4px;max-width:540px;padding:22px 24px;border-radius:18px;background:linear-gradient(160deg,#fffadcf2,#ffdcb4eb);box-shadow:0 14px 40px #0006,inset 0 1px #fff9,0 0 0 1px #ffdc9699;position:relative;overflow:hidden}.summer-game-panel:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(255,230,120,.45),transparent 70%);border-radius:50%}.summer-game-panel__title{font-family:var(--font-display);font-size:1.6rem;font-weight:900;letter-spacing:.08em;color:#b44a16;text-transform:uppercase;text-shadow:0 1px 0 #fff,0 2px 4px rgba(180,80,30,.25);margin-bottom:6px;position:relative}.summer-game-panel__desc{font-family:var(--font-body);font-size:.95rem;color:#5c3517;line-height:1.5;margin-bottom:14px;position:relative}.summer-tokens-display{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ffb45047,#ffdc7838);border:1px solid rgba(255,140,50,.4);border-radius:30px;font-family:var(--font-tech);font-weight:700;color:#8a3a0f;font-size:.85rem;letter-spacing:.1em;margin-bottom:16px;position:relative}.summer-tokens-display__icon{font-size:1.2rem;filter:drop-shadow(0 2px 3px rgba(255,120,30,.5))}.summer-tokens-display__amt{color:#d84a1a;font-size:1rem}.btn-summer-play{display:inline-block;padding:14px 32px;font-family:var(--font-tech);font-size:.95rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ff6b35,#ff9244 40%,#ffc947);border:2px solid rgba(255,255,255,.4);border-radius:30px;cursor:pointer;box-shadow:0 8px 20px #ff6b3580,inset 0 2px #ffffff73,inset 0 -2px #b43c144d;transition:all .25s ease;position:relative;text-shadow:0 1px 2px rgba(120,40,10,.4)}.btn-summer-play:before{content:"🏐";margin-right:10px;font-size:1.2rem;display:inline-block;animation:summerFloat 2s ease-in-out infinite}.btn-summer-play:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 28px #ff6b35a6,inset 0 2px #ffffff8c}.btn-summer-play:active{transform:translateY(-1px) scale(1.01)}@keyframes signSway{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}@keyframes signRopeSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes signShine{0%{transform:translate(-120%) skew(-20deg);opacity:0}30%{opacity:.9}60%{opacity:.9}to{transform:translate(260%) skew(-20deg);opacity:0}}@keyframes signItemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes signSandSparkle{0%,to{opacity:0;transform:scale(.4) translateY(0)}50%{opacity:1;transform:scale(1) translateY(-8px)}}@keyframes signSunBeam{0%{opacity:0;transform:translate(-60%,-60%) rotate(-25deg) scaleY(.4)}50%{opacity:.55}to{opacity:0;transform:translate(120%,40%) rotate(-25deg) scaleY(.4)}}@keyframes signFoil{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes signNameWave{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes signSeashell{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes signBeachBall{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes signWhaleSpout{0%{opacity:0;transform:translateY(0) scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-30px) scale(1.4)}}@keyframes signLifeRing{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}@keyframes signStampGlow{0%,to{box-shadow:0 0 18px #ffb43c80,inset 0 0 10px #ffffc859}50%{box-shadow:0 0 32px #ffdc64f2,inset 0 0 18px #fff0c8bf}}@keyframes signFoamRise{0%{transform:translateY(20px) scale(.5);opacity:0}40%{opacity:.85}to{transform:translateY(-40px) scale(1.3);opacity:0}}.summer-shop-section{position:relative;width:100%;min-height:740px;margin-top:40px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#ffe9b0,#ffd187 18%,#9ad7f7,#4ea9de 62%,#f8e3a3 74%,#e6b770);box-shadow:0 18px 50px #00000059,inset 0 0 0 2px #ffffff26;border:2px solid rgba(255,200,120,.35);isolation:isolate}.summer-shop-section:before{content:"";position:absolute;top:-80px;left:50%;width:320px;height:320px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,240,150,.95) 0%,rgba(255,200,90,.55) 40%,transparent 70%);filter:blur(4px);animation:summerSunGlow 4s ease-in-out infinite;z-index:0;pointer-events:none}.summer-shop-section:after{content:"";position:absolute;top:0;left:0;width:60%;height:140%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,220,.35) 45%,rgba(255,255,220,.35) 55%,transparent 100%);animation:signSunBeam 9s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none;z-index:2}.sss-sea{position:absolute;left:0;right:0;top:40%;height:26%;background:linear-gradient(180deg,#6ec1ef,#2a7fbd 60%,#1c5689);z-index:1}.sss-sea:before,.sss-sea:after{content:"";position:absolute;left:-10%;width:120%;height:14px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:summerSeaWave 7s linear infinite}.sss-sea:before{top:4px}.sss-sea:after{top:26px;opacity:.5;animation-duration:9s}.sss-sand{position:absolute;left:0;right:0;bottom:0;height:34%;background:radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(180deg,#f7d78a,#e1a85c 60%,#b67c3a);z-index:1}.sss-sand:before{content:"";position:absolute;left:0;right:0;top:-8px;height:14px;background:radial-gradient(ellipse at center top,rgba(255,255,255,.8),transparent 70%);filter:blur(2px)}.sss-palm{position:absolute;z-index:3;pointer-events:none}.sss-palm--l{left:2%;bottom:4%;transform-origin:bottom center;animation:summerPalmSway 4.5s ease-in-out infinite}.sss-palm--r{right:2%;bottom:4%;transform-origin:bottom center;animation:summerPalmSway2 5s ease-in-out infinite}.sss-palm__trunk{width:14px;height:150px;margin:0 auto;background:linear-gradient(180deg,#6b3e1f,#4b2a12);border-radius:6px;box-shadow:inset -2px 0 #0000004d}.sss-palm__leaves{font-size:4.6rem;margin-top:-34px;text-align:center;filter:drop-shadow(0 6px 6px rgba(0,0,0,.3))}.sss-cloud{position:absolute;z-index:2;pointer-events:none;width:120px;height:34px;border-radius:30px;background:radial-gradient(ellipse,rgba(255,255,255,.95),rgba(255,255,255,.6) 60%,transparent 75%);filter:blur(.5px);animation:summerCloudDrift 60s linear infinite}.sss-cloud--1{top:8%;left:-10%;animation-duration:80s}.sss-cloud--2{top:18%;left:-10%;animation-duration:110s;transform:scale(.8);animation-delay:-30s}.sss-gull{position:absolute;z-index:3;font-size:1rem;color:#555;animation:summerSeagull 26s linear infinite;top:12%;opacity:.7}.sss-gull--2{top:20%;animation-delay:-14s;animation-duration:30s;opacity:.5}.sss-signwrap{position:relative;z-index:5;max-width:820px;margin:60px auto 0;padding:0 20px;text-align:center}.sss-rope{position:relative;height:68px;display:flex;justify-content:space-between;padding:0 80px;transform-origin:top center;animation:signRopeSway 5s ease-in-out infinite}.sss-rope__strand{width:6px;height:100%;background:repeating-linear-gradient(135deg,#b17a3e 0 4px,#7a4f22 4px 8px);border-radius:3px;box-shadow:0 0 2px #0006}.sss-sign{position:relative;border-radius:14px;padding:26px 28px 30px;transform-origin:top center;animation:signSway 6s ease-in-out infinite;background:repeating-linear-gradient(90deg,rgba(80,45,15,.12) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(110,70,30,.25) 0 1px,transparent 1px 14px),linear-gradient(180deg,#9c6731,#7f4f22 48%,#6b3e1a);background-blend-mode:multiply,normal,normal;border:6px solid #4c2a0f;box-shadow:0 14px 32px #00000073,inset 0 0 0 2px #ffd2961f,inset 0 -18px 40px #00000059,inset 0 18px 30px #ffdcaa2e;overflow:hidden}.sss-sign:before{content:"";position:absolute;top:18%;left:12%;width:26px;height:20px;border-radius:50%;background:radial-gradient(ellipse,#3b200a 0%,#6b4220 50%,transparent 75%);opacity:.75}.sss-sign:after{content:"";position:absolute;top:62%;right:14%;width:22px;height:16px;border-radius:50%;background:radial-gradient(ellipse,#3b200a 0%,#6b4220 55%,transparent 78%);opacity:.7}.sss-sign__shine{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,240,200,.55),transparent);animation:signShine 6s ease-in-out infinite;animation-delay:1s;pointer-events:none;mix-blend-mode:screen}.sss-nail{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#efe0b8,#8a7a4a 45%,#3d2f16);box-shadow:0 2px 3px #00000080,inset 0 -2px 2px #0006;z-index:2}.sss-nail--tl{top:10px;left:12px}.sss-nail--tr{top:10px;right:12px}.sss-nail--bl{bottom:10px;left:12px}.sss-nail--br{bottom:10px;right:12px}.sss-sign__header{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px}.sss-sign__badge{display:inline-block;padding:5px 14px;font-family:MedievalSharp,Rajdhani,serif;font-size:.85rem;letter-spacing:2px;color:#fff6df;background:linear-gradient(135deg,#e03d3d,#ff7a3d,#ffc34d);border-radius:16px;border:2px solid #fff3c4;box-shadow:0 4px 12px #0006,inset 0 1px #fff6;text-transform:uppercase;animation:summerBadgePulse 2.2s ease-in-out infinite}.sss-sign__title{font-family:MedievalSharp,Rajdhani,serif;font-size:2.3rem;font-weight:700;letter-spacing:2px;margin:4px 0 0;background:linear-gradient(90deg,#fff5d1,#ffd98a,#ff9f4d,#ffd98a,#fff5d1);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 10px rgba(0,0,0,.4);animation:signFoil 8s linear infinite;filter:drop-shadow(0 2px 4px rgba(50,20,0,.6))}.sss-sign__sub{font-family:Rajdhani,sans-serif;font-size:.95rem;color:#f5e2b3;letter-spacing:3px;text-transform:uppercase;opacity:.9}.sss-items{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media(max-width:900px){.sss-items{grid-template-columns:repeat(2,1fr)}}.sss-item{position:relative;background:linear-gradient(180deg,#fff5d7f2,#ffdcaae6);border:2px solid #5a3516;border-radius:12px;padding:10px 8px 12px;overflow:hidden;box-shadow:0 6px 14px #00000059,inset 0 1px #fff9,inset 0 -4px 8px #78461e40;animation:signItemFloat 3.6s ease-in-out infinite;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s;cursor:help}.sss-item:nth-child(2){animation-delay:-.7s}.sss-item:nth-child(3){animation-delay:-1.4s}.sss-item:nth-child(4){animation-delay:-2.1s}.sss-item:nth-child(5){animation-delay:-2.8s}.sss-item:hover{transform:translateY(-10px) scale(1.06) rotate(-1deg);box-shadow:0 16px 32px #00000080,0 0 24px #ffc8648c,inset 0 1px #fffc;z-index:4}.sss-item:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);background-size:300% 300%;animation:signFoil 5s linear infinite;mix-blend-mode:overlay;pointer-events:none}.sss-item__preview{position:relative;height:130px;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px;border:2px solid rgba(92,52,22,.5);box-shadow:inset 0 0 0 1px #fff6,inset 0 -8px 20px #00000040}.sss-item__name{font-family:MedievalSharp,Rajdhani,serif;font-size:.92rem;font-weight:700;color:#3a1f08;text-shadow:0 1px 0 rgba(255,255,255,.45);margin:0 0 3px;line-height:1.15}.sss-item__desc{font-family:Rajdhani,sans-serif;font-size:.72rem;color:#5a3516;line-height:1.25;min-height:32px}.sss-item__stamp{position:absolute;top:6px;right:6px;font-family:MedievalSharp,Rajdhani,serif;font-size:.62rem;letter-spacing:1.5px;padding:3px 7px;border-radius:10px;background:linear-gradient(135deg,#ffb347,#ff7a3d);color:#fff;text-transform:uppercase;border:1.5px solid #fff3c4;animation:signStampGlow 2.4s ease-in-out infinite;z-index:3;font-weight:700}.sss-item__stamp--new{background:linear-gradient(135deg,#26d0ce,#2c7fe0)}.sss-item__stamp--vip{background:linear-gradient(135deg,gold,#ff8c00)}.sss-prev--skins{background:radial-gradient(circle at 30% 30%,rgba(255,200,120,.7),transparent 60%),linear-gradient(180deg,#ffd28a,#ff8a4a 60%,#ff4e7e)}.sss-prev--skins .sss-prev__icon{font-size:3.4rem;filter:drop-shadow(0 4px 6px rgba(120,30,40,.5));animation:summerFloat 2.4s ease-in-out infinite}.sss-prev--skins:after{content:"👙 🩱 🏖️";position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.9rem;letter-spacing:4px;opacity:.85}.sss-prev--taka{background:radial-gradient(circle at 50% 30%,rgba(255,255,220,.7),transparent 60%),linear-gradient(180deg,#ffe8b0,#f7b06e 55%,#2a7fbd)}.sss-prev--taka .sss-prev__char{position:relative;font-size:3rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));animation:summerFloat 2s ease-in-out infinite}.sss-prev--taka .sss-prev__ring{position:absolute;bottom:8px;right:8px;width:40px;height:40px;border-radius:50%;border:6px solid #e94c4c;background:repeating-conic-gradient(#e94c4c 0 25%,#fff 25% 50%);transform-origin:center;animation:signLifeRing 3s ease-in-out infinite;box-shadow:0 3px 6px #0000004d}.sss-prev--taka .sss-prev__whistle{position:absolute;top:8px;left:8px;font-size:1.2rem;animation:summerFloat 1.5s ease-in-out infinite}.sss-prev--mist{background:radial-gradient(ellipse at 50% 100%,rgba(150,200,240,.7),transparent 70%),linear-gradient(180deg,#cfe9f6,#7ba9c8 40%,#2f5a7a 75%,#1a3a55)}.sss-prev--mist .sss-prev__whale{font-size:2.8rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));animation:summerFloat 3s ease-in-out infinite;position:relative}.sss-prev--mist .sss-prev__spout{position:absolute;top:10px;left:50%;width:18px;height:26px;background:radial-gradient(ellipse,rgba(255,255,255,.9),rgba(200,230,255,.3) 70%,transparent);border-radius:50%;transform:translate(-50%);animation:signWhaleSpout 2.5s ease-out infinite}.sss-prev--mist:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,rgba(255,255,255,.35),transparent 40%),radial-gradient(ellipse at 70% 70%,rgba(255,255,255,.25),transparent 40%);animation:summerFloat 4s ease-in-out infinite;pointer-events:none}.sss-prev--name{background:linear-gradient(180deg,#fff5d1,#ffd98a,#ff9f4d 70%,#e04e6b)}.sss-prev__nameplate{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;z-index:2}.sss-prev__nameplate__lvl{font-family:Rajdhani,sans-serif;font-size:.62rem;letter-spacing:2px;color:#8a3210;text-transform:uppercase}.sss-prev__nameplate__text{font-family:MedievalSharp,Rajdhani,serif;font-size:1.5rem;font-weight:900;background:linear-gradient(90deg,#fff5d1,#ffd98a,#ff9f4d,#e04e6b,#fff5d1);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 2px rgba(80,20,10,.5));animation:signFoil 4s linear infinite,signNameWave 2.8s ease-in-out infinite;letter-spacing:1.2px}.sss-prev__nameplate__sub{font-family:Rajdhani,sans-serif;font-size:.55rem;letter-spacing:2.5px;color:#6f1f0a;text-transform:uppercase}.sss-prev--name:after{content:"✨";position:absolute;font-size:.9rem;top:10%;right:12%;animation:summerSparkle 1.8s ease-in-out infinite}.sss-prev--name:before{content:"✨";position:absolute;font-size:.75rem;bottom:12%;left:14%;animation:summerSparkle 1.8s ease-in-out infinite;animation-delay:.6s;z-index:1}.sss-prev--pack{background:radial-gradient(circle at 50% 40%,rgba(255,230,120,.7),transparent 55%),linear-gradient(180deg,#3fbbe0,#ff8a4a,#ffd98a)}.sss-prev--pack .sss-prev__pack{position:relative;width:74px;height:100px;border-radius:8px;background:linear-gradient(160deg,#ff6b3d,#e04e6b 45%,#7a2f9b);border:2px solid #fff3c4;box-shadow:0 6px 14px #00000080,inset 0 0 18px #ffdc6473;display:flex;align-items:center;justify-content:center;animation:signItemFloat 2.2s ease-in-out infinite;overflow:hidden}.sss-prev--pack .sss-prev__pack:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);background-size:250% 250%;animation:signFoil 3s linear infinite;mix-blend-mode:overlay}.sss-prev--pack .sss-prev__pack__icon{font-size:2.4rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));z-index:2}.sss-prev--pack .sss-prev__pack__ribbon{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:100%;height:16px;background:linear-gradient(90deg,gold,#fff,gold);z-index:3}.sss-sign__footer{position:relative;z-index:3;margin-top:16px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-family:Rajdhani,sans-serif;color:#f5e2b3}.sss-token-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:linear-gradient(135deg,#ffdc8226,#ffa0461f);border:1.5px solid rgba(255,220,150,.4);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.85rem}.sss-token-chip b{color:#ffd98a}.sss-prop{position:absolute;z-index:4;pointer-events:none}.sss-prop--castle{left:10%;bottom:2%;font-size:3.2rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));animation:summerFloat 4s ease-in-out infinite}.sss-prop--ball{right:11%;bottom:4%;font-size:2.4rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));animation:signBeachBall 4.5s ease-in-out infinite}.sss-prop--shell1{left:28%;bottom:3%;font-size:1.4rem;transform-origin:center bottom;animation:signSeashell 3s ease-in-out infinite}.sss-prop--shell2{right:26%;bottom:4%;font-size:1.2rem;transform-origin:center bottom;animation:signSeashell 3.4s ease-in-out infinite;animation-delay:-1.2s}.sss-prop--star{right:42%;bottom:2%;font-size:1.3rem;animation:summerSparkle 2.2s ease-in-out infinite}.sss-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#ffe8a0 45%,transparent 70%);animation:signSandSparkle 2.4s ease-in-out infinite;z-index:3;pointer-events:none}.sss-foam{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#ffffffe6,#fff0 70%);animation:signFoamRise 4s ease-out infinite;z-index:2;pointer-events:none}@keyframes bvOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes bvSunPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(255,220,80,.8))}50%{transform:scale(1.05);filter:drop-shadow(0 0 50px rgba(255,230,100,1))}}@keyframes bvBallSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bvScorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.4);color:#ffd800;text-shadow:0 0 20px #ffd800}}@keyframes bvBounceSquash{0%{transform:scale(1)}30%{transform:scale(1.3,.7)}60%{transform:scale(.85,1.15)}to{transform:scale(1)}}@keyframes bvPointFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes bvTrail{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@keyframes bvVictoryTitle{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-15deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(3deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.bv-overlay{position:fixed;inset:0;z-index:1000;display:none;animation:bvOverlayIn .4s ease-out both;font-family:var(--font-body)}.bv-overlay--open{display:block}.bv-scene{position:absolute;inset:0;background:linear-gradient(180deg,#5fc0e8,#8bd4ec 20%,#b0e0f0 40% 55%,#4da6c4 56%,#2080a8 68%,#3b8fa8 76%,#e8c88a 77%,#d4a76a);overflow:hidden}.bv-scene__sun{position:absolute;top:50px;right:80px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#fff9c4,#ffeb3b,#ff9300);box-shadow:0 0 60px #ffdc50d9,0 0 120px #ffb43c80;animation:bvSunPulse 3s ease-in-out infinite}.bv-scene__cloud{position:absolute;width:120px;height:34px;background:#ffffffe6;border-radius:30px;box-shadow:22px -10px 0 -2px #ffffffe6,44px 0 0 -5px #ffffffe6,-18px 6px 0 -6px #ffffffe6;animation:summerCloudDrift 60s linear infinite}.bv-scene__cloud--1{top:80px;animation-delay:-10s}.bv-scene__cloud--2{top:140px;transform:scale(.7);animation-duration:80s;animation-delay:-40s}.bv-scene__cloud--3{top:50px;animation-duration:70s;animation-delay:-30s;transform:scale(1.1)}.bv-scene__sea{position:absolute;left:0;right:0;top:55%;height:22%;background:linear-gradient(180deg,#40b4dcf2,#2080aa,#105078)}.bv-scene__sea:before,.bv-scene__sea:after{content:"";position:absolute;left:-10%;right:-10%;height:6px;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.85) 20%,transparent 35%,rgba(255,255,255,.6) 55%,transparent 75%,rgba(255,255,255,.7) 90%,transparent);animation:summerSeaWave 7s ease-in-out infinite alternate}.bv-scene__sea:before{top:10px}.bv-scene__sea:after{top:38px;animation-duration:10s;opacity:.5}.bv-scene__sand{position:absolute;left:0;right:0;bottom:0;height:23%;background:radial-gradient(ellipse at 30% 0%,rgba(210,160,100,.5) 0%,transparent 50%),linear-gradient(180deg,#e8c88a,#c99a63 55%,#a87a4a)}.bv-scene__sand:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(130,85,40,.35) 1px,transparent 2px),radial-gradient(circle at 45% 70%,rgba(130,85,40,.3) 1px,transparent 2px),radial-gradient(circle at 75% 30%,rgba(130,85,40,.35) 1px,transparent 2px),radial-gradient(circle at 25% 90%,rgba(130,85,40,.25) 1px,transparent 2px),radial-gradient(circle at 80% 85%,rgba(130,85,40,.3) 1px,transparent 2px);background-size:50px 50px,80px 80px,60px 60px,90px 90px,70px 70px}.bv-scene__palm{position:absolute;bottom:16%;z-index:2;transform-origin:bottom center;filter:drop-shadow(3px 8px 10px rgba(0,0,0,.4))}.bv-scene__palm--l{left:40px;animation:summerPalmSway 4.5s ease-in-out infinite}.bv-scene__palm--r{right:40px;animation:summerPalmSway2 5s ease-in-out infinite}.bv-scene__palm--back-l{left:12%;bottom:18%;opacity:.65;transform:scale(.75);filter:blur(.6px) drop-shadow(0 4px 4px rgba(0,0,0,.3))}.bv-scene__palm--back-r{right:14%;bottom:19%;opacity:.7;transform:scale(.8);filter:blur(.6px) drop-shadow(0 4px 4px rgba(0,0,0,.3))}.bv-scene__palm__trunk{position:relative;width:16px;height:140px;background:linear-gradient(90deg,#5a3d1f,#8b5a2b,#5a3d1f);border-radius:7px;margin-left:42px;transform:rotate(-5deg);box-shadow:inset -4px 0 7px #0006,inset 3px 0 6px #ffdc962e}.bv-scene__palm__trunk:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 14px,rgba(0,0,0,.3) 14px,rgba(0,0,0,.3) 16px);border-radius:7px}.bv-scene__palm__leaves{position:absolute;top:-25px;left:8px;font-size:5.5rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,40,20,.45))}@keyframes bvDust{0%{opacity:.8;transform:scale(.3) translateY(0)}to{opacity:0;transform:scale(1.6) translateY(-10px)}}@keyframes bvImpactRing{0%{opacity:.9;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}@keyframes bvImpactStar{0%{opacity:1;transform:translate(-50%,-50%) scale(.4) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(180deg)}}@keyframes bvAbilityFlash{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}60%{opacity:.7;transform:translate(-50%,-50%) scale(1.6)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes bvAbilityBeam{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.2)}40%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) scaleX(1.1)}}@keyframes bvScreenShake{0%,to{transform:translate(-50%,-50%) translate(0)}20%{transform:translate(-50%,-50%) translate(-6px,3px)}40%{transform:translate(-50%,-50%) translate(5px,-4px)}60%{transform:translate(-50%,-50%) translate(-4px,-3px)}80%{transform:translate(-50%,-50%) translate(3px,4px)}}@keyframes bvCharJumpIn{0%{transform:translateY(-60px) scale(.6);opacity:0}60%{transform:translateY(5px) scale(1.12);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes bvTimeAura{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}@keyframes bvSpeedLines{0%{opacity:0;transform:translate(0)}30%{opacity:.9}to{opacity:0;transform:translate(300px)}}@keyframes bvServeCountdown{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@keyframes bvPulseGlow{0%,to{box-shadow:0 0 18px #7c3aed8c,0 8px 20px #7c3aed8c,inset 0 2px #ffffff59}50%{box-shadow:0 0 34px #a855f7f2,0 0 50px #a855f780,inset 0 2px #fff6}}.bv-dust{position:absolute;width:40px;height:16px;border-radius:50%;background:radial-gradient(ellipse,#d2aa6ee6,#d2aa6e00 70%);pointer-events:none;animation:bvDust .55s ease-out forwards;z-index:5}.bv-impact-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,235,120,.9);box-shadow:0 0 18px #ffd250cc;pointer-events:none;animation:bvImpactRing .5s ease-out forwards;z-index:7}.bv-impact-star{position:absolute;font-size:2rem;pointer-events:none;animation:bvImpactStar .5s ease-out forwards;z-index:8;filter:drop-shadow(0 0 6px #ffec80)}.bv-ability-flash{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,230,120,.7) 30%,rgba(168,85,247,.35) 60%,transparent 80%);pointer-events:none;animation:bvAbilityFlash .7s ease-out forwards;z-index:9;mix-blend-mode:screen}.bv-ability-beam{position:absolute;width:600px;height:40px;background:linear-gradient(90deg,transparent 0%,rgba(255,230,120,.9) 30%,rgba(255,120,80,1) 50%,rgba(255,230,120,.9) 70%,transparent 100%);border-radius:50%;pointer-events:none;animation:bvAbilityBeam .55s ease-out forwards;z-index:8;filter:blur(2px);transform-origin:center}.bv-time-aura{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,rgba(100,200,255,.2) 60%,rgba(60,140,220,.4) 100%);pointer-events:none;animation:bvTimeAura 1.5s ease-in-out infinite;z-index:3}.bv-speed-line{position:absolute;height:4px;width:140px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);pointer-events:none;animation:bvSpeedLines .4s ease-out forwards;z-index:6}.bv-serve-countdown{position:absolute;left:50%;top:50%;font-family:var(--font-display);font-size:5rem;font-weight:900;color:#fff;text-shadow:0 0 30px #ffd800,0 4px 10px rgba(0,0,0,.5);pointer-events:none;animation:bvServeCountdown .7s ease-out forwards;z-index:15}.bv-player--entering .bv-player__avatar,.bv-ai--entering .bv-ai__avatar{animation:bvCharJumpIn .5s cubic-bezier(.2,1.4,.4,1) both}.bv-ability-btn--active{animation:bvPulseGlow 1.2s ease-in-out infinite}.bv-ability-btn[data-char=balbox]{background:linear-gradient(135deg,#f87171,#ef4444)}.bv-ability-btn[data-char=hashosh]{background:linear-gradient(135deg,#60a5fa,#2563eb)}.bv-ability-btn[data-char=sushi]{background:linear-gradient(135deg,#fb923c,#ea580c)}.bv-ability-btn[data-char=milly]{background:linear-gradient(135deg,#a5f3fc,#06b6d4);color:#064152}.bv-ability-btn[data-char=roix]{background:linear-gradient(135deg,#a78bfa,#6d28d9)}.bv-ability-btn[data-char=mira]{background:linear-gradient(135deg,#fbbf24,#d97706)}.bv-court{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1100px,95vw);height:min(560px,72vh);z-index:5}.bv-court-inner{position:relative;width:100%;height:100%}.bv-net{position:absolute;left:50%;bottom:10%;transform:translate(-50%);width:10px;height:55%;background:linear-gradient(180deg,#fff,#ddd);box-shadow:0 0 10px #fff6,0 2px 4px #0000004d;z-index:4}.bv-net:before{content:"";position:absolute;left:-30px;right:-30px;top:-8px;height:8px;background:linear-gradient(180deg,#fff,#ccc);border-radius:3px;box-shadow:0 2px 5px #0000004d}.bv-net:after{content:"";position:absolute;inset:8px 0 0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 6px,rgba(255,255,255,.7) 6px,rgba(255,255,255,.7) 7px),repeating-linear-gradient(0deg,transparent 0,transparent 6px,rgba(255,255,255,.7) 6px,rgba(255,255,255,.7) 7px);opacity:.6;pointer-events:none}.bv-player,.bv-ai{position:absolute;width:90px;height:128px;bottom:10%;display:flex;align-items:flex-end;justify-content:center;cursor:default;z-index:6;transition:transform .08s ease-out}.bv-player__avatar,.bv-ai__avatar{width:90px;height:128px;transform-origin:bottom center;object-fit:cover;border-radius:14px;background:linear-gradient(160deg,#ffdcb4e6,#ffaa78d9);box-shadow:0 6px 14px #0006,0 0 0 2px #ffffff8c,inset 0 1px #ffffff80;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.4))}.bv-ai__avatar{transform:scaleX(-1)}.bv-side-net{position:absolute;top:30%;width:14px;height:65%;background:linear-gradient(180deg,#f0f0f0e6,#c8c8c8d9);box-shadow:0 0 8px #fff6,0 2px 6px #0000004d;z-index:4;border-radius:4px}.bv-side-net:before{content:"";position:absolute;left:-8px;right:-8px;top:-6px;height:6px;background:linear-gradient(180deg,#fff,#bbb);border-radius:3px;box-shadow:0 2px 4px #00000040}.bv-side-net:after{content:"";position:absolute;inset:6px 0 0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 4px,rgba(255,255,255,.7) 4px,rgba(255,255,255,.7) 5px),repeating-linear-gradient(0deg,transparent 0,transparent 5px,rgba(255,255,255,.6) 5px,rgba(255,255,255,.6) 6px);opacity:.55}.bv-side-net--l{left:0}.bv-side-net--r{right:0}@keyframes bvLandingPulse{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.15);opacity:1}}.bv-landing-marker{position:absolute;width:60px;height:22px;border-radius:50%;background:radial-gradient(ellipse,#ff6464cc,#ff646400 70%);border:2px dashed rgba(255,255,255,.9);z-index:2;pointer-events:none;transform:translate(-50%);animation:bvLandingPulse .5s ease-in-out infinite}.bv-court-inner{transition:transform .55s cubic-bezier(.4,0,.2,1);transform-origin:center center}.bv-court-inner--zoom-rally{transform:scale(1.06)}.bv-court-inner--zoom-ability{transform:scale(1.12)}.bv-court-inner--zoom-score{transform:scale(1.15)}.bv-player__shadow,.bv-ai__shadow{position:absolute;bottom:-8px;width:60px;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.35) 0%,transparent 70%);z-index:-1}.bv-player--swing .bv-player__avatar,.bv-ai--swing .bv-ai__avatar{animation:bvBounceSquash .35s ease-out}.bv-ball{position:absolute;width:42px;height:42px;z-index:7;pointer-events:none}.bv-ball__inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#f5f5f5,#eee 40%,#aaa 95%);box-shadow:inset -6px -6px 10px #00000040,inset 4px 4px 8px #fff9,0 6px 14px #00000059;animation:bvBallSpin 1.2s linear infinite;position:relative}.bv-ball__inner:before,.bv-ball__inner:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(80,80,100,.65);pointer-events:none}.bv-ball__inner:before{clip-path:polygon(0 40%,50% 50%,100% 60%,100% 100%,0 100%);border-top:none;border-left:none;border-right:none;border-bottom:2px solid rgba(80,80,100,.65);transform:scaleY(.7)}.bv-ball__inner:after{clip-path:polygon(40% 0,60% 0,50% 100%);background:#5050648c;border:none;width:4px;left:50%;transform:translate(-50%)}.bv-ball__shadow{position:absolute;width:36px;height:8px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.45) 0%,transparent 70%);pointer-events:none}.bv-ball--hit .bv-ball__inner{animation:bvBallSpin .4s linear infinite,bvBounceSquash .25s ease-out}.bv-ball-trail{position:absolute;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 70%);pointer-events:none;animation:bvTrail .5s ease-out forwards;z-index:6}.bv-scoreboard{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:10px 24px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;border:1px solid rgba(255,255,255,.2);z-index:10;box-shadow:0 8px 22px #0006}.bv-score-side{display:flex;flex-direction:column;align-items:center;min-width:70px}.bv-score-side__label{font-family:var(--font-tech);font-size:.6rem;letter-spacing:.22em;color:#ffffffb3;text-transform:uppercase}.bv-score-side__value{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 14px rgba(255,220,120,.6);transition:all .3s ease}.bv-score-side__value--pulse{animation:bvScorePulse .6s ease-out}.bv-scoreboard__dash{font-family:var(--font-display);font-size:1.6rem;color:#ffffff80}.bv-scoreboard__first{position:absolute;top:-26px;left:50%;transform:translate(-50%);font-family:var(--font-tech);font-size:.7rem;letter-spacing:.18em;color:#fff;text-shadow:0 0 10px rgba(255,220,120,.7);white-space:nowrap}.bv-ability-btn{position:absolute;bottom:22px;left:40px;padding:14px 22px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:2px solid rgba(255,255,255,.4);border-radius:16px;color:#fff;font-family:var(--font-tech);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #7c3aed8c,inset 0 2px #ffffff59;z-index:10;transition:all .2s ease;display:flex;align-items:center;gap:10px}.bv-ability-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #7c3aedb3}.bv-ability-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.6)}.bv-ability-btn__icon{font-size:1.2rem}.bv-ability-btn__label{line-height:1.1}.bv-ability-btn__name{font-size:.85rem;display:block}.bv-ability-btn__cooldown{font-size:.65rem;opacity:.75;display:block}.bv-hint{position:absolute;bottom:26px;right:40px;padding:10px 18px;background:#0000008c;border-radius:12px;color:#ffffffd9;font-size:.78rem;letter-spacing:.08em;z-index:10;border:1px solid rgba(255,255,255,.15);max-width:240px;text-align:center;line-height:1.4}.bv-hint kbd{display:inline-block;padding:1px 8px;background:#ffffff2e;border-radius:4px;font-family:var(--font-tech);font-size:.7rem;margin:0 2px;border:1px solid rgba(255,255,255,.2)}.bv-close{position:absolute;top:18px;left:22px;width:44px;height:44px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.4rem;cursor:pointer;z-index:11;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bv-close:hover{background:#ef4444b3}.bv-point-flash{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:4rem;font-weight:900;letter-spacing:.1em;color:#fff;text-shadow:0 0 30px currentColor,0 4px 0 rgba(0,0,0,.3);z-index:15;pointer-events:none;animation:bvPointFlash 1.3s ease-out forwards}.bv-point-flash--player{color:#4ade80}.bv-point-flash--ai{color:#ef4444}.bv-char-select{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(840px,92vw);max-height:82vh;padding:28px 32px;background:linear-gradient(170deg,#fff8dcf7,#ffdcb4f5);border-radius:24px;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff8c,0 0 0 2px #ffdc9680;z-index:12;overflow-y:auto}.bv-char-select__title{font-family:var(--font-display);font-size:2rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#b44a16;text-shadow:0 2px 4px rgba(180,80,30,.2);text-align:center;margin-bottom:4px}.bv-char-select__sub{text-align:center;font-family:var(--font-body);color:#6a3a18;margin-bottom:20px;font-size:.95rem}.bv-char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:14px}.bv-char-card{padding:14px 12px 12px;border-radius:14px;background:linear-gradient(160deg,#fff7e0,#ffd9a8);border:2px solid rgba(255,160,80,.35);cursor:pointer;text-align:center;transition:all .25s ease;box-shadow:0 4px 12px #00000026;position:relative}.bv-char-card:hover{transform:translateY(-4px);border-color:#ff7828cc;box-shadow:0 12px 30px #ff782866}.bv-char-card__emoji{font-size:2.8rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));line-height:1;margin-bottom:6px}.bv-char-card__img{width:100%;max-width:120px;aspect-ratio:3/4;object-fit:cover;border-radius:10px;margin:0 auto 8px;display:block;box-shadow:0 4px 10px #0000004d,0 0 0 2px #ffdc9680}.bv-char-card__name{font-family:var(--font-display);font-weight:700;font-size:1rem;color:#6a3a18;letter-spacing:.05em;margin-bottom:4px}.bv-char-card__ability{font-family:var(--font-tech);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#b44a16;font-weight:700;margin-bottom:4px}.bv-char-card__desc{font-size:.75rem;color:#805032;line-height:1.35;min-height:2.3em}.bv-char-select__cancel{display:block;margin:6px auto 0;padding:8px 20px;background:transparent;border:1px solid rgba(180,80,30,.4);border-radius:10px;color:#8a3a0f;font-family:var(--font-tech);font-size:.75rem;letter-spacing:.1em;cursor:pointer}.bv-char-select__cancel:hover{background:#b4501e1a}.bv-result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;padding:36px 48px;border-radius:24px;background:linear-gradient(160deg,#000000d9,#140a00f2);border:2px solid rgba(255,200,80,.4);box-shadow:0 30px 80px #000000b3,inset 0 1px #ffdc784d;min-width:360px;animation:bvVictoryTitle .8s cubic-bezier(.16,1,.3,1) both}.bv-result__title{font-family:var(--font-display);font-size:2.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.bv-result--win .bv-result__title{background:linear-gradient(90deg,gold,#ffec80,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(255,220,80,.5)}.bv-result--lose .bv-result__title{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5)}.bv-result__sub{font-family:var(--font-body);color:#ffffffd9;font-size:1rem;margin-bottom:14px}.bv-result__tokens{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:linear-gradient(135deg,#ffb45040,#ffdc7833);border-radius:14px;border:1px solid rgba(255,180,80,.5);margin-bottom:18px;font-family:var(--font-tech);color:#ffc947;font-size:1.1rem;font-weight:700;letter-spacing:.1em}.bv-result__tokens-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(255,200,80,.8))}.bv-result__actions{display:flex;gap:12px;justify-content:center}.bv-result__btn{padding:12px 22px;background:linear-gradient(135deg,#ff6b35,#ffa041);color:#fff;font-family:var(--font-tech);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;border:1px solid rgba(255,255,255,.35);border-radius:12px;cursor:pointer;box-shadow:0 6px 18px #ff6b3573;transition:all .2s ease}.bv-result__btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff6b3599}.bv-result__btn--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);box-shadow:none}.bv-result__btn--secondary:hover{background:#fff3}@keyframes sandMovementPulse{0%,to{box-shadow:inset 0 0 40px #fbbf241f,0 0 #fbbf2400}50%{box-shadow:inset 0 0 60px #fbbf2440,0 0 20px #fbbf244d}}.lane--sand-movement-player:after{content:"SAND MOVEMENT";position:absolute;top:6px;left:50%;transform:translate(-50%);font-family:var(--font-tech);font-size:.55rem;letter-spacing:.22em;color:#fbbf24;background:#0000008c;padding:2px 10px;border-radius:3px;border:1px solid rgba(251,191,36,.4);pointer-events:none;animation:sandMovementPulse 2s ease-in-out infinite;z-index:4}