: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, .88);--glow-primary: #00ff88;--glow-soft: #4ade80;--glow-cyan: #22d3ee;--glow-purple: #a855f7;--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}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}#app{position:relative;overflow:hidden}.mist{position:fixed;border-radius:50%;pointer-events:none;z-index:2;filter:blur(80px)}.mist--1{width:600px;height:250px;background:radial-gradient(ellipse,rgba(0,255,136,.05) 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,.05) 0%,transparent 70%);top:55%;right:-12%;animation:mistDrift2 30s ease-in-out infinite alternate}.mist--3{width:420px;height:180px;background:radial-gradient(ellipse,rgba(168,85,247,.05) 0%,transparent 70%);bottom:10%;left:18%;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}.screen{position:absolute;inset:0;opacity:0;transform:scale(.98);pointer-events:none;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);z-index:10}.screen--active{opacity:1;transform:scale(1);pointer-events:auto}#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,92vw);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;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%)}.auth-logo{position:relative;text-align:center;margin-bottom:24px}.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}.auth-logo-sub{font-family:var(--font-tech);font-size:.6rem;letter-spacing:.28em;color:#0f86;margin-top:5px}.auth-tabs{position:relative;display:flex;border-radius:8px;overflow:hidden;border:1px solid rgba(0,255,136,.15);margin-bottom:22px}.auth-tab{flex:1;padding:10px;font-family:var(--font-tech);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.auth-tab--active{background:#00ff881c;color:var(--glow-primary);text-shadow:0 0 10px rgba(0,255,136,.4)}.auth-form,.auth-field{position:relative;display:grid;gap:10px}.auth-label{font-family:var(--font-tech);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.auth-input{width:100%;padding:11px 15px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);outline:none}.auth-input:focus{border-color:#00ff8880;box-shadow:0 0 0 3px #00ff8812,0 0 14px #00ff881f}.btn-auth-submit,.btn-auth-secondary,.btn-menu,.btn-retreat,.btn-end-turn,.btn-small{border-radius:8px;text-transform:uppercase;letter-spacing:.1em;transition:all .24s ease}.btn-auth-submit{width:100%;padding:13px;margin-top:6px;font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,#00c8642e,#00965021);border:1px solid rgba(0,255,136,.48);color:var(--glow-primary);box-shadow:0 0 18px #00ff881a}.btn-auth-secondary{width:100%;padding:10px;margin-top:8px;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);background:transparent}.auth-error{margin-top:12px;padding:9px 13px;font-size:.82rem;color:#f87171;background:#f8717112;border:1px solid rgba(248,113,113,.18);border-radius:7px}#screen-menu,.screen-overlay{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,.screen-overlay: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}.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: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;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}.menu-player-badge,.menu-currency{position:absolute;top:20px;z-index:15}.menu-player-badge{left:20px;display:flex;align-items:center;gap:12px}.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;box-shadow:0 0 15px #00ff8826}.player-username{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:#e2e8f0;letter-spacing:.06em}.player-rank-name,.player-rank-progress,.currency-item,.overlay-copy,.muted{color:var(--text-dim)}.menu-currency{right:20px;display:flex;gap:16px}.currency-item{font-family:var(--font-tech);font-size:.8rem;font-weight:700}.menu-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-title{font-family:var(--font-display);font-size:clamp(3rem,9vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:.08em;line-height:1.05;text-align:center;background:linear-gradient(180deg,#fff,#a0d8c0 40%,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(0,255,136,.3)) drop-shadow(0 4px 20px rgba(0,0,0,.8))}.menu-subtitle{font-size:1rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--text-dim);margin:8px 0 36px;text-align:center}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:min(320px,86vw)}.btn-menu{position:relative;padding:16px 24px;font-size:1.02rem;font-weight:700;font-family:var(--font-display);border:1px solid rgba(0,255,136,.2);background:linear-gradient(135deg,#00ff880a,#22d3ee05);color:var(--glow-soft);border-radius:6px;overflow:hidden;text-align:center}.btn-menu--primary{border-color:#00ff8859;background:linear-gradient(135deg,#00ff881a,#22d3ee0d);font-size:1.15rem}.btn-menu:hover,.btn-auth-submit:hover,.btn-end-turn:hover,.btn-small:hover{transform:translateY(-2px);box-shadow:0 0 24px #00ff8829}.menu-bottom-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:40px;padding:16px;z-index:12;border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}.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)}.nav-item--active,.nav-item:hover{color:var(--glow-soft)}.nav-icon{font-size:1.2rem}.screen-overlay{display:flex;align-items:center;justify-content:center;padding:40px 16px 90px}.overlay-panel{width:min(980px,100%);max-height:calc(100vh - 130px);overflow:auto;border-radius:18px;border:1px solid rgba(0,255,136,.18);background:linear-gradient(180deg,#0a0f22f2,#070b14f5);box-shadow:0 30px 80px #0000008c,inset 0 1px #00ff880d;padding:24px;position:relative;z-index:12}.overlay-title{font-family:var(--font-display);font-size:1.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-bright)}.overlay-subtitle{margin-top:6px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px}.collection-card{border-radius:var(--card-r);border:1px solid rgba(255,255,255,.08);background:linear-gradient(165deg,#0a0e1af5,#12103cf2);box-shadow:0 8px 24px #00000073;padding:10px;display:grid;gap:10px}.collection-card__art{aspect-ratio:105 / 148;border-radius:calc(var(--card-r) - 2px);overflow:hidden;border:2px solid rgba(160,180,210,.35);background:linear-gradient(165deg,#0a0e1a,#12103c,#090d1e);display:grid;place-items:center;font-size:2rem}.collection-card__art img{width:100%;height:100%;object-fit:cover}.collection-card__name{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.04em}.collection-card__meta,.collection-card__ability{font-size:.82rem;color:var(--text-dim)}.btn-small{padding:10px 12px;border:1px solid rgba(0,255,136,.2);background:linear-gradient(135deg,#00ff8814,#22d3ee0a);color:var(--glow-soft)}#screen-board{display:flex;flex-direction:column;height:100vh;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}.lane-location{padding:10px 12px 8px;text-align:center;background:linear-gradient(180deg,#00000080,#0003);border-bottom:1px solid var(--border-subtle)}.location-icon{font-size:1.4rem;display:block;margin-bottom:2px}.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;line-height:1.35}.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}.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-half{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:5px;padding:6px;min-height:0}.lane-half--opp{border-bottom:1px solid rgba(255,255,255,.03)}.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}.btn-lane-play{position:absolute;right:8px;bottom:8px;padding:6px 8px;font-family:var(--font-tech);font-size:.56rem;border:1px solid rgba(0,255,136,.18);border-radius:4px;background:#00ff880f;color:var(--glow-soft)}.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,.btn-end-turn{padding:10px 22px;font-size:.8rem;font-weight:700;font-family:var(--font-display);border:1px solid rgba(0,255,136,.3);background:linear-gradient(135deg,#00ff8814,#22d3ee08);color:var(--glow-primary)}.btn-retreat{border-color:#ef444440;background:linear-gradient(135deg,#ef44440f,#ef444405);color:var(--glow-red)}.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}.energy-pip{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(0,255,136,.25);background:var(--bg-charcoal)}.energy-pip--filled{background:var(--glow-primary);border-color:var(--glow-primary);box-shadow:0 0 8px #00ff8880}.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}.hand-area{display:flex;align-items:flex-end;justify-content:center;padding:6px 0 14px;min-height:190px;position:relative;z-index:30}.hand-cards{display:flex;align-items:flex-end;justify-content:center;padding-top:30px}.hand-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}.hand-card:hover,.hand-card--selected{transform:translateY(-24px) scale(1.08)!important;z-index:40}.board-card{width:var(--card-w);height:var(--card-h);position:relative}.card{width:100%;height:100%;border-radius:var(--card-r);position:relative;overflow:visible}.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}.card__art img{width:100%;height:100%;object-fit:cover}.card__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 20%,transparent 55%,rgba(0,0,0,.65) 100%)}.card__frame{position:absolute;inset:0;padding:8px;display:flex;flex-direction:column;justify-content:space-between}.card__head{display:flex;justify-content:space-between;align-items:flex-start}.card__cost,.card__power{min-width:28px;padding:4px 6px;border-radius:999px;font-family:var(--font-tech);font-size:.8rem;font-weight:900;text-align:center;background:#0000008c;border:1px solid rgba(255,255,255,.1)}.card__power{color:var(--glow-primary)}.card__body{margin-top:auto;padding:8px;border-radius:6px;background:linear-gradient(180deg,#0000,#030508b8 38%,#030508f0)}.card__name{font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.card__type{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-top:2px}.card__ability{font-size:.52rem;line-height:1.3;color:#e8ecf4e6;margin-top:6px;min-height:2.7em}.card__rune{font-size:.95rem}.card--hidden .card__inner{background:linear-gradient(165deg,#090c16,#110f24 60%,#070912)}.card--hidden .card__body{background:linear-gradient(180deg,#00000014,#030508e0)}.card-actions{display:flex;justify-content:center;margin-top:6px}.card-action{padding:5px 8px;font-family:var(--font-tech);font-size:.55rem;border:1px solid rgba(0,255,136,.18);border-radius:4px;background:#00ff880d;color:var(--glow-soft)}.match-log{position:absolute;top:64px;right:16px;width:240px;max-height:calc(100vh - 330px);overflow:auto;z-index:25;border-radius:10px;border:1px solid var(--border-subtle);background:#030508b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px}.match-log__title{font-family:var(--font-tech);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.event-log__item{padding:8px 10px;border-radius:6px;background:#ffffff08;color:var(--text-primary);font-size:.74rem;margin-bottom:6px}.feedback-badge{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:24;max-width:min(600px,calc(100vw - 32px));padding:12px 18px;border-radius:999px;background:#050812e0;border:1px solid rgba(248,113,113,.25);color:#fca5a5;box-shadow:0 12px 28px #00000059}@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 floatCards{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-15px) rotate(calc(var(--r) + 3deg))}}@keyframes orbRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbRotateR{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(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 mistDrift1{0%{transform:translateZ(0)}to{transform:translate3d(120px,30px,0)}}@keyframes mistDrift2{0%{transform:translateZ(0)}to{transform:translate3d(-140px,-20px,0)}}@keyframes mistDrift3{0%{transform:translateZ(0)}to{transform:translate3d(90px,-35px,0)}}@keyframes mistDrift4{0%{transform:translateZ(0)}to{transform:translate3d(-80px,40px,0)}}@media(max-width:1100px){.match-log{position:static;width:auto;max-height:180px;margin:0 14px 12px}.lanes-container{flex-direction:column;overflow:auto}.lane{min-height:320px}}@media(max-width:720px){.menu-bottom-nav{gap:16px;padding:12px 8px}.nav-item{font-size:.58rem}.menu-player-badge,.menu-currency{position:static;margin-top:14px}.menu-content{justify-content:flex-start;padding-top:32px}.screen-overlay{padding-top:18px}.hand-area{min-height:170px;padding-inline:8px;overflow-x:auto;justify-content:flex-start}.hand-cards{padding-left:12px}}.auth-panel{animation:authPanelIn .7s cubic-bezier(.16,1,.3,1) both}@keyframes authPanelIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-title{animation:titleReveal 1.2s cubic-bezier(.16,1,.3,1) both,titleGlow 5s ease-in-out 1.2s infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(0,255,136,.3)) drop-shadow(0 4px 20px rgba(0,0,0,.8))}50%{filter:drop-shadow(0 0 35px rgba(0,255,136,.55)) drop-shadow(0 4px 20px rgba(0,0,0,.8))}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.menu-subtitle{animation:fadeUp .8s ease .5s both}.menu-buttons{animation:fadeUp .8s ease .8s both}.menu-bottom-nav{animation:fadeUp .8s ease 1s both}.menu-player-badge,.menu-currency{animation:fadeUp .8s ease .3s both}.pulse-ring{position:absolute;top:50%;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(4){animation-delay:0s}.pulse-ring:nth-child(5){animation-delay:1.3s}.pulse-ring:nth-child(6){animation-delay:2.6s}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.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}@keyframes lightning{0%,to{opacity:0}5%{opacity:.8}10%{opacity:0}12%{opacity:.5}15%{opacity:0}}.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:before{opacity:1}.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:active{transform:translateY(0) scale(.98)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.player-rank-info{display:flex;flex-direction:column;gap:2px}.player-xp-bar{width:100px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.player-xp-fill{height:100%;background:linear-gradient(90deg,var(--glow-primary),var(--glow-cyan));border-radius:2px}.player-rank-name{font-size:.65rem;font-weight:600;color:var(--glow-soft);text-transform:uppercase;letter-spacing:.08em;opacity:.8}@keyframes diamondShimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}@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))}.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);min-width:unset;padding:0;letter-spacing:0}.card__power{position:absolute;bottom:-9px;right:-9px;z-index:15;width:30px;height:30px;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);min-width:unset;padding:0;letter-spacing:0;border-radius:50%}.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__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: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__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));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__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-size:.42rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8ca0c8bf;margin-top:1px}.card__veil,.card__frame{display:none!important}@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)}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 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 cardDeal{0%{opacity:0;transform:translateY(80px) scale(.7) rotate(12deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes powerBounceUp{0%,to{transform:scale(1)}50%{transform:scale(1.35);box-shadow:0 0 20px #0f8c}}@keyframes powerBounceDown{0%,to{transform:scale(1)}50%{transform:scale(1.25);box-shadow:0 0 20px #ff3c3ccc}}.card--summon{animation:cardSummon .55s cubic-bezier(.18,.9,.32,1.25) both!important}.card--dying{animation:cardDying .45s ease-in forwards!important;pointer-events:none}.card--buff-flash{animation:cardBuffFlash .7s ease-out!important}.card--damage-flash{animation:cardDamageFlash .65s ease-out!important}.card--revealing{animation:revealBurst .9s ease-out,cardSummon .55s cubic-bezier(.18,.9,.32,1.25) both!important}.card__power.power-up{animation:powerBounceUp .55s ease-out}.card__power.power-down{animation:powerBounceDown .55s ease-out}.board-card:not(.card--dying):not(:hover){animation:cardIdleBob 4.2s ease-in-out infinite}.board-card{cursor:default}.board-card:hover{transform:translateY(-4px) scale(1.04)!important;animation:none!important}.board-card:hover .card__inner{border-color:#00ff8859;box-shadow:0 0 18px #0f83,0 0 0 1px #ffffff14,0 6px 28px #000000d9}.hand-card{margin-left:-16px;animation:cardDeal .6s cubic-bezier(.16,1,.3,1) both;cursor:grab;transform-origin:bottom center}.hand-card:first-child{margin-left:0}.hand-card:hover{transform:translateY(-28px) scale(1.12)!important;z-index:50;animation:none!important}.hand-card:hover .card__inner{border-color:var(--glow-primary);box-shadow:0 0 30px #00ff8873,0 0 60px #00ff882e,0 8px 30px #0009}.hand-card:hover~.hand-card{transform:translate(16px)!important}.hand-card:active{cursor:grabbing}.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}}.card--revealing{animation:revealFlash .6s ease-out both!important}@keyframes revealFlash{0%{filter:brightness(1)}30%{filter:brightness(2.5) saturate(1.5)}to{filter:brightness(1)}}.card--ongoing-active .card__inner{animation:ongoingShimmer 2s ease-in-out infinite!important}@keyframes ongoingShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.3)}}.card--staged .card__inner{border-color:#0f89;box-shadow:0 0 18px #00ff8859,inset 0 0 12px #00ff8814}.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)}@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)}}@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.board-card:not(.card--dying):not(:hover){animation:balboxBob 2.8s ease-in-out infinite!important}.card--id-1 .card__rune{display:inline-block;animation:runeBounce 2s 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.board-card:not(.card--dying):not(:hover){animation:guygamesBob 3s ease-in-out infinite!important}.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.board-card:not(.card--dying):not(:hover){animation:cookieWobble 3.8s ease-in-out infinite!important}.card--id-3 .card__rune{display:inline-block;animation:runeBounce 2.2s 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.board-card:not(.card--dying):not(:hover){animation:superBob 2.2s ease-in-out infinite!important}.card--id-4 .card__rune{display:inline-block;animation:runePulse 1.5s ease-in-out infinite}@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}}@keyframes hashoshSway{0%,to{transform:translate(0) skew(0)}30%{transform:translate(-4px) skew(-2deg)}70%{transform:translate(4px) skew(2deg)}}.card--id-5 .card__inner{border-color:#00ffc873;animation:hashoshAura 2s ease-in-out infinite}.card--id-5.board-card:not(.card--dying):not(:hover){animation:hashoshSway 1.8s ease-in-out infinite!important}.card--id-5 .card__rune{display:inline-block;animation:runeBounce 1.6s 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.board-card:not(.card--dying):not(:hover){animation:shyPeek 4.5s ease-in-out infinite!important}.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.board-card:not(.card--dying):not(:hover){animation:falafelRoll 3.6s ease-in-out infinite!important}.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.board-card:not(.card--dying):not(:hover){animation:sushiBob 2.8s ease-in-out infinite!important}.card--id-8 .card__rune{display:inline-block;animation:runeBounce 2s 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.board-card:not(.card--dying):not(:hover){animation:borisBob 3s ease-in-out infinite!important}.card--id-9 .card__rune{display:inline-block;animation:runeShake 2.5s 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.board-card:not(.card--dying):not(:hover){animation:morphPulse 2.5s ease-in-out infinite!important}.card--id-10 .card__rune{display:inline-block;animation:runeRotate 3s linear 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.board-card:not(.card--dying):not(:hover){animation:miraSway 4.2s ease-in-out infinite!important}.card--id-11 .card__rune{display:inline-block;animation:runeRotate 9s linear 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.board-card:not(.card--dying):not(:hover){animation:rotBob 3.8s ease-in-out infinite!important}.card--id-12 .card__rune{display:inline-block;animation:runeRotate 8s 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.board-card:not(.card--dying):not(:hover){animation:naeruRipple 3.2s ease-in-out infinite!important}.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.board-card:not(.card--dying):not(:hover){animation:darkTideRise 4.5s ease-in-out infinite!important}@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.board-card:not(.card--dying):not(:hover){animation:sandShift 4s ease-in-out infinite!important}.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.board-card:not(.card--dying):not(:hover){animation:electroBob 2.2s ease-in-out infinite!important}.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 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.board-card:not(.card--dying):not(:hover){animation:vantorBob 3s ease-in-out infinite!important}.card--id-17 .card__rune{display:inline-block;animation:runeShake 3s ease-in-out 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.board-card:not(.card--dying):not(:hover){animation:loxFloat 3.8s ease-in-out infinite!important}.card--id-18 .card__rune{display:inline-block;animation:runePulse 2.8s 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.board-card:not(.card--dying):not(:hover){animation:none!important}.card--id-19 .card__rune{display:inline-block;animation:runeRotate 12s linear 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.board-card:not(.card--dying):not(:hover){animation:takaFloat 4.2s ease-in-out infinite!important}.card--id-20 .card__rune{display:inline-block;animation:runeBounce 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.board-card:not(.card--dying):not(:hover){animation:nilBob 3s ease-in-out infinite!important}@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.board-card:not(.card--dying):not(:hover){animation:roixBob 2.4s ease-in-out infinite!important}.card--id-22 .card__rune{display:inline-block;animation:roixSword 4s ease-in-out infinite}@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.board-card:not(.card--dying):not(:hover){animation:mechaBob 2s ease-in-out infinite!important}.card--id-23 .card__rune{display:inline-block;animation:mechaEye 3s ease-in-out infinite}@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.board-card:not(.card--dying):not(:hover){animation:millyBob 3.5s ease-in-out infinite!important}.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.board-card:not(.card--dying):not(:hover){animation:nevmBob 3s ease-in-out infinite!important}.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.board-card:not(.card--dying):not(:hover){animation:cassilBob 3s ease-in-out infinite!important}.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.board-card:not(.card--dying):not(:hover){animation:ticklerBob 2.5s ease-in-out infinite!important}.card--id-27 .card__rune{display:inline-block;animation:ticklerLaugh 4s 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.board-card:not(.card--dying):not(:hover){animation:pilbagBounce 2s ease-in-out infinite!important}.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}.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)}@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)}}.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}@keyframes dashStreak{0%{opacity:0;transform:scaleX(.2)}30%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.2)}}.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 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%)}}.lane--rotten-flash{animation:laneRotten 1.2s ease-out}@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)}}.lane--drop-hover{border-color:#00ff8880!important;animation:dropGlow 1.5s ease-in-out infinite!important}@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}}.lane-score-badge--leading{text-shadow:0 0 10px currentColor;box-shadow:0 0 12px #00ff8826}.energy-pip--filled{animation:energyPulse 3s ease-in-out infinite}@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}}.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);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)}.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-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}#screen-collection{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;overflow-y:auto!important;padding:60px 40px 100px!important;background:radial-gradient(ellipse at 50% 15%,var(--bg-navy) 0%,var(--bg-deep) 40%,var(--bg-void) 100%)}#screen-collection .menu-player-badge,#screen-collection .menu-currency{position:absolute;animation:none}#screen-collection .menu-bottom-nav{position:fixed;animation:none}.rarity-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-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .2s}.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--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)}.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-hint{font-family:var(--font-body);font-size:.8rem;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)}.collection-filter-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 18px;padding:0 12px;max-width:1000px;width:100%}.card--small{width:90px!important;height:126px!important}.card--small .card__cost{width:24px;height:24px;font-size:.68rem;top:-7px;left:-7px}.card--small .card__power{width:24px;height:24px;font-size:.68rem;bottom:-7px;right:-7px}.card--small .card__name{font-size:.48rem}.card.locked{cursor:default;opacity:.45;filter:grayscale(60%)}.card.locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;z-index:10;filter:none}.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-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-empty{width:100%;text-align:center;padding:12px 0;font-size:13px;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)}.card-detail-overlay{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;background:#02040c8c;-webkit-backdrop-filter:blur(12px) saturate(1.2);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-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-size:1rem;line-height:1.55;letter-spacing:.03em}.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}.card-detail-btn:hover{background:#00ff8826;border-color:var(--glow-primary);box-shadow:0 0 18px #0f86;transform:translateY(-2px)}.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)}.nav-item--active{color:var(--glow-soft)}.btn-lane-play:hover{background:#00ff8824;border-color:#0f86;box-shadow:0 0 10px #00ff8826}.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}