.beta-banner{background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:12px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0003;transition:all .3s ease}.beta-banner:hover{border-color:#3b82f666;box-shadow:0 8px 32px #3b82f626}.beta-banner:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#3b82f6;box-shadow:0 0 15px #3b82f6}.beta-banner-content{max-width:1400px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px;position:relative}.beta-banner-icon{color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:1.25rem;width:40px;height:40px;background:#3b82f61a;border-radius:10px;border:1px solid rgba(59,130,246,.2);flex-shrink:0;animation:pulse-blue 3s infinite}@keyframes pulse-blue{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.beta-banner-text{font-size:.9rem;color:#e2e8f0;display:flex;align-items:center;gap:12px;flex:1;min-width:0}.beta-tag{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:800;letter-spacing:.05em;box-shadow:0 2px 10px #2563eb4d;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.beta-message-short{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8}.beta-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.beta-read-more{background:transparent;border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:6px 16px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}.beta-read-more:hover{background:#3b82f61a;border-color:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.beta-banner-close{background:#ffffff0d;border:none;color:#94a3b8;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.beta-banner-close:hover{background:#ef44441a;color:#ef4444}@media (max-width: 768px){.beta-banner-content{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.beta-banner-icon{display:none}.beta-banner-text{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.beta-tag{font-size:.65rem;padding:3px 8px}.beta-message-short{white-space:normal;font-size:.85rem;line-height:1.4}.beta-actions{width:100%;margin-left:0;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.beta-read-more{flex:1;justify-content:center;padding:8px 16px}}.challenge-pass-guest-prompt{display:flex;align-items:flex-start;gap:16px;padding:clamp(16px,2vh,20px) clamp(18px,2.5vw,24px);background:linear-gradient(135deg,#fb923c14,#fb923c0a);border:1px solid rgba(251,146,60,.25);border-radius:clamp(12px,1.5vw,16px);box-shadow:0 4px 20px #fb923c1f,inset 0 1px #ffffff14;position:relative;overflow:hidden}.challenge-pass-guest-prompt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(251,146,60,.15),transparent 50%),radial-gradient(circle at 80% 50%,rgba(251,146,60,.1),transparent 50%);pointer-events:none;z-index:0}.guest-prompt-icon{flex-shrink:0;width:clamp(44px,5vw,52px);height:clamp(44px,5vw,52px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fb923c33,#fb923c1a);border:1px solid rgba(251,146,60,.3);border-radius:clamp(10px,1.2vw,14px);color:#fb923c;box-shadow:0 4px 12px #fb923c40,inset 0 1px #ffffff1a;position:relative;z-index:1}.guest-prompt-content{flex:1;display:flex;flex-direction:column;gap:clamp(6px,.8vh,8px);position:relative;z-index:1}.guest-prompt-title{margin:0;font-size:clamp(.95rem,1.3vw,1.05rem);font-weight:800;color:#fb923c;letter-spacing:.02em;text-shadow:0 2px 8px rgba(251,146,60,.3);line-height:1.3}.guest-prompt-description{margin:0;font-size:clamp(.85rem,1.1vw,.92rem);color:#fb923cd9;line-height:1.5;font-weight:500}@media (max-width: 768px){.challenge-pass-guest-prompt{gap:12px;padding:14px 16px}.guest-prompt-icon{width:40px;height:40px}}.challenge-pass-container{--pass-accent: 239, 68, 68;--pass-accent-hex: #ef4444;--pass-success: 16, 185, 129;--pass-success-hex: #10b981;--pass-bg-primary: rgba(59, 30, 30, .95);--pass-bg-secondary: rgba(42, 15, 15, .98);width:100%;display:flex;flex-direction:column;gap:12px;position:relative;isolation:isolate;animation:sidebarSlideIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes sidebarSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.challenge-pass-container:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(var(--pass-accent),.5) 20%,rgba(var(--pass-accent),.8) 50%,rgba(var(--pass-accent),.5) 80%,transparent 100%);border-radius:3px;opacity:.6;pointer-events:none}@media (max-width: 640px){.challenge-pass-container{gap:10px}.challenge-pass-container:before{display:none}}.challenge-pass-card{position:relative;display:flex;flex-direction:column;gap:10px;background:linear-gradient(145deg,var(--pass-bg-primary) 0%,var(--pass-bg-secondary) 100%);border:1.5px solid rgba(239,68,68,.2);border-radius:14px;padding:14px;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 6px 24px #0006,0 2px 6px #0003,inset 0 1px #ffffff0a;transition:all .4s cubic-bezier(.16,1,.3,1);isolation:isolate}@media (max-width: 640px){.challenge-pass-card{padding:16px;border-radius:16px}}.challenge-pass-card.active{border-color:#ef444480;box-shadow:0 15px 50px #ef44444d,0 0 60px #ef444426,inset 0 1px #ef44444d}.challenge-pass-card.maxed{border-color:#10b98166;background:linear-gradient(135deg,#1e3b2af2,#0f2a1dfa)}.challenge-pass-card.inactive{opacity:.8}.pass-card__bg-gradient{position:absolute;top:-50%;right:-30%;width:150%;height:150%;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);pointer-events:none;filter:blur(60px)}.challenge-pass-card.maxed .pass-card__bg-gradient{background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%)}.pass-card__noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity="0.03"/></svg>');opacity:.3;pointer-events:none}.pass-card__border-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#ef444480,#dc26264d,#ef444480);filter:blur(8px);opacity:.3;pointer-events:none;z-index:-1}.pass-card__header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;position:relative;z-index:1;margin-bottom:8px}.pass-header__title-group{display:flex;align-items:center;gap:10px}.pass-icon{width:24px;height:24px;color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.5))}.challenge-pass-card.maxed .pass-icon{color:#10b981;filter:drop-shadow(0 0 10px rgba(16,185,129,.5))}.pass-header__text{display:flex;flex-direction:column;gap:2px}.pass-title{font-size:clamp(.85rem,1.5vw,1rem);font-weight:900;color:#fca5a5;text-transform:uppercase;letter-spacing:.08em;margin:0;line-height:1.1;text-shadow:0 2px 8px rgba(239,68,68,.3)}.challenge-pass-card.maxed .pass-title{color:#6ee7b7}.pass-subtitle{font-size:clamp(.6rem,1vw,.7rem);color:#fca5a5b3;font-weight:600;letter-spacing:.03em;margin:0}.challenge-pass-card.maxed .pass-subtitle{color:#6ee7b7b3}.info-button{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fca5a5;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.info-button:hover{background:#ef444440;border-color:#ef444480;box-shadow:0 0 15px #ef44444d}.pass-main-grid{display:flex;flex-direction:column;gap:12px}@media (max-width: 640px){.pass-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}}@media (max-width: 400px){.pass-main-grid{grid-template-columns:1fr;gap:12px}}.pass-info-column{position:relative;display:grid;overflow:hidden}.pass-info-column:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,transparent 50%,rgba(239,68,68,.1) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.pass-info-column:hover:before{opacity:1}.pass-info-column:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(239,68,68,.1) 0%,transparent 70%);pointer-events:none;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.pass-actions-column{display:flex;flex-direction:column;gap:10px}.pass-counter-section{position:relative;z-index:1;display:grid;gap:clamp(10px,1.8vh,10px);padding:clamp(12px,2.2vh,12px);background:linear-gradient(135deg,#fef2f208,#fee2e205);border:1px solid rgba(239,68,68,.2);border-radius:clamp(10px,1.3vw,14px);box-shadow:0 2px 12px #ef44441a,inset 0 1px #ffffff14;transition:all .3s cubic-bezier(.16,1,.3,1)}.pass-counter-section:hover{border-color:#ef444459;box-shadow:0 4px 16px #ef44442e,inset 0 1px #ffffff1f;transform:translateY(-1px)}.pass-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding:8px;background:#0000001f;border-radius:10px;border:1px solid rgba(255,255,255,.03)}@media (max-width: 640px){.pass-slots{gap:10px;padding:10px;max-width:200px;margin:0 auto}}@media (max-width: 400px){.pass-slots{gap:8px;padding:8px;max-width:180px}}.pass-slot{position:relative;width:100%;aspect-ratio:1 / 1.1;background:linear-gradient(145deg,#141c30d9,#0c1220cc);border:1.5px solid rgba(255,255,255,.1);border-radius:8px;display:grid;place-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}@media (max-width: 640px){.pass-slot{aspect-ratio:1 / 1;border-radius:10px}}.pass-slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.pass-slot:hover:before{opacity:1}.pass-slot:hover{border-color:#ffffff40;box-shadow:0 4px 16px #0006,0 0 20px #ef444426,inset 0 1px #ffffff1f;transform:translateY(-2px) scale(1.02)}.pass-slot.filled{background:linear-gradient(135deg,#ef444440,#dc26262e);border-color:#ef444499;box-shadow:0 4px 16px #ef44444d,0 0 30px #ef444426,inset 0 0 20px #ef44441f,inset 0 2px 4px #ffffff1a}.pass-slot.filled:hover{border-color:#ef4444cc;box-shadow:0 6px 24px #ef444473,0 0 50px #ef444440,inset 0 0 30px #ef44442e;transform:translateY(-3px) scale(1.05)}.pass-slot.empty{opacity:.4}.pass-slot__inner{position:relative;z-index:2}.slot-icon-filled{width:28px;height:28px;color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.7)) drop-shadow(0 0 20px rgba(239,68,68,.3));animation:iconGlow 3s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 10px rgba(239,68,68,.7)) drop-shadow(0 0 20px rgba(239,68,68,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 14px rgba(239,68,68,.9)) drop-shadow(0 0 28px rgba(239,68,68,.45));transform:scale(1.03)}}.slot-icon-empty{width:28px;height:28px;color:#ffffff1f}@media (max-width: 640px){.slot-icon-filled,.slot-icon-empty{width:32px;height:32px}}@media (max-width: 400px){.slot-icon-filled,.slot-icon-empty{width:26px;height:26px}}.pass-slot__pulse{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;background:radial-gradient(circle,rgba(239,68,68,.4) 0%,transparent 70%);pointer-events:none}.pass-status-text{display:grid;grid-auto-flow:column;align-items:baseline;justify-content:center;gap:clamp(6px,1vw,8px);padding:clamp(6px,1vh,8px);background:linear-gradient(90deg,transparent 0%,rgba(239,68,68,.06) 50%,transparent 100%);border-radius:clamp(6px,.8vw,8px);transition:all .3s cubic-bezier(.16,1,.3,1)}.pass-status-text:hover{background:linear-gradient(90deg,transparent 0%,rgba(239,68,68,.12) 50%,transparent 100%)}.pass-count{font-size:clamp(1.5rem,3.2vw,2rem);font-weight:900;color:#fff;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(239,68,68,.6),0 0 40px rgba(239,68,68,.3),0 2px 4px rgba(0,0,0,.4);letter-spacing:.08em;filter:drop-shadow(0 0 8px rgba(239,68,68,.5));animation:numberPulse 3s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(239,68,68,.5))}50%{transform:scale(1.02);filter:drop-shadow(0 0 12px rgba(239,68,68,.7))}}.pass-label{font-size:clamp(.7rem,1.15vw,.8rem);color:#fca5a5e6;font-weight:600;letter-spacing:.1em;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.pass-timer-section{background:#0f172a80;border:1px solid rgba(239,68,68,.2);border-radius:clamp(6px,.8vw,8px);padding:clamp(6px,1vh,8px) clamp(10px,1.5vw,12px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;position:relative;z-index:1;margin-bottom:8px}.timer-label{display:flex;align-items:center;gap:6px;font-size:clamp(.65rem,1vw,.75rem);color:#fca5a5b3;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.timer-label svg{width:12px;height:12px;color:#ef4444}.timer-display{font-size:clamp(.8rem,1.3vw,.95rem);font-weight:800;color:#fca5a5;font-family:Courier New,monospace;display:inline-grid;grid-auto-flow:column;align-items:center;gap:4px;padding:3px 10px;background:#ef44441a;border-radius:6px;border:1px solid rgba(239,68,68,.2);justify-self:end}.timer-display.ready{color:#10b981;background:#10b9811a;border-color:#10b9814d}.pass-maxed-notice{background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:clamp(6px,.8vw,8px);padding:clamp(6px,1vh,8px) clamp(10px,1.5vw,12px);display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:6px;color:#6ee7b7;font-weight:700;font-size:clamp(.7rem,1.1vw,.8rem);text-transform:uppercase;letter-spacing:.08em;position:relative;z-index:1}.pass-error-notice{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:clamp(6px,.8vw,8px);padding:clamp(10px,1.5vh,12px);display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:6px;color:#fca5a5;font-weight:600;font-size:clamp(.75rem,1.1vw,.85rem);text-align:center;position:relative;z-index:1;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{opacity:1;box-shadow:0 0 10px #ef444433}50%{opacity:.9;box-shadow:0 0 20px #ef44444d}}.pass-action-button{width:100%;position:relative;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:clamp(7px,1vw,9px);padding:clamp(8px,1.3vh,16px) clamp(14px,2vw,22px);display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:7px;margin-bottom:8px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);isolation:isolate;box-shadow:0 4px 14px #ef444466,inset 0 1px #fff3}.pass-action-button.claim-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98166,inset 0 1px #fff3}.pass-action-button.claim-button:hover:not(:disabled){box-shadow:0 8px 24px #10b98180,0 0 30px #10b9814d,inset 0 1px #ffffff4d}.pass-action-button.claim-button.claiming{background:linear-gradient(135deg,#10b98199,#05966999);cursor:not-allowed;pointer-events:none;box-shadow:0 4px 14px #10b9814d,inset 0 1px #ffffff26;animation:pulse-claiming 1.5s ease-in-out infinite}@keyframes pulse-claiming{0%,to{box-shadow:0 4px 14px #10b9814d,inset 0 1px #ffffff26}50%{box-shadow:0 4px 20px #10b98180,inset 0 1px #fff3}}.pass-action-button.claim-button.claiming:hover{transform:none}.pass-action-button.claim-button.rate-limited{background:linear-gradient(135deg,#10b9814d,#0596694d);opacity:.5;cursor:not-allowed;box-shadow:none}.pass-action-button.claim-button.rate-limited:hover{transform:none;box-shadow:none}.pass-action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ef444480,0 0 30px #ef44444d,inset 0 1px #ffffff4d}.pass-action-button:disabled{background:linear-gradient(135deg,#3c3c3c66,#28282866);cursor:not-allowed;opacity:.6;box-shadow:none}.button-text{font-size:clamp(.75rem,1.2vw,.85rem);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:2;line-height:1}.button-icon{display:grid;place-items:center;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));position:relative;z-index:2}.button-icon svg{width:16px;height:16px}.button-shimmer{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);pointer-events:none}.no-pass-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:clamp(6px,.8vw,8px);padding:clamp(6px,1vh,8px) clamp(10px,1.5vw,12px);display:grid;gap:4px;overflow:hidden}.warning-content h4{font-size:clamp(.7rem,1.1vw,.8rem);font-weight:800;color:#fca5a5;margin:0;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.warning-content p{font-size:clamp(.65rem,1vw,.75rem);color:#fca5a5b3;margin:0;line-height:1.3}.pass-info-panel{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid rgba(239,68,68,.2);border-radius:clamp(8px,1vw,10px);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0006;display:grid}.info-panel__content{padding:clamp(10px,1.8vh,14px);display:grid;gap:clamp(6px,1vh,8px)}.info-title{display:grid;grid-auto-flow:column;align-items:center;justify-content:start;gap:7px;font-size:clamp(.75rem,1.2vw,.9rem);font-weight:800;color:#fca5a5;margin:0;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.info-title svg{width:14px;height:14px;color:#ef4444}.info-description{font-size:clamp(.65rem,1vw,.75rem);color:#e2e8f0cc;line-height:1.4;margin:0}.info-rules{display:grid;gap:clamp(5px,.8vh,6px)}.info-rule{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:clamp(5px,.8vh,7px) clamp(8px,1.2vw,10px);background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:5px;font-size:clamp(.6rem,.95vw,.7rem);color:#fca5a5e6;font-weight:600;line-height:1.3}.rule-number{display:grid;place-items:center;width:20px;height:20px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;color:#fff;font-weight:900;font-size:.7rem;flex-shrink:0;box-shadow:0 0 10px #ef444466}@media (prefers-reduced-motion: reduce){.pass-icon,.pass-slot__pulse,.button-shimmer,.pass-card__border-glow{animation:none!important}*{transition:none!important}}.pass-action-button:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.info-button:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.deploy-button-compact{display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,var(--accent-color, #10b981) 0%,#222 100%);color:#fff;border:none;border-radius:8px;padding:.4rem 1.1rem .4rem .9rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px rgba(var(--accent-rgb, 16,185,129),.18),0 1.5px #222 inset;transition:background .18s,box-shadow .18s,transform .12s;outline:none;position:relative;z-index:2;min-width:0;min-height:36px;letter-spacing:.01em;overflow:hidden}.deploy-button-compact:hover,.deploy-button-compact:focus{background:linear-gradient(90deg,var(--accent-color, #10b981) 0%,#333 100%);box-shadow:0 4px 18px rgba(var(--accent-rgb, 16,185,129),.28),0 2px #222 inset;transform:translateY(-1px) scale(1.035)}.deploy-button-compact .button-main-text{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.18)}.deploy-button-compact svg{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(var(--accent-rgb, 16,185,129),.18))}.cleared-stats-with-button{display:flex;align-items:center;gap:1.2rem;justify-content:flex-end;width:100%}.challenge-tower-layout{--sidebar-width: 260px;--layout-gap: 20px;--content-min: 500px;display:grid;grid-template-columns:var(--sidebar-width) minmax(var(--content-min),1fr);gap:var(--layout-gap);width:100%;height:100%;align-items:start;position:relative;isolation:isolate}.challenge-tower-sidebar{position:sticky;top:0;height:fit-content;max-height:100%;overflow:visible;flex-shrink:0}@media (max-width: 900px){.challenge-tower-layout{--sidebar-width: 240px;--layout-gap: 16px;--content-min: 400px}}@media (max-width: 768px){.challenge-tower-layout{--sidebar-width: 220px;--layout-gap: 14px;--content-min: 320px}}@media (max-width: 640px){.challenge-tower-layout{display:flex;flex-direction:column;gap:16px}.challenge-tower-sidebar{position:relative;top:0;max-height:none;width:100%;mask-image:none;-webkit-mask-image:none;order:-1}}@media (max-width: 480px){.challenge-tower-layout{gap:12px}}.challenge-tower-container{display:flex;flex-direction:column;gap:clamp(12px,1.8vh,18px);width:100%;position:relative;flex:1 1 auto;min-height:0;animation:contentFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes contentFadeIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.challenge-panel{width:100%;max-width:1000px;position:relative;padding:16px 18px 18px;border-radius:18px;background:linear-gradient(180deg,#1d1d1de8,#2b0b0b82),#000000e0;border:1px solid rgba(226,232,240,.395);box-shadow:0 18px 50px -18px #000000a6,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:stretch;overflow:visible}.challenge-panel__edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;background:linear-gradient(90deg,#ffffff0f,#fff0),linear-gradient(270deg,#ffffff0d,#fff0);mix-blend-mode:screen;opacity:.12}.challenge-panel__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");opacity:.08;mix-blend-mode:soft-light;pointer-events:none}.challenge-list{overflow:visible;padding:1rem 0 0;display:flex;flex-direction:column;gap:.4rem}.challenge-list::-webkit-scrollbar{width:4px}.challenge-list::-webkit-scrollbar-track{background:#ffffff05}.challenge-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.challenge-card{position:relative;border-radius:16px;width:100%;display:flex;justify-content:space-between;overflow:hidden;transition:all .3s ease}.challenge-card.active{background:linear-gradient(135deg,#101218c7,#0a0c1294);border:1px solid rgba(var(--accent-rgb),.28);padding:1.1rem;flex-direction:column;align-items:stretch;box-shadow:0 18px 46px -12px #0000008c,inset 0 0 24px rgba(var(--accent-rgb),.06);min-height:auto}.challenge-card.inactive{background:linear-gradient(180deg,#0e0f12a6,#0a0b0e8c);border:1px solid rgba(255,255,255,.06);padding:.95rem 1.25rem;flex-direction:row;align-items:center;min-height:60px}.active-bg-pulse{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(var(--accent-rgb),.12),transparent 70%);z-index:0;pointer-events:none}.noise-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");z-index:0;pointer-events:none;opacity:.4}.accent-line{display:none;position:absolute;top:10px;bottom:10px;left:10px;width:3px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.5),rgba(var(--accent-rgb),.1));box-shadow:0 0 10px rgba(var(--accent-rgb),.35);border-radius:999px;z-index:2}.card-header{display:flex;align-items:center;gap:1rem;z-index:1}.challenge-card.active .card-header{margin-bottom:1.5rem}.floor-number{display:flex;align-items:center;justify-content:center;font-weight:800}.challenge-card.active .floor-number{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.95),rgba(var(--accent-rgb),.65));color:#0b0c10;font-size:1.7rem;box-shadow:0 10px 24px rgba(var(--accent-rgb),.32);border:1px solid rgba(255,255,255,.16);text-shadow:none}.challenge-card.inactive .floor-number{width:34px;height:34px;border-radius:8px;background:#ffffff0a;color:#94a3b8;font-size:.9rem;box-shadow:inset 0 1px #ffffff08;border:1px solid rgba(255,255,255,.05);text-shadow:none}.challenge-info{flex:1}.challenge-title{display:flex;align-items:center;gap:12px;line-height:1}.challenge-card.active .challenge-title{font-weight:800;color:#e2e8f0;font-size:1.5rem;letter-spacing:-.02em;text-transform:uppercase}.challenge-card.inactive .challenge-title{font-weight:600;color:#e2e8f0db;font-size:1rem;letter-spacing:.01em;text-transform:none}.challenge-description{font-size:.9rem;color:#e2e8f0b8;margin-top:8px;max-width:520px;line-height:1.45;font-weight:500}.active-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;z-index:1}.content-box{background:#ffffff05;border-radius:14px;padding:1.25rem;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px #ffffff08}.section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;margin-bottom:.8rem;display:flex;align-items:center;gap:8px}.fixed-deck-section .section-label{color:var(--accent-color)}.rewards-section .section-label{color:#a3a3a3}.deck-list,.rewards-list{display:flex;gap:12px;flex-wrap:wrap}.tower-item{position:relative;transition:transform .2s}.tower-icon-wrapper{background:#ffffff0a;border-radius:10px;padding:8px;border:1px solid rgba(255,255,255,.05);box-shadow:0 3px 8px #0000002e}.reward-item{background:linear-gradient(180deg,#ffffff0f,#ffffff05);padding:5px 9px;border-radius:10px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);min-width:50px;box-shadow:inset 0 1px #ffffff0d}.reward-type{font-size:.7rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em}.reward-amount{font-size:.9rem;color:#fff;font-weight:700;margin-top:2px}.cleared-stats{font-size:.9rem;color:#cbd5e1;font-weight:600;opacity:.9}.challenge-header-section{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.header-top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-title-group{display:flex;align-items:center;gap:12px}.header-title-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#dc262626,#991b1b1a);border:1px solid rgba(220,38,38,.3);border-radius:8px;position:relative;box-shadow:0 4px 12px #dc262626;width:fit-content}.header-title-group h2{font-size:.9rem;font-weight:800;color:#fca5a5;text-transform:uppercase;letter-spacing:.15em;margin:0}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}.deploy-button-hero{background:linear-gradient(135deg,#991b1b,#dc2626,#ef4444);border:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.5);border-radius:12px;padding:14px 36px;cursor:pointer;box-shadow:0 10px 25px -5px #0009,0 0 20px #dc262680,inset 0 1px #fff3;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:240px;transition:all .3s ease}.button-content{display:flex;align-items:center;gap:4px;z-index:1}.button-main-text{font-size:1rem;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.15px}.button-glow{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);pointer-events:none}.header-descriptions{display:flex;flex-direction:column;gap:12px;padding-left:4px;margin-top:8px}.subtitle{font-size:.85rem;color:#94a3b8;margin:0;font-weight:500;letter-spacing:.02em;line-height:1.4}.challenge-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:4px}.rule-item{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:8px 12px;border-radius:8px;transition:all .2s ease}.rule-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-1px)}.rule-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.rule-icon-wrapper.goal{background:#ef444426;color:#fca5a5;box-shadow:0 0 10px #ef44441a}.rule-icon-wrapper.fairplay{background:#3b82f626;color:#93c5fd;box-shadow:0 0 10px #3b82f61a}.rule-icon-wrapper.rewards{background:#f59e0b26;color:#fcd34d;box-shadow:0 0 10px #f59e0b1a}.rule-item span{font-size:.75rem;color:#e2e8f0;font-weight:500;line-height:1.3}@media (max-width: 768px){.header-top-row{flex-direction:column;align-items:stretch;gap:16px}.header-title-badge{width:100%;justify-content:center}.deploy-button-hero{width:100%;min-width:auto;padding:16px 24px}.button-main-text{font-size:1rem}.challenge-rules-grid{grid-template-columns:1fr}}.tower-token-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;--tier-color: #a8a29e}.token-dogtag{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.token-tower-icon{position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.dogtag-body{transition:all .3s ease}.dogtag-highlight{animation:dogtag-breathe 5s ease-in-out infinite}@keyframes dogtag-breathe{0%,to{opacity:.06}50%{opacity:.12}}.tower-token-icon.tier-legendary .token-dogtag{filter:drop-shadow(0 2px 6px rgba(255,215,0,.25))}.tower-token-icon.tier-epic .token-dogtag{filter:drop-shadow(0 2px 5px rgba(168,85,247,.2))}.tower-token-icon.tier-rare .token-dogtag{filter:drop-shadow(0 2px 4px rgba(59,130,246,.15))}.tower-token-icon.tier-uncommon .token-dogtag{filter:drop-shadow(0 2px 4px rgba(34,197,94,.12))}.tower-token-icon:hover .token-dogtag{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.tower-token-icon:hover .dogtag-body{transform:scale(1.01);transform-origin:center}.tower-token-icon.tier-legendary:hover .token-dogtag{filter:drop-shadow(0 2px 10px rgba(255,215,0,.35))}.tower-token-icon.tier-epic:hover .token-dogtag{filter:drop-shadow(0 2px 8px rgba(168,85,247,.3))}@media (prefers-reduced-motion: reduce){.dogtag-highlight,.dogtag-shimmer{animation:none!important}.tower-token-icon:hover .dogtag-body{transform:none!important}}.upgrade-token-icon{position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.upgrade-token-icon .token-dogtag{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.upgrade-token-icon .token-upgrade-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.upgrade-token-icon:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.15)}.upgrade-token-icon:hover .token-upgrade-icon{transform:scale(1.1)}.upgrade-token-icon.rarity-common:hover{filter:drop-shadow(0 4px 8px rgba(168,162,158,.4))}.upgrade-token-icon.rarity-uncommon:hover{filter:drop-shadow(0 4px 8px rgba(197,255,219,.4))}.upgrade-token-icon.rarity-rare:hover{filter:drop-shadow(0 4px 8px rgba(141,223,255,.4))}.upgrade-token-icon.rarity-epic:hover{filter:drop-shadow(0 4px 8px rgba(206,160,250,.4))}.upgrade-token-icon.rarity-legendary:hover{filter:drop-shadow(0 4px 8px rgba(255,238,139,.4))}.upgrade-token-icon:hover .dogtag-body{animation:dogtag-pulse 1.5s ease-in-out infinite}@keyframes dogtag-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.dogtag-shimmer{animation:shimmer-sweep 4s ease-in-out infinite}@keyframes shimmer-sweep{0%{transform:translate(-30px) skew(-15deg)}to{transform:translate(130px) skew(-15deg)}}.daily-rewards-panel{position:relative;width:100%;min-height:85px;padding:18px 22px 20px;border-radius:16px;background:linear-gradient(180deg,#1d1d1d6b,#045d2f24),#ffffff03;border:1px solid rgba(34,197,94,.177);box-shadow:0 18px 50px -18px #000000a6,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.daily-rewards-panel.claimable{border-color:#22c55e59;box-shadow:0 18px 50px -18px #000000a6,0 0 40px -15px #22c55e40,inset 0 1px #ffffff0a}@media (max-width: 520px){.daily-rewards-panel.claimable{min-height:130px}}.daily-rewards-panel.claimed{border-color:#64748b26}.daily-panel__edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;pointer-events:none;background:linear-gradient(90deg,#ffffff0f,#fff0),linear-gradient(270deg,#ffffff0d,#fff0);mix-blend-mode:screen;opacity:.12}.daily-panel__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");opacity:.08;mix-blend-mode:soft-light;pointer-events:none;border-radius:16x}.daily-rewards-panel.claimable:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(34,197,94,.15) 0%,transparent 60%);animation:dailyGlowPulse 3s ease-in-out infinite;pointer-events:none;border-radius:20px}@keyframes dailyGlowPulse{0%,to{opacity:.4}50%{opacity:.8}}.daily-header-section{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2}.daily-title-group{display:flex;align-items:center;gap:14px}.daily-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.claimable .daily-icon-box{background:linear-gradient(135deg,#22c55e33,#10b9811a);border:1px solid rgba(34,197,94,.4);color:#22c55e;box-shadow:0 0 25px #22c55e33,inset 0 0 15px #22c55e1a}.claimed .daily-icon-box{background:#64748b26;border:1px solid rgba(100,116,139,.25);color:#64748b}.daily-icon-box .pulse-ring{position:absolute;width:100%;height:100%;border:2px solid rgba(34,197,94,.5);border-radius:14px;animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:scale(1);opacity:.8}to{transform:scale(1.4);opacity:0}}.daily-title-text h3{margin:0;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.claimable .daily-title-text h3{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.3)}.claimed .daily-title-text h3{color:#94a3b8}.daily-title-text .streak-info{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:.75rem;color:#64748b}.streak-info .streak-count{display:flex;align-items:center;gap:4px;color:#f59e0b;font-weight:700}.streak-info .multiplier-badge{display:flex;align-items:center;gap:3px;padding:2px 7px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#f59e0b;font-weight:700;font-size:.7rem}.streak-info .milestone-preview{display:flex;align-items:center;gap:3px;color:#a855f7}.daily-claim-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 20px #22c55e59,inset 0 1px #fff3;transition:transform .2s,box-shadow .2s}.daily-claim-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #22c55e73,inset 0 1px #fff3}.daily-claim-btn:active{transform:translateY(0)}.daily-claim-btn:disabled{opacity:.7;cursor:not-allowed}.daily-claim-btn .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%,to{left:-100%}50%{left:100%}}.daily-claim-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.daily-expand-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b2a1eb3,#2a1b0fcc),#0f0f1466;border:1px solid rgba(245,158,11,.2);border-radius:10px;color:#d4a574;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #0000004d,inset 0 1px #f59e0b14;text-transform:uppercase;letter-spacing:.05em}.daily-expand-btn:hover{background:linear-gradient(135deg,#3b2a1ed9,#2a1b0ff2),#0f0f1480;border-color:#f59e0b59;color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 16px #0006,0 0 20px #f59e0b26,inset 0 1px #f59e0b26}.daily-expand-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000004d,inset 0 1px #f59e0b14}.daily-cycle-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff0d;border-radius:0 0 20px 20px;overflow:hidden}.daily-cycle-fill{height:100%;background:linear-gradient(90deg,#46d57a,#41cf39,#19b211);border-radius:0 4px 4px 0;transition:width .8s ease-out}.todays-reward-preview{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:14px;position:relative;z-index:2}.reward-preview-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:700;flex-shrink:0;writing-mode:vertical-lr;transform:rotate(180deg)}.reward-items-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.reward-preview-item{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;min-width:70px;flex-shrink:0}.reward-preview-item.essence{background:linear-gradient(135deg,rgba(217,70,239,.1),transparent);border-color:#d946ef40}.reward-preview-item.soulstones{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);border-color:#bae6fd4d;box-shadow:0 0 12px #ffffff14}.reward-preview-item .icon-wrapper{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-preview-item .item-info{display:flex;flex-direction:column;gap:0px;min-width:0}.reward-preview-item .item-qty{font-size:.85rem;font-weight:800;color:#f1f5f9;line-height:1.2;right:-7px;bottom:-7px}.reward-preview-item .item-name{font-size:.6rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reward-preview-item.rarity-common{border-color:#a8a29e66}.reward-preview-item.rarity-uncommon{border-color:#22c55e66}.reward-preview-item.rarity-rare{border-color:#3b82f666}.reward-preview-item.rarity-epic{border-color:#a855f766}.reward-preview-item.rarity-legendary{border-color:#eab30880;background:linear-gradient(135deg,rgba(234,179,8,.1),transparent)}.daily-expanded-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:2;overflow:hidden}.expanded-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.expanded-title{display:flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:700}.expanded-stats{display:flex;gap:16px;font-size:.7rem;color:#64748b}.expanded-stats span{display:flex;align-items:center;gap:5px}.cycle-rewards-list{display:flex;flex-direction:column;gap:8px}.cycle-reward-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;position:relative;transition:all .2s}.cycle-reward-row:hover{background:#ffffff0a;border-color:#ffffff1a}.cycle-reward-row.completed{opacity:.5;background:#22c55e0d;border-color:#22c55e26}.cycle-reward-row.current{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f659;box-shadow:0 0 15px -5px #3b82f640}.cycle-reward-row.milestone{background:linear-gradient(135deg,#f59e0b14,#eab30808);border-color:#f59e0b4d}.cycle-reward-row.milestone.current{border-color:#f59e0b80;box-shadow:0 0 20px -5px #f59e0b4d}.cycle-day-indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;flex-shrink:0}.cycle-day-indicator .day-num{font-size:.85rem;font-weight:800;color:#94a3b8}.cycle-day-indicator .day-completed-check{color:#22c55e}.cycle-day-indicator .day-milestone-icon{color:#f59e0b}.current .cycle-day-indicator{background:#3b82f626;border-color:#3b82f64d}.current .cycle-day-indicator .day-num{color:#60a5fa}.milestone .cycle-day-indicator{background:#f59e0b26;border-color:#f59e0b4d}.super-milestone .cycle-day-indicator{background:linear-gradient(135deg,#eab30840,#f59e0b26);border-color:#eab30880;width:auto;min-width:36px;padding:4px 10px;gap:6px}.cycle-day-indicator .day-super-milestone-icon{display:flex;align-items:center;gap:6px;color:#eab308}.cycle-day-indicator .day-super-milestone-icon svg{filter:drop-shadow(0 0 4px rgba(234,179,8,.6))}.cycle-day-indicator .streak-day-label{font-size:.7rem;font-weight:800;color:#fbbf24;white-space:nowrap}.super-milestone.cycle-reward-row{background:linear-gradient(90deg,rgba(234,179,8,.08),transparent);border-color:#eab30840;box-shadow:0 0 20px #eab3081a}.next-claim-countdown{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#64748b26;border:1px solid rgba(100,116,139,.25);border-radius:6px;font-size:.7rem;font-weight:600;color:#94a3b8}.next-claim-countdown svg{opacity:.7}.next-claim-countdown .countdown-time{font-family:JetBrains Mono,SF Mono,monospace;font-weight:700;letter-spacing:.5px;color:#cbd5e1}.row-badge.super-badge{background:linear-gradient(135deg,#f59e0b,#eab308);color:#000;font-weight:800;padding:4px 8px;font-size:.6rem;border-radius:6px;box-shadow:0 2px 8px #eab30866;animation:superBadgePulse 1.5s ease-in-out infinite}@keyframes superBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cycle-reward-items{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.cycle-item{position:relative;display:flex;align-items:center;gap:5px;padding:5px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.75rem;font-weight:700;color:#e2e8f0;cursor:help;transition:all .15s}.cycle-item:hover{background:#ffffff14;transform:translateY(-1px)}.cycle-item.essence{background:linear-gradient(135deg,rgba(217,70,239,.12),transparent);border-color:#d946ef4d;color:#d946ef}.cycle-item.soulstones{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);border-color:#bae6fd59;color:#e0f2fe;box-shadow:0 0 8px #ffffff0f}.cycle-item.item{padding:4px 8px;min-width:36px;justify-content:center}.cycle-item.item.rarity-common{border-color:#a8a29e59}.cycle-item.item.rarity-uncommon{border-color:#22c55e66;background:linear-gradient(135deg,rgba(34,197,94,.08),transparent)}.cycle-item.item.rarity-rare{border-color:#3b82f673;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent)}.cycle-item.item.rarity-epic{border-color:#a855f773;background:linear-gradient(135deg,rgba(168,85,247,.1),transparent)}.cycle-item.item.rarity-legendary{border-color:#eab30880;background:linear-gradient(135deg,rgba(234,179,8,.12),transparent);box-shadow:0 0 10px #eab30826}.cycle-item-icon{display:flex;align-items:center;justify-content:center}.cycle-item .item-qty{font-size:.65rem;color:#94a3b8;margin-left:2px;right:-2px;bottom:-2px}.row-badge{position:absolute;right:10px;padding:3px 8px;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:6px}.row-badge.current-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.row-badge.next-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 6px #3b82f640}.row-badge.milestone-badge{background:linear-gradient(135deg,#f59e0b33,#eab3081a);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.cycle-reward-row.next{background:linear-gradient(90deg,rgba(59,130,246,.06),transparent)}.super-milestone-preview{margin-top:16px;padding:14px;background:linear-gradient(135deg,#eab3080f,#f59e0b05);border:1px solid rgba(234,179,8,.15);border-radius:12px}.super-milestone-preview .preview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#fbbf24;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.super-milestone-preview .preview-header svg{filter:drop-shadow(0 0 4px rgba(234,179,8,.5))}.preview-milestones{display:flex;gap:10px}.preview-milestone{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .2s}.preview-milestone .milestone-day{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em}.preview-milestone .milestone-remaining{font-size:.65rem;font-weight:500;color:#475569}.preview-milestone .milestone-status{color:#22c55e;display:flex;align-items:center}.preview-milestone.soon{background:#ffffff0d;border-color:#ffffff1f}.preview-milestone.soon .milestone-day{color:#94a3b8}.preview-milestone.soon .milestone-remaining{color:#cbd5e1;font-weight:600}.preview-milestone.reached{background:#22c55e0d;border-color:#22c55e26}.preview-milestone.reached .milestone-day{color:#4ade80}.daily-modal-overlay{bottom:0;background:#00000026;position:fixed;left:-100px;right:-100px;top:-200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.daily-modal{position:relative;background:linear-gradient(180deg,#3b2a1e77,#2a1b0f8f),radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.08),transparent 60%);border:2px solid rgba(245,158,11,.25);border-radius:20px;padding:36px 32px;max-width:520px;width:100%;box-shadow:0 30px 70px -20px #000000d9,0 0 100px -25px #f59e0b33,inset 0 1px #f59e0b1a,inset 0 -1px #00000080;overflow:hidden}.daily-modal.milestone{border-color:#f59e0b80;background:linear-gradient(180deg,#3b2a1efa,#2a1b0f),radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.15),transparent 60%);box-shadow:0 30px 70px -20px #000000e6,0 0 120px -20px #f59e0b59,inset 0 1px #f59e0b33,inset 0 -1px #0009}.daily-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(245,158,11,.4),transparent);pointer-events:none}.daily-modal.milestone:before{background:linear-gradient(to right,transparent,rgba(245,158,11,.6),transparent);box-shadow:0 0 20px #f59e0b66}.daily-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px);pointer-events:none;opacity:.3}.modal-header{text-align:center;margin-bottom:30px;position:relative;z-index:1}.modal-header .header-icon{width:72px;height:72px;margin:0 auto 14px;background:linear-gradient(135deg,#f59e0b26,#d9770614),#3b2a1e80;border:2px solid rgba(245,158,11,.35);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 4px 20px #0000004d,0 0 30px #f59e0b26,inset 0 1px #f59e0b33}.milestone .modal-header .header-icon{background:linear-gradient(135deg,#f59e0b40,#eab30826),#3b2a1e99;border-color:#f59e0b99;color:#fbbf24;box-shadow:0 4px 20px #0006,0 0 40px #f59e0b4d,inset 0 1px #f59e0b4d}.modal-header h2{font-size:1.7rem;font-weight:800;color:#fef3c7;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.milestone .modal-header h2{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(245,158,11,.4))}.modal-header .streak-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:#3b2a1e99;border:1px solid rgba(245,158,11,.3);border-radius:24px;color:#fbbf24;font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #0000004d,inset 0 1px #f59e0b1a}.modal-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin-bottom:24px;position:relative;z-index:1}.modal-reward-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:linear-gradient(135deg,#3b2a1e66,#2a1b0f99),#0f0f1480;border:1px solid rgba(245,158,11,.15);border-radius:14px;position:relative;transition:all .3s ease;box-shadow:0 2px 8px #0000004d,inset 0 1px #f59e0b14}.modal-reward-card:hover{transform:translateY(-3px);border-color:#f59e0b4d;box-shadow:0 4px 16px #0006,0 0 20px #f59e0b26}.modal-reward-card.essence{background:linear-gradient(135deg,#d946ef14,#c026d30a),#3b2a1e66;border-color:#d946ef40}.modal-reward-card.soulstones{background:linear-gradient(135deg,#bae6fd14,#93c5fd0a),#3b2a1e66;border-color:#bae6fd4d;box-shadow:0 2px 8px #0000004d,0 0 15px #bae6fd1a,inset 0 1px #bae6fd1a}.modal-reward-card.bonus{background:linear-gradient(135deg,#22c55e1f,#16a34a0f),#3b2a1e80;border-color:#22c55e66;animation:bonusPulseGuardspire 2s ease-in-out infinite}@keyframes bonusPulseGuardspire{0%,to{box-shadow:0 2px 8px #0000004d,0 0 20px #22c55e26}50%{box-shadow:0 4px 16px #0006,0 0 30px #22c55e4d}}.modal-reward-card.rarity-common{border-color:#a8a29e40;background:linear-gradient(135deg,rgba(168,162,158,.06),transparent),#3b2a1e66}.modal-reward-card.rarity-uncommon{border-color:#22c55e4d;background:linear-gradient(135deg,rgba(34,197,94,.08),transparent),#3b2a1e66}.modal-reward-card.rarity-rare{border-color:#3b82f659;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent),#3b2a1e66}.modal-reward-card.rarity-epic{border-color:#a855f766;background:linear-gradient(135deg,rgba(168,85,247,.12),transparent),#3b2a1e80}.modal-reward-card.rarity-legendary{border-color:#f59e0b99;background:linear-gradient(135deg,#f59e0b2e,#eab30814),#3b2a1e99;box-shadow:0 2px 12px #0006,0 0 30px #f59e0b33,inset 0 1px #f59e0b33}.modal-reward-card .bonus-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:3px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:8px;box-shadow:0 4px 12px #22c55e66}.modal-reward-card .icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.modal-reward-card .reward-amount{font-size:1.3rem;font-weight:800;color:#fef3c7;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-reward-card .reward-name{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#d4a574;text-align:center}.modal-multiplier-info{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#f59e0b14,#d977060f),#3b2a1e80;border:1px solid rgba(245,158,11,.25);border-radius:12px;margin-bottom:22px;box-shadow:0 2px 8px #0003,inset 0 1px #f59e0b1a;font-size:.85rem;font-weight:700;color:#f59e0b;position:relative;z-index:1}.modal-close-btn{width:100%;padding:16px 20px;background:linear-gradient(135deg,#f59e0be6,#d97706f2),#3b2a1ecc;border:1px solid rgba(245,158,11,.4);border-radius:12px;color:#fef3c7;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;position:relative;z-index:1;box-shadow:0 4px 16px #0006,0 0 20px #f59e0b33,inset 0 1px #ffffff26,inset 0 -1px #0000004d;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.4)}.modal-close-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#f59e0b,#d97706),#3b2a1ee6;box-shadow:0 6px 24px #00000080,0 0 30px #f59e0b4d,inset 0 1px #fff3}.modal-close-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0006,0 0 15px #f59e0b33}.daily-tower-token{display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.daily-crate-icon,.daily-key-icon{display:flex;align-items:center;justify-content:center}.daily-rewards-skeleton{height:100px;background:linear-gradient(180deg,#1d1d1d5c,#045d2f14);border:1px solid rgba(34,197,94,.1);border-radius:20px;overflow:hidden;margin-bottom:12px}.skeleton-pulse{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.08) 50%,transparent 100%);animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cycle-modal-overlay{bottom:0;background:#00000026;position:fixed;left:-100px;right:-100px;top:-200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.cycle-modal{position:relative;background:linear-gradient(180deg,#3b2a1ef5,#2a1b0ffa),radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.08),transparent 70%);border:2px solid rgba(245,158,11,.3);border-radius:20px;padding:32px;max-width:680px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 70px -20px #000000e6,0 0 100px -25px #f59e0b40,inset 0 1px #f59e0b26,inset 0 -1px #00000080;scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.4) transparent}.cycle-modal::-webkit-scrollbar{width:6px}.cycle-modal::-webkit-scrollbar-track{background:transparent}.cycle-modal::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:3px}.cycle-modal::-webkit-scrollbar-thumb:hover{background:#f59e0b99}.cycle-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(245,158,11,.5),transparent);box-shadow:0 0 20px #f59e0b4d;pointer-events:none}.cycle-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px);pointer-events:none;opacity:.3;border-radius:20px}.cycle-modal-header-section{display:flex;flex-direction:column;gap:24px;margin-bottom:28px;position:relative;z-index:2}.cycle-modal-top-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(245,158,11,.15)}.cycle-modal-title-group{display:flex;align-items:center;gap:12px}.cycle-modal-title-group h3{font-size:1.4rem;font-weight:800;color:#fef3c7;margin:0;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5);background:linear-gradient(135deg,#fef3c7,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title-icon{font-size:26px;color:#f59e0b;filter:drop-shadow(0 0 10px rgba(245,158,11,.4))}.cycle-modal-close-btn{width:36px;height:36px;border-radius:50%;background:#0000004d;border:1px solid rgba(245,158,11,.2);color:#d1d5db;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.cycle-modal-close-btn:hover{background:#f59e0b33;border-color:#f59e0b80;color:#fef3c7;transform:rotate(90deg)}.cycle-modal-stats-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0003;padding:12px 16px;border-radius:12px;border:1px solid rgba(245,158,11,.05)}.cycle-stat-item{display:flex;align-items:center;gap:12px}.stat-icon{font-size:20px;color:#f59e0b;opacity:.8}.stat-content{display:flex;flex-direction:column;line-height:1.2}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-weight:600}.stat-value{font-size:1rem;font-weight:700;color:#f3f4f6;font-family:JetBrains Mono,monospace}.stat-denom{color:#6b7280;font-size:.85em;font-weight:500}.cycle-card-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.day-label{font-size:.85rem;font-weight:600;color:#9ca3af}.status-badge{font-size:.65rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.status-badge.current{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.claimed{color:#22c55e}.cycle-milestone-banner{width:100%;text-align:center;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.cycle-milestone-banner.super{background:linear-gradient(135deg,#f59e0b33,#dc262633);border-color:#f59e0b66;box-shadow:0 2px 8px #f59e0b26}.cycle-rewards-list{display:flex;flex-direction:column;gap:6px;width:100%}.reward-pill{display:flex;align-items:center;gap:10px;background:#0000004d;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.03);transition:all .2s ease}.reward-pill:hover{background:#ffffff0d;transform:translate(2px)}.reward-pill span{font-family:JetBrains Mono,monospace;font-weight:600;font-size:.85rem;color:#e5e7eb}.reward-pill.essence span{color:#c084fc}.reward-pill.soulstones span{color:#f472b6}.reward-pill.item{border-color:#ffffff1a}.cycle-modal-title{display:flex;align-items:center;gap:12px}.cycle-modal-title h3{font-size:1.4rem;font-weight:800;color:#fef3c7;margin:0;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.cycle-modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b33,#d977061a),#3b2a1e99;border:1px solid rgba(245,158,11,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 2px 8px #0000004d,0 0 20px #f59e0b26,inset 0 1px #f59e0b33}.cycle-modal-close{background:#3b2a1e80;border:1px solid rgba(245,158,11,.2);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .2s ease}.cycle-modal-close:hover{background:#3b2a1ecc;border-color:#f59e0b66;color:#f59e0b;transform:scale(1.05)}.cycle-stats-row{display:flex;gap:12px;margin-bottom:20px;position:relative;z-index:1}.cycle-stat-box{flex:1;padding:12px 16px;background:#3b2a1e66;border:1px solid rgba(245,158,11,.15);border-radius:10px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 8px #0003,inset 0 1px #f59e0b14}.cycle-stat-label{font-size:.65rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.cycle-stat-value{font-size:1.1rem;font-weight:800;color:#fbbf24;text-shadow:0 1px 3px rgba(0,0,0,.3)}.cycle-grid-modal{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative;z-index:1}.cycle-day-modal{background:linear-gradient(135deg,#3b2a1e80,#2a1b0f99),#0f0f1466;border:1px solid rgba(245,158,11,.15);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;transition:all .3s ease;min-height:140px}.cycle-day-modal:hover{border-color:#f59e0b4d;transform:translateY(-3px);box-shadow:0 4px 16px #0006,0 0 20px #f59e0b1a}.cycle-day-header{text-align:center}.cycle-day-number{font-size:.7rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cycle-day-modal.current{background:linear-gradient(135deg,#f59e0b26,#d977061a),#3b2a1e99;border-color:#f59e0b80;box-shadow:0 0 30px #f59e0b33,inset 0 1px #f59e0b33}.cycle-day-modal.current .cycle-day-number{color:#f59e0b;font-weight:800}.cycle-day-modal.claimed{opacity:.6;background:#0f0f144d;border-color:#64748b33}.cycle-day-modal.claimed .cycle-day-number{color:#475569}.cycle-day-modal.milestone:before{content:"★";position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;box-shadow:0 2px 8px #f59e0b80;z-index:2}.cycle-day-rewards{display:flex;flex-direction:column;gap:6px;width:100%}.cycle-reward-item-modal{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#0003;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.cycle-reward-item-modal .icon-wrapper{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cycle-reward-item-modal .item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cycle-reward-item-modal .item-qty{font-size:.75rem;font-weight:700;color:#fbbf24;line-height:1}.cycle-reward-item-modal .item-name{font-size:.55rem;color:#94a3b8;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.daily-rewards-panel{padding:14px 16px 16px;border-radius:14px}.daily-header-section{flex-direction:column;align-items:flex-start;gap:10px}.daily-panel-title{font-size:16px!important}.daily-claim-btn{width:100%;justify-content:center;padding:11px 18px!important;font-size:14px!important}.daily-expand-btn{width:100%;justify-content:center;padding:10px 16px!important;font-size:13px!important}.cycle-grid{grid-template-columns:repeat(4,1fr);gap:8px!important}.cycle-day:nth-child(n+5){grid-column:span 1}.cycle-day{padding:10px 6px!important;min-height:75px!important}.todays-reward-preview{flex-direction:column;align-items:flex-start;padding:12px!important}.reward-preview-label{writing-mode:horizontal-tb;transform:none;width:100%;margin-bottom:8px;font-size:11px!important}.reward-items-row{width:100%;gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.3) transparent;padding-bottom:4px;-webkit-overflow-scrolling:touch}.reward-items-row::-webkit-scrollbar{height:3px}.reward-items-row::-webkit-scrollbar-track{background:transparent}.reward-items-row::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:2px}.reward-preview-item{padding:5px 8px!important;min-width:65px!important;gap:5px!important}.reward-preview-item .icon-wrapper{width:24px!important;height:24px!important}.reward-preview-item .item-qty{font-size:.8rem!important}.reward-preview-item .item-name{font-size:.55rem!important;max-width:45px}.reward-item{min-height:60px!important}.modal-rewards-grid{grid-template-columns:repeat(2,1fr);gap:10px!important}.modal-reward-card{padding:16px 12px!important}.modal-reward-card .reward-amount{font-size:1.1rem!important}.modal-reward-card .reward-name{font-size:.65rem!important}.daily-modal{padding:28px 24px!important;border-radius:18px!important;max-width:95vw!important}.modal-header h2{font-size:1.4rem!important}.modal-header .header-icon{width:60px!important;height:60px!important}.modal-close-btn{padding:14px 18px!important;font-size:.95rem!important}.daily-panel__grain{opacity:.02!important}.daily-modal:after{opacity:.15!important}.particle-effect{display:none}.cycle-modal{padding:24px 20px!important;max-width:95vw!important;max-height:90vh!important;border-radius:16px!important}.cycle-modal-header{flex-direction:column;align-items:flex-start!important;gap:12px;margin-bottom:20px!important}.cycle-modal-title h3{font-size:1.2rem!important}.cycle-modal-icon{width:40px!important;height:40px!important}.cycle-modal-close{position:absolute;top:20px;right:20px}.cycle-stats-row{flex-direction:column!important;gap:8px!important}.cycle-stat-box{padding:10px 14px!important}.cycle-stat-label{font-size:.6rem!important}.cycle-stat-value{font-size:1rem!important}.cycle-grid-modal{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.cycle-day-modal{min-height:120px!important;padding:12px 8px!important}.cycle-day-number{font-size:.65rem!important}.cycle-reward-item-modal{padding:5px 6px!important;gap:5px!important}.cycle-reward-item-modal .icon-wrapper{width:18px!important;height:18px!important}.cycle-reward-item-modal .item-qty{font-size:.7rem!important}.cycle-reward-item-modal .item-name{font-size:.5rem!important}.cycle-modal:after{opacity:.15!important}}@media (max-width: 380px){.daily-rewards-panel{padding:12px 14px 14px}.daily-panel-title{font-size:15px!important}.cycle-grid{grid-template-columns:repeat(3,1fr);gap:6px!important}.cycle-day{padding:8px 4px!important;min-height:70px!important;font-size:11px!important}.cycle-modal{padding:20px 16px!important}.cycle-modal-title h3{font-size:1.1rem!important}.cycle-grid-modal{grid-template-columns:1fr!important}.cycle-day-modal{min-height:110px!important;padding:8px 4px!important;min-height:70px!important;font-size:11px!important}}.daily-item-tooltip{max-width:280px;min-width:180px}.daily-item-tooltip .tooltip-content{background:#0f0f14d9;border:1px solid;border-radius:10px;padding:10px 12px;box-shadow:0 4px 20px #00000080,0 0 1px #ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.daily-item-tooltip .tooltip-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.daily-item-tooltip .tooltip-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0000004d;border:1.5px solid;border-radius:6px;flex-shrink:0}.daily-item-tooltip .tooltip-title-section{display:flex;flex-direction:column;gap:1px;min-width:0}.daily-item-tooltip .tooltip-name{font-size:.85rem;font-weight:700;letter-spacing:.01em;line-height:1.2}.daily-item-tooltip .tooltip-rarity{font-size:.6rem;font-weight:600;letter-spacing:.08em;opacity:.8}.daily-item-tooltip .tooltip-description{font-size:.75rem;color:#94a3b8;line-height:1.4}.daily-item-tooltip .description-renderer{color:#94a3b8;font-size:.75rem}.daily-item-tooltip .description-renderer .highlight-positive{color:#4ade80;font-weight:600}.daily-item-tooltip .description-renderer .highlight-negative{color:#f87171;font-weight:600}.daily-item-tooltip .description-renderer .stat-highlight{color:#60a5fa;font-weight:600}.daily-item-tooltip:after{content:"";position:absolute;width:10px;height:10px;background:#0f0f14d9;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.daily-item-tooltip.arrow-bottom:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.daily-item-tooltip.arrow-top:after{top:-5px;left:50%;transform:translate(-50%) rotate(-135deg)}.daily-item-tooltip.arrow-left:after{left:-5px;top:50%;transform:translateY(-50%) rotate(135deg)}.daily-item-tooltip.arrow-right:after{right:-5px;top:50%;transform:translateY(-50%) rotate(-45deg)}.ivy-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;transform:translateZ(0);will-change:contents;contain:strict}.ivy-layer__canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0);backface-visibility:hidden}.ivy-layer__canvas--static{z-index:1;will-change:auto}.ivy-layer__canvas--active{z-index:2;will-change:contents}.ivy-layer--mobile{will-change:auto;contain:layout paint}.ivy-layer--mobile .ivy-layer__canvas--active{will-change:auto}@media (prefers-reduced-motion: reduce){.ivy-layer,.ivy-layer__canvas{will-change:auto;transform:none;transition:none}}@media (max-width: 768px){.ivy-layer{contain:layout paint}.ivy-layer__canvas--active{will-change:auto}}.stone-wall-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;will-change:contents;contain:strict;isolation:isolate}.stone-wall-background__canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0);backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.stone-wall-background--mobile .stone-wall-background__canvas{will-change:auto}@media (prefers-reduced-motion: reduce){.stone-wall-background,.stone-wall-background__canvas{will-change:auto;transform:none}}@media (max-width: 768px){.stone-wall-background{contain:layout paint}}@media (prefers-contrast: high){.stone-wall-background{filter:contrast(1.1)}}.stone-wall-background__moss-layer,.stone-wall-background__ivy-layer,.stone-wall-background__water-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity 1s ease}.stone-wall-background__moss-layer.active,.stone-wall-background__water-layer.active{opacity:1}:root{--auth-bg: #15120f;--auth-panel-bg: rgba(27, 23, 20, .95);--auth-border: rgba(255, 255, 255, .08);--auth-input-bg: rgba(16, 14, 10, .6);--auth-input-focus-bg: rgba(30, 23, 15, .8);--auth-primary: #f8651c;--auth-primary-hover: #ff5500;--auth-danger: #ef4444;--auth-text: #e2e8f0;--auth-text-muted: #ffffff;--auth-radius: 12px}.auth-form-container{width:100%}.auth-form-container form{display:flex;flex-direction:column;gap:1.5rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem;position:relative;transition:all .3s ease}.auth-input-label{font-size:.85rem;font-weight:500;color:var(--auth-text-muted);margin-left:2px;display:flex;align-items:center;gap:6px;transition:color .3s ease}.auth-input-group.is-focused .auth-input-label{color:var(--auth-primary)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input{width:100%;background:var(--auth-input-bg);border:1px solid var(--auth-border);border-radius:var(--auth-radius);padding:.875rem 1rem .875rem 2.75rem;color:var(--auth-text);font-size:.95rem;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:inset 0 2px 4px #0003}.auth-input:focus{background:var(--auth-input-focus-bg);border-color:#d5843a80;box-shadow:inset 0 2px 4px #0000004d,0 0 0 1px #d5843a33,0 0 15px #d5843a1a;transform:translateY(-1px)}.auth-input-group.has-error .auth-input{border-color:#ef444480;box-shadow:0 0 0 1px #ef44441a}.auth-input-group.has-error .auth-input:focus{box-shadow:0 0 0 1px #ef444466,0 0 15px #ef444426}.auth-input-icon-wrapper{position:absolute;left:1rem;color:var(--auth-text-muted);transition:color .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.auth-input:focus~.auth-input-icon-wrapper{color:var(--auth-primary)}.auth-input-group.has-error .auth-input-icon-wrapper{color:var(--auth-danger)}.password-toggle{position:absolute;right:1rem;background:transparent;border:none;color:var(--auth-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s;z-index:3}.password-toggle:hover{color:var(--auth-text);background:#ffffff0d}.auth-input-error{color:var(--auth-danger);font-size:.8rem;display:flex;align-items:center;gap:6px;overflow:hidden;font-weight:500}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ef444433;color:var(--auth-danger);font-size:.7rem;font-weight:700}.error-dot{width:6px;height:6px;background:var(--auth-danger);border-radius:50%;box-shadow:0 0 8px var(--auth-danger)}.auth-submit-btn{position:relative;width:100%;margin-top:1rem;padding:.875rem;border:none;border-radius:var(--auth-radius);background:linear-gradient(135deg,var(--auth-primary) 0%,#ff4f00 100%);color:#fff;font-weight:600;font-size:1rem;letter-spacing:.02em;cursor:pointer;transition:all .3s ease;overflow:hidden;isolation:isolate;box-shadow:0 4px 12px #d5843a4d}.auth-submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.2),transparent);opacity:0;transition:opacity .3s}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d5843a66}.auth-submit-btn:hover:before{opacity:1}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:wait;transform:none}.auth-footer-text{text-align:center;margin-top:1.5rem;color:var(--auth-text-muted);font-size:.9rem}.auth-link{color:var(--auth-primary);text-decoration:none;font-weight:600;margin-left:.5rem;position:relative;transition:color .2s}.auth-link:hover{color:#fff}.auth-link:after{content:"";position:absolute;width:100%;height:1px;bottom:-2px;left:0;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.auth-link:hover:after{transform:scaleX(1);transform-origin:left}.spinner-sm{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--auth-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{padding:0 1rem}.auth-options{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.85rem}.auth-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--auth-text-muted);transition:color .2s;-webkit-user-select:none;user-select:none}.auth-checkbox:hover{color:var(--auth-text)}.auth-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--auth-border);border-radius:4px;background:var(--auth-input-bg);cursor:pointer;position:relative;transition:all .2s ease}.auth-checkbox input[type=checkbox]:hover{border-color:#d5843a80}.auth-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,var(--auth-primary) 0%,#ff4f00 100%);border-color:var(--auth-primary)}.auth-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.auth-forgot-link{color:var(--auth-primary);text-decoration:none;font-weight:500;transition:color .2s}.auth-forgot-link:hover{color:var(--auth-primary-hover);text-decoration:underline}@media (max-width: 768px){.auth-form-container form{gap:1.25rem}.auth-input-label{font-size:.8rem}.auth-input{padding:.75rem .875rem .75rem 2.5rem;font-size:.9rem}.auth-input-icon-wrapper{left:.875rem}.password-toggle{right:.875rem}.auth-submit-btn{padding:.75rem;font-size:.95rem;margin-top:.75rem}.auth-footer-text{font-size:.85rem;margin-top:1.25rem}.auth-options{font-size:.8rem}}@media (max-width: 520px){:root{--auth-radius: 10px}.auth-form-container form{gap:1rem}.auth-input-group{gap:.375rem}.auth-input-label{font-size:.75rem;margin-left:1px;gap:4px}.auth-input{padding:.625rem .75rem .625rem 2.25rem;font-size:.875rem;border-radius:10px}.auth-input-icon-wrapper{left:.75rem}.auth-input-icon-wrapper svg{width:16px;height:16px}.password-toggle{right:.75rem;padding:3px}.password-toggle svg{width:16px;height:16px}.auth-input-error{font-size:.7rem;gap:4px}.error-icon{width:14px;height:14px;font-size:.65rem}.error-dot{width:5px;height:5px}.auth-submit-btn{padding:.625rem;font-size:.875rem;margin-top:.5rem;border-radius:10px}.auth-submit-btn:hover{transform:translateY(-1px)}.spinner-sm{width:16px;height:16px;border-width:2px}.auth-footer-text{font-size:.8rem;margin-top:1rem}.auth-link{margin-left:.375rem}.auth-divider{margin:1rem 0;font-size:.7rem}.auth-divider span{padding:0 .75rem}.auth-options{font-size:.75rem;gap:.5rem;flex-wrap:wrap}.auth-checkbox{gap:6px}.auth-checkbox input[type=checkbox]{width:16px;height:16px}.auth-checkbox input[type=checkbox]:checked:after{font-size:11px}.auth-forgot-link{font-size:.75rem}}@media (max-width: 375px){.auth-form-container form{gap:.875rem}.auth-input{padding:.5rem .625rem .5rem 2rem;font-size:.8125rem}.auth-input-icon-wrapper{left:.625rem}.password-toggle{right:.625rem}.auth-submit-btn{padding:.5rem;font-size:.8125rem}.auth-footer-text{font-size:.75rem}.auth-options{flex-direction:column;align-items:flex-start;gap:.625rem}}@media (max-height: 500px) and (orientation: landscape){.auth-form-container form{gap:.75rem}.auth-input{padding:.5rem .75rem .5rem 2.25rem}.auth-submit-btn{margin-top:.375rem;padding:.5rem}.auth-footer-text{margin-top:.75rem}}.password-strength{margin-top:-14px;animation:slideDown .3s ease-out}.password-strength-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:8px}.password-strength-segment{height:4px;border-radius:2px;background:#ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-strength-segment.active{box-shadow:0 0 1px currentColor}.password-strength-label{font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.password-requirements{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.password-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffff80;transition:all .2s ease}.password-check svg{flex-shrink:0;opacity:.6}.password-check.met{color:#10b981e6}.password-check.met svg{color:#10b981;opacity:1}@media (max-width: 768px){.password-strength{margin-top:-12px}.password-strength-bar{margin-bottom:6px}.password-strength-label{font-size:11px;margin-bottom:6px}.password-requirements{gap:5px;padding:7px 11px}}@media (max-width: 520px){.password-strength{margin-top:-10px}.password-strength-bar{gap:3px;margin-bottom:5px}.password-strength-segment{height:3px;border-radius:1.5px}.password-strength-label{font-size:10px;margin-bottom:5px;letter-spacing:.3px}.password-requirements{padding:6px 9px;gap:4px;border-radius:6px}.password-check{font-size:10.5px;gap:6px}.password-check svg{width:12px;height:12px}}@media (max-width: 375px){.password-strength-bar{gap:2px}.password-strength-segment{height:2.5px}.password-strength-label{font-size:9.5px}.password-requirements{padding:5px 8px}.password-check{font-size:10px;gap:5px}.password-check svg{width:11px;height:11px}}.username-availability{display:flex;align-items:center;gap:8px;margin-top:-18px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideDown .3s ease-out}.username-availability-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.username-availability-message{line-height:1.4}.username-availability--checking{background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#818cf8e6}.username-availability--available{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399f2}.username-availability--available .username-availability-icon{color:#10b981}.username-availability--taken{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171f2}.username-availability--taken .username-availability-icon{color:#ef4444}.username-availability--invalid{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fbbf24f2}.username-availability--invalid .username-availability-icon{color:#f59e0b}.spinner-icon{animation:spin 1s linear infinite}.username-availability--available{box-shadow:0 0 12px #10b98126}.username-availability--taken{box-shadow:0 0 12px #ef444426}.username-availability--checking{box-shadow:0 0 12px #6366f126}@media (max-width: 768px){.username-availability{margin-top:-16px;padding:7px 11px;font-size:11.5px}}@media (max-width: 520px){.username-availability{margin-top:-14px;font-size:10.5px;padding:6px 9px;gap:6px;border-radius:6px}.username-availability-icon svg{width:12px;height:12px}.username-availability-message{line-height:1.3}.username-availability--available{box-shadow:0 0 8px #10b9811f}.username-availability--taken{box-shadow:0 0 8px #ef44441f}.username-availability--checking{box-shadow:0 0 8px #6366f11f}}@media (max-width: 375px){.username-availability{margin-top:-12px;font-size:10px;padding:5px 8px;gap:5px}.username-availability-icon svg{width:11px;height:11px}}.caps-lock-warning{display:flex;align-items:center;gap:8px;margin-top:-18px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fbbf24f2;animation:slideDown .3s ease-out,pulse 2s ease-in-out infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 8px #f59e0b33}50%{box-shadow:0 0 16px #f59e0b4d}}.caps-lock-warning svg{color:#f59e0b;flex-shrink:0}@media (max-width: 768px){.caps-lock-warning{margin-top:-16px;padding:7px 11px;font-size:11.5px}}@media (max-width: 520px){.caps-lock-warning{margin-top:-14px;font-size:10.5px;padding:6px 9px;gap:6px;border-radius:6px}.caps-lock-warning svg{width:12px;height:12px}@keyframes pulse{0%,to{box-shadow:0 0 6px #f59e0b26}50%{box-shadow:0 0 12px #f59e0b40}}}@media (max-width: 375px){.caps-lock-warning{margin-top:-12px;font-size:10px;padding:5px 8px;gap:5px}.caps-lock-warning svg{width:11px;height:11px}}._prompt_7jpw1_4{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:_fadeIn_7jpw1_1 .3s ease-out}@keyframes _fadeIn_7jpw1_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._modalOverlay_7jpw1_15{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}._modalContent_7jpw1_31{position:relative;background:linear-gradient(135deg,#231a14fa,#32291efa);border:1px solid rgba(255,180,52,.279);border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 80px #6366f133;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;padding:32px}._modalClose_7jpw1_46{position:absolute;top:10px;right:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}._modalClose_7jpw1_46:hover{background:#ffffff26;color:#fffffff2;transform:scale(1.05)}._prompt--minimal_7jpw1_70{padding:12px 16px;background:linear-gradient(90deg,#83683a2b,#d1991757);border:1px solid rgba(245,159,11,.42);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}._prompt--minimal__text_7jpw1_82{display:flex;align-items:center;gap:8px;color:#fbbf24;font-size:.9rem}._prompt--compact_7jpw1_91{margin:12px;padding:16px;background:linear-gradient(135deg,#f59e0b1f,#47556940);border:1px solid rgba(245,158,11,.3);border-radius:12px;box-shadow:0 2px 12px #00000026}._prompt--compact__content_7jpw1_100{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}._prompt--compact__info_7jpw1_108{flex:1;min-width:200px}._prompt--compact__title_7jpw1_113{color:#fbbf24;margin:0 0 4px;font-size:1rem;display:flex;align-items:center;gap:8px}._prompt--compact__description_7jpw1_122{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.3}._prompt--default_7jpw1_130{padding:16px;background:linear-gradient(135deg,#f59e0b26,#4755694d);border:1px solid rgba(245,158,11,.4);border-radius:16px;box-shadow:0 4px 20px #0003;margin:0 20px}._prompt--default__content_7jpw1_139{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}._prompt--default__info_7jpw1_147{flex:1}._prompt--default__title_7jpw1_151{color:#fbbf24;margin:0 0 6px;font-size:1.1rem;display:flex;align-items:center;gap:10px}._prompt--default__description_7jpw1_160{color:#e5e7eb;margin:0;font-size:.9rem;line-height:1.4}._button_7jpw1_168{border:none;border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._button_7jpw1_168:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}._button_7jpw1_168:active:before{width:300px;height:300px}._button_7jpw1_168:hover{transform:translateY(-2px)}._button_7jpw1_168:active{transform:translateY(0)}._button--primary_7jpw1_205{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:10px 24px;font-size:.9rem;box-shadow:0 4px 12px #fbbf244d}._button--primary_7jpw1_205:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 6px 20px #fbbf2473}._button--primary_7jpw1_205:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7;transform:none}._button--minimal_7jpw1_225{background:#fbbf24;color:#000;padding:6px 16px;font-size:.85rem}._button--icon_7jpw1_232{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;transition:all .2s}._button--icon_7jpw1_232:hover{color:#fbbf24;transform:rotate(90deg)}._form_7jpw1_249{animation:_slideDown_7jpw1_1 .4s cubic-bezier(.4,0,.2,1)}@keyframes _slideDown_7jpw1_1{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:600px;transform:translateY(0)}}._form__header_7jpw1_266{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}._form__title_7jpw1_273{color:#fbbf24;margin:0;font-size:1.05rem;display:flex;align-items:center;gap:8px;font-weight:600}._form__fields_7jpw1_283{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}._form__field_7jpw1_283{display:flex;flex-direction:column;gap:6px;animation:_fieldSlideIn_7jpw1_1 .4s ease-out backwards}._form__field_7jpw1_283:nth-child(1){animation-delay:.1s}._form__field_7jpw1_283:nth-child(2){animation-delay:.2s}._form__field_7jpw1_283:nth-child(3){animation-delay:.3s}@keyframes _fieldSlideIn_7jpw1_1{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}._form__input-wrapper_7jpw1_312{position:relative}._form__input_7jpw1_312{width:100%;padding:12px 14px;border-radius:8px;background:#0006;border:2px solid #4b5563;color:#fff;outline:none;transition:all .3s ease;font-size:.9rem}._form__input_7jpw1_312:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;transform:translateY(-1px)}._form__input--error_7jpw1_334{border-color:#ef4444;animation:_shake_7jpw1_1 .4s ease}@keyframes _shake_7jpw1_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._form__input--error_7jpw1_334:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}._form__password-toggle_7jpw1_350{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}._form__password-toggle_7jpw1_350:hover{color:#fbbf24}._form__error_7jpw1_369{color:#fca5a5;font-size:.75rem;display:flex;align-items:center;gap:4px;animation:_errorSlideIn_7jpw1_1 .3s ease-out}@keyframes _errorSlideIn_7jpw1_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._password-strength_7jpw1_390{margin-top:8px}._password-strength__bar-container_7jpw1_394{height:4px;background:#0000004d;border-radius:2px;overflow:hidden;position:relative}._password-strength__bar_7jpw1_394{height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:2px;position:relative}._password-strength__bar_7jpw1_394:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:_shimmer_7jpw1_1 2s infinite}@keyframes _shimmer_7jpw1_1{0%{transform:translate(-100%)}to{transform:translate(100%)}}._password-strength__label_7jpw1_425{font-size:.7rem;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:color .3s}._form__submit_7jpw1_435{display:flex;justify-content:flex-end;margin-top:8px}._form__submit_7jpw1_435 ._button--primary_7jpw1_205{width:100%;padding:12px 32px;font-size:1rem}._spinner_7jpw1_447{display:flex;align-items:center;justify-content:center;gap:10px}._form__success_7jpw1_455{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid rgba(34,197,94,.4);border-radius:8px;padding:12px 16px;color:#86efac;display:flex;align-items:center;gap:10px;font-size:.9rem;animation:_successFadeIn_7jpw1_1 .5s ease-out}@keyframes _successFadeIn_7jpw1_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){._modalOverlay_7jpw1_15{padding:16px}._modalContent_7jpw1_31{padding:24px;max-width:100%;border-radius:14px}._modalClose_7jpw1_46{top:12px;right:12px;padding:6px}._prompt--minimal_7jpw1_70{padding:10px 14px;gap:10px;border-radius:7px}._prompt--minimal__text_7jpw1_82{font-size:.85rem;gap:7px}._prompt--compact_7jpw1_91{margin:10px;padding:14px;border-radius:10px}._prompt--compact__content_7jpw1_100{gap:14px}._prompt--compact__title_7jpw1_113{font-size:.95rem;gap:7px}._prompt--compact__description_7jpw1_122{font-size:.8rem}._prompt--default_7jpw1_130{margin:0 10px;padding:14px;border-radius:10px}._prompt--default__title_7jpw1_151{font-size:1rem;gap:7px}._prompt--default__description_7jpw1_160{font-size:.85rem}._button_7jpw1_168{padding:8px 14px;font-size:.85rem}}@media (max-width: 520px){._modalOverlay_7jpw1_15{padding:12px}._modalContent_7jpw1_31{padding:28px;border-radius:12px;max-height:85vh}._modalClose_7jpw1_46{top:8px;right:8px;padding:5px;border-radius:6px}._modalClose_7jpw1_46 svg{width:20px;height:20px}._prompt--minimal_7jpw1_70{padding:8px 12px;gap:8px;border-radius:6px}._prompt--minimal__text_7jpw1_82{font-size:.8rem;gap:6px}._prompt--minimal__text_7jpw1_82 svg{width:14px;height:14px}._prompt--compact_7jpw1_91{margin:8px;padding:12px;border-radius:8px}._prompt--compact__content_7jpw1_100{gap:12px;flex-direction:column;align-items:flex-start}._prompt--compact__info_7jpw1_108{min-width:auto;width:100%}._prompt--compact__title_7jpw1_113{font-size:.9rem;gap:6px}._prompt--compact__title_7jpw1_113 svg{width:16px;height:16px}._prompt--compact__description_7jpw1_122{font-size:.75rem}._prompt--default_7jpw1_130{margin:0 8px;padding:12px;border-radius:8px}._prompt--default__content_7jpw1_139{gap:12px;flex-direction:column;align-items:flex-start}._prompt--default__info_7jpw1_147{width:100%}._prompt--default__title_7jpw1_151{font-size:.95rem;gap:6px}._prompt--default__title_7jpw1_151 svg{width:18px;height:18px}._prompt--default__description_7jpw1_160{font-size:.8rem;line-height:1.4}._button_7jpw1_168{padding:7px 12px;font-size:.8rem;border-radius:6px;width:100%}._button--minimal_7jpw1_225{width:auto;padding:6px 10px;font-size:.75rem}._button_7jpw1_168 svg{width:16px;height:16px}}@media (max-width: 375px){._modalOverlay_7jpw1_15{padding:8px}._modalContent_7jpw1_31{padding:16px;border-radius:10px;max-height:80vh}._modalClose_7jpw1_46{top:6px;right:6px;padding:4px}._modalClose_7jpw1_46 svg{width:18px;height:18px}._prompt--minimal_7jpw1_70{padding:7px 10px;gap:7px}._prompt--minimal__text_7jpw1_82{font-size:.75rem;gap:5px}._prompt--compact_7jpw1_91{margin:6px;padding:10px}._prompt--compact__title_7jpw1_113{font-size:.85rem}._prompt--compact__description_7jpw1_122{font-size:.7rem}._prompt--default_7jpw1_130{margin:0 6px;padding:10px}._prompt--default__title_7jpw1_151{font-size:.9rem}._prompt--default__description_7jpw1_160{font-size:.75rem}._button_7jpw1_168{padding:6px 10px;font-size:.75rem}._button--minimal_7jpw1_225{padding:5px 8px;font-size:.7rem}}@media (max-height: 500px) and (orientation: landscape){._modalContent_7jpw1_31{padding:16px;max-height:95vh}._prompt--compact_7jpw1_91,._prompt--default_7jpw1_130{padding:10px}._button_7jpw1_168{padding:6px 12px}}:root{--color-amber-primary: #f59e0b;--color-amber-light: #fbbf24;--color-amber-dark: #d97706;--color-purple-primary: #8b5cf6;--color-purple-light: #a78bfa;--color-red-primary: #ef4444;--color-blue-primary: #3b82f6;--color-green-primary: #10b981;--bg-overlay-dark: rgba(15, 23, 42, .8);--bg-glass: linear-gradient(135deg, rgba(59, 42, 30, .444) 0%, rgba(42, 27, 15, .668) 100%);--bg-card-brown: linear-gradient(135deg, rgba(59, 45, 30, .8) 0%, rgba(42, 29, 15, .95) 100%);--spacing-xs: clamp(6px, 1vh, 10px);--spacing-sm: clamp(12px, 2vh, 16px);--spacing-md: clamp(16px, 2.5vh, 24px);--spacing-lg: clamp(20px, 3vh, 28px);--spacing-xl: clamp(24px, 4vh, 32px);--border-radius-sm: clamp(8px, 1vw, 10px);--border-radius-md: clamp(10px, 2vw, 12px);--border-radius-lg: clamp(14px, 2vw, 20px);--border-radius-xl: 24px}.dashboard-container{position:relative;width:100%;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-snap-stop:normal;overscroll-behavior-y:contain;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.dashboard-container::-webkit-scrollbar{display:none;width:0;height:0}.dashboard-page{--page-height: 100dvh;--header-offset: clamp(40px, 6vh, 100px);--footer-offset: clamp(16px, 3vh, 24px);--side-padding: clamp(16px, 4vw, 48px);--content-max-height: calc(var(--page-height) - var(--header-offset) - var(--footer-offset));min-height:var(--page-height);height:auto;scroll-snap-align:start;scroll-snap-stop:normal;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--spacing-md);contain:layout style paint;overflow:visible}.dashboard-page--scrollable{overflow-y:visible;overflow-x:hidden;padding-bottom:clamp(40px,8vh,80px)}.dashboard-page--fixed{overflow:hidden;height:var(--page-height)}.dashboard-page--fixed .dashboard-page__content{position:relative}.dashboard-page{position:relative;background-color:#1a1714}.dashboard-page__content{position:relative;z-index:1;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:12px;padding:40px 24px;flex:1 1 auto;min-height:0;transform:translateZ(0);backface-visibility:hidden}@media (max-width: 767px){.dashboard-page__content{gap:14px;margin:10px 0 0;padding:20px 12px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.dashboard-page--fixed .dashboard-page__content{max-height:var(--content-max-height);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-right:0;margin-right:0;will-change:scroll-position}.dashboard-page--fixed .dashboard-page__content::-webkit-scrollbar{display:none;width:0;height:0}@media (max-width: 768px){.dashboard-page{--header-offset: clamp(24px, 4vh, 60px);--footer-offset: clamp(12px, 2vh, 20px)}.dashboard-page--scrollable{padding-bottom:clamp(60px,10vh,100px)!important}.dashboard-page--fixed .dashboard-page__content{padding-right:6px;margin-right:-6px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width: 480px){.dashboard-page{--header-offset: clamp(16px, 3vh, 40px);--footer-offset: clamp(10px, 1.5vh, 16px);--side-padding: clamp(12px, 3vw, 24px)}.dashboard-page--scrollable{padding-bottom:clamp(40px,8vh,70px)!important}}.quick-actions-aaa{display:grid!important;grid-template-columns:1.5fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:12px!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;min-height:200px!important}.action-button--wave{grid-row:1 / 3!important;grid-column:1!important}.action-button--dungeon{grid-row:1!important;grid-column:2!important}.action-button--challenge{grid-row:2!important;grid-column:2!important}.action-button{position:relative;display:flex!important;align-items:center;padding:clamp(16px,2.5vh,24px) clamp(18px,2.5vw,28px);border-radius:clamp(12px,1.5vw,16px);text-decoration:none;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);isolation:isolate;width:auto!important;height:auto!important;min-height:80px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.action-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--border-color-1),var(--border-color-2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .3s}.action-button:hover:before{opacity:1}.action-button--wave{min-height:100px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;--bg-color-1: rgba(59, 42, 30, .456);--bg-color-2: rgba(42, 27, 15, .98);--border-color-1: #f59e0b;--border-color-2: #d97706;--glow-color: rgba(245, 158, 11, .4);--icon-color: #fbbf24;--text-color: #fbbf24;--subtitle-color: #d5843a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--bg-color-1) 0%,var(--bg-color-2) 100%);box-shadow:0 8px 32px #f59e0b33,inset 0 1px #f59e0b1a}.action-button--wave .action-button__content{flex-direction:row;align-items:center;justify-content:center;gap:clamp(16px,2vw,24px);width:auto!important}.action-button--wave .action-button__text{flex:0 1 auto;align-items:left;text-align:left}.action-button--wave .action-button__icon-wrapper{width:clamp(56px,6vw,72px);height:clamp(56px,6vw,72px)}.action-button--wave .action-button__title{font-size:clamp(2rem,2.4vw,2.4rem)}.action-button--wave .action-button__subtitle{font-size:clamp(.85rem,1.2vw,.95rem)}.action-button--wave:hover{box-shadow:0 12px 48px #f59e0b59,inset 0 1px #f59e0b33,0 0 0 1px #f59e0b4d}.action-button--dungeon{min-height:60px!important;--bg-color-1: rgba(59, 30, 84, .495);--bg-color-2: rgba(42, 15, 60, .888);--border-color-1: #8b5cf6;--border-color-2: #7c3aed;--glow-color: rgba(139, 92, 246, .4);--icon-color: #8b5cf6;--text-color: #a78bfa;--subtitle-color: #c4b5fd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--bg-color-1) 0%,var(--bg-color-2) 100%);box-shadow:0 8px 32px #8b5cf633,inset 0 1px #8b5cf61a}.action-button--dungeon .action-button__icon-wrapper{width:clamp(40px,4.5vw,48px);height:clamp(40px,4.5vw,48px)}.action-button--dungeon .action-button__title{font-size:clamp(.95rem,1.8vw,1.1rem)}.action-button--dungeon .action-button__subtitle{font-size:clamp(.75rem,1vw,.85rem)}.action-button--dungeon:hover{box-shadow:0 12px 48px #8b5cf659,inset 0 1px #8b5cf633,0 0 0 1px #8b5cf64d}.action-button--challenge{min-height:60px!important;--bg-color-1: rgba(59, 30, 30, .493);--bg-color-2: rgba(42, 15, 15, .892);--border-color-1: #ef4444;--border-color-2: #dc2626;--glow-color: rgba(239, 68, 68, .4);--icon-color: #ef4444;--text-color: #fca5a5;--subtitle-color: #fecaca;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--bg-color-1) 0%,var(--bg-color-2) 100%);box-shadow:0 8px 32px #ef444433,inset 0 1px #ef44441a}.action-button--challenge .action-button__icon-wrapper{width:clamp(40px,4.5vw,48px);height:clamp(40px,4.5vw,48px)}.action-button--challenge .action-button__title{font-size:clamp(.95rem,1.8vw,1.1rem)}.action-button--challenge .action-button__subtitle{font-size:clamp(.75rem,1vw,.85rem)}.action-button--challenge:hover{box-shadow:0 12px 48px #ef444459,inset 0 1px #ef444433,0 0 0 1px #ef44444d}.action-button__glow{position:absolute;top:-50%;left:-25%;width:150%;height:150%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none;filter:blur(30px)}.action-button:hover .action-button__glow{opacity:1}.action-button__border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--border-color-1),transparent,var(--border-color-2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.action-button:hover .action-button__border{opacity:.6}.action-button__content{display:flex;align-items:center;gap:clamp(12px,1vw,12px);width:100%;position:relative;z-index:1}.action-button__icon-wrapper{position:relative;width:clamp(44px,5vw,56px);height:clamp(44px,5vw,56px);display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.action-button:hover .action-button__icon-wrapper{background:#00000080;border-color:var(--icon-color);box-shadow:0 0 20px var(--glow-color)}.action-button__icon-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);opacity:0;transition:opacity .3s;filter:blur(15px)}.action-button:hover .action-button__icon-glow{opacity:1}.action-button__icon{color:var(--icon-color);filter:drop-shadow(0 0 8px var(--glow-color));transition:all .3s}.action-button:hover .action-button__icon{transform:scale(1.1);filter:drop-shadow(0 0 12px var(--glow-color))}.action-button__text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.action-button__title{font-size:clamp(.85rem,1.8vw,.85rem);font-weight:800;color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;line-height:1.2;position:relative;display:inline-block;width:fit-content}.action-button__title-shimmer{position:absolute;top:-100px;bottom:-50px;left:-250%;width:100%;height:350px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.264),transparent);opacity:0;transition:opacity .3s}.action-button:hover .action-button__title-shimmer{animation:shimmer 1.5s infinite;opacity:1}@keyframes shimmer{0%{left:-250%}to{left:250%}}.action-button__subtitle{font-size:clamp(.75rem,1.3vw,.85rem);color:var(--subtitle-color);opacity:.8;line-height:1.3;transition:opacity .3s}.action-button:hover .action-button__subtitle{opacity:1}.action-button__arrow{width:clamp(32px,4vw,40px);height:clamp(32px,4vw,40px);display:flex;align-items:center;justify-content:center;color:var(--icon-color);background:#0003;border-radius:8px;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.action-button:hover .action-button__arrow{background:var(--icon-color);color:#000;transform:translate(4px);box-shadow:0 0 20px var(--glow-color)}.action-button__badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--border-color-1),var(--border-color-2));color:#fff;font-size:clamp(.65rem,1.1vw,.75rem);font-weight:800;padding:4px 10px;border-radius:6px;z-index:2;letter-spacing:.1em;box-shadow:0 2px 8px #0000004d;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.action-button--wave .action-button__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit}.action-button--wave .particle{position:absolute;width:4px;height:4px;background:var(--icon-color);border-radius:50%;opacity:0;box-shadow:0 0 10px var(--glow-color);animation:float-particle 3s infinite;animation-delay:var(--delay)}.action-button--wave:hover .particle{opacity:1}.action-button--wave .particle:nth-child(1){left:20%;bottom:0}.action-button--wave .particle:nth-child(2){left:50%;bottom:0}.action-button--wave .particle:nth-child(3){left:80%;bottom:0}@keyframes float-particle{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-80px) scale(.5);opacity:0}}.action-button--dungeon .action-button__grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,92,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.1) 1px,transparent 1px);background-size:20px 20px;opacity:0;transition:opacity .3s;pointer-events:none}.action-button--dungeon:hover .action-button__grid-overlay{opacity:.3}.action-button--challenge .action-button__flame-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,var(--glow-color),transparent);opacity:0;transition:opacity .4s;pointer-events:none;filter:blur(20px)}.action-button--challenge:hover .action-button__flame-overlay{opacity:.4}.dashboard-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);width:100%}.game-mode-icon--trio{height:24px;width:28px;position:relative}.game-mode-icon--trio-top{position:absolute;top:-2px;left:50%;transform:translate(-50%)}.game-mode-icon--trio-left{position:absolute;bottom:-2px;left:0}.game-mode-icon--trio-right{position:absolute;bottom:-2px;right:0}.game-mode-icon--squad{display:grid;grid-template-columns:1fr 1fr;gap:2px}@media (max-width: 767px){.dashboard-modes{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-modes{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.quick-actions-aaa{grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:16px;min-height:180px}.action-button--wave{min-height:120px!important}}@media (min-width: 1024px){.quick-actions-aaa{gap:20px;min-height:220px}.action-button--wave{min-height:160px!important}.action-button{min-height:70px}}.action-button:focus-visible{outline:2px solid var(--border-color-1);outline-offset:2px}@media (prefers-reduced-motion: reduce){.action-button,.action-button__icon,.action-button__arrow,.action-button__title-shimmer{animation:none!important;transition:none!important}}.wave-mode-section{width:100%;max-width:1200px;background:var(--bg-glass);border:1px solid rgba(245,158,11,.2);border-radius:var(--border-radius-xl);padding:16px 20px;position:relative;box-shadow:0 20px 60px -20px #00000080,inset 0 0 0 1px #f59e0b1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wave-mode-section__glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:80%;height:100%;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 70%);filter:blur(60px);pointer-events:none}.wave-mode-header{position:relative;z-index:1;margin-bottom:2rem}.wave-mode-header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.wave-mode-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#f59e0b26,#d977061a);border:1px solid rgba(245,158,11,.3);border-radius:8px;position:relative;box-shadow:0 4px 12px #f59e0b26;width:fit-content}.wave-mode-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--color-amber-primary);box-shadow:0 0 12px #f59e0bcc;animation:pulse 2s ease-in-out infinite}.wave-mode-badge__title{font-size:.9rem;font-weight:800;color:var(--color-amber-light);text-transform:uppercase;letter-spacing:.15em;margin:0}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 12px #f59e0bcc}50%{opacity:.6;box-shadow:0 0 20px #f59e0b}}.deck-selector{position:relative}.deck-selector__button{background:linear-gradient(135deg,#3b2a1e99,#2a1b0fcc);border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:10px 12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d,inset 0 0 0 1px #f59e0b1a}@media (max-width: 767px){.deck-selector__button{padding:14px 16px;border-radius:12px}.deck-selector__icon{width:36px!important;height:36px!important;font-size:20px!important}.deck-selector__label{font-size:11px!important;margin-bottom:4px!important}.deck-selector__name{font-size:15px!important}.deck-selector__tower-icon{width:20px!important;height:20px!important}.deck-selector__towers{gap:4px!important;margin-top:6px!important}}.deck-selector__button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0006,inset 0 0 0 1px #f59e0b33}.deck-selector__glow{position:absolute;top:-100px;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(245,158,11,.3),transparent)}.deck-selector__content{display:flex;align-items:center;gap:20px;z-index:1;flex:1}.deck-selector__icon{width:80px;height:80px;background:linear-gradient(135deg,#f59e0b26,#d977061a);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-amber-primary);border:1px solid rgba(245,158,11,.3);box-shadow:0 0 20px #f59e0b1a;flex-shrink:0}.deck-selector__info{flex:1;min-width:0}.deck-selector__label{font-size:.7rem;color:#d5843a;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:4px}.deck-selector__name{font-weight:700;color:#fff;font-size:1rem;letter-spacing:.02em;margin-bottom:10px}.deck-selector__towers{display:flex;gap:4px;align-items:center}.deck-selector__tower-icon{width:24px;height:24px;background:#2a200fbd;border-radius:6px;border:1px solid rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;padding:2px}.deck-selector__chevron{padding:18px;border-radius:6px;background:#f59e0b1a;color:var(--color-amber-primary);transition:all .2s;display:flex;align-items:center;justify-content:center;margin-right:8px}.deck-selector__chevron--open{transform:rotate(180deg)}.deck-selector__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#7e5d2d8a;border:1px solid rgba(207,100,43,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:8px;box-shadow:0 10px 40px #00000080;z-index:3000}.deck-selector__deck-item{padding:10px 12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:transparent;color:#fff;margin-bottom:4px;transition:all .2s;font-weight:600}.deck-selector__deck-item:hover{background:#f59e0b0d}.deck-selector__deck-item--active{background:#f59e0b1a;color:var(--color-amber-primary)}.deck-selector__deck-item--active:hover{background:#f59e0b26}.dungeons-section{width:100%;max-width:1200px;background:linear-gradient(135deg,#3b1e5451,#2a0f3ca5);border:1px solid rgba(138,92,246,.411);border-radius:var(--border-radius-xl);padding:48px 20px;text-align:center;position:relative;box-shadow:0 20px 60px -20px #8b5cf64d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dungeons-section__glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:80%;height:100%;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);filter:blur(60px);pointer-events:none}.dungeons-section__header{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 10px}.dungeons-section__icon-wrapper{position:relative;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#6366f11f;border:1px solid rgba(99,102,241,.28);box-shadow:0 10px 30px #00000040,inset 0 0 0 1px #ffffff0f}.dungeons-section__icon-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:16px;background:radial-gradient(circle at 40% 40%,rgba(168,85,247,.35),transparent 65%);filter:blur(12px);opacity:.9;pointer-events:none}.dungeons-section__icon{display:block;color:var(--color-purple-light);filter:drop-shadow(0 0 14px rgba(139,92,246,.45))}.dungeons-section__title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 30px rgba(139,92,246,.5)}.dungeons-section__subtitle{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--color-purple-light);margin-bottom:2rem;line-height:1.6}.dungeons-section__badge{background:linear-gradient(135deg,var(--color-purple-primary),var(--color-purple-light));color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;display:inline-block;box-shadow:0 4px 16px #8b5cf666;animation:pulse-badge 2s ease-in-out infinite}@media (max-width: 767px){.quick-actions__grid{grid-template-columns:1fr}.quick-action-card{padding:16px}}@media (min-width: 768px) and (max-width: 1023px){.quick-actions__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.quick-actions__grid{gap:16px}.quick-action-card{padding:20px 16px}}.text-gradient-amber{background:linear-gradient(135deg,var(--color-amber-light),var(--color-amber-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-xl)}.touch-target{min-height:44px;min-width:44px}.online-players-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.online-player-card,.server-stats-card{position:relative;background:linear-gradient(135deg,#0f172a99,#0f172a66);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.server-stat-box{background:#0f172a80;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px}.player-item{cursor:pointer;position:relative;z-index:10;padding:3px 8px;border-radius:4px;background:#0f172a66;border:1px solid rgba(255,255,255,.03);display:flex;align-items:center;gap:6px;transition:all .2s ease}.player-item:hover{background:#10b9811a;border-color:#10b9814d;transform:translateY(-1px)}@media (max-width: 767px){.dashboard-page{--side-padding: 12px}.dashboard-page__content{gap:14px}.daily-rewards{padding:16px 14px!important;border-radius:14px!important;margin-bottom:2px!important}.daily-rewards__title{font-size:16px!important}.daily-rewards__grid{gap:10px!important}.daily-reward-item{min-height:80px!important;padding:10px!important}.deck-selector{margin-bottom:2px!important}.deck-selector__button{padding:14px 16px!important;border-radius:12px!important}.deck-selector__content{gap:14px!important}.deck-selector__icon{width:36px!important;height:36px!important}.deck-selector__icon svg{width:20px!important;height:20px!important}.deck-selector__label{font-size:11px!important;margin-bottom:4px!important}.deck-selector__name{font-size:15px!important;line-height:1.3!important}.deck-selector__towers{gap:4px!important;margin-top:6px!important}.deck-selector__tower-icon{width:20px!important;height:20px!important}.deck-selector__chevron{font-size:18px!important}.quick-actions-aaa{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:2px!important}.action-button{min-height:90px!important;padding:16px 18px!important;border-radius:14px!important}.action-button--wave{min-height:110px!important}.action-button__content{gap:14px!important}.action-button__icon-wrapper{width:52px!important;height:52px!important}.action-button__icon{font-size:28px!important}.action-button--wave .action-button__icon{font-size:32px!important}.action-button__title{font-size:17px!important;letter-spacing:-.01em!important}.action-button__subtitle{font-size:12px!important;line-height:1.4!important;margin-top:4px!important}.online-players-grid{gap:12px!important;grid-template-columns:1fr!important;margin-top:4px!important}.online-player-card{padding:12px 14px!important;border-radius:12px!important}.server-stats-card{display:none!important}.online-player-card h3,.server-stats-card h3{font-size:13px!important;margin-bottom:8px!important}.player-item{padding:4px 10px!important;font-size:12px!important}.server-stat-box{padding:8px 10px!important;min-height:auto!important}.server-stat-box span{font-size:12px!important}.server-stat-box svg{width:14px!important;height:14px!important}.online-player-card>div:first-child{gap:5px!important}.online-player-card .player-status-dot{width:5px!important;height:5px!important}.deck-selector__dropdown{max-height:60vh!important;border-radius:12px!important}.deck-selector__deck-item{padding:14px 16px!important;font-size:14px!important}.action-button,.deck-selector__button,.deck-selector__deck-item{-webkit-tap-highlight-color:rgba(245,158,11,.1);touch-action:manipulation}.action-button__glow{opacity:.6!important}.action-button__particles{display:none}.action-button__title-shimmer,.action-button__badge,.action-button--wave .particle,.action-button__icon-glow,.online-player-card .player-status-dot{animation:none!important;transition-duration:.2s!important}.deck-selector__button,.action-button{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.dashboard-page h1{font-size:24px!important}.dashboard-page h2{font-size:20px!important}.dashboard-page h3{font-size:16px!important}.dashboard-page>*+*{margin-top:0!important}.action-button__border,.action-button__grid-overlay,.action-button__flame-overlay{will-change:opacity}@media (prefers-reduced-motion: no-preference){.action-button:hover{transform:scale(.98)!important}}}@media (max-width: 380px){.dashboard-page__content{gap:12px}.action-button{min-height:85px!important;padding:14px 16px!important}.action-button--wave{min-height:105px!important}.action-button__icon-wrapper{width:48px!important;height:48px!important}.action-button__title{font-size:16px!important}.action-button__subtitle{font-size:11px!important}.deck-selector__button{padding:12px 14px!important}.deck-selector__icon{width:32px!important;height:32px!important}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-page__content{gap:18px}.quick-actions-aaa{gap:16px}.action-button{min-height:80px}.action-button--wave{min-height:140px}}@media (max-width: 767px){.dashboard-page__content{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dashboard-page--fixed .dashboard-page__content{max-height:calc(100dvh - 80px);scroll-snap-type:y proximity;scroll-padding:20px 0}.dashboard-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain}.action-button:focus-visible,.deck-selector__button:focus-visible{outline:2px solid rgba(245,158,11,.6);outline-offset:3px}.action-button:active{transform:scale(.97)!important;transition:transform .1s ease}.deck-selector__button:active{transform:scale(.98);transition:transform .1s ease}.player-item:active{transform:scale(.95)}.action-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);pointer-events:none}.dashboard-page{padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-reduced-motion: reduce){.action-button,.deck-selector__button,.player-item{transition:none!important;animation:none!important}.action-button__glow,.action-button__particles,.action-button__border{display:none!important}}@media (prefers-contrast: high){.action-button,.deck-selector__button,.online-player-card{border-width:2px!important}.action-button__title{font-weight:700!important}}@media (prefers-color-scheme: dark){.action-button__glow{opacity:.4!important}}}@media (max-width: 767px){.action-button,.deck-selector__button,.online-player-card,.server-stats-card{transform:translateZ(0);will-change:transform}.action-button__border:after,.action-button__glow:before,.deck-selector__glow{display:none}.action-button{box-shadow:0 2px 8px #0003!important}.deck-selector__button{box-shadow:0 2px 8px #00000026!important}.action-button:hover,.action-button:active{transition-duration:.1s!important}}body.tutorial-active .dashboard-container{overflow:hidden!important;scroll-snap-type:none!important}body.tutorial-active .dashboard-page{pointer-events:none;scroll-snap-align:none}body.tutorial-active .bottom-nav-container{pointer-events:none!important;opacity:.3!important;bottom:-90px}body.tutorial-active .dashboard-page--scrollable,body.tutorial-active .dashboard-page--fixed,body.tutorial-active .dashboard-page--fixed .dashboard-page__content{overflow:hidden!important}body.tutorial-active .action-button.tutorial-target,body.tutorial-active .game-mode-card.tutorial-target{opacity:1;pointer-events:auto;filter:none;z-index:9999;position:relative;box-shadow:0 0 0 9999px #000000c2!important;transform:scale(1.05)!important}body.tutorial-active .game-mode-card.tutorial-target .game-mode-card__play-button{animation:tutorialBreath 3s ease-in-out infinite}body.tutorial-active .lobby-ready-button.tutorial-target{opacity:1!important;pointer-events:auto!important;filter:none!important;z-index:9999!important;position:relative!important;transform:scale(1.05)!important;border:2px solid rgba(245,158,11,.8)!important;animation:tutorialBorderPulse 2.5s ease-in-out infinite!important}body.tutorial-active .lobby-start-button.tutorial-target{opacity:1!important;pointer-events:auto!important;filter:none!important;z-index:9999!important;position:relative!important;transform:scale(1.05)!important;border:2px solid rgba(34,197,94,.8)!important;animation:tutorialStartPulse 2.5s ease-in-out infinite!important}@keyframes tutorialBorderPulse{0%,to{border-color:#f59e0bcc;border-width:2px;box-shadow:0 0 0 9999px #000000c2,0 0 20px #f59e0b99,0 0 40px #f59e0b4d,inset 0 0 20px #f59e0b1a}50%{border-color:#f59e0b;border-width:4px;box-shadow:0 0 0 9999px #000000c2,0 0 35px #f59e0be6,0 0 70px #f59e0b99,inset 0 0 30px #f59e0b40}}@keyframes tutorialStartPulse{0%,to{border-color:#22c55ecc;border-width:2px;box-shadow:0 0 0 9999px #000000c2,0 0 20px #22c55e99,0 0 40px #22c55e4d,inset 0 0 20px #22c55e1a}50%{border-color:#22c55e;border-width:4px;box-shadow:0 0 0 9999px #000000c2,0 0 35px #22c55ee6,0 0 70px #22c55e99,inset 0 0 30px #22c55e40}}@keyframes tutorialGridPulse{0%,to{border-width:3px;border-color:#f59e0bcc;box-shadow:0 0 20px #f59e0b99,0 0 40px #f59e0b66,inset 0 0 30px #f59e0b33;transform:scale(1)}50%{border-width:4px;border-color:#f59e0b;box-shadow:0 0 30px #f59e0bcc,0 0 60px #f59e0b99,inset 0 0 40px #f59e0b4d;transform:scale(1.05)}}@keyframes tutorialPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes tutorialBreath{0%,to{transform:scale(1);box-shadow:0 10px 30px #f59e0b66,0 0 40px #f59e0b33,inset 0 0 20px #ffffff0d}50%{transform:scale(1.03);box-shadow:0 15px 40px #f59e0b99,0 0 60px #f59e0b59,inset 0 0 30px #ffffff1a}}.tutorial-pointer{display:inline-block;background:linear-gradient(135deg,#f59e0bf2,#d97706f2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:8px 16px;border-radius:10px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 32px #f59e0b59,0 0 0 1px #fff3 inset,0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.15);animation:tutorialFloat 2.5s ease-in-out infinite;white-space:nowrap;pointer-events:none}.tutorial-pointer:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#f59e0b80,#d9770680);border-radius:13px;z-index:-1;opacity:0;animation:tutorialPulse 2.5s ease-in-out infinite}.tutorial-pointer:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(217,119,6,.95);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes tutorialFloat{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-8px);opacity:.95}}@keyframes tutorialPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.tutorial-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9000;pointer-events:none}@media (max-width: 768px){body.tutorial-active .action-button.tutorial-target,body.tutorial-active .game-mode-card.tutorial-target{transform:scale(1.02)!important;box-shadow:0 0 0 200vmax #000000d9!important;z-index:10000!important}.tutorial-pointer{font-size:.65rem!important;padding:6px 12px!important;border-radius:8px!important;letter-spacing:.5px!important}.tutorial-pointer:after{border-left-width:8px!important;border-right-width:8px!important;border-top-width:8px!important}body.tutorial-active .dashboard-container{overflow:hidden}}.primary-sort{margin-bottom:8px}.leaderboard-container{padding:16px 16px 120px;max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px;overflow-y:scroll;max-height:780px}.leaderboard-header{text-align:center;margin-bottom:8px}.leaderboard-title{font-size:1.8rem;font-weight:900;margin-bottom:6px;background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:3px}.leaderboard-subtitle{font-size:.75rem;color:#fff6;letter-spacing:1px;text-transform:uppercase;margin:0}.leaderboard-nav{display:flex;flex-direction:row;gap:16px;align-items:center;width:100%;flex-wrap:wrap;justify-content:center}.segmented-control{display:inline-flex;position:relative;background:#00000080;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:2px;flex-wrap:wrap;justify-content:center}.segmented-indicator{position:absolute;top:4px;bottom:4px;border-radius:9px;pointer-events:none}.segmented-btn{position:relative;z-index:1;padding:10px 16px;font-size:.8rem;font-weight:700;letter-spacing:.5px;background:transparent;border:none;border-radius:9px;color:#ffffff73;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-transform:uppercase}.segmented-btn.active{color:#fff}.segmented-btn .btn-icon{display:flex;align-items:center;opacity:.7;transition:opacity .2s}.segmented-btn.active .btn-icon{opacity:1}.segmented-control.size-sm .segmented-btn{padding:6px 12px;font-size:.7rem;gap:4px}.filters-container{display:flex;flex-direction:column;gap:8px;align-items:center;overflow:hidden;width:100%}.filter-row{display:flex;align-items:center;gap:10px;justify-content:center}.filter-label{font-size:.65rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1px;font-weight:600;min-width:50px}.leaderboard-list{width:100%;display:flex;flex-direction:column;gap:12px}.leaderboard-entry{display:flex;align-items:center;padding:16px;background:#0c0a0999;border:1px solid rgba(245,158,11,.1);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.leaderboard-entry:hover{background:#f59e0b1a;transform:scale(1.02)}.leaderboard-entry:active{transform:scale(.98)}.leaderboard-entry.rank-1{background:linear-gradient(90deg,#f59e0b33,#f59e0b0d);border-color:#f59e0b;box-shadow:0 4px 20px -5px #f59e0b4d}.rank-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-right:16px;flex-shrink:0;background:#ffffff1a;color:#fff}.rank-badge.rank-1{background:#f59e0b;color:#000}.rank-badge.rank-2{background:#d6d3d1;color:#000}.rank-badge.rank-3{background:#b45309;color:#fff}.player-info{flex:1;min-width:0}.player-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-name{font-weight:700;font-size:1.1rem;color:#fafaf9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-badge{font-size:.75rem;background:#334155;color:#e2e8f0;padding:2px 6px;border-radius:4px;border:1px solid #475569;white-space:nowrap}.tier-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.entry-tags{display:flex;flex-direction:column;align-items:flex-end;margin-right:16px;gap:4px}.tag-badge{font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.tag-badge.mode{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.tag-badge.difficulty{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.score-display{text-align:right;flex-shrink:0}.score-label{font-size:.8rem;color:#a8a29e;text-transform:uppercase}.score-value{font-size:1.5rem;font-weight:900;color:#f59e0b}.leaderboard-loading,.leaderboard-empty{padding:20px;text-align:center;color:#78716c}@media (max-width: 768px){.leaderboard-container{padding:12px;gap:16px}.leaderboard-title{font-size:1.4rem;letter-spacing:2px}.segmented-control.primary-sort{width:100%;display:flex;justify-content:center;gap:4px;padding:4px}.segmented-control.primary-sort .segmented-btn{flex:1;flex-direction:column;padding:10px 8px;font-size:.6rem;gap:4px;min-width:0}.segmented-control.primary-sort .btn-icon{font-size:1rem}.segmented-control.primary-sort .btn-label{font-size:.55rem;line-height:1.1;text-align:center;word-break:break-word;white-space:normal}.segmented-control.size-sm{width:auto;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.segmented-control.size-sm::-webkit-scrollbar{display:none}.segmented-control.size-sm .segmented-btn{padding:6px 10px;font-size:.65rem;flex-direction:row}.filter-row{width:100%;justify-content:center}.filter-label{min-width:40px;font-size:.6rem}.leaderboard-entry{padding:12px;gap:8px}.rank-badge{width:32px;height:32px;font-size:1rem;margin-right:10px}.player-name{font-size:.95rem;max-width:100px}.player-name-row{gap:4px}.level-badge,.tier-badge{font-size:.65rem;padding:1px 4px}.entry-tags{margin-right:8px;gap:2px}.tag-badge{font-size:.6rem;padding:1px 5px}.score-display{min-width:60px}.score-label{font-size:.65rem}.score-value{font-size:1.2rem}}@media (max-width: 480px){.leaderboard-title{font-size:1.2rem;letter-spacing:1px}.leaderboard-subtitle{font-size:.65rem}.segmented-control.primary-sort .segmented-btn{padding:8px 6px}.segmented-control.primary-sort .btn-icon{font-size:.9rem}.segmented-control.primary-sort .btn-label{font-size:.5rem}.filters-container{gap:6px}.filter-row{flex-direction:column;gap:4px}.filter-label{min-width:unset;width:100%;text-align:center}.leaderboard-entry{padding:10px;flex-wrap:wrap}.rank-badge{width:28px;height:28px;font-size:.9rem;margin-right:8px}.player-info{flex:1}.player-name{font-size:.85rem;max-width:80px}.tier-badge{display:none}.entry-tags{flex-direction:row;margin-right:6px}.score-display{min-width:50px}.score-label{font-size:.6rem}.score-value{font-size:1rem}}.tier-badge.commander{color:#f59e0b}.tier-badge.diamond{color:#38bdf8}.tier-badge.platinum{color:#22d3ee}.tier-badge.gold{color:#fbbf24}.tier-badge.silver{color:#94a3b8}.tier-badge.bronze{color:#b45309}.tier-badge.iron{color:#78716c}.deck-builder-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;color:var(--text-light)}.deck-builder-container.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000f2;padding:2rem;align-items:center;justify-content:center}.deck-builder-header{height:80px;min-height:80px;border-bottom:1px solid rgb(213 95 18 / 52%);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:linear-gradient(to bottom,#cd671a57,#c5520069);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.header-left{display:flex;align-items:center;gap:1rem}.deck-selector-container{position:relative}.deck-select-trigger{background:transparent;border:none;display:flex;align-items:center;gap:.5rem;cursor:pointer;text-align:left;padding:.5rem;border-radius:.5rem;transition:background .2s}.deck-select-trigger:hover{background:#ffffff0d}.deck-select-trigger .chevron{color:var(--text-dim);transition:transform .2s}.deck-select-trigger .chevron.open{transform:rotate(180deg)}.deck-dropdown-menu{position:absolute;top:100%;left:0;width:280px;background:#c7732524;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(220,97,35,.373);border-radius:.75rem;box-shadow:0 10px 40px #00000080;z-index:3000;overflow:hidden;margin-top:.5rem}.dropdown-header{padding:.75rem 1rem;font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(209,159,89,.05);background:#ec731733}.dropdown-list{max-height:300px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;cursor:pointer;transition:background .2s}.dropdown-item:hover{background:#ffffff0d}.dropdown-item.active{background:#f59e0b1a}.dropdown-item-content{flex:1;padding:.75rem;display:flex;align-items:center;justify-content:space-between}.deck-name{font-weight:600;color:var(--text-light)}.active-check{color:var(--primary)}.delete-deck-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#ef4444;border-radius:4px;cursor:pointer;opacity:0;transition:all .2s;margin-right:.5rem}.dropdown-item:hover .delete-deck-btn{opacity:1}.delete-deck-btn:hover{background:#ef44441a}.create-deck-btn{width:100%;padding:1rem;border:none;background:transparent;border-top:1px solid rgba(255,255,255,.05);color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .2s}.create-deck-btn:hover{background:#f59e0b0d}.deck-name-edit{display:flex;align-items:center;gap:.5rem}.deck-name-input{background:#0000004d;border:1px solid var(--primary);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:1.2rem;font-weight:700;outline:none;width:200px}.icon-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn.confirm{background:var(--primary);color:#000}.icon-btn.cancel{background:#ffffff1a;color:#fff}.action-icon-btn{width:50px;height:50px;border-radius:50%;background:#ffffff0a;border:none;color:#ff5e00;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-icon-btn:hover{background:#ffffff1a;color:#fff}.header-icon{width:40px;height:40px;background:#ff5900;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--primary-glow);color:#fff}.header-title h1{color:#fff;margin:0;font-size:1.5rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.header-title p{margin:0;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.header-right{display:flex;align-items:center;gap:2rem}.essence-label{font-size:.75rem;color:#d946ef;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.essence-value{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-family:monospace;font-weight:700}.close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:none;color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.close-btn:hover{background:#ffffff1a}.deck-builder-grid{flex:1 1 0;min-height:0;display:grid;grid-template-columns:300px 1fr 220px;overflow:hidden}.collection-panel{background:#3d1e056b;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}@media (min-width: 1000px){.collection-panel{padding-bottom:80px}}.deck-builder-container .panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(224,93,27,.159);background:linear-gradient(to bottom,#ff6c3345,#8f450839);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;flex-grow:0;position:relative;box-shadow:0 4px 20px #0003;z-index:10}.deck-builder-container .panel-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.deck-builder-container .panel-title{font-size:.7rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.deck-builder-container .panel-title:before{content:"";display:block;width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary)}.deck-builder-container .panel-header-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin-top:.5rem}.deck-builder-container .panel-header-stats{font-size:2.5rem;font-weight:700;color:var(--text-light);line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.5);display:flex;align-items:baseline;gap:.25rem}.deck-builder-container .panel-header-stats span{font-size:1.25rem;color:var(--text-dim);font-weight:600}.deck-builder-container .panel-header-status{font-size:.7rem;font-weight:600;padding:.35rem .5rem;border-radius:999px;background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem;box-shadow:0 0 10px #4ade801a;transition:all .3s cubic-bezier(.4,0,.2,1);margin:10px 0 0}.deck-builder-container .panel-header-status.incomplete{background:#f59e0b1a;color:#fbbf24;border-color:#f59e0b33;box-shadow:0 0 10px #f59e0b1a}.deck-builder-container .panel-header-status:before{content:"";display:block;width:6px;height:6px;background:currentColor;border-radius:50%;animation:pulse-green 2s infinite}.deck-builder-container .panel-header-status.incomplete:before{animation:pulse-yellow 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 4px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes pulse-yellow{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 4px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@media (max-width: 768px){.deck-builder-container .panel-header{display:none}.deck-builder-container .panel-header-stats{font-size:1.5rem}.deck-builder-container .panel-header-status{font-size:.65rem;padding:.2rem .5rem}}.panel-subtitle{font-size:.875rem;color:#fff}.collection-list{flex:1 1 0;min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;display:block;padding:.75rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.4) rgba(42,32,15,.5)}.collection-list::-webkit-scrollbar{width:8px}.collection-list::-webkit-scrollbar-track{background:#2a1a0fcc;border-radius:4px;margin:8px 0}.collection-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b99,#f59e0b4d);border-radius:4px;border:2px solid rgba(42,30,15,.8);min-height:40px}.collection-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f59e0bcc,#f59e0b80)}.collection-list::-webkit-scrollbar-thumb:active{background:#f59e0be6}.collection-list{background:linear-gradient(rgb(42,28,15) 0%,transparent 20px) local,linear-gradient(transparent calc(100% - 20px),#2a1a0f) local,linear-gradient(rgba(42,24,15,.8),transparent) scroll,linear-gradient(transparent,#2a1b0fcc) scroll;background-size:100% 40px,100% 40px,100% 20px,100% 20px;background-position:top,bottom,top,bottom;background-repeat:no-repeat}.unit-card{width:100%;padding:.75rem 0 .75rem .75rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;background:transparent;border:1px solid transparent;color:var(--text-dim);cursor:pointer;transition:all .2s;text-align:left;position:relative}.unit-upgrade-indicator{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;line-height:1;white-space:nowrap;margin-right:5px}.unit-upgrade-indicator.has-upgrades{background:linear-gradient(135deg,#22c55e61,#16a34a2e);border-color:#22c55e59;color:#dedede;box-shadow:0 0 16px #22c55e2e}.unit-upgrade-count{color:var(--primary);letter-spacing:.02em}.unit-upgrade-indicator.has-upgrades .unit-upgrade-count{color:#ebffe4}.unit-card:hover{background:#ffffff0d}.unit-card.selected{background:#f59e0b1a;border-color:#f59e0b4d;box-shadow:inset 0 0 20px #f59e0b1a}.unit-icon{width:40px;height:40px;border-radius:4px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.unit-card.selected .unit-icon{background:var(--primary);color:#000}.unit-info{flex:1;min-width:0}.unit-name{font-weight:700;color:var(--text-light)}.unit-meta{display:flex;align-items:center;gap:.4rem;margin-top:2px}.class-badge{font-size:.55rem;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.unit-role{font-size:.65rem;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tower-class-group{margin-bottom:1rem}.tower-class-group:last-child{margin-bottom:2rem}.class-section-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e4e4e4;border:1px solid rgba(251,108,25,.764);margin-bottom:.5rem;position:sticky;top:0;z-index:10;background:linear-gradient(90deg,#250e0000,#ff880068);border-radius:7px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.class-section-header:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.class-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.class-label{font-weight:800;letter-spacing:.1em}.class-divider{font-size:.5rem;opacity:.3;margin:0 .1rem}.class-desc{font-weight:500;opacity:.9;letter-spacing:.05em;text-transform:capitalize}.class-count{margin-left:auto;font-size:.75rem;color:var(--text-dim);opacity:1;background:#ffffff0d;padding:2px 6px;border-radius:4px}.tower-class-cards{display:flex;flex-direction:column;gap:.25rem;padding-left:.25rem}.unit-card.in-deck{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.4)!important;box-shadow:0 0 15px #22c55e33,inset 0 0 20px #22c55e0d}.unit-card.in-deck:hover{border-color:#22c55e99!important;box-shadow:0 0 20px #22c55e4d,inset 0 0 25px #22c55e14}.unit-card.in-deck .unit-icon{background:linear-gradient(135deg,#22c55e4d,#22c55e1a);border:1px solid rgba(34,197,94,.3);box-shadow:0 0 10px #22c55e33}.deck-indicator{position:absolute;top:5px;right:5px;display:flex;align-items:center;gap:2px;padding:1px 5px;border-radius:6px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#000;font-size:.48rem;font-weight:800;letter-spacing:.05em;box-shadow:0 2px 8px #22c55e80,0 0 12px #22c55e4d;z-index:5;animation:deckBadgePulse 2s ease-in-out infinite}.deck-indicator svg{stroke-width:3;width:10px;height:10px}@keyframes deckBadgePulse{0%,to{box-shadow:0 2px 8px #22c55e80,0 0 12px #22c55e4d}50%{box-shadow:0 2px 12px #22c55eb3,0 0 20px #22c55e80}}.inspector-panel{background:#ff87000f;-webkit-backdrop-filter:brightness(2);backdrop-filter:brightness(2);position:relative;display:flex;flex-direction:column;overflow-y:auto}.inspector-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.15) 1px,transparent 0);background-size:40px 40px}.inspector-content{position:relative;z-index:10;padding:1rem;display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto;padding-bottom:120px;gap:16px}.hero-zone{position:relative;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#1e191499,#2d231966);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.hero-zone:has([data-rarity=COMMON]){background:linear-gradient(135deg,#9ca3af27,#1e191499);border-color:#9ca3af33;box-shadow:0 0 32px #9ca3af26}.hero-zone:has([data-rarity=UNCOMMON]){background:linear-gradient(135deg,#22c55e27,#1e191499);border-color:#22c55e40;box-shadow:0 0 32px #22c55e33}.hero-zone:has([data-rarity=RARE]){background:linear-gradient(135deg,#3b83f62c,#1e191499);border-color:#3b82f64d;box-shadow:0 0 32px #3b82f640}.hero-zone:has([data-rarity=EPIC]){background:linear-gradient(135deg,#a955f737,#1e191499);border-color:#a855f759;box-shadow:0 0 32px #a855f74d,0 0 60px #a855f71a}.hero-zone:has([data-rarity=LEGENDARY]){background:linear-gradient(135deg,#f59f0b38,#1e191499);border-color:#f59e0b66;box-shadow:0 0 32px #f59e0b59,0 0 80px #f59e0b26}.quick-stats-panel{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.quick-stats-header{display:flex;flex-direction:column;gap:6px}.quick-stats-name{font-size:1.3rem;font-weight:800;color:#fafaf9;margin:0;line-height:1.1;letter-spacing:-.02em}.quick-stats-rarity{display:inline-flex;align-self:flex-start;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:4px;border:1px solid;background:#0000004d}.quick-stats-grid{display:flex;gap:8px;flex-wrap:wrap}.stat-chip{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:linear-gradient(135deg,#babcc01a,#3b82f60d);border:1px solid rgba(210,222,242,.25);border-radius:8px;min-width:52px;transition:all .3s ease;position:relative;overflow:visible}.stat-chip.stat-bump{animation:statBumpPulse .8s cubic-bezier(.34,1.56,.64,1)}@keyframes statBumpPulse{0%{transform:scale(1);box-shadow:0 0 #22c55e00}15%{transform:scale(1.25);box-shadow:0 0 25px #22c55e99,0 0 50px #22c55e4d,inset 0 0 20px #22c55e33}30%{transform:scale(1.1)}50%{transform:scale(1.2);box-shadow:0 0 20px #22c55e80,0 0 40px #22c55e40,inset 0 0 15px #22c55e26}70%{transform:scale(1.05)}to{transform:scale(1);box-shadow:0 0 #22c55e00}}.stat-chip.stat-bump:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle,rgba(34,197,94,.4) 0%,transparent 70%);border-radius:50%;animation:statBumpBurst .8s ease-out forwards;pointer-events:none}@keyframes statBumpBurst{0%{transform:scale(0);opacity:1}to{transform:scale(2.5);opacity:0}}.stat-chip.stat-bump:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid rgba(34,197,94,.8);border-radius:10px;animation:statBumpRing .8s ease-out forwards;pointer-events:none}@keyframes statBumpRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.stat-chip.next-upgrade{box-shadow:0 0 0 1px #48f63b80,0 0 12px #6af63b33,inset 0 1px #5df63b26;animation:nextUpgradePulse 2s ease-in-out infinite}@keyframes nextUpgradePulse{0%,to{box-shadow:0 0 0 1px #3bf65180,0 0 12px #3bf64433,inset 0 1px #4ef63b26}50%{box-shadow:0 0 0 1px #f6f33bcc,0 0 16px #f6e03b66,inset 0 1px #f6f63b40}}.next-upgrade-indicator{display:inline-block;margin-left:4px;font-size:.7rem;font-weight:900;color:#48f63b;text-shadow:0 0 8px rgba(59,246,72,.8);animation:nextUpgradeBounce 1.5s ease-in-out infinite}@keyframes nextUpgradeBounce{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-2px);opacity:1}}.stat-chip-label{font-size:.55rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.stat-chip-value{font-size:.8rem;font-weight:800;color:#e2e8f0;line-height:1.2;display:flex;align-items:center;gap:2px}.quick-stats-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tag-chip{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.tag-chip.tag-profile{color:#a8a29e;background:#a8a29e1a}.action-bar{display:flex;gap:8px;align-items:stretch;padding:12px;background:linear-gradient(135deg,#140f0acc,#1e191499);border:1px solid rgba(255,255,255,.08);border-radius:12px}.action-bar-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1.5px solid;white-space:nowrap}.action-bar-btn.btn-equip{flex:1;background:linear-gradient(135deg,#22c55e26,#22c55e14);border-color:#22c55e66;color:#86efac}.action-bar-btn.btn-equip:hover{background:linear-gradient(135deg,#22c55e40,#22c55e26);border-color:#22c55e99;box-shadow:0 0 20px #22c55e33}.action-bar-btn.btn-unequip{flex:1;background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef444466;color:#fca5a5}.action-bar-btn.btn-unequip:hover{background:linear-gradient(135deg,#ef444440,#ef444426);border-color:#ef444499}.action-bar-btn.btn-locked{background:#401e1366;border-color:#36190e33;color:#64748b;cursor:not-allowed;opacity:.6}.action-bar-btn.btn-upgrade{display:none;padding:12px 14px;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border-color:#fbbf2466;color:#fcd34d}.action-bar-btn.btn-upgrade:hover:not(.disabled){background:linear-gradient(135deg,#fbbf2459,#f59e0b33);border-color:#fbbf24b3;box-shadow:0 0 20px #fbbf2440}.action-bar-btn.btn-upgrade.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.action-bar-progress{display:none!important;flex:0 0 60px;position:relative;background:#0006;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.action-bar-progress-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#fbbf2466,#f59e0b4d);transition:width .3s ease}.action-bar-progress-text{position:relative;z-index:1;font-size:.6rem;font-weight:700;color:#d6d3d1;letter-spacing:.3px}.upgrade-spinner-small{width:14px;height:14px;border:2px solid rgba(251,191,36,.3);border-top-color:#fbbf24;border-radius:50%;animation:spin .8s linear infinite}.item-slots-row{display:flex;gap:10px;width:100%}.item-slot{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform,box-shadow;min-height:100px}.item-slot.locked{background:#8b2d2a26;border:2px dashed rgba(139,50,42,.3);color:#de725f99;cursor:not-allowed}.item-slot.unlocked{background:linear-gradient(135deg,#a38e7833,#7d6e5f1a);border:2px solid rgba(178,160,143,.497);color:#d6d3d1}.item-slot.unlocked:hover{background:linear-gradient(135deg,#a96e2e59,#8b5c2a33);border-color:#cb9a7499;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.item-slot-level{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.item-slot.equipped{background:linear-gradient(135deg,color-mix(in srgb,var(--rarity-color, #a855f7) 20%,transparent),color-mix(in srgb,var(--rarity-color, #a855f7) 8%,transparent));border:2px solid var(--rarity-color, #a855f7);color:var(--rarity-color, #a855f7);box-shadow:0 0 15px color-mix(in srgb,var(--rarity-color, #a855f7) 25%,transparent),inset 0 0 20px color-mix(in srgb,var(--rarity-color, #a855f7) 10%,transparent)}.item-slot.equipped:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--rarity-color, #a855f7) 30%,transparent),color-mix(in srgb,var(--rarity-color, #a855f7) 15%,transparent));border-color:var(--rarity-color, #a855f7);transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--rarity-color, #a855f7) 35%,transparent),inset 0 0 25px color-mix(in srgb,var(--rarity-color, #a855f7) 15%,transparent)}.item-slot.equipped svg{filter:drop-shadow(0 0 4px var(--rarity-color, #a855f7))}.item-slot-name{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tower-preview{width:140px;height:140px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;box-shadow:0 20px 50px #00000080;overflow:visible;transform:translateZ(0);contain:layout style}.tower-preview[data-rarity=COMMON]{background:linear-gradient(135deg,#9ca3af26,#6b728014);border:2px solid rgba(156,163,175,.4)}.tower-preview[data-rarity=UNCOMMON]{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:2px solid rgba(34,197,94,.4)}.tower-preview[data-rarity=RARE]{background:linear-gradient(135deg,#3b82f626,#2563eb14);border:2px solid rgba(59,130,246,.4)}.tower-preview[data-rarity=EPIC]{background:linear-gradient(135deg,#a855f733,#7e22ce14);border:2px solid rgba(168,85,247,.5)}.tower-preview[data-rarity=LEGENDARY]{background:linear-gradient(135deg,#f59e0b33,#d9770614);border:2px solid rgba(245,158,11,.5)}.tower-preview-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;border-radius:inherit;transform:translateZ(0);will-change:auto}.tower-preview-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.tower-preview-ring{position:absolute;width:60%;height:60%;border-radius:50%;border:2px solid currentColor;will-change:transform,opacity;animation:ring-pulse 3s ease-out infinite}.tower-preview-ring:nth-child(1){animation-delay:0s}.tower-preview-ring:nth-child(2){animation-delay:1s}.tower-preview-ring:nth-child(3){animation-delay:2s}@keyframes ring-pulse{0%{transform:scale(.6) translateZ(0);opacity:.7}to{transform:scale(3) translateZ(0);opacity:0}}.tower-preview[data-rarity=COMMON] .tower-preview-effects{display:none}.tower-preview[data-rarity=UNCOMMON] .tower-preview-ring{color:#22c55e59;border-width:1px;animation-duration:4s}.tower-preview[data-rarity=UNCOMMON] .tower-preview-ring:nth-child(2),.tower-preview[data-rarity=UNCOMMON] .tower-preview-ring:nth-child(3){display:none}.tower-preview[data-rarity=RARE] .tower-preview-ring{color:#3b82f673;border-width:1.5px;animation-duration:3.5s}.tower-preview[data-rarity=RARE] .tower-preview-ring:nth-child(3){display:none}.tower-preview[data-rarity=EPIC] .tower-preview-ring{color:#a855f780;border-width:2px;animation-duration:3s}.tower-preview[data-rarity=LEGENDARY] .tower-preview-ring{color:#f59e0b99;border-width:2px;animation-duration:2.5s}.tower-preview-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;will-change:transform,opacity;animation:glow-breathe 4s ease-in-out infinite;pointer-events:none}@keyframes glow-breathe{0%,to{opacity:.4;transform:scale(.95) translateZ(0)}50%{opacity:.7;transform:scale(1.05) translateZ(0)}}.tower-preview[data-rarity=UNCOMMON] .tower-preview-glow{background:radial-gradient(circle,rgba(34,197,94,.3) 0%,rgba(34,197,94,.1) 40%,transparent 70%);animation-duration:5s}.tower-preview[data-rarity=RARE] .tower-preview-glow{background:radial-gradient(circle,rgba(59,130,246,.35) 0%,rgba(59,130,246,.1) 40%,transparent 70%);animation-duration:4.5s}.tower-preview[data-rarity=EPIC] .tower-preview-glow{background:radial-gradient(circle,rgba(168,85,247,.4) 0%,rgba(168,85,247,.15) 40%,transparent 70%);animation-duration:4s;top:-40px;right:-40px;bottom:-40px;left:-40px}.tower-preview[data-rarity=LEGENDARY] .tower-preview-glow{background:radial-gradient(circle,rgba(245,158,11,.5) 0%,rgba(245,158,11,.2) 35%,transparent 70%);animation-duration:3s;top:-50px;right:-50px;bottom:-50px;left:-50px}.tower-preview-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.tower-preview-particle{position:absolute;border-radius:50%;left:50%;top:50%;will-change:transform,opacity;backface-visibility:hidden}@keyframes particle-rise-1{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.9}to{transform:translate(-50%,-50%) translate(60px,-100px) scale(.5);opacity:0}}@keyframes particle-rise-2{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.9}to{transform:translate(-50%,-50%) translate(-60px,-100px) scale(.5);opacity:0}}@keyframes particle-rise-3{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.9}to{transform:translate(-50%,-50%) translate(90px,-50px) scale(.5);opacity:0}}@keyframes particle-rise-4{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.9}to{transform:translate(-50%,-50%) translate(-90px,-50px) scale(.5);opacity:0}}.tower-preview-particle:nth-child(1){animation:particle-rise-1 3.5s ease-out infinite}.tower-preview-particle:nth-child(2){animation:particle-rise-2 3.5s ease-out infinite .5s}.tower-preview-particle:nth-child(3){animation:particle-rise-3 3.5s ease-out infinite 1s}.tower-preview-particle:nth-child(4){animation:particle-rise-4 3.5s ease-out infinite 1.5s}.tower-preview-particle:nth-child(5){animation:particle-rise-1 3.5s ease-out infinite 2s}.tower-preview-particle:nth-child(6){animation:particle-rise-2 3.5s ease-out infinite 2.5s}.tower-preview-particle:nth-child(n+7){display:none}.tower-preview[data-rarity=UNCOMMON] .tower-preview-particle{width:3px;height:3px;background:#22c55e}.tower-preview[data-rarity=UNCOMMON] .tower-preview-particle:nth-child(n+3){display:none}.tower-preview[data-rarity=RARE] .tower-preview-particle{width:4px;height:4px;background:#3b82f6}.tower-preview[data-rarity=RARE] .tower-preview-particle:nth-child(n+5){display:none}.tower-preview[data-rarity=EPIC] .tower-preview-particle{width:5px;height:5px;background:#a855f7}.tower-preview[data-rarity=LEGENDARY] .tower-preview-particle{width:6px;height:6px;background:#f59e0b}.tower-preview-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0}.tower-preview[data-rarity=UNCOMMON] .tower-preview-core{box-shadow:inset 0 0 30px #22c55e1f;opacity:1}.tower-preview[data-rarity=RARE] .tower-preview-core{box-shadow:inset 0 0 35px #3b82f626;opacity:1}.tower-preview[data-rarity=EPIC] .tower-preview-core{box-shadow:inset 0 0 40px #a855f72e;opacity:1}.tower-preview[data-rarity=LEGENDARY] .tower-preview-core{box-shadow:inset 0 0 50px #f59e0b38;opacity:1}.tower-preview-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.tower-preview-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;will-change:transform;transform:skew(-20deg) translateZ(0);animation:shimmer-sweep 5s ease-in-out infinite}@keyframes shimmer-sweep{0%,to{transform:skew(-20deg) translate(0) translateZ(0)}50%{transform:skew(-20deg) translate(400%) translateZ(0)}}.tower-preview[data-rarity=COMMON] .tower-preview-shimmer,.tower-preview[data-rarity=UNCOMMON] .tower-preview-shimmer,.tower-preview[data-rarity=RARE] .tower-preview-shimmer{display:none}.tower-preview[data-rarity=EPIC] .tower-preview-shimmer:before{background:linear-gradient(90deg,transparent,rgba(168,85,247,.15),transparent);animation-duration:6s}.tower-preview[data-rarity=LEGENDARY] .tower-preview-shimmer:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation-duration:4s}.tower-preview[data-rarity=EPIC]{box-shadow:0 20px 50px #00000080,0 0 25px #a855f740}.tower-preview[data-rarity=LEGENDARY]{box-shadow:0 20px 50px #00000080,0 0 35px #f59e0b59}.tower-preview[data-rarity=EPIC]:after,.tower-preview[data-rarity=LEGENDARY]:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;pointer-events:none;will-change:opacity;animation:border-pulse 3s ease-in-out infinite}.tower-preview[data-rarity=EPIC]:after{box-shadow:0 0 20px #a855f780,inset 0 0 20px #a855f71a}.tower-preview[data-rarity=LEGENDARY]:after{box-shadow:0 0 30px #f59e0b99,inset 0 0 25px #f59e0b26;animation-duration:2.5s}@keyframes border-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.tower-preview-effects{display:none!important}.tower-preview[data-rarity=EPIC]:after,.tower-preview[data-rarity=LEGENDARY]:after{animation:none!important;opacity:.7}}.tower-preview-icon{font-size:5rem;color:var(--text-dim);filter:drop-shadow(0 0 10px rgba(0,0,0,.5));position:relative;z-index:2;transform:scale(1)}.tower-level-badge{position:absolute;bottom:-10px;background:#111827;border:1px solid rgba(255,255,255,.2);padding:.25rem 1rem;border-radius:999px;font-family:monospace;font-size:.75rem;color:var(--primary);font-weight:700;z-index:2}.inspector-title{font-size:2.5rem;font-weight:900;margin:0 0 .5rem;letter-spacing:-.02em}.inspector-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;justify-content:center}.tag{padding:.2rem .6rem;background:#ffffff0d;border-radius:4px;font-size:.65rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.02em;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.tag-class{font-weight:800;border-width:1.5px}.tag-profile{background:#8b5cf61f;color:#a78bfa;border-color:#8b5cf640}.tag-mechanic{font-size:.6rem;padding:.15rem .5rem;background:#ffffff08;color:#ffffff80;border-color:#ffffff0f}.inspector-desc{text-align:center;color:var(--text-dim);line-height:1.2;margin-bottom:.3rem;margin-top:.3rem}.stats-container{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stat-row{width:100%;display:flex;flex-direction:column;gap:.2rem}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);transition:color .2s ease;gap:1rem}.stat-header:hover{color:var(--text-light)}.stat-label{display:flex;align-items:center;gap:.5rem}.stat-header span{font-family:monospace;font-size:.8rem;color:var(--primary);text-shadow:0 0 8px rgba(245,158,11,.2)}.stat-bar-bg{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:visible;position:relative;box-shadow:inset 0 1px 2px #0003}.stat-bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.34,1.56,.64,1);position:relative}.stat-bar-preview{position:absolute;top:0;left:0;height:100%;border-radius:3px;opacity:.28;pointer-events:none;mix-blend-mode:screen}.stat-bar-preview.damage{background:linear-gradient(90deg,var(--damage-base),var(--damage-bright))}.stat-bar-preview.speed{background:linear-gradient(90deg,var(--speed-base),var(--speed-bright))}.stat-bar-preview.range{background:linear-gradient(90deg,var(--range-base),var(--range-bright))}.stat-bar-preview.cost{background:linear-gradient(90deg,var(--cost-base),var(--cost-bright))}.stat-bar-bonus{position:absolute;top:0;height:100%;border-radius:3px;pointer-events:none;mix-blend-mode:screen;box-shadow:0 0 10px #ffffff40;transition:width .5s cubic-bezier(.34,1.56,.64,1),left .3s ease}.stat-bar-fill.damage{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 10px #ef444466}.stat-bar-fill.speed{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f666}.stat-bar-fill.range{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 10px #10b98166}.xp-container{width:100%;display:flex;flex-direction:column;gap:.75rem}.xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);transition:color .2s ease;gap:1rem}.xp-header:hover{color:var(--text-light)}.xp-title{display:flex;align-items:center;gap:.5rem}.xp-chip{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:700}.xp-count{display:inline-flex;align-items:baseline;gap:6px;font-family:monospace;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:700}.xp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.02em;background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.xp-badge-level{background:#22c55e1a;color:#22c55e;border-color:#22c55e40}.xp-value-current{color:var(--primary);text-shadow:0 0 8px rgba(245,158,11,.2)}.xp-value-required{color:#94a3b8}.xp-divider{color:#ffffff4d;font-weight:600}.xp-rows{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.xp-row{display:flex;flex-direction:column;gap:.2rem}.xp-row-label{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.xp-row-value{font-family:monospace;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-light)}.xp-row-value.strong{font-weight:800;transition:color .3s ease,text-shadow .3s ease}.xp-container[data-rarity=COMMON] .xp-row-value.strong{color:#d1d5db;text-shadow:0 0 8px rgba(209,213,219,.3)}.xp-container[data-rarity=UNCOMMON] .xp-row-value.strong{color:#4ade80;text-shadow:0 0 10px rgba(34,197,94,.4)}.xp-container[data-rarity=RARE] .xp-row-value.strong{color:#60a5fa;text-shadow:0 0 12px rgba(59,130,246,.4)}.xp-container[data-rarity=EPIC] .xp-row-value.strong{color:#c084fc;text-shadow:0 0 14px rgba(168,85,247,.5)}.xp-container[data-rarity=LEGENDARY] .xp-row-value.strong{color:#fbbf24;text-shadow:0 0 16px rgba(251,191,36,.6)}.xp-bar-wrapper{width:100%;display:flex;flex-direction:column;gap:.2rem}.xp-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);transition:color .2s ease}.xp-bar-header:hover{color:var(--text-light)}.xp-container[data-rarity=UNCOMMON] .xp-bar-header:hover .xp-bar-title{color:#4ade80}.xp-container[data-rarity=RARE] .xp-bar-header:hover .xp-bar-title{color:#60a5fa}.xp-container[data-rarity=EPIC] .xp-bar-header:hover .xp-bar-title{color:#c084fc}.xp-container[data-rarity=LEGENDARY] .xp-bar-header:hover .xp-bar-title{color:#fbbf24}.xp-bar-title{font-size:.7rem;color:var(--text-dim);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.xp-bar-meta{font-family:monospace;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:700;transition:color .3s ease,text-shadow .3s ease}.xp-container[data-rarity=COMMON] .xp-bar-meta{color:#d1d5db;text-shadow:0 0 8px rgba(209,213,219,.3)}.xp-container[data-rarity=UNCOMMON] .xp-bar-meta{color:#4ade80;text-shadow:0 0 10px rgba(34,197,94,.4)}.xp-container[data-rarity=RARE] .xp-bar-meta{color:#60a5fa;text-shadow:0 0 12px rgba(59,130,246,.4)}.xp-container[data-rarity=EPIC] .xp-bar-meta{color:#c084fc;text-shadow:0 0 14px rgba(168,85,247,.5)}.xp-container[data-rarity=LEGENDARY] .xp-bar-meta{color:#fbbf24;text-shadow:0 0 16px rgba(251,191,36,.6)}.xp-bar-bg{width:100%;height:20px;background:#ffffff14;border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0003}.xp-bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.xp-bar-fill[data-rarity=COMMON]{background:linear-gradient(90deg,#9ca3af,#d1d5db,#e5e7eb);box-shadow:0 0 8px #9ca3af4d,inset 0 1px #ffffff26}.xp-bar-fill[data-rarity=UNCOMMON]{background:linear-gradient(90deg,#22c55e,#4ade80,#86efac);box-shadow:0 0 12px #22c55e66,inset 0 1px #fff3}.xp-bar-fill[data-rarity=RARE]{background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);box-shadow:0 0 14px #3b82f680,inset 0 1px #ffffff40}.xp-bar-fill[data-rarity=EPIC]{background:linear-gradient(90deg,#a855f7,#c084fc,#d8b4fe);box-shadow:0 0 16px #a855f799,inset 0 1px #ffffff4d}.xp-bar-fill[data-rarity=LEGENDARY]{background:linear-gradient(90deg,#f59e0b,#fbbf24,#fcd34d);box-shadow:0 0 20px #fbbf24b3,inset 0 1px #ffffff59}.xp-bar-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.65rem;font-weight:700;color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);pointer-events:none;z-index:10}.quantity-selector-container{display:flex;gap:.5rem;justify-content:center;padding:.5rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.15);border-radius:12px;width:100%}.quantity-btn{flex:1;padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a8a29e;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;overflow:hidden}.quantity-btn:not(:disabled):hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.quantity-btn.active{background:linear-gradient(135deg,#fbbf24,#d97706);border-color:#fbbf24;color:#1a0f00;box-shadow:0 4px 12px #f59e0b4d}.quantity-btn.active .quantity-amount{color:#000;text-shadow:none}.quantity-btn.active .quantity-subtext{color:#000000b3;font-weight:700}.quantity-amount{font-size:.85rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.quantity-subtext{font-size:.6rem;font-weight:600;color:#78716c;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.quantity-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.upgrade-cta{width:100%;padding:0;background:transparent;border:none;position:relative;overflow:visible;cursor:pointer}.upgrade-cta.disabled,.upgrade-cta.busy{cursor:not-allowed}.upgrade-btn-inner{position:relative;padding:18px 30px 18px 24px;min-height:88px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden;transition:all .28s ease;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ea580c);border:2px solid rgba(251,191,36,.6);box-shadow:0 10px 30px #fbbf2459,0 0 40px #fbbf242e,inset 0 0 20px #ffffff0d}.upgrade-cta.disabled .upgrade-btn-inner,.upgrade-cta.busy .upgrade-btn-inner{background:linear-gradient(135deg,#3c3c3c66,#28282866);border-color:#78716c66;box-shadow:0 4px 12px #0000004d;opacity:.65}.upgrade-cta.enabled:hover .upgrade-btn-inner{box-shadow:0 15px 40px #fbbf2480,0 0 60px #fbbf244d,inset 0 0 30px #ffffff1a}.upgrade-corner{position:absolute;width:20px;height:20px;border:3px solid #fbbf24;opacity:.8;z-index:2;animation:pulse 2s ease-in-out infinite}.upgrade-corner.tl{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:8px 0 0}.upgrade-corner.tr{top:-2px;right:-2px;border-left:none;border-bottom:none;border-radius:0 8px 0 0;animation-delay:.5s}.upgrade-corner.bl{bottom:-2px;left:-2px;border-right:none;border-top:none;border-radius:0 0 0 8px;animation-delay:1s}.upgrade-corner.br{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 8px;animation-delay:1.5s}.upgrade-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.upgrade-particles{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,255,255,.1) 0%,transparent 50%);opacity:.6;animation:particles 4s ease-in-out infinite;pointer-events:none}.upgrade-status{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.05rem;font-weight:800;z-index:1;min-height:52px}.upgrade-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.upgrade-icon{background:#0003;border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0003;z-index:1;color:#000}.upgrade-cta.disabled .upgrade-icon,.upgrade-cta.busy .upgrade-icon{background:#0000004d;color:#78716c;box-shadow:none}.upgrade-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;z-index:1;min-height:52px}.upgrade-title{font-size:1.3rem;font-weight:900;color:#000;letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.3}.upgrade-cta.disabled .upgrade-title,.upgrade-cta.busy .upgrade-title{color:#78716c;text-shadow:none}.upgrade-meta{font-size:.8rem;font-weight:700;color:#000000bf;display:flex;align-items:center;gap:6px;line-height:1}.upgrade-cta.disabled .upgrade-meta,.upgrade-cta.busy .upgrade-meta{color:#78716c}.upgrade-badge{background:#0003;padding:3px 10px;border-radius:6px;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 3px #0003}.upgrade-cta.disabled .upgrade-badge,.upgrade-cta.busy .upgrade-badge{background:#0000004d;border-color:#0000004d}.upgrade-target{display:inline-flex;align-items:center;gap:3px}.upgrade-target strong{font-weight:800}.upgrade-target.muted{color:#78716c}.xp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 2.5s infinite ease-in-out}.xp-bar-fill[data-rarity=LEGENDARY]:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.7) 50%,transparent 100%);animation:shimmer 2s infinite ease-in-out}.xp-bar-fill[data-rarity=EPIC]:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 2.2s infinite ease-in-out}@keyframes shimmer{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}.shockwave-ring{position:absolute;top:50%;left:50%;width:100px;height:100px;border:2px solid rgba(245,158,11,.6);border-radius:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;pointer-events:none;animation:shockwave 1.2s cubic-bezier(.165,.84,.44,1) forwards;box-shadow:0 0 20px #f59e0b66}@keyframes shockwave{0%{transform:translate(-50%,-50%) scale(.5);opacity:0;border-width:2px}10%{opacity:1}to{transform:translate(-50%,-50%) scale(5);opacity:0;border-width:0px}}.stat-bar-fill.damage{background:#ef4444}.stat-bar-fill.speed{background:#3b82f6}.stat-bar-fill.range{background:#22c55e}.action-buttons{display:flex;gap:1rem;width:100%}.action-btn{flex:1;padding:1rem;border-radius:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-equip{background:#22c55e1a;color:#4ade80;border-color:#22c55e4d}.btn-equip:hover{background:#22c55e33}.btn-unequip{background:#ef44441a;color:#f87171;border-color:#ef44444d}.btn-unequip:hover{background:#ef444433}.btn-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0009;box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-upgrade.can-upgrade{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;opacity:1;box-shadow:0 4px 15px #22c55e66,inset 0 1px #fff3;border:1px solid rgba(34,197,94,.5);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-upgrade.can-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e80,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#4ade80,#16a34a)}.btn-upgrade.can-upgrade:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.btn-upgrade:disabled{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0006;cursor:not-allowed;transform:none;box-shadow:none;opacity:.5}.loadout-panel{background:#381c0f80;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.deck-builder-container .loadout-panel .panel-header{display:block;text-align:center;align-items:center}.deck-builder-container .loadout-panel .panel-title{margin-bottom:0}.deck-builder-container .loadout-panel .panel-header-content{display:flex;flex-direction:column;align-items:unset;width:auto;margin-top:0;gap:.25rem}.loadout-grid{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;overflow-y:auto}.deck-slot{aspect-ratio:1;border-radius:.75rem;border:2px solid rgba(255,255,255,.1);background:#0003;position:relative;cursor:pointer;overflow:hidden;transition:all .2s}.deck-slot:hover{border-color:#ffffff4d}.deck-slot.active{border-color:var(--primary);background:#f59e0b1a}.slot-number{position:absolute;top:.5rem;right:.5rem;font-size:.65rem;font-weight:700;color:#ffffff4d}.slot-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.slot-icon{font-size:2rem;margin-bottom:.5rem;color:var(--text-dim)}.deck-slot.active .slot-icon{color:var(--primary)}.slot-name{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-light)}.slot-remove-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ef4444e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.deck-slot:hover .slot-remove-overlay{opacity:1}.empty-slot{aspect-ratio:1;border-radius:.75rem;border:2px dashed rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff3;font-size:.75rem;font-family:monospace}@media (max-width: 1024px){.deck-builder-container{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.deck-builder-grid{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"collection" "loadout";min-height:0;height:100%;overflow:hidden}.collection-panel{grid-area:collection;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;min-height:0;overflow:hidden}.collection-list{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px 16px 24px;margin-bottom:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:#f7936212}.collection-list::-webkit-scrollbar{display:none}.tower-class-group{flex-shrink:0;margin-bottom:0;display:flex;flex-direction:column;gap:8px;background:#2a1b0f80;border-radius:12px;padding:12px;border:1px solid rgba(234,117,50,.164);position:relative;overflow:hidden}.tower-class-group:after{content:"";position:absolute;right:0;top:50px;bottom:0;width:34px;background:linear-gradient(90deg,transparent,rgb(38 28 21));pointer-events:none;border-radius:0 8px 8px 0}.class-section-header{position:relative;top:auto;background:transparent;padding:0 4px 8px;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.08);border-top:none}.class-section-header:before{display:none}.class-section-header .class-dot{width:8px;height:8px}.tower-class-group>div:not(.class-section-header){display:inline-flex}.tower-class-cards{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;margin:0 -2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tower-class-cards::-webkit-scrollbar{display:none}.tower-class-group:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:60%;background:linear-gradient(90deg,transparent,rgb(38 28 21));pointer-events:none;opacity:.5;border-radius:0 8px 8px 0}.tower-class-group{position:relative;overflow:hidden}.unit-card{flex-direction:column;align-items:center;text-align:center;padding:12px 10px;background:linear-gradient(145deg,#47443f99,#847c7066);border:1px solid rgba(208,208,208,.148);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:6px;position:relative;overflow:hidden;min-width:76px;width:76px;flex-shrink:0;scroll-snap-align:start;border-radius:12px;transition:all .2s ease;box-shadow:0 2px 8px #0003}.unit-card:active{transform:scale(.95);background:#f59e0b1a}.unit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;border-radius:12px}.unit-icon{width:42px;height:42px;font-size:22px;background:#0f172ab3;box-shadow:inset 0 2px 8px #0006,0 2px 4px #0003;margin-bottom:2px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.unit-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.unit-name{font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.3;color:#ffffffe6}.unit-role,.unit-meta,.class-badge{display:none}.unit-card.selected{background:linear-gradient(145deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b26,inset 0 0 15px #f59e0b0d;transform:scale(1.02)}.unit-card.selected .unit-icon{background:linear-gradient(135deg,var(--primary),#f59e0b);color:#000;box-shadow:0 4px 15px #f59e0b80;border-color:#fff3}.unit-card.selected .unit-name{color:#fff}.unit-card.in-deck{background:linear-gradient(145deg,#22c55e33,#22c55e1a)!important;border-color:#22c55e80!important;box-shadow:0 0 15px #22c55e33,inset 0 0 10px #22c55e0d}.unit-card.in-deck .unit-icon{background:linear-gradient(135deg,#22c55e66,#22c55e33);border:1px solid rgba(34,197,94,.4)}.deck-indicator{position:absolute;top:4px;right:4px;padding:2px 4px;font-size:.45rem;border-radius:3px;gap:2px}.deck-indicator svg{width:8px;height:8px}.deck-indicator span{display:none}.unit-upgrade-indicator{position:absolute;bottom:4px;right:4px;margin-left:0;padding:2px 6px;gap:0;border-radius:6px;font-size:.5rem;letter-spacing:.08em}.unit-upgrade-label{display:none}.inspector-panel{position:fixed;right:0;bottom:0;left:0;top:10%;z-index:2001;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);background:#27180eda;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 50px #000000b3;border-top:1px solid rgba(255,255,255,.1)}.inspector-panel:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff3;border-radius:2px;z-index:25}.inspector-panel.mobile-open{transform:translateY(0)}.mobile-inspector-close{position:absolute;top:1.5rem;right:1.5rem;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:none;color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer}.stat-chip.boosted{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e66;box-shadow:0 0 10px #22c55e26}.stat-chip.boosted .stat-chip-label{color:#4ade80}.stat-chip.boosted .stat-chip-value{color:#86efac}.stat-boost-arrow{font-size:.6em;margin-left:2px;vertical-align:middle;color:#4ade80}@keyframes equipmentPulse{0%,to{box-shadow:0 0 #4ade8066;border-color:#4ade8040}50%{box-shadow:0 0 8px 2px #4ade8033;border-color:#4ade8080}}@keyframes equipmentGlow{0%,to{opacity:.8}50%{opacity:1}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.stat-card-equipment-glow{animation:equipmentPulse 2s ease-in-out infinite}.stat-card-equipment-glow:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#4ade801a,#4ade800d,#4ade801a);border-radius:12px;z-index:-1;animation:equipmentGlow 2s ease-in-out infinite}.inspector-content{padding:4rem 1.5rem 2rem;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-x:none}.tower-preview{width:160px;height:160px;margin-bottom:1.5rem}.tower-preview-particle:nth-child(n+3){display:none!important}.tower-preview-ring:nth-child(n+2){display:none!important}.tower-preview-shimmer{display:none!important}.inspector-title{font-size:2rem}.loadout-panel{position:fixed;bottom:81px;left:0;right:0;height:70px;background:#2a1c0f95;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;box-shadow:0 -4px 30px #00000080;border-top:1px solid rgba(206,97,30,.295);border-bottom:1px solid rgba(206,98,30,.612);display:flex;flex-direction:row;align-items:center;padding:0 16px;padding-bottom:env(safe-area-inset-bottom)}.loadout-panel:after{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(234,117,50,.8),transparent);box-shadow:0 0 10px #ea753280}.loadout-panel .panel-header{display:flex;flex:0 0 auto;padding:0;margin:0 12px 0 0;background:transparent;border:none;width:auto}.loadout-panel .panel-title,.loadout-panel .panel-header-status{display:none!important}.loadout-panel .panel-header-stats{display:flex;font-size:1rem;font-weight:800;color:#fff;background:#ffffff0d;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.loadout-grid{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:8px 12px;gap:8px;height:100%;width:100%;align-items:center;justify-content:flex-start;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.loadout-grid::-webkit-scrollbar{display:none}.deck-slot,.empty-slot{height:32px;width:32px;flex-shrink:0;scroll-snap-align:start;border-radius:10px;background:#3b2d1ecc;border:1px solid rgba(168,101,42,.286);box-shadow:0 2px 4px #0000004d;position:relative;overflow:hidden}.deck-slot.active{background:#ea753226;border-color:#ea7532cc;box-shadow:0 0 10px #ea75324d}.empty-slot{border:1px solid rgba(255,255,255,.1);background:#c8c8c80d}.loadout-grid .slot-name,.loadout-grid .slot-number,.loadout-grid .slot-remove-overlay{display:none!important}.loadout-grid .slot-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.loadout-grid .slot-icon{display:block!important;width:100%!important;height:100%!important;object-fit:contain;transform:scale(.9);margin-bottom:0}.deck-slot.active{background:radial-gradient(circle at center,#f59e0b26,#f59e0b0d);border-color:#f59e0b;box-shadow:0 0 20px #f59e0b4d,inset 0 0 10px #f59e0b1a;transform:scale(1.05);z-index:10}.empty-slot{border-style:dashed;border-color:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff3;letter-spacing:.05em}.loadout-grid .slot-name,.loadout-grid .slot-number{display:none}.loadout-grid .slot-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:3px}.loadout-grid .slot-icon,.loadout-grid .slot-icon svg{width:32px!important;height:32px!important;max-width:100%;max-height:100%;color:#e2e8f0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.deck-slot.active .slot-icon{color:#fff;filter:drop-shadow(0 0 8px rgba(245,158,11,.8));margin-bottom:0!important}}@media (min-width: 1025px){.mobile-inspector-close{display:none}}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.stats-header h3{font-size:.85rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.1em}.level-bonus-indicator{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--primary);font-weight:600;padding:.25rem .75rem;background:#f59e0b26;border-radius:12px;border:1px solid rgba(245,158,11,.3);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #f59e0b4d}50%{box-shadow:0 0 15px #f59e0b99}}.stat-icon{font-size:.9rem;opacity:.7}.stat-value-container{display:flex;align-items:baseline;justify-content:flex-end;gap:.5rem;flex:1}.stat-next{font-family:Courier New,monospace;font-size:.75rem;font-weight:600;color:var(--text-dim)}.stat-value{font-family:Courier New,monospace;font-size:.9rem;font-weight:700;color:var(--text-light);text-align:right;min-width:3ch}.stat-bonus{font-family:Courier New,monospace;font-size:.7rem;font-weight:800;padding:.15rem .45rem;border-radius:6px;letter-spacing:.5px;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stat-bonus.positive{color:#22c55e;background:#22c55e26;border:1px solid rgba(34,197,94,.4);text-shadow:0 0 8px rgba(34,197,94,.5)}.stat-bonus.negative{color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.4)}.stat-bar-base{position:absolute;top:0;left:0;height:100%;background:#ffffff1f;border-radius:4px;pointer-events:none;border-right:2px dashed rgba(255,255,255,.3)}:root{--damage-base: #ef4444;--damage-bright: #f87171;--speed-base: #3b82f6;--speed-bright: #60a5fa;--range-base: #10b981;--range-bright: #34d399;--cost-base: #f59e0b;--cost-bright: #fbbf24}.stat-bar-fill.cost{background:linear-gradient(90deg,var(--cost-base),var(--cost-bright));box-shadow:0 0 12px #f59e0b80}.scaling-info{margin-top:.5rem;padding:.75rem;background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border-radius:10px;border:1px solid rgba(245,158,11,.2);box-shadow:inset 0 1px #ffffff0d}.scaling-header{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}.scaling-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.scaling-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff0a;border-radius:6px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.scaling-item:hover{background:#ffffff14;border-color:#f59e0b4d}.scaling-item span:first-child{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.scaling-item span:last-child{font-family:monospace;font-size:.8rem;font-weight:700;color:var(--primary);text-shadow:0 0 8px rgba(245,158,11,.2)}.milestone-bonus-section{margin-top:1rem;padding:1.25rem;background:linear-gradient(135deg,#8b5cf614,#a855f70d);border-radius:12px;border:1px solid rgba(139,92,246,.25);box-shadow:0 4px 20px #8b5cf61f}.milestone-header{margin-bottom:1rem;text-align:center}.milestone-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c4b5fdf2;text-shadow:0 0 10px rgba(139,92,246,.3)}.milestone-tracker{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0 .5rem;position:relative}.milestone-tracker:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf626,#8b5cf64d,#8b5cf626);transform:translateY(-50%);z-index:0}.milestone-tier{position:relative;z-index:1;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#1e1b4bcc;border:2px solid rgba(139,92,246,.2);border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.milestone-tier.unlocked{background:linear-gradient(135deg,#8b5cf640,#a855f733);border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf666,inset 0 1px #ffffff1a}.milestone-tier.current{animation:milestonePulse 2s ease-in-out infinite;border-color:#a855f7;box-shadow:0 0 30px #a855f799,0 0 15px #a855f766}.milestone-tier-icon{font-size:.75rem;font-weight:800;font-family:monospace;color:#8b5cf680;transition:all .3s ease}.milestone-tier.unlocked .milestone-tier-icon{color:#c4b5fd;text-shadow:0 0 10px rgba(196,181,253,.5)}.milestone-tier.current .milestone-tier-icon{color:#e9d5ff;font-size:.85rem}@keyframes milestonePulse{0%,to{transform:scale(1);box-shadow:0 0 30px #a855f799,0 0 15px #a855f766}50%{transform:scale(1.1);box-shadow:0 0 40px #a855f7cc,0 0 20px #a855f799}}.milestone-stats-display{margin-bottom:1rem}.milestone-multiplier{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(90deg,#8b5cf61f,#a855f714);border-radius:8px;border:1px solid rgba(139,92,246,.3)}.multiplier-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c4b5fdd9}.multiplier-value{font-size:1.2rem;font-weight:800;font-family:monospace;color:#e9d5ff;text-shadow:0 0 15px rgba(233,213,255,.5)}.milestone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.milestone-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff0a;border-radius:6px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.milestone-stat-item:hover{background:#ffffff14;border-color:#8b5cf64d}.milestone-stat-label{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.milestone-stat-value{font-family:monospace;font-size:.8rem;font-weight:700;text-shadow:0 0 8px currentColor}.milestone-stat-value.damage{color:#f87171}.milestone-stat-value.range{color:#34d399}.milestone-stat-value.speed{color:#60a5fa}.milestone-stat-value.cost{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.4)}.milestone-stat-value.special{color:#c084fc;text-shadow:0 0 10px rgba(192,132,252,.5)}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(251,191,36,.4) 0%,rgba(251,191,36,.1) 50%,transparent 100%);pointer-events:none;z-index:99999;animation:screen-flash-anim .4s ease-out forwards;will-change:opacity}@keyframes screen-flash-anim{0%{opacity:1}to{opacity:0}}.tower-pulse-active{animation:tower-pulse-pop .15s ease-out;will-change:transform}@keyframes tower-pulse-pop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.levelup-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;pointer-events:none;will-change:transform,opacity}.levelup-radial-burst{position:absolute;width:300%;height:300%;background:conic-gradient(from 0deg,transparent 0deg,rgba(251,191,36,.3) 5deg,transparent 10deg,transparent 30deg,rgba(251,191,36,.2) 35deg,transparent 40deg,transparent 60deg,rgba(251,191,36,.25) 65deg,transparent 70deg,transparent 90deg,rgba(251,191,36,.15) 95deg,transparent 100deg);animation:levelup-burst-spin 8s linear infinite;will-change:transform}@keyframes levelup-burst-spin{0%{transform:rotate(0) scale(.8)}to{transform:rotate(360deg) scale(1.2)}}.levelup-shockwave{position:absolute;width:100px;height:100px;border-radius:50%;border:3px solid rgba(251,191,36,.8);animation:levelup-shockwave-expand 1.2s ease-out forwards;will-change:transform,opacity,border-width}.levelup-shockwave:nth-child(2){animation-delay:.15s}.levelup-shockwave:nth-child(3){animation-delay:.3s}@keyframes levelup-shockwave-expand{0%{transform:scale(.5);opacity:1;border-width:4px}to{transform:scale(3);opacity:0;border-width:0px}}.levelup-particle{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#fcd34d,#f59e0b);border-radius:50%;animation:levelup-particle-explode 1s ease-out forwards;will-change:transform,opacity}@keyframes levelup-particle-explode{0%{transform:translate(0) scale(1);opacity:1}to{transform:var(--particle-offset) scale(0);opacity:0}}.levelup-hex-ring{position:absolute;width:200px;height:200px;animation:levelup-hex-spin 4s linear infinite;will-change:transform}@keyframes levelup-hex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.levelup-title{font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(180deg,#fff,#fef3c7 20%,#fbbf24,#d97706 80%,#92400e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;filter:drop-shadow(0 4px 8px rgba(251,191,36,.5))}.levelup-title:after{content:attr(data-text);position:absolute;left:0;top:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:title-shine-sweep 2s ease-in-out infinite}@keyframes title-shine-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.levelup-badge{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid rgba(251,191,36,.6);border-radius:50px;padding:8px 24px;display:flex;align-items:center;gap:8px;box-shadow:0 0 30px #fbbf244d,inset 0 1px #ffffff1a}.levelup-badge-label{font-size:.8rem;font-weight:700;color:#fbbf24e6;text-transform:uppercase;letter-spacing:2px}.levelup-badge-number{font-size:2rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(251,191,36,.8);font-family:Segoe UI,system-ui,sans-serif}.levelup-sparkle{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#fff 0%,#fbbf24 50%,transparent 70%);border-radius:50%;animation:sparkle-twinkle .6s ease-out forwards;will-change:transform,opacity}@keyframes sparkle-twinkle{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}.token-counter-pulse-ring{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:24px;border:2px solid rgba(34,197,94,.6);animation:token-ring-expand .5s ease-out forwards;will-change:transform,opacity}@keyframes token-ring-expand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.token-counter-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:radial-gradient(circle,rgba(34,197,94,.4) 0%,rgba(34,197,94,.1) 50%,transparent 70%);animation:token-glow-pulse 1s ease-in-out infinite;will-change:opacity}@keyframes token-glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.tower-preview.tower-pulse-active .tower-preview-glow{animation:upgrade-glow-burst .3s ease-out}@keyframes upgrade-glow-burst{0%{transform:scale(1) translateZ(0);opacity:.7}50%{transform:scale(1.3) translateZ(0);opacity:1}to{transform:scale(1.05) translateZ(0);opacity:.7}}.tower-preview.tower-pulse-active .tower-preview-ring{animation:upgrade-ring-burst .3s ease-out!important}@keyframes upgrade-ring-burst{0%{transform:scale(1) translateZ(0);opacity:.6}50%{transform:scale(1.15) translateZ(0);opacity:1}to{transform:scale(1) translateZ(0);opacity:.6}}.tower-preview.tower-pulse-active .tower-preview-particle{animation:upgrade-particle-burst .3s ease-out!important}@keyframes upgrade-particle-burst{0%{transform:var(--particle-start) scale(1);opacity:.8}50%{transform:var(--particle-start) scale(1.8);opacity:1}to{transform:var(--particle-start) scale(1);opacity:.8}}.tower-preview[data-rarity=UNCOMMON].tower-pulse-active{box-shadow:0 0 40px #22c55e99,inset 0 0 20px #22c55e33}.tower-preview[data-rarity=RARE].tower-pulse-active{box-shadow:0 0 45px #3b82f699,inset 0 0 25px #3b82f633}.tower-preview[data-rarity=EPIC].tower-pulse-active{box-shadow:0 0 50px #a855f7b3,inset 0 0 30px #a855f740}.tower-preview[data-rarity=LEGENDARY].tower-pulse-active{box-shadow:0 0 60px #f59e0bcc,0 0 100px #f59e0b66,inset 0 0 35px #f59e0b4d}.tower-preview[data-rarity=EPIC].tower-pulse-active .tower-preview-shimmer,.tower-preview[data-rarity=LEGENDARY].tower-pulse-active .tower-preview-shimmer{opacity:1;animation-duration:1s}@media (max-width: 768px){.inspector-content{padding:1rem;gap:12px;padding-bottom:100px}.hero-zone{padding:12px;gap:12px;border-radius:12px}.quick-stats-name{font-size:1.1rem}.stat-chip{padding:6px 10px;min-width:48px}.stat-chip-value{font-size:.85rem}.action-bar{padding:10px;gap:6px}.action-bar-btn{padding:10px 12px;font-size:.7rem}.action-bar-progress{flex:0 0 50px}}@media (max-width: 480px){.inspector-content{padding:.75rem;gap:10px;padding-bottom:90px}.hero-zone{flex-direction:column;align-items:center;padding:18px 14px;gap:14px;background:linear-gradient(180deg,#1e1914b3,#140f0acc);border-radius:16px;border:1px solid rgba(255,255,255,.08)}.hero-zone .tower-preview{width:130px!important;height:130px!important;margin:0 auto}.hero-zone .tower-preview .tower-preview-icon,.hero-zone .tower-preview svg{width:100px!important;height:100px!important}.quick-stats-panel{width:100%;align-items:center;text-align:center;gap:10px}.quick-stats-header{align-items:center}.quick-stats-name{font-size:1.25rem;text-align:center}.quick-stats-rarity{align-self:center;font-size:.6rem;padding:3px 10px}.quick-stats-grid{justify-content:center;gap:6px}.stat-chip{padding:8px 14px;min-width:58px;background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid rgba(59,130,246,.3);border-radius:10px}.stat-chip-label{font-size:.5rem;letter-spacing:.8px}.stat-chip-value{font-size:.95rem;font-weight:900}.quick-stats-tags{justify-content:center;gap:5px}.tag-chip{font-size:.55rem;padding:3px 7px}.action-bar{padding:8px;gap:6px;border-radius:14px;background:linear-gradient(135deg,#0f0a05e6,#19140fd9);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0006}.action-bar-btn{padding:14px 10px;font-size:.65rem;gap:4px;border-radius:10px;min-height:44px}.action-bar-btn svg{width:14px;height:14px}.action-bar-btn.btn-equip,.action-bar-btn.btn-unequip{flex:1.5}.action-bar-progress{flex:0 0 45px;border-radius:8px}.action-bar-progress-text{font-size:.55rem}.action-bar-btn.btn-upgrade{padding:14px 12px;min-width:50px}.item-slots-row{gap:8px;margin-top:0;padding-top:14px;width:100%}.item-slot{padding:12px 8px;border-radius:10px;min-height:60px;gap:5px}.item-slot svg{width:12px;height:12px}.item-slot-level{font-size:.5rem}.inspector-desc{font-size:.8rem;line-height:1.5;padding:10px;text-align:center;background:#0003;border-radius:10px;margin:0}.mechanics-badges{justify-content:center!important;gap:4px!important}.mechanic-badge-container{padding:5px 6px!important;min-width:50px!important;border-radius:6px!important}.mechanic-badge-container span:first-child{font-size:.5rem!important}.mechanic-badge-container span:last-child{font-size:.75rem!important}}@media (max-width: 360px){.inspector-content{padding:.5rem;gap:8px}.hero-zone{padding:12px 10px;gap:10px}.hero-zone .tower-preview{width:110px!important;height:110px!important}.hero-zone .tower-preview .tower-preview-icon,.hero-zone .tower-preview svg{width:85px!important;height:85px!important}.quick-stats-name{font-size:1.1rem}.stat-chip{padding:6px 10px;min-width:50px}.stat-chip-value{font-size:.85rem}.action-bar{padding:6px;gap:4px}.action-bar-btn{padding:12px 8px;font-size:.6rem}.item-slot{padding:8px 4px;min-height:44px}}@media (hover: none) and (pointer: coarse){.action-bar-btn:hover{transform:none;box-shadow:none}.action-bar-btn:active{transform:scale(.97);opacity:.9}.action-bar-btn.btn-equip:active{background:linear-gradient(135deg,#22c55e59,#22c55e33);box-shadow:0 0 25px #22c55e4d}.action-bar-btn.btn-unequip:active{background:linear-gradient(135deg,#ef444459,#ef444433);box-shadow:0 0 25px #ef44444d}.action-bar-btn.btn-upgrade:active:not(.disabled){background:linear-gradient(135deg,#fbbf2473,#f59e0b4d);box-shadow:0 0 25px #fbbf2459}.item-slot:active{transform:scale(.97)}.item-slot.unlocked:active{background:linear-gradient(135deg,#8b5c2a80,#8b5c2a4d);box-shadow:0 4px 15px #0006}.stat-chip:active{transform:scale(.95);background:linear-gradient(135deg,#3b82f640,#3b82f626)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.inspector-content{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 500px){.hero-zone{flex-direction:row;padding:10px;gap:12px}.hero-zone .tower-preview{width:100px!important;height:100px!important}.quick-stats-panel{align-items:flex-start;text-align:left}.quick-stats-header{align-items:flex-start}.quick-stats-name{font-size:1rem}.quick-stats-tags{justify-content:flex-start}.inspector-content{padding-bottom:60px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.equipment-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1}}.equipment-picker{display:flex;flex-direction:column;width:100%;max-width:440px;height:auto;max-height:85vh;background:#1c1917;background:linear-gradient(160deg,#292524,#1c1917);border:1px solid rgba(163,142,120,.2);border-radius:16px;box-shadow:0 0 0 1px #0000004d,0 20px 50px -10px #00000080;position:relative;overflow:hidden;isolation:isolate}.equipment-picker:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(to bottom,rgba(251,191,36,.3),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.equipment-picker-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#a38e7833,#7d6e5f1a);border-bottom:2px solid rgba(178,160,143,.497);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.header-info{display:flex;align-items:center;gap:12px}.tower-icon-wrapper{width:40px;height:40px;background:#0000004d;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);color:#fbbf24}.header-text h3{margin:0;font-size:15px;font-weight:700;color:#f5f5f4;line-height:1.2}.slot-label{font-size:11px;color:#a8a29e;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#a8a29e;cursor:pointer;border-radius:6px;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.current-equipment{flex:0 0 auto;padding:16px 20px;background:linear-gradient(to bottom,rgba(28,25,23,.4),transparent);border-bottom:1px solid rgba(163,142,120,.15)}.section-label{font-size:10px;color:#a8a29e;text-transform:uppercase;font-weight:700;letter-spacing:.1em;margin-bottom:8px;display:flex;justify-content:space-between}.equipment-item{display:flex;align-items:7px;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition:all .15s ease-out}.equipment-item:hover{background:#ffffff12;transform:translateY(-1px)}.equipment-item{border-left:3px solid var(--rarity-color, #a8a29e)}.equipment-item.selected{background:rgba(var(--rarity-rgb, 251, 191, 36),.1);border-color:var(--rarity-color);box-shadow:inset 0 0 20px rgba(var(--rarity-rgb, 251, 191, 36),.05)}.item-icon{width:90px;height:90px;background:#0000004d;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:1px solid rgba(255,255,255,.05)}.item-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.item-name{font-size:13px;font-weight:600;color:#e7e5e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.item-meta{font-size:10px;color:#a8a29e;display:flex;gap:8px}.item-rarity{color:var(--rarity-color);font-weight:700;text-transform:uppercase}.unequip-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s;height:32px}.unequip-btn:hover{background:#ef444433}.available-equipment{flex:1 1 auto;overflow-y:auto;padding:16px 20px;min-height:0;scrollbar-width:thin;scrollbar-color:#57534e #1c1917}.available-equipment::-webkit-scrollbar{width:6px}.available-equipment::-webkit-scrollbar-track{background:#1c1917}.available-equipment::-webkit-scrollbar-thumb{background:#44403c;border-radius:3px}.items-list{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.empty-state{text-align:center;padding:40px 20px;color:#78716c;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-state svg{font-size:32px;opacity:.5}.empty-state p{margin:0;font-size:13px}.empty-state .hint{color:#d97706;font-size:11px;font-weight:600}.selection-footer{position:absolute;bottom:0;left:0;width:100%;background:#1c1917f2;border-top:1px solid rgba(163,142,120,.15);padding:16px 20px;box-shadow:0 -4px 20px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;will-change:transform;transform:translateZ(0)}.available-equipment{padding-bottom:180px!important}.selected-details{margin-bottom:12px;max-height:120px;overflow-y:auto}.selected-desc{color:#d6d3d1;font-size:12px;line-height:1.5;margin:0 0 12px}.effects-full{display:grid;grid-template-columns:1fr;gap:6px}.effect-row{font-size:12px;display:flex;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:6px}.equipping-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.3);border-radius:50%;border-top-color:#000;animation:spin 1s ease-in-out infinite;margin-right:8px}.equip-btn{width:100%;height:44px;border-radius:10px;border:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:#1e1e1e;background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 4px 15px #f59e0b4d;position:relative;overflow:hidden;transition:transform .1s}.equip-btn:active{transform:scale(.98)}.equip-btn span{z-index:2}@media (max-width: 767px){.equipment-picker-overlay{padding:0;align-items:flex-end;background:#000000d9}.equipment-picker{width:100%;max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;animation:slideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(163,142,120,.3);border-bottom:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.equipment-picker-header{padding:14px 16px}.available-equipment{padding:14px 16px 20px}.selection-footer{position:absolute;bottom:0;left:0;width:100%;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#1c1917}.effects-mini{display:none}.equipment-item{padding:14px}}@media (max-width: 380px){.header-text h3{font-size:13px}.equip-btn{font-size:12px}.item-icon{width:36px;height:36px}}.positive{color:#4ade80}.negative{color:#f87171}.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-tap-highlight-color:transparent}.confirmation-modal{background:#1e18149d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(250,168,129,.225);border-radius:24px;padding:2rem;width:90%;max-width:480px;box-shadow:0 0 0 1px #0003,0 20px 50px -12px #000000b3,0 0 100px -20px #00000080;position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity}.confirmation-modal:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at center,rgba(251,191,36,.06) 0%,transparent 40%);pointer-events:none;animation:rotateBg 25s linear infinite;z-index:0}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirmation-modal h3{margin:0 0 1rem;font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,gold,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(245,158,11,.15));position:relative;z-index:1;line-height:1.2}.confirmation-modal .modal-body{width:100%;margin-bottom:2rem;position:relative;z-index:1;color:#ffffffd9;font-size:1.05rem;line-height:1.6}.confirmation-modal .modal-actions{display:flex;gap:1rem;width:100%;justify-content:center;position:relative;z-index:1}.confirmation-modal button{position:relative;padding:.875rem 1.5rem;border-radius:14px;font-weight:700;font-size:.95rem;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:130px;outline:none;-webkit-user-select:none;user-select:none;overflow:hidden}.confirmation-modal .btn-cancel{background:#ffffff0a;color:#fff9;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-modal .btn-cancel:hover{background:#ffffff14;color:#fff;border-color:#fff3;transform:translateY(-1px)}.confirmation-modal .btn-cancel:active{transform:translateY(1px)}.confirmation-modal .btn-confirm{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;border:none;box-shadow:0 4px 6px -1px #f59e0b33,0 2px 4px -2px #f59e0b1a,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1}.confirmation-modal .btn-confirm:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:none;pointer-events:none}.confirmation-modal .btn-confirm:hover:before{animation:shine 1.2s ease-in-out infinite}@keyframes shine{0%{left:-100%}to{left:200%}}.confirmation-modal .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #f59e0b4d,0 4px 6px -4px #f59e0b33,inset 0 1px #ffffff4d;filter:brightness(1.1)}.confirmation-modal .btn-confirm:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px -2px #f59e0b4d}.confirmation-modal .btn-confirm:disabled{background:#4b5563;opacity:.7;cursor:wait;box-shadow:none;transform:none}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.confirmation-modal.destructive h3{background:linear-gradient(135deg,#f87171,#ef4444,#b91c1c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(239,68,68,.2))}.confirmation-modal.destructive:before{background:radial-gradient(circle at center,rgba(239,68,68,.08) 0%,transparent 40%)}.confirmation-modal.destructive .btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.confirmation-modal.destructive .btn-confirm:hover:not(:disabled){box-shadow:0 10px 15px -3px #ef444466,0 4px 6px -4px #ef444433}.confirmation-modal.success{background:#062319bf;border-color:#10b98166;box-shadow:0 0 0 1px #10b9811a,0 20px 50px -12px #000c,0 0 100px -20px #0a503266}.confirmation-modal.success h3{background:linear-gradient(135deg,#34d399,#10b981,#059669);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(16,185,129,.2))}.confirmation-modal.success:before{background:radial-gradient(circle at center,rgba(16,185,129,.15) 0%,transparent 60%)}.confirmation-modal.success .btn-confirm{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.confirmation-modal.success .btn-confirm:hover:not(:disabled){box-shadow:0 10px 15px -3px #10b98166,0 4px 6px -4px #10b98133}@media (max-width: 768px){.confirmation-modal{padding:1.5rem 1.25rem;width:92%;border-radius:20px}.confirmation-modal h3{font-size:1.4rem;margin-bottom:.75rem}.confirmation-modal .modal-body{font-size:.95rem;margin-bottom:1.5rem}.confirmation-modal .modal-item-preview{padding:1rem;width:100%;box-sizing:border-box}.confirmation-modal .preview-icon{font-size:2.5rem}.confirmation-modal .modal-actions{flex-direction:column-reverse;gap:.75rem;width:100%}.confirmation-modal button{width:100%;min-height:48px;font-size:1rem;display:flex;align-items:center;justify-content:center}.confirmation-modal .btn-cancel{background:transparent;border-color:transparent}.confirmation-modal .btn-cancel:active{background:#ffffff0d}}.rewards-overlay{--rarity-common: #a8a29e;--rarity-uncommon: #22c55e;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--rarity-legendary: #eab308;--rarity-essence: #d946ef;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#2a1e0fea,#000000fa);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3000;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.rewards-container{background:transparent;width:90%;max-width:900px;display:flex;flex-direction:column;align-items:center}.rewards-title{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3);margin-bottom:1.5rem;text-align:center}.rewards-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.collect-btn{margin-top:1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;padding:12px 36px;color:#0c0a09;font-weight:700;font-size:1rem;border-radius:10px;cursor:pointer;text-transform:uppercase;box-shadow:0 4px 12px #f59e0b66;letter-spacing:.5px;transition:transform .2s,filter .2s}.collect-btn:hover{filter:brightness(1.1);box-shadow:0 6px 20px #f59e0b80}.reward-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2a1e0fdb;border:1px solid rgba(179,80,15,.374);border-radius:10px;padding:10px 12px;min-width:160px;max-width:220px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:1001;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.case-opening-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;overflow:hidden;animation:overlayFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.case-opening-container{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:32px;padding:20px;position:relative;z-index:2}.case-opening-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle at center,rgba(163,142,120,.15) 0%,transparent 70%);z-index:-1;pointer-events:none}.reel-window{width:100%;height:240px;background:linear-gradient(135deg,#1e1a16f2,#14120ff2);border-radius:12px;position:relative;overflow:hidden;border:1px solid rgba(163,142,120,.2);box-shadow:inset 0 0 100px #000000e6,0 20px 60px -10px #000000b3,0 0 0 1px #00000080;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.reel-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:linear-gradient(105deg,rgba(255,235,205,.02) 0%,rgba(255,235,205,.01) 49%,rgba(255,235,205,.05) 50%,rgba(255,235,205,.01) 51%,transparent 100%)}.center-line{position:absolute;left:50%;top:-20px;bottom:-20px;width:2px;background:linear-gradient(to bottom,transparent,#fbbf24,transparent);z-index:15;transform:translate(-50%);pointer-events:none;box-shadow:0 0 15px #fbbf24}.center-line:before,.center-line:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;background:#fbbf24;clip-path:polygon(50% 100%,0 0,100% 0);box-shadow:0 0 10px #fbbf24}.center-line:before{top:20px}.center-line:after{bottom:20px;transform:translate(-50%) rotate(180deg)}.reel-strip{display:flex;height:100%;align-items:center;will-change:transform;padding-left:50%;transform:translateZ(0);backface-visibility:hidden}.reel-item{width:160px;height:200px;margin-right:16px;flex-shrink:0;background:linear-gradient(160deg,#2d2a26,#1a1816);border:1px solid rgba(163,142,120,.15);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;box-shadow:0 10px 20px #0006;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s;will-change:transform}.reel-item .item-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));transition:transform .3s}.reel-item .item-info{text-align:center;width:100%;padding:0 8px}.item-name{font-size:11px;color:#a8a29e;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block}.item-sub{font-size:13px;color:#f5f5f4;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.reel-item.rarity-common{border-bottom:3px solid #3b82f6}.reel-item.rarity-epic,.reel-item.type-equipment{border-color:#a855f780;border-bottom:3px solid #a855f7;background:linear-gradient(160deg,#581c8740,#1a1816);box-shadow:0 0 25px #a855f71a}.reel-item.rarity-legendary{border-color:#fbbf2480;border-bottom:3px solid #fbbf24;background:linear-gradient(160deg,#78350f40,#1a1816);box-shadow:0 0 30px #fbbf2426}.reel-item.type-token_jackpot{border-color:#ef444480;border-bottom:3px solid #ef4444;background:linear-gradient(160deg,#7f1d1d40,#1a1816);box-shadow:0 0 40px #ef444433}.reel-item.winning-item{transform:scale(1.05);z-index:10;animation:winnerPulse 1.5s infinite}@keyframes winnerPulse{0%{box-shadow:0 0 #ffebcd4d}70%{box-shadow:0 0 0 10px #ffebcd00}to{box-shadow:0 0 #fff0}}.result-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;padding:32px;background:linear-gradient(135deg,#a38e781a,#7d6e5f0d),#14120ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(163,142,120,.3);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;box-shadow:0 0 0 1px #0003,0 40px 100px -20px #000c;z-index:100;will-change:transform,opacity}.result-popup:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:linear-gradient(45deg,transparent,rgba(163,142,120,.2),transparent);z-index:-1;pointer-events:none}.result-popup h2{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0;background:linear-gradient(to right,#fbbf24,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(251,191,36,.3))}.result-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(251,191,36,.15),transparent 70%);animation:iconGlow 3s infinite alternate}@keyframes iconGlow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.result-name{font-size:20px;color:#f5f5f4;font-weight:600}.close-btn{width:100%;padding:14px 0;border-radius:12px;border:none;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#d97706);color:#1a1816;box-shadow:0 4px 15px #f59e0b4d;transition:transform .1s}.close-btn:active{transform:scale(.98)}.bulk-progress-indicator{width:100%;max-width:600px;background:linear-gradient(135deg,#a38e7833,#7d6e5f1a),#14120fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;border-radius:12px;border:1px solid rgba(163,142,120,.2);display:flex;flex-direction:column;gap:12px}.bulk-status{display:flex;justify-content:space-between;align-items:center;color:#d6d3d1;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.bulk-bar-bg{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.bulk-bar-fill{height:100%;background:#fbbf24;box-shadow:0 0 10px #fbbf2480;transition:width .2s ease-out}.bulk-history{width:100%;max-width:800px;max-height:200px;overflow-y:auto;background:linear-gradient(135deg,#a38e7826,#7d6e5f0d),#14120fd9;border-top:1px solid rgba(163,142,120,.2);border-radius:12px;padding:16px;display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px;scrollbar-width:thin;scrollbar-color:#57534e transparent}.history-item{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#292524cc;border:1px solid rgba(255,255,255,.05);border-radius:8px;font-size:12px;color:#e7e5e4;animation:fadeInHistory .3s backwards}@keyframes fadeInHistory{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.case-opening-container{justify-content:center;height:100dvh;padding:0;gap:0}.reel-window{width:100%;border-radius:0;border-right:none;border-left:none;height:220px;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.reel-item{width:130px;height:170px;margin-right:12px}.result-popup{top:auto;left:0;bottom:0;transform:translate3d(0,100%,0);width:100%;max-width:100%;border-radius:24px 24px 0 0;border-bottom:none;padding:32px 24px 40px;animation:slideUpResultMobile .4s cubic-bezier(.19,1,.22,1) forwards;will-change:transform}@keyframes slideUpResultMobile{0%{transform:translate3d(0,100%,0);opacity:1}to{transform:translateZ(0);opacity:1}}.close-btn{height:56px;font-size:16px;margin-top:10px}.bulk-history{position:absolute;bottom:0;left:0;width:100%;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#a38e7826,#7d6e5f0d),#1c1917;z-index:50;border-top:1px solid rgba(163,142,120,.3);max-height:30vh;transform:translate3d(0,100%,0);animation:slideUpHistory .3s cubic-bezier(.19,1,.22,1) forwards;will-change:transform}@keyframes slideUpHistory{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}.bulk-progress-indicator{position:absolute;bottom:30vh;left:50%;transform:translate(-50%);width:90%;margin-bottom:16px;background:#1c1917e6;border-color:#a38e784d}}.description-renderer{display:flex;flex-direction:column;gap:1rem;font-size:.9rem;line-height:1.5;color:#fffc}.desc-paragraph{margin:0;white-space:pre-wrap}.desc-section{background:#0003;border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.05)}.desc-section-title{font-weight:700;color:#fff;margin-bottom:8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.desc-grid{display:flex;flex-direction:column;gap:4px}.desc-row{display:flex;align-items:flex-start;gap:8px;font-size:.85rem}.desc-percent{font-weight:700;min-width:40px;text-align:right}.desc-text{flex:1;opacity:.9}.desc-row.legendary .desc-percent{color:#fbbf24}.desc-row.legendary .desc-text{color:#fcd34d}.desc-row.epic .desc-percent{color:#a855f7}.desc-row.epic .desc-text{color:#c084fc}.desc-row.rare .desc-percent{color:#3b82f6}.desc-row.rare .desc-text{color:#60a5fa}.desc-row.uncommon .desc-percent{color:#22c55e}.desc-row.uncommon .desc-text{color:#4ade80}.desc-row.common .desc-percent{color:#9ca3af}.desc-row.common .desc-text{color:#d1d5db}.desc-row.simple .desc-text{color:#d1d5db;padding-left:4px}.desc-stats-section{display:flex;flex-direction:column;gap:.5rem}.stat-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:6px;font-size:.8125rem;font-weight:600;transition:all .15s ease;border:1px solid;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.stat-badge.positive{border-color:#22c55e66;background:#22c55e14}.stat-badge.positive:hover{border-color:#22c55e99;background:#22c55e1f;box-shadow:0 2px 8px #22c55e26;transform:translateY(-1px)}.stat-badge.negative{border-color:#ef444466;background:#ef444414}.stat-badge.negative:hover{border-color:#ef444499;background:#ef44441f;box-shadow:0 2px 8px #ef444426;transform:translateY(-1px)}.item-stat-value{font-size:.9425rem;font-weight:700;letter-spacing:-.01em}.stat-badge.positive .stat-value{color:#4ade80}.stat-badge.negative .stat-value{color:#f87171}.item-stat-label{color:#ffffffe6!important;font-weight:500;font-size:.8125rem}.desc-category{margin:.5rem 0 0;font-size:.75rem;color:#ffffff80!important;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.compatible-towers{margin-top:5px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.compatible-towers-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff9;margin-bottom:8px}.compatible-towers-grid{display:flex;flex-wrap:wrap;gap:6px}.tower-icon-wrapper{position:relative;width:42px;height:42px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.tower-icon-wrapper:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.tower-icon{width:32px;height:32px;color:#fffc;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tower-icon-wrapper:hover .tower-icon{color:#fff}.compatible-towers.compact .compatible-towers-label{font-size:10px;margin-bottom:6px}.compatible-towers.compact .tower-icon-wrapper{width:24px;height:24px}.compatible-towers.compact .tower-icon{width:16px;height:16px}.compatible-towers.compact .compatible-towers-grid{gap:4px}.inventory-container{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;color:var(--text-light);position:relative;overflow:hidden;padding-bottom:80px;will-change:opacity,transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.inventory-header{height:80px;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#ca78070f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:10;flex-shrink:0;gap:1rem;width:100%;box-sizing:border-box}.header-left,.header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-left{flex:1;min-width:0;overflow:hidden}.inventory-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem;color:#fff;flex-shrink:0}.inventory-tabs{display:flex;align-items:center;gap:.5rem;color:#fff;position:relative;background:#0003;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.inventory-tabs select{background:transparent;border:none;color:#fff;font-weight:600;cursor:pointer;outline:none}.inventory-tabs option{background:#1e293b;color:#fff}.search-bar{display:flex;align-items:center;gap:.5rem;background:#0003;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);color:#fff;transition:all .2s}.search-bar:focus-within{border-color:#fff3;background:#0006;color:#fff}.search-bar input{background:transparent;border:none;color:#fff;outline:none;font-size:.9rem;width:150px}.sort-dropdown{display:flex;align-items:center;gap:.5rem;color:#fff;position:relative;background:#0003;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.sort-dropdown select{background:transparent;border:none;color:#fff;font-weight:600;cursor:pointer;outline:none}.sort-dropdown option{background:#1e293b;color:#fff}.essence-badge{display:flex;align-items:center;gap:6px;background:#d946ef26;border:1px solid rgba(217,70,239,.3);padding:6px 16px;border-radius:20px;box-shadow:0 0 10px #d946ef1a;transition:all .2s ease;color:#d946ef;font-weight:700;font-size:1.1rem}.essence-badge:hover{background:#d946ef40;box-shadow:0 0 15px #d946ef4d}.inventory-content{flex:1;display:flex;overflow:hidden;position:relative}.inventory-grid{flex:1;padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-auto-rows:112px;gap:1.5rem;overflow-y:auto;padding-bottom:100px}.inventory-grid::-webkit-scrollbar{width:8px}.inventory-grid::-webkit-scrollbar-track{background:#0000001a}.inventory-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.inventory-grid::-webkit-scrollbar-thumb:hover{background:#fff3}.inventory-slot:hover{background:#ffffff14;transform:translateY(-2px);border-color:#fff3}.inventory-slot.selected{background:#ffffff1f;border-color:var(--rarity-color);box-shadow:0 0 20px #0003}.inventory-slot.tower-token{background:linear-gradient(145deg,#e2e8f026,#33415566);border:2px solid var(--rarity-color);box-shadow:inset 0 1px #fff3,inset 0 -1px #0000004d,0 4px 12px #0000004d;position:relative}.inventory-slot.tower-token:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(148,163,184,.2);border-radius:12px;pointer-events:none}.inventory-slot.tower-token:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);border-radius:16px;pointer-events:none}.inventory-slot.tower-token:hover{background:linear-gradient(145deg,#e2e8f033,#47556980);border-color:var(--rarity-color);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d,0 6px 20px #94a3b84d}.inventory-slot.tower-token.selected{border-color:var(--rarity-color);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d,0 0 25px #94a3b880,0 6px 20px #0006}.inventory-slot.skeleton{background:#ffffff08;animation:pulse 1.5s infinite;border:none;pointer-events:none}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.inventory-slot:hover .item-icon{transform:scale(1.1)}.selection-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--rarity-color);border-radius:18px;pointer-events:none;box-shadow:inset 0 0 15px var(--rarity-color)}.item-details-panel{width:400px;background:#151310b6;border-left:1px solid rgba(255,255,255,.1);padding:0;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;box-shadow:-10px 0 30px #00000080}.panel-backdrop,.panel-close-btn{display:none}.details-header{padding:1.5rem;background:linear-gradient(to bottom,rgba(255,255,255,.03),transparent);border-bottom:1px solid rgba(66,62,105,.1);display:flex;flex-direction:row;align-items:center;gap:1.25rem;position:relative;min-height:100px}.details-icon-large{font-size:3.5rem;filter:drop-shadow(0 0 20px currentColor);animation:float 6s ease-in-out infinite;flex-shrink:0;display:flex;align-items:center;justify-content:center}.details-title{text-align:left;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.details-title h2{font-size:1.1rem;font-weight:800;margin:0;color:#fff;line-height:1.2}.rarity-badge{display:inline-block;padding:4px 12px;margin-top:4px;border-radius:20px;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.rarity-badge.common{color:#a8a29e;border-color:#a8a29e}.rarity-badge.uncommon{color:#22c55e;border-color:#22c55e}.rarity-badge.rare{color:#3b82f6;border-color:#3b82f6}.rarity-badge.epic{color:#a855f7;border-color:#a855f7}.rarity-badge.legendary{color:#eab308;border-color:#eab308}.details-body{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.details-body::-webkit-scrollbar{width:6px}.details-body::-webkit-scrollbar-track{background:transparent}.details-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .2s}.details-body::-webkit-scrollbar-thumb:hover{background:#fff3}.description-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.description-text{color:#fff;font-size:1rem;line-height:1.6;margin:0;text-align:center}.bonus-drops-section{background:#0003;border-radius:16px;padding:1.25rem;border:1px solid rgba(255,255,255,.05)}.bonus-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#d5843a;margin-bottom:1rem;font-weight:800;text-align:center}.drops-grid{display:flex;flex-direction:column;gap:.5rem}.drop-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:10px;background:#ffffff08;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.drop-item:hover{background:#ffffff0f;transform:translate(4px);border-color:#ffffff1a}.drop-chance{font-weight:800;font-size:.85rem;padding:4px 10px;border-radius:8px;min-width:55px;text-align:center;box-shadow:0 2px 4px #0003}.drop-name{color:#e2e8f0;font-size:.9rem;font-weight:600}.drop-item.legendary .drop-chance{background:linear-gradient(135deg,#eab30833,#eab3081a);color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.drop-item.rare .drop-chance{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.drop-item.uncommon .drop-chance{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.drop-item.common .drop-chance{background:linear-gradient(135deg,#94a3b833,#94a3b81a);color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.item-stats{background:#0003;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.stat-row{display:flex;justify-content:space-between;font-size:.9rem;color:#cbd5e1;padding-bottom:.1rem;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none;padding-bottom:0}.details-actions{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem;background:linear-gradient(to top,rgba(0,0,0,.4),transparent)}.equipment-info{display:flex;flex-direction:column;gap:12px}.equipment-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#a855f726,#a855f70d);border:1px solid rgba(168,85,247,.3);border-radius:10px;color:#fffc;font-size:.85rem;line-height:1.4}.equipment-notice svg{color:#a855f7;font-size:16px;flex-shrink:0}.inventory-use-btn.secondary{background:linear-gradient(135deg,#a855f733,#a855f71a);border:1px solid rgba(168,85,247,.4);color:#a855f7}.inventory-use-btn.secondary:hover{background:linear-gradient(135deg,#a855f74d,#a855f726);border-color:#a855f799;transform:translateY(-1px)}.quantity-selector{background:#0003;border-radius:12px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;border:1px solid rgba(255,255,255,.05)}.qty-row-main{display:flex;align-items:center;gap:.75rem}.qty-btn-icon{width:28px;height:28px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.qty-btn-icon:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.qty-slider-wrapper{flex:1;display:flex;flex-direction:column;gap:4px}.qty-info{display:flex;justify-content:center;align-items:baseline;gap:4px;font-size:.8rem}.qty-current{color:#fff;font-weight:800;font-family:monospace;font-size:1rem}.qty-max{color:#a9a098;font-weight:600}.quantity-slider{width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative}.quantity-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b82f6 var(--progress, 0%),rgba(255,255,255,.1) var(--progress, 0%));height:4px;border-radius:2px}.quantity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;margin-top:-4px;box-shadow:0 0 10px #ffffff80;transition:transform .1s}.quantity-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.qty-quick-actions{display:flex;justify-content:space-between;gap:.5rem;padding-top:.25rem}.qty-chip{flex:1;background:transparent;border:1px solid rgba(255,255,255,.05);color:#a9a098;font-size:.7rem;font-weight:700;padding:2px 0;border-radius:4px;cursor:pointer;transition:all .2s}.qty-chip:hover{background:#ffffff0d;color:#cbd5e1;border-color:#ffffff1a}.inventory-use-btn{width:100%;padding:0 1rem;height:54px;border-radius:8px;border:none;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.inventory-use-btn.primary{background:linear-gradient(135deg,#e48608,color-mix(in srgb,#e88c09,black 20%));color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.inventory-use-btn.primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #ffffff4d,0 0 20px -5px var(--btn-color, #3b82f6)}.inventory-use-btn.primary:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}.inventory-use-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.inventory-use-btn.primary:hover:before{left:100%}.inventory-use-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);background:#334155;color:#fff;box-shadow:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.inventory-content{flex-direction:column}.details-placeholder.desktop-only{display:none!important}.panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:199}.item-details-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%;max-height:100vh;border-radius:0;border:none;z-index:200;display:flex;flex-direction:column;overflow:hidden}.item-details-panel.open{width:100%!important}.panel-close-btn{display:flex;position:absolute;top:12px;right:12px;width:40px;height:40px;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fffc;font-size:16px;cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;transition:all .2s}.panel-close-btn:active{background:#fff3;transform:scale(.95)}.details-header{padding:1.5rem 1rem 1.25rem;padding-right:60px;gap:1rem;flex-shrink:0}.details-icon-large{font-size:3rem}.details-title h2{font-size:1.2rem}.rarity-badge{font-size:.65rem;padding:3px 10px}.details-body{flex:1;padding:1.25rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.item-stats{margin-top:1rem}.details-actions{flex-shrink:0;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom) + 80px);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);border-top:1px solid rgba(255,255,255,.06)}.quantity-selector{margin-bottom:1rem}.inventory-use-btn{padding:1rem;border-radius:12px;font-size:.9rem}}.details-placeholder{flex:.75;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d5843a;gap:1rem;background:#2a140233;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);width:400px}.details-placeholder svg{opacity:.2;font-size:3rem}.details-placeholder p{font-size:1rem;font-weight:500;opacity:.6}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff;text-align:center;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003;margin:2rem auto;width:100%;max-width:500px;min-height:300px}.empty-icon-wrapper{width:96px;height:96px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #0003;color:#fff6;font-size:2.5rem;padding:35px 0}.empty-state h3{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:.75rem;letter-spacing:-.02em}.empty-state p{font-size:.95rem;max-width:300px;line-height:1.5}@media (max-width: 768px){.inventory-header{height:auto;min-height:80px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title essence" "search sort" "tabs tabs";gap:1rem;padding:1rem;background:#af712126;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header-left,.header-right{display:contents}.inventory-title{grid-area:title;font-size:1.25rem;margin-bottom:0}.essence-badge{grid-area:essence;padding:4px 12px;font-size:.9rem;height:32px;align-self:center}.search-bar{grid-area:search;width:100%;background:#0000004d}.search-bar input{width:100%;min-width:0}.sort-dropdown{grid-area:sort;height:100%}.sort-dropdown select{height:100%}.inventory-tabs{grid-area:tabs;width:100%;overflow-x:auto;padding:4px 0;justify-content:flex-start;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.inventory-grid{padding:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-auto-rows:90px;gap:.75rem;padding-bottom:120px}.inventory-slot{border-radius:12px}.item-icon{font-size:2rem}.item-qty{font-size:.75rem;padding:1px 4px}.empty-state{padding:2rem 1rem;margin:1rem}.empty-icon-wrapper{width:60px;height:60px}.empty-state h3{font-size:1.1rem}}.modal-content{background:linear-gradient(145deg,#1c1917,#0c0a09);border:1px solid rgba(245,158,11,.15);border-radius:24px;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #f59e0b0d;overflow:hidden;display:flex;flex-direction:column;padding:32px;color:var(--text-light);position:relative}.key-transaction-display{width:100%;margin:1.5rem 0;display:flex;justify-content:center;z-index:1}.key-item-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem 1.75rem;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:help;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.key-item-card:hover{background:#ffffff14;border-color:var(--item-glow);box-shadow:0 8px 24px -8px var(--item-glow);transform:translateY(-2px)}.key-icon-wrapper{width:56px;height:56px;border-radius:14px;background:#0006;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 0 20px -5px currentColor;transition:all .3s}.key-item-card:hover .key-icon-wrapper{box-shadow:0 0 30px -5px currentColor;transform:scale(1.05)}.key-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.key-name{font-weight:700;font-size:1.15rem;letter-spacing:.02em;filter:drop-shadow(0 0 10px currentColor)}.key-status{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px}.text-success{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.3)}.text-danger{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.3)}.text-required{color:var(--text-dim)}.separator{color:#fff3;font-size:1.2rem}.confirmation-text{margin:0 0 2rem;color:#cbd5e1;line-height:1.6;font-size:1.05rem;z-index:1}.modal-actions{display:flex;gap:1rem;justify-content:center;width:100%;z-index:1}.modal-actions button{padding:.875rem 2rem;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:none;flex:1;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em}.btn-cancel{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.08)}.btn-cancel:hover{background:#ffffff1a;color:#e2e8f0;border-color:#ffffff26;transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);color:#000;box-shadow:0 8px 16px -4px #fbbf2466;position:relative;overflow:hidden}.btn-confirm:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);transition:all .5s}.btn-confirm:hover:before{left:100%}.btn-confirm:hover{transform:translateY(-3px);box-shadow:0 12px 24px -4px #fbbf2499;filter:brightness(1.1)}.btn-confirm:active{transform:translateY(-1px)}.btn-confirm:disabled{background:#ffffff0d;color:#fff3;cursor:not-allowed;box-shadow:none}.btn-confirm:disabled:hover{transform:none;filter:none}.btn-confirm:active{transform:translateY(0)}.shop-page{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;color:#f1f5f9;position:relative;overflow:hidden;padding-bottom:80px}.shop-header-premium{background:linear-gradient(180deg,#cd7719a3,#b8560d4a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 1.5rem;flex-shrink:0;position:sticky;top:0;z-index:50;box-shadow:0 4px 30px #0000004d}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title .title-icon{font-size:2.5rem;color:#f59e0b;filter:drop-shadow(0 0 20px rgba(245,158,11,.4))}.header-title h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-title p{font-size:.75rem;color:#ffffff80;margin:0;text-transform:uppercase;letter-spacing:1px}.essence-wallet{position:relative;display:flex;align-items:center;gap:.75rem;background:#34105785;border:1px solid rgb(168 76 255 / 84%);padding:.6rem 1.25rem;border-radius:16px;overflow:hidden}.wallet-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(168,85,247,.15),transparent 70%);pointer-events:none}.essence-wallet .essence-icon{font-size:1.75rem;color:#a855f7;filter:drop-shadow(0 0 8px rgba(168,85,247,.5));z-index:1}.wallet-info{display:flex;flex-direction:column;z-index:1}.wallet-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.wallet-amount{font-size:1.25rem;font-weight:800;color:#d946ef;line-height:1}.header-navigation{display:flex;justify-content:center;padding:0}.shop-tabs-premium{display:inline-flex;position:relative;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:4px;gap:0}.tab-indicator{position:absolute;top:4px;bottom:4px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;box-shadow:0 2px 10px #f59e0b66;z-index:0}.shop-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;min-width:100px;background:transparent;border:none;border-radius:10px;color:#ffffff80;font-family:Segoe UI,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;outline:none}.shop-tab:hover:not(.active){color:#ffffffe6}.shop-tab.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.shop-tab svg{font-size:1rem;opacity:.7;transition:transform .3s ease,opacity .3s ease}.shop-tab.active svg{opacity:1;transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.shop-main{flex:1;display:flex;overflow:hidden;position:relative}.shop-grid{flex:1;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;overflow-y:auto;overflow-x:hidden;align-content:start;padding-bottom:100px}.shop-grid::-webkit-scrollbar{width:6px}.shop-grid::-webkit-scrollbar-track{background:transparent}.shop-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.shop-card{position:relative;background:#1e293b80;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;overflow:hidden;transition:all .2s ease}.shop-card:hover{background:#33415580;border-color:#ffffff1a}.shop-card.selected{background:#334155b3;border-color:var(--card-color)}.shop-card.featured{border-color:#f59e0b4d}.shop-card.cannot-afford{opacity:.6}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--card-glow, rgba(255,255,255,.1)) 0%,transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.shop-card:hover .card-glow,.shop-card.selected .card-glow{opacity:1}.card-tag{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:6px;font-size:.6rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.featured-badge{position:absolute;top:8px;left:8px;width:24px;height:24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;box-shadow:0 2px 8px #f59e0b66;animation:pulse-fire 2s infinite}@keyframes pulse-fire{0%,to{box-shadow:0 2px 8px #f59e0b66}50%{box-shadow:0 2px 16px #f59e0b99}}.card-icon{font-size:2.5rem;filter:drop-shadow(0 4px 12px currentColor);transition:transform .2s}.shop-card:hover .card-icon{transform:scale(1.1)}.card-info{text-align:center}.card-name{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:2px}.card-rarity{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.card-price{display:flex;flex-direction:column;align-items:center;gap:2px}.original-price{position:absolute;display:flex;align-items:center;gap:3px;margin-top:-10px;font-size:.7rem;color:#fff6;text-decoration:line-through}.current-price{display:flex;align-items:center;gap:4px;font-size:1rem;font-weight:800}.selection-indicator{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--card-color);border-radius:18px;pointer-events:none;box-shadow:0 0 20px var(--card-glow),inset 0 0 20px var(--card-glow)}.panel-backdrop{display:none}.shop-detail-panel{width:0;height:100%;max-height:100%;background:#cb760826;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shop-detail-panel.open{width:340px}.panel-close-btn{display:none}.panel-header{position:relative;padding:1rem;background:linear-gradient(180deg,#ffffff08,#fff0);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;overflow:hidden;flex-shrink:0;flex:0 0 auto}.panel-header:after{content:"";position:absolute;top:-50%;left:-20%;width:70%;height:200%;background:radial-gradient(circle,var(--accent),transparent 70%);opacity:.15;pointer-events:none;z-index:-1;filter:blur(40px)}.panel-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.panel-icon-wrapper{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0003;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 20px #0003}.panel-icon-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,var(--accent, rgba(255,255,255,.2)),transparent 70%);filter:blur(20px);opacity:.4;z-index:0;animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.5;transform:scale(1.1)}}.panel-icon{position:relative;font-size:2.5rem;filter:drop-shadow(0 0 20px currentColor);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.panel-title-area{flex:1;display:flex;flex-direction:column;gap:4px}.panel-name{font-size:1.25rem;font-weight:800;color:#fff;margin:0;line-height:1.2}.panel-rarity{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;border:1px solid;width:fit-content}.panel-body{flex:1 1 auto;padding:1rem;display:flex;flex-direction:column;gap:.7rem;overflow:auto}.panel-description{color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.panel-contents{background:#0000004d;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.06)}.contents-label{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.contents-list{display:flex;flex-direction:column;gap:8px}.content-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#fffc}.panel-price-section{background:#d946ef2b;border:1px solid rgba(217,70,239,.55);border-radius:12px;padding:.5rem;text-align:center}.panel-price-section.soulstones{background:#ffffff1f;border-color:#ffffff8e}.price-header{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.price-row{display:flex;align-items:center;justify-content:center;gap:1rem}.price-original{display:flex;align-items:center;gap:4px;font-size:1rem;color:#fff6;text-decoration:line-through}.price-current{display:flex;align-items:center;gap:6px;font-size:2rem;font-weight:800;color:#d946ef}.price-current svg{font-size:1.75rem}.price-savings{margin-top:8px;font-size:.75rem;color:#22c55e;font-weight:600}.panel-actions{padding:1.25rem;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);flex:0 0 auto}.btn-purchase{width:100%;padding:1rem;border-radius:12px;border:none;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d,inset 0 1px #fff3;transition:all .2s}.btn-purchase:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66,inset 0 1px #fff3}.btn-purchase:active:not(:disabled){transform:translateY(0)}.btn-purchase.disabled,.btn-purchase:disabled{background:#64748b4d;color:#fff6;cursor:not-allowed;box-shadow:none}.modal-item-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.preview-icon{font-size:3rem;filter:drop-shadow(0 0 20px currentColor)}.preview-name{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.modal-price-display{display:flex;align-items:center;gap:8px;font-size:1.75rem;font-weight:800}.modal-price-display.essence{color:#d946ef}.modal-price-display.soulstones{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.modal-price-display svg{font-size:1.5rem}.modal-balance{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#ffffff80}.balance-after{display:flex;align-items:center;gap:4px;color:#22c55e;font-weight:600}@media (max-width: 768px){.shop-page{padding-bottom:100px}.shop-header-premium{padding:.875rem 1rem;background:linear-gradient(180deg,#cd7719a3,#b8560d4a)}.header-content{flex-direction:column;gap:1rem;align-items:stretch}.header-title{justify-content:center;text-align:center}.essence-wallet-container{justify-content:center}.header-navigation{order:2}.header-title{gap:.625rem;flex:1;min-width:0}.header-title .title-icon{font-size:1.75rem;flex-shrink:0}.header-title h1{font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title p{display:none}.essence-wallet{padding:.5rem .875rem;gap:.5rem;border-radius:12px;flex-shrink:0}.essence-wallet .essence-icon{font-size:1.25rem}.wallet-label{font-size:.55rem;letter-spacing:.3px}.wallet-amount{font-size:1rem}.header-navigation{padding-bottom:.5rem}.shop-tabs-premium{width:100%;justify-content:center;border-radius:12px;padding:4px}.shop-tab{flex:1;justify-content:center;padding:8px 4px;min-width:auto;font-size:.75rem;gap:6px}.tab-indicator{top:4px;bottom:4px;border-radius:10px}.shop-main{flex-direction:column}.shop-grid{padding:.875rem;gap:.875rem;display:flex;flex-direction:column;padding-bottom:120px}.shop-card{flex-direction:row;padding:1rem;gap:1rem;border-radius:14px;min-height:auto;align-items:center;background:#141e3299;border:1px solid rgba(255,255,255,.08)}.shop-card:active{transform:scale(.98);background:#1e2d46b3}.shop-card.selected{background:#283755b3;border-color:var(--card-color);box-shadow:0 0 20px var(--card-glow),inset 0 0 0 1px var(--card-color)}.card-glow{display:none}.card-icon{font-size:1.75rem;width:52px;height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.card-info{flex:1;text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0}.card-name{font-size:.95rem;font-weight:700}.card-rarity{font-size:.65rem;opacity:.8}.card-price{flex-direction:column;align-items:flex-end;gap:2px}.original-price{font-size:.65rem}.current-price{font-size:1.1rem;font-weight:800}.card-tag{top:auto;bottom:4px;right:8px;left:auto;font-size:.55rem;padding:1px 4px;border-radius:4px}.featured-badge{top:8px;left:8px;width:20px;height:20px;font-size:8px}.selection-indicator{border-radius:16px}.panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:199}.shop-detail-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%;max-height:100vh;border-radius:0;border:none;z-index:200;display:flex;flex-direction:column;overflow:hidden}.shop-detail-panel.open{width:100%!important}.panel-close-btn{display:flex;position:absolute;top:12px;right:12px;width:40px;height:40px;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fffc;font-size:16px;cursor:pointer;z-index:50;-webkit-tap-highlight-color:transparent;transition:all .2s}.panel-close-btn:active{background:#fff3;transform:scale(.95)}.panel-header{padding:1.5rem 3.5rem 1.5rem 2rem;gap:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.panel-icon-wrapper{width:52px;height:52px;border-radius:12px}.panel-icon{font-size:1.75rem;animation:none}.panel-name{font-size:1.25rem;margin-bottom:.1rem}.panel-rarity{font-size:.7rem;padding:2px 6px}.panel-icon-glow{top:-8px;right:-8px;bottom:-8px;left:-8px;filter:blur(12px)}.panel-name{font-size:1.2rem}.panel-rarity{font-size:.65rem;padding:3px 10px}.panel-body{flex:1;padding:1.25rem 1rem;gap:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-description{font-size:.9rem;line-height:1.6}.panel-contents{padding:1rem;border-radius:12px}.contents-label{font-size:.65rem;margin-bottom:.625rem}.content-item{font-size:.85rem}.panel-price-section{padding:1rem;border-radius:12px}.price-header{font-size:.65rem;margin-bottom:.5rem}.price-original{font-size:.9rem}.price-current{font-size:1.75rem}.price-current svg{font-size:1.5rem}.price-savings{font-size:.75rem;margin-top:.5rem}.panel-actions{flex-shrink:0;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom) + 90px);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);border-top:1px solid rgba(255,255,255,.06)}.btn-purchase{padding:1.25rem 1rem;min-height:56px;border-radius:12px;font-size:1rem;font-weight:700}.modal-backdrop{padding:1rem;align-items:flex-end}.confirm-modal{width:100%;max-width:100%;border-radius:20px 20px 0 0;margin-bottom:0}.modal-header{padding:1.25rem 1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem;gap:1rem}.modal-item-preview{padding:1rem 1.5rem;border-radius:12px}.preview-icon{font-size:2.25rem}.preview-name{font-size:.95rem}.modal-price-display{font-size:1.5rem}.modal-price-display svg{font-size:1.25rem}.modal-balance{font-size:.8rem}.modal-footer{padding:1rem calc(1rem + env(safe-area-inset-bottom));gap:.625rem}.btn-cancel,.btn-confirm{padding:.9rem;font-size:.8rem;border-radius:12px}}@media (max-width: 380px){.shop-header-premium{padding:.75rem}.header-title .title-icon{font-size:1.5rem}.header-title h1{font-size:1rem}.essence-wallet{padding:.4rem .7rem}.wallet-info{gap:0}.wallet-label{font-size:.5rem}.wallet-amount{font-size:.9rem}.shop-nav{padding:.4rem .75rem}.shop-tab{padding:.5rem .75rem;font-size:.7rem}.shop-grid{padding:.75rem;gap:.75rem}.shop-card{padding:.875rem}.card-icon{width:44px;height:44px;min-width:44px;font-size:1.5rem}.card-name{font-size:.85rem}.current-price{font-size:1rem}}@media (max-height: 500px) and (orientation: landscape){.shop-header-premium{padding:.5rem 1rem}.header-title .title-icon{font-size:1.5rem}.shop-nav{padding:.375rem 1rem}.shop-tab{padding:.5rem 1rem}.shop-detail-panel{max-height:80vh;bottom:60px}.panel-body{max-height:20vh}}@media (min-width: 769px) and (max-width: 1024px){.shop-grid{grid-template-columns:repeat(2,1fr);padding:1.25rem}.shop-detail-panel.open{width:380px}}.shop-home-layout{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:2rem;padding-bottom:100px}.shop-section{display:flex;flex-direction:column;gap:1rem;position:relative}.section-header{display:flex;flex-direction:column;gap:.25rem;padding-left:.75rem;border-left:3px solid rgba(255,255,255,.1)}.section-title{font-size:1.1rem;font-weight:800;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.section-title .icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.section-subtitle{font-size:.75rem;color:#ffffff80;margin:0}.blueprint-section{background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,transparent 100%);border-radius:16px;padding:1rem;border:1px solid rgba(245,158,11,.1);box-shadow:0 0 20px #f59e0b0d}.blueprint-section .section-header{border-left-color:#f59e0b}.blueprint-section .section-title{color:#fbbf24;text-shadow:0 0 15px rgba(251,191,36,.3)}.blueprint-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.blueprint-showcase .shop-card{background:linear-gradient(145deg,#2e2f309e,#bebfc335);border-color:#f59e0b33;padding:1.5rem;min-height:160px;justify-content:center}.blueprint-showcase .shop-card:hover{border-color:#f59e0b;box-shadow:0 0 25px #f59e0b26;transform:translateY(-2px)}.blueprint-showcase .card-icon{font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 0 20px rgba(245,158,11,.6))}.blueprint-showcase .card-name{font-size:1.1rem;margin-bottom:.25rem}.towers-section .section-header{border-left-color:#3b82f6}.towers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.towers-grid .shop-card{background:#35363999;border:1px solid rgba(189,199,214,.1);padding:1rem;justify-content:center}.towers-grid .shop-card:hover{border-color:#3b82f6;background:#0f172acc;box-shadow:0 0 15px #3b82f626}.towers-grid .card-icon{font-size:2.5rem;margin-top:.5rem;margin-bottom:-1rem}.towers-grid .card-name{font-size:.8rem}.essentials-section .section-header{border-left-color:#a855f7}.essentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.essentials-grid .shop-card{padding:1rem}.essentials-grid .card-icon{font-size:2rem}.equipment-section .section-header{border-left-color:#f59e0b}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.equipment-grid .shop-card{background:#35363999;border:1px solid rgba(189,199,214,.1);padding:1rem;justify-content:center}.equipment-grid .shop-card:hover{border-color:#f59e0b;background:#0f172acc;box-shadow:0 0 15px #f59e0b26}.equipment-grid .card-icon{font-size:2.5rem;margin-top:.5rem;margin-bottom:-1rem}.equipment-grid .card-name{font-size:.8rem}@media (max-width: 768px){.shop-home-layout{padding:.75rem;gap:1.5rem}.shop-section{gap:.75rem}.blueprint-section{padding:.75rem;margin:0;width:100%;border-radius:12px}.blueprint-showcase{grid-template-columns:1fr;gap:.75rem}.blueprint-showcase .shop-card{padding:1rem;min-height:auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;text-align:left}.blueprint-showcase .card-icon{font-size:2.5rem;margin-bottom:0;margin-right:0}.blueprint-showcase .card-info{text-align:left;align-items:flex-start}.blueprint-showcase .card-name{font-size:1rem;margin-bottom:0}.towers-grid{grid-template-columns:1fr;gap:.5rem}.towers-grid .shop-card{padding:.75rem}.towers-grid .card-icon{font-size:2rem;margin-bottom:.25rem}.essentials-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.essentials-grid .shop-card{padding:.5rem}.essentials-grid .card-icon{font-size:1.5rem}.essentials-grid .card-name{font-size:.7rem}}@media (max-width: 480px){.essentials-grid{grid-template-columns:repeat(2,1fr)}}.panel-price-section.soulstones .price-current{color:#fff!important;text-shadow:0 0 15px rgba(255,255,255,.6)!important}.panel-price-section.soulstones .price-current svg{color:#fff!important;fill:#fff!important;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.shop-quantity-section{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px;position:relative}.shop-quantity-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.02) 100%);pointer-events:none}.qty-header{display:flex;justify-content:space-between;align-items:center}.qty-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:#94a3b8;font-weight:700;display:flex;align-items:center;gap:6px}.qty-main-controls{display:flex;align-items:center;justify-content:space-between;background:#14171d99;border-radius:8px;padding:4px;border:1px solid rgba(255,255,255,.05)}.qty-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:6px;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.qty-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.qty-btn:active:not(:disabled){transform:translateY(0)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-input-wrapper{flex:1;display:flex;justify-content:center;position:relative}.qty-input{width:100%;background:transparent;border:none;color:#fff;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;text-align:center;padding:0}.qty-input:focus{outline:none}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-quick-select{display:flex;gap:8px;justify-content:center}.qty-quick-btn{flex:1;padding:6px 0;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase}.qty-quick-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff1a}.qty-total-preview{font-size:.8rem;color:#d5843a;text-align:right}.inventory-slot{background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden}.inventory-slot.rarity-common{background:linear-gradient(145deg,#a8a29e0d,#1e293b66);border-color:#a8a29e4d}.inventory-slot.rarity-uncommon{background:linear-gradient(145deg,#22c55e0d,#1e293b66);border-color:#22c55e4d}.inventory-slot.rarity-rare{background:linear-gradient(145deg,#3b82f60d,#1e293b66);border-color:#3b82f64d}.inventory-slot.rarity-epic{background:linear-gradient(145deg,#a855f70d,#1e293b66);border-color:#a855f74d}.inventory-slot.rarity-legendary{background:linear-gradient(145deg,#eab3080d,#1e293b66);border-color:#eab3084d}.item-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.item-qty{position:absolute;bottom:8px;right:10px;font-size:.85rem;font-weight:700;color:#ffffffe6;background:#0009;padding:2px 6px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottom-nav-container{position:absolute;bottom:0;left:0;width:100%;height:auto;min-height:80px;background:#000000b5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;align-items:stretch;z-index:1000;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 30px #0006;pointer-events:auto}.bottom-nav-inner{display:flex;width:100%;max-width:600px;height:80px;position:relative;align-items:center}.nav-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#d58a0a;cursor:pointer;flex:1;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;padding:0}.nav-item:hover{color:#fffffff2;background:#ffffff0d}.nav-item.active{background:linear-gradient(to bottom,rgba(245,158,11,.1),transparent);color:#f59e0b}.nav-item.active:hover{background:linear-gradient(to bottom,rgba(245,158,11,.15),transparent);color:#f59e0b}.nav-item-indicator{position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:40px;height:2px;background:#f59e0b;box-shadow:0 0 10px #f59e0b;transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 0 2px 2px}.nav-item.active .nav-item-indicator{transform:translate(-50%) scaleX(1)}.nav-icon-container{position:relative;padding:8px;border-radius:8px;background:transparent;border:1px solid transparent;transition:all .3s;display:flex;align-items:center;justify-content:center}.nav-item.active .nav-icon-container{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.nav-icon{transition:all .3s}.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px rgba(245,158,11,.4));transform:scale(1.1)}.nav-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;opacity:.8;transition:all .3s}.nav-item.active .nav-label{font-weight:700;opacity:1}.nav-divider{width:1px;height:40%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent);align-self:center}.page-indicators{position:absolute;left:max(clamp(8px,1.5vw,16px),env(safe-area-inset-left));bottom:55px;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:clamp(6px,1vh,12px);pointer-events:none;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transition:opacity .3s cubic-bezier(.4,0,.2,1)}@media (min-width: 1024px){.page-indicators{left:clamp(16px,1vw,32px)}}@media (max-width: 768px){.page-indicators{left:8px;gap:8px}}@media (max-width: 480px),(max-height: 600px){.page-indicators{opacity:.4}.page-indicators:hover{opacity:1}}@media (max-width: 768px) and (max-height: 450px) and (orientation: landscape){.page-indicators{opacity:0;pointer-events:none}}.page-indicators--scrolling{opacity:.6}.page-indicator{position:relative;width:16px;height:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;pointer-events:auto;outline:none;border-radius:50%;will-change:transform;transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.page-indicator:focus-visible{outline:2px solid rgba(245,158,11,.8);outline-offset:4px}.page-indicator:hover{transform:scale(1.15) translateZ(0)}.page-indicator:hover .page-indicator__dot{background:#f59e0be6;border-color:#f59e0be6;box-shadow:0 0 12px #f59e0b99,0 0 24px #f59e0b4d}.page-indicator--active{transform:scale(1.2) translateZ(0)}.page-indicator__dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);width:12px;height:12px;border-radius:50%;background:#f59e0b4d;border:2px solid rgba(245,158,11,.5);transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,background,border-color,box-shadow;backface-visibility:hidden}.page-indicator--active .page-indicator__dot{background:#f59e0b;border-color:#f59e0b;box-shadow:0 0 16px #f59e0bcc,0 0 32px #f59e0b66,inset 0 0 8px #ffffff4d;transform:translate(-50%,-50%) scale(1.1) translateZ(0)}.page-indicator__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);width:12px;height:12px;border-radius:50%;background:transparent;border:2px solid rgba(245,158,11,0);opacity:0;pointer-events:none;will-change:transform,opacity,border-color;backface-visibility:hidden}.page-indicator--active .page-indicator__pulse{animation:indicatorPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes indicatorPulse{0%{transform:translate(-50%,-50%) scale(1) translateZ(0);opacity:.8;border-color:#f59e0bcc}50%{transform:translate(-50%,-50%) scale(2.2) translateZ(0);opacity:0;border-color:#f59e0b00}to{transform:translate(-50%,-50%) scale(1) translateZ(0);opacity:0;border-color:#f59e0b00}}.page-indicator__label{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-8px) translateZ(0);white-space:nowrap;padding:6px 12px;background:#362514be;border:1px solid rgba(245,159,11,.337);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.8rem;font-weight:600;color:#f59e0b;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px #0000004d,0 0 0 1px #f59e0b1a;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;backface-visibility:hidden}.page-indicator:hover .page-indicator__label,.page-indicator:focus-visible .page-indicator__label{opacity:1;visibility:visible;transform:translateY(-50%) translate(0) translateZ(0)}@media (prefers-reduced-motion: reduce){.page-indicators,.page-indicator,.page-indicator__dot,.page-indicator__pulse,.page-indicator__label{animation:none!important;transition:none!important}.page-indicator__dot{transition:background .1s,border-color .1s}}@media (prefers-contrast: high){.page-indicator__dot{border-width:3px}.page-indicator--active .page-indicator__dot{background:#f59e0b;border-color:#fff}.page-indicator__label{border-width:2px;background:#000}}@media (hover: none) and (pointer: coarse){.page-indicator{width:24px;height:24px}.page-indicator__dot{width:16px;height:16px}.page-indicator__label{display:none}}@media (max-width: 480px){.page-indicator{width:20px;height:20px}.page-indicator__dot{width:12px;height:12px;border-width:2px}.page-indicator__label{font-size:.7rem;padding:4px 8px;left:calc(100% + 12px)}}@media print{.page-indicators{display:none}}.game-overlay{display:flex;flex-direction:column;transition:height .15s ease,border-color .15s ease,box-shadow .15s ease;background:#0f172a80!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 6px 24px #00000073!important;position:absolute;border-radius:6px;padding:5px;color:#fafaf9;z-index:100;width:260px;transform-origin:bottom center;animation:fadeIn .15s ease-out;max-height:min(45vh,340px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;touch-action:pan-y}.game-overlay.rarity-COMMON{border:1px solid rgba(156,163,175,.4)!important;box-shadow:0 8px 32px #0006,0 0 12px #9ca3af26!important;background:linear-gradient(135deg,#0f172a80,#3741514d)!important}.game-overlay.rarity-COMMON .overlay-title{color:#9ca3af}.game-overlay.rarity-UNCOMMON{border:1px solid rgba(34,197,94,.5)!important;box-shadow:0 8px 32px #0006,0 0 15px #22c55e33!important;background:linear-gradient(135deg,#0f172a80,#164e2c40)!important}.game-overlay.rarity-UNCOMMON .overlay-title{color:#22c55e}.game-overlay.rarity-RARE{border:1px solid rgba(59,130,246,.55)!important;box-shadow:0 8px 32px #0006,0 0 18px #3b82f640!important;background:linear-gradient(135deg,#0f172a80,#1e3a8a40)!important}.game-overlay.rarity-RARE .overlay-title{color:#3b82f6}.game-overlay.rarity-EPIC{border:1px solid rgba(168,85,247,.6)!important;box-shadow:0 8px 32px #0006,0 0 22px #a855f74d!important;background:linear-gradient(135deg,#0f172a80,#581c8740)!important}.game-overlay.rarity-EPIC .overlay-title{color:#a855f7}.game-overlay.rarity-LEGENDARY{border:1px solid rgba(245,158,11,.65)!important;box-shadow:0 8px 32px #0006,0 0 25px #f59e0b59,0 0 50px #f59e0b1a!important;background:linear-gradient(135deg,#0f172a80,#78350f4d)!important;animation:fadeIn .2s ease-out,legendaryPulse 3s ease-in-out infinite}.game-overlay.rarity-LEGENDARY .overlay-title{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.5)}@keyframes legendaryPulse{0%,to{box-shadow:0 8px 32px #0006,0 0 25px #f59e0b59,0 0 50px #f59e0b1a}50%{box-shadow:0 8px 32px #0006,0 0 30px #f59e0b73,0 0 60px #f59e0b33}}.overlay-header{margin-bottom:4px;display:flex;align-items:center;gap:6px}.overlay-title{font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-badges{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.overlay-header-content{flex:1;min-width:0}.mobile-close-btn{background:none;border:none;color:#78716c;cursor:pointer;font-size:1.2rem;padding:4px;display:none}.badge-level{font-size:.55rem;color:#22c55e;padding:0 4px;border-radius:6px;font-weight:600;background:#22c55e1f;border:1px solid rgba(34,197,94,.35);text-shadow:0 0 4px rgba(34,197,94,.3);margin-right:3px}.badge-upgrade{font-size:.55rem;color:#fafaf9;background:linear-gradient(135deg,#f59e0b,#d97706);padding:0 4px;border-radius:6px;font-weight:600;text-shadow:0 0 4px rgba(21,14,1,.4);margin-left:2px}.stats-grid-container{display:grid;gap:3px;margin-bottom:3px}.stats-grid-container.cols-2{grid-template-columns:1fr 1fr}.stats-grid-container.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.stat-content{display:flex;flex-direction:column;align-items:center;gap:2px}.text-violet{color:#8b5cf6}.text-amber{color:#fbbf24}.text-teal{color:#14b8a6}.text-crimson{color:#dc143c}.text-shadow-crimson{text-shadow:0 0 10px rgba(220,20,60,.5)}.text-shadow-violet{text-shadow:0 0 10px rgba(139,92,246,.5)}.buff-indicator{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background-color:#dc143c;box-shadow:0 0 8px #dc143c;animation:pulse 2s infinite}.buff-indicator.violet{background-color:#8b5cf6;box-shadow:0 0 8px #8b5cf6}.buff-indicator.teal{background-color:#14b8a6;box-shadow:0 0 8px #14b8a6}.buff-indicator.amber{background-color:#fbbf24;box-shadow:0 0 8px #fbbf24}.buff-values-container{margin-left:auto;display:flex;gap:6px}.flex{display:flex}.secondary-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:4px}.secondary-stat-box{background:#00000026;padding:3px 4px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:4px;position:relative;overflow:hidden}.secondary-stat-label{font-size:.6rem;color:#78716c;font-weight:600;letter-spacing:.3px}.secondary-stat-value{font-weight:700;font-size:.75rem}.text-shadow-teal{text-shadow:0 0 10px rgba(20,184,166,.5)}.text-shadow-amber{text-shadow:0 0 10px rgba(251,191,36,.5)}.active-buff-row{margin-bottom:3px;padding:2px 6px;border-radius:0 3px 3px 0;display:flex;align-items:center;gap:4px;font-size:.65rem}.active-buff-row.violet{background:linear-gradient(90deg,#8b5cf626,#8b5cf60d);border-left:2px solid #8b5cf6}.active-buff-row.teal{background:linear-gradient(90deg,#14b8a626,#14b8a60d);border-left:2px solid #14b8a6}.active-buff-row.crimson{background:linear-gradient(90deg,#dc143c26,#dc143c0d);border-left:2px solid #DC143C}.icon-violet{color:#8b5cf6;font-size:10px}.icon-teal{color:#14b8a6;font-size:10px}.icon-crimson{color:#dc143c;font-size:10px}.buff-label{font-size:.7rem;color:#c4b5fd}.buff-label.teal{color:#5eead4}.buff-label.crimson{color:#fca5a5}.buff-value{font-size:.7rem;color:#a78bfa;font-weight:700;margin-left:auto}.buff-value.teal{color:#2dd4bf}.buff-value.crimson{color:#f87171}.active-buff-row.equipment{background:linear-gradient(90deg,#06b6d41f,#06b6d408);border-left:2px solid #06b6d4}.active-buff-row.equipment.rarity-legendary{border-left-color:#f59e0b;background:linear-gradient(90deg,#f59e0b1f,#f59e0b08)}.active-buff-row.equipment.rarity-epic{border-left-color:#d946ef;background:linear-gradient(90deg,#d946ef1f,#d946ef08)}.active-buff-row.equipment.rarity-rare{border-left-color:#3b82f6;background:linear-gradient(90deg,#3b82f61f,#3b82f608)}.icon-equipment{color:#06b6d4;font-size:11px}.active-buff-row.equipment.rarity-legendary .icon-equipment{color:#f59e0b}.active-buff-row.equipment.rarity-epic .icon-equipment{color:#d946ef}.active-buff-row.equipment.rarity-rare .icon-equipment{color:#3b82f6}.buff-label.equipment{color:#67e8f9;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.active-buff-row.equipment.rarity-legendary .buff-label.equipment{color:#fcd34d}.active-buff-row.equipment.rarity-epic .buff-label.equipment{color:#f0abfc}.active-buff-row.equipment.rarity-rare .buff-label.equipment{color:#93c5fd}.buff-value.equipment{color:#22d3ee;font-size:.65rem}.buff-value.equipment .cost-mod{color:#fbbf24;margin-left:2px}.buff-indicator{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background-color:#ef4444;box-shadow:0 0 4px #ef444499}.buff-indicator.purple,.buff-indicator.violet{background-color:#8b5cf6;box-shadow:0 0 4px #8b5cf699}.buff-indicator.teal{background-color:#14b8a6;box-shadow:0 0 4px #14b8a699}.buff-indicator.amber{background-color:#f59e0b;box-shadow:0 0 4px #f59e0b99}.buff-indicator.equipment{background-color:#06b6d4;box-shadow:0 0 4px #06b6d499}.priority-section{margin-bottom:4px;margin-top:2px}.priority-header{font-size:.55rem;color:#78716c;margin-bottom:2px;display:flex;justify-content:space-between;align-items:center;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.upgrade-actions{display:flex;gap:6px;margin-top:2px}.btn-upgrade{flex:2;padding:6px 10px;border-radius:6px;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;letter-spacing:.3px}.btn-upgrade.disabled{background:#ffffff0d;color:#52525b;border:1px solid rgba(255,255,255,.05);cursor:not-allowed}.btn-sell{flex:1;padding:6px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:6px;cursor:pointer;font-weight:600;font-size:.7rem;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:3px}.btn-sell:hover{background:#ef444433;border-color:#ef444466}.upgrade-cost{background:#0003;padding:2px 6px;border-radius:4px;font-size:.8rem;margin-left:4px;display:inline-flex;align-items:center;gap:3px;transition:all .2s ease}.upgrade-cost.equipment-increased{color:#f59e0b;background:linear-gradient(135deg,#f59e0b40,#ea580c33);border:1px solid rgba(245,158,11,.4);text-shadow:0 0 4px rgba(245,158,11,.3)}.upgrade-cost.equipment-decreased{color:#06b6d4;background:linear-gradient(135deg,#06b6d440,#0ea5e933);border:1px solid rgba(6,182,212,.4);text-shadow:0 0 4px rgba(6,182,212,.3)}.equipment-cost-indicator{font-size:.6rem;font-weight:700;opacity:.9;animation:cost-indicator-pulse 1.5s ease-in-out infinite}@keyframes cost-indicator-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.bonus-pill{margin-left:6px;font-size:.5rem;font-weight:800;padding:2px 6px;border-radius:999px}.bonus-pill.positive{color:#22c55e;background:#22c55e26;border:1px solid rgba(34,197,94,.4);text-shadow:0 0 6px rgba(34,197,94,.4)}.bonus-pill.negative{color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.4);text-shadow:0 0 6px rgba(239,68,68,.4)}.bonus-pill.equipment{color:#06b6d4;background:linear-gradient(135deg,#06b6d433,#0ea5e926);border:1px solid rgba(6,182,212,.5);text-shadow:0 0 8px rgba(6,182,212,.5);box-shadow:0 0 4px #06b6d433,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.bonus-pill.equipment:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:equipment-shimmer 3s ease-in-out infinite}@keyframes equipment-shimmer{0%,to{left:-100%}50%{left:100%}}.bonus-pill.equipment-negative{color:#f59e0b;background:linear-gradient(135deg,#f59e0b33,#ea580c26);border:1px solid rgba(245,158,11,.5);text-shadow:0 0 8px rgba(245,158,11,.4);box-shadow:0 0 4px #f59e0b33,inset 0 1px #ffffff1a}.bonus-pills-container{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap}.sell-dialog{display:flex;flex-direction:column}.sell-title{margin-bottom:12px;font-weight:700;color:#ef4444;text-align:center}.sell-confirm-text{font-size:13px;margin-bottom:16px;color:#cbd5e1;text-align:center}.sell-actions{display:flex;gap:8px}.btn-confirm-sell{flex:1;padding:8px;background-color:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.btn-cancel-sell{flex:1;padding:8px;background-color:#334155;color:#fff;border:none;border-radius:4px;cursor:pointer}.stat-box{background:#0003;border:1px solid rgba(255,255,255,.03);border-radius:4px;padding:4px 3px;display:flex;flex-direction:column;align-items:center;gap:1px;transition:background .15s}.stat-box.relative{position:relative;overflow:hidden}.stat-box .stat-value{font-size:.7rem}@media (max-width: 768px){.stat-box .stat-value{font-size:.85rem}}.stat-label{font-size:.5rem;color:#78716c;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.stat-value{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;color:#f8fafc;text-shadow:0 1px 3px rgba(0,0,0,.4)}.strategy-selector{display:flex;background:#00000040;border-radius:4px;padding:1px;border:1px solid rgba(255,255,255,.04);gap:1px}.strategy-btn{flex:1;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#d5843a;border-radius:4px;cursor:pointer;transition:all .2s ease}.strategy-btn:hover{background:#ffffff0d;color:#94a3b8}.strategy-btn.active{background:#f59e0b;color:#0f172a;box-shadow:0 2px 4px #f59e0b33}.upgrade-btn-modern{position:relative;overflow:hidden;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #f59e0b33}.upgrade-btn-modern:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);pointer-events:none}.upgrade-btn-modern:active{transform:translateY(1px);box-shadow:0 2px 6px #f59e0b26}.upgrade-actions{display:flex;gap:8px;margin-top:2px}.btn-upgrade{flex:2;padding:8px 12px;background:#ffffff0d;color:#52525b;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:not-allowed;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;letter-spacing:.5px}.btn-upgrade.can-afford{background:linear-gradient(135deg,#f59e0b,#d97706);font-size:.75rem;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #f59e0b33}.btn-upgrade.can-afford:active{transform:translateY(1px);box-shadow:0 2px 6px #f59e0b26}.upgrade-cost{background:#0003;padding:2px 6px;border-radius:4px;font-size:.65rem;margin-left:4px}.btn-sell{flex:1;padding:8px;background-color:#ef44441a;color:#52525b;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:not-allowed;font-weight:700;font-size:.8rem;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:4px}.btn-sell.active{color:#ef4444;border:1px solid rgba(239,68,68,.2);cursor:pointer}.btn-sell.active:hover{background-color:#ef444433}.build-menu-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;padding-bottom:6px}.build-menu-title{font-weight:800;color:#f59e0b;letter-spacing:1px;font-size:.8rem}.build-menu-close{background:none;border:none;color:#78716c;cursor:pointer;font-size:.75rem;padding:2px}.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.build-option-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.build-option-name{font-weight:700;font-size:.7rem;color:#fafaf9;letter-spacing:.3px;line-height:1}.build-option-cost-container{display:flex;align-items:center;gap:4px}.build-option-cost{display:flex;align-items:center;gap:3px;font-weight:700;font-size:.7rem}.build-option-cost.can-afford{color:#fbbf24}.build-option-cost.cannot-afford{color:#ef4444}.build-option-discount{font-size:.55rem;color:#10b981;font-weight:700;background:#10b98126;padding:1px 3px;border-radius:2px;line-height:1}.build-option-discount.equipment{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.build-option-discount.equipment.decrease{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.build-option-discount.equipment.increase{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.build-option-btn{display:flex;flex-direction:row;align-items:center;padding:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .15s ease-out;opacity:1;text-align:left;gap:8px}.build-option-btn.rarity-COMMON{border-color:#9ca3af40;background:linear-gradient(135deg,rgba(156,163,175,.05),transparent)}.build-option-btn.rarity-COMMON:not(.disabled):hover{border-color:#9ca3af80;box-shadow:0 0 10px #9ca3af26}.build-option-btn.rarity-UNCOMMON{border-color:#22c55e4d;background:linear-gradient(135deg,rgba(34,197,94,.08),transparent)}.build-option-btn.rarity-UNCOMMON:not(.disabled):hover{border-color:#22c55e99;box-shadow:0 0 12px #22c55e33}.build-option-btn.rarity-RARE{border-color:#3b82f659;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent)}.build-option-btn.rarity-RARE:not(.disabled):hover{border-color:#3b82f6a6;box-shadow:0 0 14px #3b82f640}.build-option-btn.rarity-EPIC{border-color:#a855f766;background:linear-gradient(135deg,rgba(168,85,247,.12),transparent)}.build-option-btn.rarity-EPIC:not(.disabled):hover{border-color:#a855f7b3;box-shadow:0 0 16px #a855f74d}.build-option-btn.rarity-LEGENDARY{border-color:#f59e0b73;background:linear-gradient(135deg,#f59e0b26,#f59e0b05)}.build-option-btn.rarity-LEGENDARY:not(.disabled):hover{border-color:#f59e0bbf;box-shadow:0 0 18px #f59e0b59,0 0 30px #f59e0b1a}.build-option-btn.disabled{background:#ffffff03;border:1px solid rgba(255,255,255,.04);cursor:not-allowed;opacity:.5}.build-option-btn:not(.disabled):hover{background:#ffffff14;transform:translateY(-2px);border-color:#fff3}.build-option-icon{padding:6px;border-radius:5px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}@media (max-width: 768px){.game-overlay{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;max-height:70vh!important;background-color:#0f172a73!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-radius:none!important;border:none!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 -10px 40px #00000080!important;transform:none;margin:0!important;z-index:9999!important;animation:slideUp .3s cubic-bezier(.2,.8,.2,1);padding:10px 20px 20px!important}.game-overlay:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:48px;height:2px;background-color:#fff3;border-radius:10px;cursor:grab;z-index:10000;box-shadow:0 1px 2px #0003}.game-overlay.dragging{transition:none!important}.game-overlay.minimized{transform:translateY(calc(100% - 80px))!important}.build-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;max-height:60vh;overflow-y:auto}.game-overlay button{min-height:32px}.stats-grid{gap:4px!important}.mobile-close-btn{display:block!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.artifact-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(245,158,11,.03) 0%,transparent 50%),#000000eb;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);padding:1rem}.artifact-picker-modal{width:100%;max-width:1100px;max-height:92vh;background:linear-gradient(135deg,#0f172af2,#0a0f1efa),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyNTUsMjU1LDI1NSwwLjAyKSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8+PC9zdmc+);border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 80px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14,0 0 120px #f59e0b26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem 1.5rem;background:linear-gradient(180deg,rgba(245,158,11,.08) 0%,rgba(245,158,11,.02) 50%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.picker-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.4) 50%,transparent)}.picker-title h2{font-size:1.75rem;font-weight:900;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 30px rgba(245,158,11,.6),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.picker-subtitle{font-size:.8rem;color:#ffffff80;margin:.5rem 0 0;font-weight:500;letter-spacing:.03em}.timer{font-size:1.8rem;font-weight:900;font-family:Courier New,monospace;color:#ffffffe6;background:linear-gradient(135deg,#ffffff14,#ffffff08);padding:.6rem 1.2rem;border-radius:12px;min-width:70px;text-align:center;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;letter-spacing:.05em}.timer.urgent{color:#f44;animation:timerPulse .8s ease-in-out infinite;background:linear-gradient(135deg,#ff444426,#ff444414);border-color:#f446;box-shadow:0 4px 12px #ff44444d,0 0 20px #f443,inset 0 1px #ffffff1a}@keyframes timerPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff44444d,0 0 20px #f443}50%{transform:scale(1.08);box-shadow:0 4px 16px #ff444480,0 0 30px #f446}}.artifact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 2rem;overflow-y:auto;flex:1}@media (max-width: 900px){.artifact-cards{grid-template-columns:1fr;gap:1rem}}.artifact-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;color:var(--text-light);overflow:hidden}.artifact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none;border-radius:14px}.artifact-card.tier-1{box-shadow:0 4px 20px #0000004d}.artifact-card.tier-2{box-shadow:0 4px 20px #0000004d,0 0 30px rgba(var(--artifact-color),.1);border-color:#ffffff1a}.artifact-card.tier-3{box-shadow:0 4px 20px #0000004d,0 0 40px rgba(var(--artifact-color),.2);border-color:#ffffff26;animation:rareGlow 3s ease-in-out infinite}@keyframes rareGlow{0%,to{box-shadow:0 4px 20px #0000004d,0 0 30px var(--artifact-color, rgba(245, 158, 11, .2))}50%{box-shadow:0 4px 20px #0000004d,0 0 50px var(--artifact-color, rgba(245, 158, 11, .3))}}.artifact-card:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 8px 30px #0006,0 0 40px var(--artifact-color, rgba(245, 158, 11, .15))}.artifact-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b4d,0 8px 30px #0006,0 0 60px #f59e0b33;transform:translateY(-4px) scale(1.02)}.artifact-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.artifact-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0;box-shadow:0 4px 15px #0000004d;position:relative;overflow:hidden}.artifact-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.artifact-icon--sniper{box-shadow:0 4px 15px #00000059,0 0 0 1px #eab30859,0 0 18px #eab3082e}.artifact-icon--sniper:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 30%,rgba(234,179,8,.55),transparent 55%),radial-gradient(circle at 70% 70%,rgba(234,179,8,.25),transparent 60%),conic-gradient(from 210deg,#eab30800,#eab3082e,#eab30800);transform:rotate(18deg);opacity:.55;pointer-events:none}.artifact-icon-emblem{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:10px;background:radial-gradient(circle at 50% 45%,rgba(234,179,8,.22) 0%,rgba(234,179,8,.06) 45%,transparent 70%),repeating-linear-gradient(135deg,#eab3081a 0,#eab3081a 2px,#eab30800 2px,#eab30800 7px);border:1px solid rgba(234,179,8,.2);opacity:.9;pointer-events:none;z-index:0}.artifact-sniper-icon{position:relative;z-index:1;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(234,179,8,.12))}.artifact-title-section{flex:1;min-width:0}.artifact-name{font-size:1rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.artifact-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.artifact-tier{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.artifact-target{font-size:.7rem;color:var(--text-dim);background:#ffffff0d;padding:2px 6px;border-radius:4px}.economy-badge{width:28px;height:28px;background:linear-gradient(135deg,#eab308,#ca8a04);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:.875rem;box-shadow:0 2px 8px #eab30866}.artifact-description{margin:.75rem 0 .9rem;padding:.6rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#ffffffb8;font-size:.75rem;line-height:1.35;white-space:pre-line}.affected-towers{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.affected-label{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.tower-icons{display:flex;gap:.4rem;flex-wrap:wrap}.tower-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:help;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tower-icon-wrapper:hover{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.artifact-effects{display:flex;flex-direction:column;gap:.75rem;flex:1}.effect-group{background:#0003;border-radius:8px;padding:.75rem}.effect-group.upside{border-left:3px solid #22c55e}.effect-group.downside{border-left:3px solid #ef4444}.effect-label{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.effect-group.upside .effect-label{color:#22c55e}.effect-group.downside .effect-label{color:#ef4444}.effect-list{list-style:none;margin:0;padding:0;font-size:.8rem;color:var(--text-light);line-height:1.5}.effect-list li{position:relative;padding-left:.75rem}.effect-list li:before{content:"•";position:absolute;left:0;color:var(--text-dim)}.artifact-hint{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05);font-size:.75rem;color:var(--text-dim);font-style:italic}.slot-selection-container{padding:1rem 2rem;background:#0003;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.slot-selection-label{font-size:.9rem;font-weight:700;color:var(--text-light);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.slot-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.slot-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#ffffff08;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:100px}.slot-card:hover{background:#ffffff0f;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.slot-card.selected{background:#f59e0b1a;box-shadow:0 0 20px #f59e0b4d}.slot-number{font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.slot-artifact-name{font-size:.75rem;font-weight:600;color:var(--text-light);text-align:center;line-height:1.3}.slot-selected-indicator{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:.85rem;box-shadow:0 2px 10px #f59e0b66}.picker-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.btn-skip,.btn-confirm{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.btn-skip{background:#ffffff0d;color:var(--text-dim);border:1px solid rgba(255,255,255,.1)}.btn-skip:hover{background:#ffffff1a;color:var(--text-light)}.btn-confirm{background:linear-gradient(135deg,var(--primary),#d97706);color:#000;box-shadow:0 4px 15px #f59e0b4d}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.artifact-picker-modal{max-height:95vh;border-radius:16px 16px 0 0;margin-top:auto}.picker-header{padding:1rem 1.25rem}.picker-title h2{font-size:1.25rem}.artifact-cards{padding:1rem 1.25rem}.artifact-card{padding:1rem}.artifact-icon{width:40px;height:40px}.artifact-name{font-size:.9rem}.picker-actions{padding:1rem 1.25rem;flex-direction:column}.btn-skip,.btn-confirm{width:100%;justify-content:center}}.timeout-indicator{background:linear-gradient(135deg,#f59e0b,#d97706)!important;animation:pulse-timeout .5s ease-in-out infinite alternate}@keyframes pulse-timeout{0%{transform:scale(1)}to{transform:scale(1.1)}}.timeout-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.timeout-message{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:700;font-size:1.25rem;padding:1rem 2rem;border-radius:12px;text-transform:uppercase;letter-spacing:1px;animation:bounce-in .3s ease-out}@keyframes bounce-in{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.artifact-cards.timed-out .artifact-card{pointer-events:none;opacity:.3;filter:grayscale(70%) blur(2px);transition:all .3s ease;animation:roll-fade 2s ease-in-out}.artifact-cards.timed-out .artifact-card.selected{opacity:1;filter:none;animation:roll-selected 2s cubic-bezier(.34,1.56,.64,1),selected-pulse .6s ease-in-out 2s infinite alternate;z-index:5}@keyframes roll-fade{0%{opacity:1;filter:none;transform:scale(1)}20%,40%,60%,80%{opacity:1;filter:none;transform:scale(1.05)}30%,50%,70%{opacity:.5;filter:grayscale(50%);transform:scale(.95)}to{opacity:.3;filter:grayscale(70%) blur(2px);transform:scale(1)}}@keyframes roll-selected{0%{opacity:1;transform:scale(1) rotateY(0);filter:none}20%,40%,60%,80%{opacity:1;transform:scale(1.08) rotateY(5deg)}30%,50%,70%{opacity:.8;transform:scale(.92) rotateY(-5deg)}90%{transform:scale(1.15) rotateY(0);box-shadow:0 0 50px #f59e0b}to{opacity:1;transform:scale(1) rotateY(0);filter:none;box-shadow:0 0 30px #f59e0b99}}@keyframes selected-pulse{0%{box-shadow:0 0 30px #f59e0b99;transform:scale(1)}to{box-shadow:0 0 50px #f59e0be6,0 0 80px #f59e0b66;transform:scale(1.03)}}.artifact-display-wrapper{display:flex;flex-direction:column;gap:12px;position:relative}.artifact-display-title{display:none;align-items:center;gap:10px;margin:0;padding:0}.artifact-display-title h3{margin:0;font-size:.9rem;font-weight:700;color:#a8a29e;text-transform:uppercase;letter-spacing:.5px}.artifact-display-container{display:flex;gap:10px;padding:5px 8px;background:linear-gradient(145deg,#0c0a09d9,#080605e6);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.15);box-shadow:0 4px 16px #0006,0 0 0 1px #ffffff08;position:relative;z-index:100}.artifact-display-wrapper{position:relative}.artifact-display-slots{display:flex;gap:8px;align-items:center}.artifact-pill{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:2px solid;background:linear-gradient(135deg,#000c,#0009);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;z-index:1;min-width:55px}.artifact-pill:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 10px 30px #0009;z-index:99999999}.artifact-pill-tier{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:.55rem;font-weight:900;color:#000;letter-spacing:.5px;box-shadow:0 2px 4px #0000004d}.artifact-pill-category{font-size:.6rem;font-weight:800;letter-spacing:.5px;padding-right:4px;font-family:Courier New,monospace;text-shadow:0 1px 2px rgba(0,0,0,.5)}.artifact-empty-slot{width:32px;height:32px;border-radius:16px;border:2px dashed rgba(168,162,158,.3);background:#ffffff05;transition:all .3s ease;cursor:default;box-shadow:inset 0 2px 4px #0003}.artifact-empty-slot:hover{border-color:#a8a29e80;background:#ffffff0d}.artifact-tooltip{position:absolute;top:100%;left:0;right:0;margin-top:12px;background:linear-gradient(135deg,#121219fa,#0c0c12fa);border-radius:16px;padding:0;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #000c,0 0 0 1px #ffffff14,inset 0 2px #ffffff1a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:9999;pointer-events:auto;animation:info-fade-in .25s cubic-bezier(.16,1,.3,1);max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.2)}.artifact-tooltip::-webkit-scrollbar{width:6px}.artifact-tooltip::-webkit-scrollbar-track{background:#0003;border-radius:10px}.artifact-tooltip::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.artifact-tooltip::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes info-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-bottom:1px solid rgba(255,255,255,.08)}.tooltip-icon-badge{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0009,#0006);border:2px solid;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a;flex-shrink:0}.tooltip-icon{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.tooltip-header-content{flex:1;min-width:0}.tooltip-name{font-size:.9rem;font-weight:800;color:#fff;margin:0 0 4px;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.6)}.tooltip-meta{display:flex;align-items:center;gap:6px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.7px}.tooltip-description{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffc7;font-size:.75rem;line-height:1.35;white-space:pre-line}.tooltip-tier{opacity:.9}.tooltip-separator{color:#ffffff4d;font-weight:400}.tooltip-category{color:#fff9;font-family:Courier New,monospace}.tooltip-towers-section{padding:10px 14px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.tooltip-section-label{display:flex;align-items:center;gap:4px;font-size:.6rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.tooltip-tower-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:6px}.tooltip-tower-card{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff1a;transition:all .2s ease}.tooltip-tower-card:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000080;background:linear-gradient(135deg,#ffffff1f,#ffffff0f)}.tooltip-effects-section{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.tooltip-effect-card{border-radius:10px;padding:10px;background:linear-gradient(135deg,#0006,#0003);border:1.5px solid;box-shadow:inset 0 1px #ffffff0d}.tooltip-effect-card.upside-card{border-color:#4ade804d;background:linear-gradient(135deg,#4ade8014,#4ade8008)}.tooltip-effect-card.downside-card{border-color:#fb923c4d;background:linear-gradient(135deg,#fb923c14,#fb923c08)}.effect-card-header{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.upside-card .effect-card-header{color:#4ade80}.downside-card .effect-card-header{color:#fb923c}.effect-card-list{display:flex;flex-direction:column;gap:4px}.effect-item{display:flex;align-items:flex-start;gap:8px;font-size:.75rem;color:#fffffff2;line-height:1.4}.effect-bullet{font-size:.9rem;font-weight:900;flex-shrink:0;margin-top:1px}.upside-card .effect-bullet{color:#4ade80}.downside-card .effect-bullet{color:#fb923c}.tooltip-strategy{padding:10px 14px 12px;background:#0000004d;border-top:1px solid rgba(255,255,255,.05)}.strategy-quote{font-size:.65rem;color:#ffffffb3;font-style:italic;line-height:1.5;text-align:center;position:relative;padding:0 6px}.strategy-quote:before{content:'"';position:absolute;left:-3px;top:-3px;font-size:1.1rem;color:#fff3;font-family:Georgia,serif}.strategy-quote:after{content:'"';position:absolute;right:-3px;bottom:-6px;font-size:1.1rem;color:#fff3;font-family:Georgia,serif}@media (max-width: 768px){.artifact-display-container{padding:4px 6px;gap:6px}.artifact-display-slots{gap:5px}.artifact-pill{padding:2px;gap:3px}.artifact-pill-tier{width:18px;height:18px;font-size:.5rem}.artifact-pill-category{font-size:.55rem;padding-right:3px}.artifact-empty-slot{width:24px;height:24px}.artifact-tooltip{max-height:300px}.tooltip-header{padding:10px 12px;gap:8px}.tooltip-icon-badge{width:34px;height:34px;border-radius:8px}.tooltip-icon{font-size:1.2rem}.tooltip-name{font-size:.85rem}.tooltip-meta{font-size:.55rem}.tooltip-towers-section,.tooltip-effects-section,.tooltip-strategy{padding:8px 12px}.tooltip-tower-grid{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:5px}.tooltip-tower-card{width:28px;height:28px}.tooltip-effect-card{padding:8px}.effect-card-header{font-size:.6rem;margin-bottom:5px;padding-bottom:5px}.effect-item{font-size:.7rem;gap:6px}.strategy-quote{font-size:.6rem}}.tooltip-performance-stats{padding:6px 12px;background:linear-gradient(135deg,#10b98114,#22c55e0d);border-top:1px solid rgba(16,185,129,.2);border-bottom:1px solid rgba(16,185,129,.2);margin:0}.tooltip-performance-stats .stats-header{display:flex;align-items:center;gap:4px;margin-bottom:6px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#10b981}.tooltip-performance-stats .stats-grid{display:flex;gap:6px;flex-wrap:wrap}.tooltip-performance-stats .stat-item{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#0000004d;border-radius:4px;border:1px solid rgba(255,255,255,.05);white-space:nowrap}.tooltip-performance-stats .stat-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.3px;opacity:.7;font-weight:600}.tooltip-performance-stats .stat-value{font-size:.7rem;font-weight:700;font-family:Courier New,monospace}.tooltip-performance-stats .stat-item.positive .stat-value{color:#10b981}.tooltip-performance-stats .stat-item.negative .stat-value{color:#ef4444}.tooltip-performance-stats .stat-item.neutral .stat-value{color:#a8a29e}@media (max-width: 768px){.tooltip-performance-stats{padding:5px 10px}.tooltip-performance-stats .stats-grid{gap:4px}.tooltip-performance-stats .stat-item{padding:2px 6px}.tooltip-performance-stats .stat-label{font-size:.5rem}.tooltip-performance-stats .stat-value{font-size:.65rem}}.gameover-rewards-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gameover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0c0a09e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:16px}.gameover-modal{background-color:#1c1917fa;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;max-width:800px;max-height:95vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.gameover-header{padding:20px 24px;text-align:center;background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;position:relative}.gameover-title{font-size:2.2rem;font-weight:800;margin:0;text-shadow:0 0 30px rgba(0,0,0,.5);letter-spacing:1px;line-height:1;text-transform:uppercase}.gameover-subtitle-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.gameover-subtitle{color:#a8a29e;font-size:.9rem;font-weight:500}.difficulty-badge{display:block;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:1px solid currentColor}.gameover-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;gap:12px;background:#0000004d;flex-shrink:0}.btn-gameover{padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.btn-gameover.primary{background:var(--primary, #f59e0b);color:#000;border:none;box-shadow:0 4px 12px #f59e0b33}.btn-gameover.primary:hover{background:#fbbf24;transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b4d}.btn-gameover.secondary{background:transparent;border:1px solid rgba(255,255,255,.1);color:#d6d3d1}.btn-gameover.secondary:hover{background:#ffffff0d;color:#fff;border-color:#fff3}.btn-gameover.danger{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn-gameover.danger:hover{background:#ef44441a}.gameover-rewards-row{display:flex;justify-content:center;gap:24px;margin-top:16px;flex-wrap:wrap}.reward-pill{display:flex;align-items:baseline;gap:6px}.reward-pill-label{font-size:.7rem;color:#78716c;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.reward-pill-value{font-size:1.25rem;font-weight:800;font-family:Rajdhani,sans-serif}.reward-pill-icon{display:flex;align-items:center}.gameover-loot-area{margin-top:12px;padding:12px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;gap:8px}.reward-card{width:80px;height:80px;background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:default;transition:transform .2s ease,box-shadow .2s ease}@media (max-width: 480px){.gameover-rewards-grid{gap:4px;padding:0}.reward-card{width:54px;height:54px}}.reward-card.rarity-common{background:linear-gradient(145deg,#a8a29e0d,#1e293b66);border-color:#a8a29e4d}.reward-card.rarity-uncommon{background:linear-gradient(145deg,#22c55e0d,#1e293b66);border-color:#22c55e4d}.reward-card.rarity-rare{background:linear-gradient(145deg,#3b82f60d,#1e293b66);border-color:#3b82f64d}.reward-card.rarity-epic{background:linear-gradient(145deg,#a855f70d,#1e293b66);border-color:#a855f74d}.reward-card.rarity-legendary{background:linear-gradient(145deg,#eab3080d,#1e293b66);border-color:#eab3084d;box-shadow:0 0 15px #eab30833}.reward-card.rarity-essence{background:linear-gradient(145deg,#d946ef0d,#1e293b66);border-color:#d946ef4d}.reward-card:hover{transform:translateY(-5px) scale(1.05);background:#ffffff14;border-color:#fff3;box-shadow:0 10px 20px -5px #0000004d;z-index:1000}.reward-icon-wrapper{font-size:2rem;display:flex;justify-content:center;align-items:center}.reward-qty-badge{position:absolute;bottom:4px;right:4px;font-family:Rajdhani,sans-serif;font-weight:700;color:#fff;background:#000000b3;padding:1px 4px;border-radius:3px;font-size:.7rem;border:1px solid rgba(255,255,255,.1)}.reward-info{position:absolute;bottom:-28px;width:120%;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10}.reward-name{color:#e5e7eb;font-size:.7rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9)}.reward-card:hover .reward-info{opacity:1}.reward-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#3b210bc1;border:1px solid rgba(161,71,11,.467);border-radius:10px;padding:10px 12px;min-width:160px;max-width:220px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:1001;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reward-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f172afa}.reward-card:hover .reward-tooltip{opacity:1;visibility:visible}.tooltip-header{display:flex;flex-direction:column;gap:4px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.tooltip-name{font-size:.85rem;font-weight:700;color:#fff;line-height:1.2}.tooltip-rarity{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tooltip-rarity.rarity-common{color:#a8a29e}.tooltip-rarity.rarity-uncommon{color:#22c55e}.tooltip-rarity.rarity-rare{color:#3b82f6}.tooltip-rarity.rarity-epic{color:#a855f7}.tooltip-rarity.rarity-legendary{color:#eab308}.tooltip-rarity.rarity-essence{color:#d946ef}.tooltip-desc{font-size:.75rem;color:#94a3b8;line-height:1.4;margin-bottom:6px}.tooltip-qty{font-size:.7rem;color:#fbbf24;font-weight:600}.gameover-reward-item{display:none}.gameover-scroll-area{overflow-y:auto;padding:16px 20px;max-height:160px;display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.3) transparent}.gameover-scroll-area::-webkit-scrollbar{width:4px}.gameover-scroll-area::-webkit-scrollbar-track{background:#0000001a}.gameover-scroll-area::-webkit-scrollbar-thumb{background-color:#f59e0b4d;border-radius:2px}.gameover-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.stat-card{background:linear-gradient(160deg,#1c1917cc,#0c0a09e6);border-radius:8px;padding:12px 8px;border:1px solid rgba(255,255,255,.08);text-align:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.5),transparent);opacity:.3}.stat-card:hover{background:#28324680;background:linear-gradient(160deg,#28231ee6,#14120ff2);border-color:#f59e0b4d;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000004d}.stat-value{font-size:1.35rem;font-weight:800;color:#fafaf9;margin-bottom:2px;font-family:Rajdhani,sans-serif;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.1}.stat-label{font-size:.65rem;color:#a8a29e;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.gameover-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.section-header{display:flex;align-items:center;gap:12px;margin:0;padding-bottom:6px;border:0}.gameover-performance-grid .section-title{color:#d6d3d1;font-size:.8rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;padding-bottom:0!important}.section-title:before{content:"";display:block;width:6px;height:6px;background:var(--primary, #f59e0b);transform:rotate(45deg);box-shadow:0 0 8px var(--primary, #f59e0b)}.analytics-list{display:flex;flex-direction:column;gap:8px}.analytics-row{background:#ffffff05;border-radius:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:12px;transition:all .2s}.analytics-row:hover{background:#ffffff0d;border-color:#ffffff1a}.rank-badge{width:20px;height:20px;border-radius:4px;background:#44403c;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fafaf9;box-shadow:0 1px 3px #0000004d;flex-shrink:0}.row-content{flex:1;min-width:0}.row-header{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:4px;align-items:center}.row-name{font-weight:600;color:#e7e5e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-value{font-family:Rajdhani,monospace;color:#fff;font-weight:700;letter-spacing:.5px;font-size:.9rem;padding-left:8px}.row-meta{font-size:.65rem;color:var(--primary, #f59e0b);background:#f59e0b1a;padding:1px 5px;border-radius:3px;border:1px solid rgba(245,158,11,.2);margin-right:8px;white-space:nowrap;font-weight:600}.progress-track{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;position:relative}.percent-badge{min-width:32px;text-align:right;font-size:.75rem;font-weight:700;color:#78716c;font-family:Rajdhani,sans-serif}@media (max-width: 640px){.gameover-overlay{padding:0;align-items:flex-start;padding-top:env(safe-area-inset-top,0)}.gameover-modal{max-height:100vh;height:100vh;border-radius:0;border:none}.gameover-header{padding:16px}.gameover-title{font-size:1.75rem}.gameover-subtitle{font-size:.8rem}.gameover-rewards-row{gap:16px;margin-top:12px}.reward-pill-value{font-size:1.1rem}.gameover-scroll-area{padding:16px;gap:24px}.gameover-stats-grid{gap:8px;grid-template-columns:repeat(5,1fr)}.stat-card{padding:12px}.stat-value{font-size:1.1rem}.stat-label{font-size:.6rem}.gameover-performance-grid{grid-template-columns:1fr;gap:20px}.analytics-row{gap:8px;padding:8px 10px}.row-meta{display:none}.btn-gameover{padding:12px 16px;flex:1;justify-content:center;font-size:.85rem}.gameover-footer{padding-bottom:env(safe-area-inset-bottom,20px)}}.leaderboard-ranking-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;padding:8px 16px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.12);border-radius:8px;flex-wrap:wrap}.wave-pill{display:flex;align-items:center}.wave-label{font-size:.85rem;font-weight:600;color:#d6d3d1}.difficulty-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px;border:1px solid}.rank-pill{display:flex;align-items:baseline;gap:2px;padding:4px 10px;border-radius:6px;border:1px solid}.rank-pill-hash{font-size:.8rem;font-weight:700}.rank-pill-number{font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:800;line-height:1}.rank-pill-total{font-size:.7rem;font-weight:600;color:#78716c;margin-left:2px}.highscore-pill{display:flex;align-items:baseline;gap:6px}.highscore-label{font-size:.65rem;color:#78716c;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.highscore-value{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;color:#a8a29e}.new-highscore-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:4px;color:#22c55e;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.new-highscore-badge svg{flex-shrink:0}.new-highscore-badge .improvement{color:#4ade80;font-weight:800}@media (max-width: 640px){.leaderboard-ranking-row{gap:8px;padding:6px 10px}.wave-label{font-size:.75rem}.difficulty-pill{font-size:.55rem;padding:2px 6px}.rank-pill-number{font-size:1.1rem}.highscore-label{font-size:.6rem}.new-highscore-badge{font-size:.6rem;padding:2px 6px}}.reward-reveal-system{width:100%;padding:16px;margin-top:8px;background:linear-gradient(180deg,#0000004d,#0000001a);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.reveal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.reveal-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:gold;text-shadow:0 0 10px #ffd70040}.reveal-counter{font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;color:#78716c}.reveal-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;min-height:100px}.reward-reveal-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 16px;min-width:90px;max-width:110px;background:#1c1917e6;border:2px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .3s}.reward-reveal-card:hover{transform:translateY(-4px)}.reward-reveal-card.rarity-legendary{border-color:gold;background:linear-gradient(135deg,#ffd7001a,#1c1917f2 50%)}.reward-reveal-card.rarity-epic{border-color:#a855f7;background:linear-gradient(135deg,#a855f71a,#1c1917f2 50%)}.reward-reveal-card.rarity-rare{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f614,#1c1917f2 50%)}.reward-reveal-card.rarity-uncommon{border-color:#22c55e}.reward-reveal-card.rarity-common{border-color:#a8a29e4d}.reward-reveal-card.is-high-rarity{animation:highRarityPulse 2s ease-in-out infinite}@keyframes highRarityPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.equipment-badge{position:absolute;top:4px;left:4px;display:flex;align-items:center;gap:3px;padding:2px 6px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;font-size:.5rem;font-weight:800;color:#000;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b66;z-index:10}.gameover-rarity-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#000;z-index:10;box-shadow:0 2px 8px #0000004d}.reveal-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:6px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.reveal-qty{position:absolute;bottom:50px;right:8px;padding:2px 8px;border-radius:10px;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:800;color:#000}.reveal-name{font-size:.7rem;font-weight:700;text-align:center;line-height:1.2;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-rarity{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.rarity-burst{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0}.shimmer-overlay{position:absolute;top:0;left:-100%;width:100%;height:100%;pointer-events:none;animation:shimmer 2s infinite linear;z-index:5}@keyframes shimmer{0%{left:-100%}50%,to{left:200%}}.reward-reveal-card.is-soulstone{border-color:#d946ef;background:linear-gradient(135deg,#d946ef26,#1c1917f2 50%)}.reveal-skip-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px auto 0;padding:8px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#a8a29e;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.reveal-skip-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}@media (max-width: 640px){.reward-reveal-system{padding:12px}.reveal-grid{gap:8px}.reward-reveal-card{min-width:75px;max-width:90px;padding:10px 12px}.reveal-icon-wrapper{width:44px;height:44px}.reveal-name{font-size:.6rem}.reveal-qty{font-size:.75rem;bottom:42px}.equipment-badge{font-size:.45rem;padding:1px 4px}}.landing-page{width:100vw;height:100vh;background:#0f1115;color:#e2e8f0;overflow-x:hidden;overflow-y:auto;position:relative;font-family:Inter,sans-serif}.landing-background-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0}.landing-top-actions{position:fixed;top:1.5rem;right:1.5rem;z-index:100;display:flex;gap:.75rem;align-items:center}.landing-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:#7c7a781a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(161,161,161,.404);border-radius:8px;color:#e2e8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a}.landing-action-btn:hover{background:#c973364e;border-color:#d5843a80;color:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 12px -2px #0000004d,0 0 20px #d5843a33}.landing-action-btn:active{transform:translateY(0)}@media (max-width: 768px){.landing-top-actions{top:1rem;right:1rem}.landing-action-btn{padding:.5rem .75rem;font-size:.8rem}}.landing-hero{height:100vh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;padding:2rem}.hero-content{text-align:center;max-width:1000px;margin-bottom:4rem}.hero-logo-wrapper{position:relative;display:inline-block;margin-bottom:.25rem}.hero-logo{width:700px;height:auto;filter:drop-shadow(0 0 20px rgba(213,132,58,.3));animation:fadePulse 5s infinite alternate}.logo-sparkle{position:absolute;top:84px;left:60px;width:12px;height:12px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.6) 60%,transparent 100%);border-radius:50%;pointer-events:none;filter:blur(.5px);animation:sparkleShine1 4.2s ease-in-out infinite,sparkleIntensity 7.3s ease-in-out infinite,sparkleTwinkle 2.1s ease-in-out infinite}.logo-sparkle:before,.logo-sparkle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,.8) 70%,transparent 100%);opacity:0;animation:sparkleRays1 4.2s ease-in-out infinite,sparkleRaysVariation 5.8s ease-in-out infinite}.logo-sparkle:before{width:32px;height:2.5px;animation-delay:.1s}.logo-sparkle:after{width:2.5px;height:32px;animation-delay:.15s}.landing-online-count{display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 18px;background:linear-gradient(135deg,#10b9811f,#05966914);border:1px solid rgba(16,185,129,.35);border-radius:24px;color:#6ee7b7;font-size:.95rem;font-weight:600;letter-spacing:.3px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #10b9812e,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-online-count:hover{background:linear-gradient(135deg,#10b9812e,#0596691f);border-color:#10b98180;box-shadow:0 6px 20px #10b98140,inset 0 1px #ffffff26;transform:translateY(-1px)}.landing-online-count svg{color:#10b981;filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.landing-online-count span{text-shadow:0 2px 8px rgba(16,185,129,.4);transition:all .8s cubic-bezier(.4,0,.2,1)}.landing-online-count__separator{color:#6ee7b766;margin:0 4px;font-weight:400}.landing-online-count__inmatch{color:#ff6721;text-shadow:0 1px 6px rgba(143,33,0,.478);font-weight:600}@keyframes sparkleShine1{0%,to{opacity:0;transform:scale(.3);filter:blur(.5px)}8%{opacity:.7;transform:scale(1.3);filter:blur(0px)}12%{opacity:1;transform:scale(1.1);filter:blur(0px)}18%{opacity:.95;transform:scale(1);filter:blur(.3px)}28%{opacity:0;transform:scale(.6);filter:blur(1px)}45%,65%{opacity:0;transform:scale(.3)}70%{opacity:.5;transform:scale(.9);filter:blur(.2px)}73%{opacity:0;transform:scale(.4)}}@keyframes sparkleIntensity{0%,to{filter:brightness(1)}15%{filter:brightness(1.4)}30%{filter:brightness(.9)}50%{filter:brightness(1.2)}70%{filter:brightness(.95)}85%{filter:brightness(1.3)}}@keyframes sparkleTwinkle{0%,to{opacity:1}50%{opacity:.85}}@keyframes sparkleRays1{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.4)}8%{opacity:.5;transform:translate(-50%,-50%) scale(1.4)}12%{opacity:.9;transform:translate(-50%,-50%) scale(1.2)}18%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}28%{opacity:0;transform:translate(-50%,-50%) scale(.7)}70%{opacity:.4;transform:translate(-50%,-50%) scale(1)}73%{opacity:0;transform:translate(-50%,-50%) scale(.5)}}@keyframes sparkleRaysVariation{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}50%{transform:translate(-50%,-50%) scale(.95) rotate(-3deg)}75%{transform:translate(-50%,-50%) scale(1.05) rotate(7deg)}}.hero-subtitle{position:relative;font-size:1.225rem;color:#e7edf5;letter-spacing:.255em;text-transform:uppercase;margin-bottom:2.5rem;font-weight:500}.hero-subtitle:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(213,132,58,.2) 20%,rgba(255,180,100,.6) 50%,rgba(213,132,58,.2) 80%,transparent 100%);animation:sloganLineExpand 2.5s ease-out forwards;animation-delay:.8s}.hero-slogan{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-size:2.8rem;color:#fff;letter-spacing:.35em;text-transform:uppercase;margin-bottom:.75rem;font-weight:800;padding:0 0 .15em;font-family:Inter,Segoe UI,system-ui,sans-serif;background:linear-gradient(180deg,#fff,#f0f0f0 40%,silver 60%,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0 40px rgba(255,255,255,.08),0 0 80px rgba(213,132,58,.03);animation:sloganPulse 4s ease-in-out infinite}.hero-slogan:before{content:attr(data-text);position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;-webkit-text-stroke:1px rgba(213,132,58,.25);color:transparent;filter:blur(.5px);opacity:.6;z-index:-1;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;font-family:inherit}@keyframes sloganPulse{}@keyframes sloganLineExpand{0%{width:0;opacity:0}to{width:80%;opacity:1}}@keyframes sloganDiamond{0%{transform:translate(-50%) scale(0);opacity:0}50%{transform:translate(-50%) scale(1.2);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@media (max-width: 768px){.hero-slogan{font-size:1.2rem;letter-spacing:.2em;font-weight:700;padding:.4em 0 .2em}.hero-slogan:before{-webkit-text-stroke:.5px rgba(213,132,58,.2);filter:blur(.3px)}.hero-slogan:after{height:1px}}@media (max-width: 520px){.hero-slogan{font-size:1.9rem;letter-spacing:.15em;font-weight:700;padding:.3em 0 .1em;margin-bottom:.5rem}.hero-slogan:before{-webkit-text-stroke:.5px rgba(213,132,58,.15);filter:blur(.2px);opacity:.4}.hero-slogan:after{height:1px;animation-delay:.5s}}@media (max-width: 380px){.hero-slogan{font-size:1.4rem;letter-spacing:.12em}}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:20px;margin-bottom:8px}.hero-tag{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:20px;font-size:.8rem;font-weight:600;color:#ffffffe6;letter-spacing:.3px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.hero-tag:hover:before{left:100%}.hero-tag__icon{flex-shrink:0;transition:transform .3s ease}.hero-tag:hover .hero-tag__icon{transform:scale(1.15) rotate(5deg)}.hero-tag__text{white-space:nowrap}.hero-tag--orange{background:linear-gradient(135deg,#fb923c14,#f973160a);border-color:#fb923c4d;color:#fed7aa}.hero-tag--orange .hero-tag__icon{color:#fb923c;filter:drop-shadow(0 0 6px rgba(251,146,60,.4))}.hero-tag--orange:hover{background:linear-gradient(135deg,#fb923c26,#f9731614);border-color:#fb923c80;box-shadow:0 4px 20px #fb923c40}.hero-tag--blue{background:linear-gradient(135deg,#3b82f614,#2563eb0a);border-color:#3b82f64d;color:#bfdbfe}.hero-tag--blue .hero-tag__icon{color:#60a5fa;filter:drop-shadow(0 0 6px rgba(59,130,246,.4))}.hero-tag--blue:hover{background:linear-gradient(135deg,#3b82f626,#2563eb14);border-color:#3b82f680;box-shadow:0 4px 20px #3b82f640}.hero-tag--green{background:linear-gradient(135deg,#22c55e14,#16a34a0a);border-color:#22c55e4d;color:#bbf7d0}.hero-tag--green .hero-tag__icon{color:#4ade80;filter:drop-shadow(0 0 6px rgba(34,197,94,.4))}.hero-tag--green:hover{background:linear-gradient(135deg,#22c55e26,#16a34a14);border-color:#22c55e80;box-shadow:0 4px 20px #22c55e40}.hero-tag--purple{background:linear-gradient(135deg,#a855f714,#9333ea0a);border-color:#a855f74d;color:#e9d5ff}.hero-tag--purple .hero-tag__icon{color:#c084fc;filter:drop-shadow(0 0 6px rgba(168,85,247,.4))}.hero-tag--purple:hover{background:linear-gradient(135deg,#a855f726,#9333ea14);border-color:#a855f780;box-shadow:0 4px 20px #a855f740}.hero-tag--pink{background:linear-gradient(135deg,#ec489914,#db27770a);border-color:#ec48994d;color:#fbcfe8}.hero-tag--pink .hero-tag__icon{color:#f472b6;filter:drop-shadow(0 0 6px rgba(236,72,153,.4))}.hero-tag--pink:hover{background:linear-gradient(135deg,#ec489926,#db277714);border-color:#ec489980;box-shadow:0 4px 20px #ec489940}.hero-tag--cyan{background:linear-gradient(135deg,#06b6d414,#0891b20a);border-color:#06b6d44d;color:#cffafe}.hero-tag--cyan .hero-tag__icon{color:#22d3ee;filter:drop-shadow(0 0 6px rgba(6,182,212,.4))}.hero-tag--cyan:hover{background:linear-gradient(135deg,#06b6d426,#0891b214);border-color:#06b6d480;box-shadow:0 4px 20px #06b6d440}.hero-tag--red{background:linear-gradient(135deg,#ef444414,#dc26260a);border-color:#ef44444d;color:#fecaca}.hero-tag--red .hero-tag__icon{color:#f87171;filter:drop-shadow(0 0 6px rgba(239,68,68,.4))}.hero-tag--red:hover{background:linear-gradient(135deg,#ef444426,#dc262614);border-color:#ef444480;box-shadow:0 4px 20px #ef444440}.hero-badges-wrapper{display:grid;grid-template-columns:auto auto;gap:12px;align-items:center;justify-content:center;margin-top:16px;margin-bottom:32px}.hero-beta-badge{display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 18px;background:linear-gradient(135deg,#ffffff26,#ff89001a);border:1px solid rgb(255 255 255 / 40%);border-radius:24px;font-size:.95rem;font-weight:600;letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #f59e0b33,inset 0 1px #ffffff1a;transition:all .3s ease}.hero-beta-badge:hover{background:linear-gradient(135deg,#f59e0b38,#d9770626);border-color:#f59e0b99;box-shadow:0 4px 16px #f59e0b4d,inset 0 1px #ffffff26;transform:translateY(-2px)}.beta-badge-label{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#fbbf24;text-transform:uppercase;text-shadow:0 0 8px rgba(251,191,36,.5)}.beta-badge-version{font-size:.75rem;font-weight:600;color:#fcd34d;font-family:Consolas,Monaco,monospace;letter-spacing:.05em}@media (max-width:520px){.hero-subtitle{font-size:.725rem;letter-spacing:.2em}.hero-tags{margin-top:12px;margin-bottom:4px;gap:6px}.hero-tag{padding:4px 10px;font-size:.7rem}.hero-badges-wrapper{gap:6px;margin-top:12px;margin-bottom:16px}.hero-beta-badge{gap:4px;padding:5px 9px;font-size:.85rem}.hero-tag{padding:5px 12px;gap:5px;font-size:.7rem}.hero-tag__icon{width:12px;height:12px}}.hero-actions{display:flex;gap:1rem;justify-content:center;align-items:center;transform:scale(1.25)}@media (max-width:600px){.hero-actions{gap:.5rem;transform:scale(1.15);margin-top:40px}}.btn-primary-glow{position:relative;display:flex!important;align-items:center;justify-content:center;padding:1rem 3rem;border-radius:12px;text-decoration:none;cursor:pointer;border:none;background:linear-gradient(135deg,transparent 0%,transparent 30%,rgba(255,230,100,.15) 35%,rgba(255,200,50,.25) 40%,rgba(255,230,100,.15) 45%,transparent 50%,transparent 65%,rgba(255,230,100,.12) 70%,rgba(255,200,50,.2) 72%,rgba(255,230,100,.12) 75%,transparent 80%),radial-gradient(circle at 20% 30%,rgba(255,220,80,.3) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(255,180,50,.25) 0%,transparent 30%),radial-gradient(circle at 60% 20%,rgba(255,200,60,.2) 0%,transparent 20%),linear-gradient(135deg,#d94906,#f54d0b 20%,#ff7425 50%,#ff8a3d 70%,#f54d0b);background-size:200% 200%,100% 100%,100% 100%,100% 100%,100% 100%;background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%;color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 20px rgba(255,180,50,.3);box-shadow:0 0 40px #ff641466,0 8px 32px #f5550b59,inset 0 2px #ffffff26,inset 0 -1px #0000004d;transition:all .4s cubic-bezier(.25,.1,.25,1);overflow:hidden;animation:subtleGlow 3s ease-in-out infinite}@keyframes subtleGlow{0%,to{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}50%{background-position:100% 100%,0% 0%,0% 0%,0% 0%,0% 0%}}@media (max-width:600px){.btn-primary-glow{padding:1rem 2.5rem;font-size:1.5rem}}.btn-primary-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#8b1e00f2,#b4320ae6,#dc5014,#ff8c32,#ffb446f2,#dc5014,#ff8c32,#ffc85ae6,#dc5014,#b4320ae6,#8b1e00f2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:1;transition:all .4s cubic-bezier(.25,.1,.25,1);pointer-events:none;box-shadow:0 0 0 1px #501400cc,inset 0 0 8px #ff8c3266,0 0 12px #dc501480}.btn-primary-glow:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:9px;border:1.5px solid transparent;background:linear-gradient(135deg,#641900b3,#b43c0f99,#ffa03c80,#b43c0f99,#641900b3) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .4s ease;box-shadow:inset 0 1px 2px #ffb4464d,inset 0 -1px 2px #3c0f0080}.btn-primary-glow:hover{transform:translateY(-3px);box-shadow:0 0 60px #ff781e99,0 12px 48px #f5550b80,inset 0 2px #fff3,inset 0 -1px #0006;background-size:150% 150%,100% 100%,100% 100%,100% 100%,100% 100%;animation:intensifyGlow 2s ease-in-out infinite}@keyframes intensifyGlow{0%,to{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}50%{background-position:100% 100%,0% 0%,0% 0%,0% 0%,0% 0%}}.btn-primary-glow:hover:before{background:linear-gradient(135deg,#641400,#b4320a,#ff641e,#ffa03c,#ffdc64,#ff641e,#ffa03c,#ffe678,#ff641e,#b4320a,#641400);box-shadow:0 0 0 1.5px #3c0f00e6,inset 0 0 12px #ffa03c99,0 0 20px #ff7828b3,0 0 30px #dc501466}.btn-primary-glow:hover:after{top:4px;right:4px;bottom:4px;left:4px;background:linear-gradient(135deg,#781e00cc,#c84614b3,#ffb45099,#c84614b3,#781e00cc) border-box;box-shadow:inset 0 2px 4px #ffc85a66,inset 0 -2px 4px #280a0099}.btn-secondary-outline{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:#7c7a781a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(161,161,161,.404);border-radius:8px;color:#e2e8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a}.btn-secondary-outline:hover{background:#c973364e;border-color:#d5843a80;color:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 12px -2px #0000004d,0 0 20px #d5843a33}.btn-secondary-outline:active{transform:translateY(0)}.auth-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .3s ease-out}.auth-panel{width:100%;max-width:440px;background:linear-gradient(165deg,#14161bf2,#0a0c10fa);border:1px solid rgba(255,255,255,.08);border-top-color:#ffffff26;border-radius:20px;padding:3rem 2.5rem;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #0003,inset 0 1px #ffffff1a;isolation:isolate;overflow:hidden}.auth-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(213,132,58,.08) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:rotateGlow 20s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-panel-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#94a3b8;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.auth-panel-close:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433;transform:rotate(90deg)}.auth-panel-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-panel-subtitle{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:2rem}@keyframes fadePulse{0%{opacity:1;filter:drop-shadow(0 0 5px rgba(213,132,58,.05))}to{opacity:1;filter:drop-shadow(0 0 15px rgba(255,96,10,.332))}}@media (max-width: 768px){.hero-logo{width:340px}.hero-actions{flex-direction:column}.auth-panel{width:100%}.landing-footer{position:relative;padding:30px 15px 20px;background:linear-gradient(180deg,#0000004d,#000c)}.footer-content{gap:20px}.footer-tags{flex-wrap:wrap;justify-content:center;gap:6px}.footer-tag{padding:4px 10px;font-size:.65rem;gap:4px}.footer-tag__icon{width:11px;height:11px}.footer-made-with{padding:6px 14px;gap:5px}.made-with-text{font-size:.75rem}.made-with-name{font-size:.8rem}.made-with-heart{width:13px;height:13px}.footer-copyright{font-size:.7rem;line-height:1.3;max-width:280px}.landing-online-count{font-size:.85rem;padding:5px 9px}.landing-online-count svg{width:14px;height:14px}.logo-sparkle{top:40px;left:27px;width:9px;height:9px}.logo-sparkle:before{width:24px;height:2px}.logo-sparkle:after{width:2px;height:24px}}.landing-footer{position:relative;z-index:2;padding:60px 20px 40px;background:linear-gradient(180deg,#0000,#0009);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:30px}.footer-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;max-width:620px}.footer-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:24px;font-size:.85rem;font-weight:500;color:#a1a1aa;letter-spacing:.3px;transition:all .3s cubic-bezier(.25,.1,.25,1);box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff08;position:relative;overflow:hidden;cursor:default}.footer-tag:hover{background:linear-gradient(135deg,#d5843a14,#d5843a08);border-color:#d5843a40;color:#e4e4e7;box-shadow:0 4px 16px #d5843a26,inset 0 1px #ffffff0d}.footer-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(213,132,58,.1) 50%,transparent 100%);transition:left .6s ease}.footer-tag:hover:before{left:100%}.footer-tag__icon{flex-shrink:0;width:16px;height:16px;color:#d5843ab3;transition:all .3s cubic-bezier(.25,.1,.25,1);filter:drop-shadow(0 0 4px rgba(213,132,58,.2))}.footer-tag:hover .footer-tag__icon{color:#d5843af2;transform:translateY(-1px);filter:drop-shadow(0 0 8px rgba(213,132,58,.4))}.footer-tag__emblem{flex-shrink:0;width:18px;height:18px;object-fit:contain;filter:grayscale(1) brightness(1.2) contrast(1.3) opacity(.65) drop-shadow(0 0 4px rgba(213,132,58,.25));transition:all .3s cubic-bezier(.25,.1,.25,1)}.footer-tag:hover .footer-tag__emblem{transform:translateY(-1px) scale(1.05)}.footer-tag__text{white-space:nowrap;transition:color .3s ease}.footer-copyright{font-size:.85rem;color:#ffffff80;text-align:center;font-weight:400;letter-spacing:.3px;margin:0}.footer-credits{display:flex;flex-direction:column;align-items:center;gap:12px}.footer-made-with{display:flex;align-items:center;gap:8px;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.footer-made-with:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 16px #ffffff1a}.made-with-text{font-size:.7rem;color:#ffffffb3;font-weight:400;letter-spacing:.3px;text-transform:uppercase}.made-with-heart{color:#f02a2a;width:16px;height:16px;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.made-with-name{font-size:.825rem;font-weight:700;background:linear-gradient(135deg,#fff,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;transition:all .3s ease;margin-top:-1px}.footer-made-with:hover .made-with-name{background:linear-gradient(135deg,#ff650c,#ff9923,#ff9f10);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 520px){.landing-footer{padding:40px 15px 30px}.footer-tags{gap:8px}.footer-tag{padding:5px 12px;gap:5px;font-size:.7rem}.footer-tag__icon{width:12px;height:12px}.footer-made-with{padding:8px 16px;gap:6px}.made-with-text{font-size:.8rem}.made-with-name{font-size:.85rem}.made-with-heart{width:14px;height:14px}.footer-copyright{font-size:.75rem}}.profile-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0f0fa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.profile-modal{width:90vw;max-width:800px;height:75vh;background:#0d0d0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -12px #00000080,0 0 100px -20px #f59e0b1a;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.profile-sidebar::-webkit-scrollbar,.profile-main::-webkit-scrollbar{width:5px}.profile-sidebar::-webkit-scrollbar-track,.profile-main::-webkit-scrollbar-track{background:transparent;margin:4px 0}.profile-sidebar::-webkit-scrollbar-thumb,.profile-main::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .2s}.profile-sidebar::-webkit-scrollbar-thumb:hover,.profile-main::-webkit-scrollbar-thumb:hover{background:#f59e0bcc}.profile-header{height:200px;background:linear-gradient(to bottom,#3b2a1e,#2a170f);position:relative;padding:32px;display:flex;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.08)}.profile-avatar-container{width:120px;height:120px;position:relative;margin-right:1px}.profile-avatar{width:100%;height:100%;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #f59e0b4d}.profile-level-badge{min-width:80px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#241106;border:1px solid #f59e0b;color:#f59e0b;padding:5px 8px;line-height:1;border-radius:4px;font-size:1.3rem;font-weight:800;z-index:2;text-align:center}.profile-identity{flex:1;z-index:1;margin-bottom:10px;margin-left:30px}.profile-name{font-size:2.5rem;font-weight:800;color:#f8fafc;line-height:1;letter-spacing:-1px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.profile-tag{font-size:1rem;color:#ca8248;font-weight:600;background:#ffffff0d;padding:4px 8px;border-radius:4px}.profile-title{color:#f59e0b;font-size:.9rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-top:12px}.friendship-section{display:none!important;padding:16px 32px;background:linear-gradient(to bottom,#1a0f08,#0d0d0d);border-bottom:1px solid rgba(245,158,11,.15);display:flex;align-items:center;justify-content:space-between;gap:16px}.friendship-info{display:flex;align-items:center;gap:12px;flex:1}.friendship-icon{color:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,.3))}.friendship-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-weight:600}.friendship-date{font-size:.9rem;color:#f59e0b;font-weight:700;font-family:JetBrains Mono,monospace}.friendship-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.friendship-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .3s,height .3s}.friendship-btn:hover:not(:disabled):before{width:300px;height:300px}.friendship-btn:disabled{opacity:.5;cursor:not-allowed}.add-friend-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 0 20px #22c55e33}.add-friend-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #22c55e66}.remove-friend-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 20px #ef444433;padding:8px 16px;font-size:.75rem}.remove-friend-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #ef444466}.remove-friend-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.remove-friend-modal{width:90%;max-width:450px;background:linear-gradient(135deg,#1a0f0f,#0d0d0d);border:1px solid rgba(239,68,68,.3);border-radius:12px;box-shadow:0 0 0 1px #ef444433,0 20px 50px #ef444433;padding:24px;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.remove-friend-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#ef4444}.remove-friend-header h3{margin:0;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.remove-friend-body{margin-bottom:24px}.remove-friend-body p{margin:0;color:#d6d3d1;font-size:.95rem;line-height:1.6}.remove-friend-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#d6d3d1;font-size:.85rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.confirm-remove-btn{padding:10px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #ef44444d}.confirm-remove-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #ef444480}.cancel-btn:disabled,.confirm-remove-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sidebar-friendship-section{margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#22c55e14,#16a34a0d);border:1px solid rgba(34,197,94,.2);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.friendship-info-compact{display:flex;align-items:center;gap:10px;flex:1}.friendship-text{display:flex;flex-direction:column;gap:2px}.friendship-label-small{font-size:.65rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.friendship-date-small{font-size:.8rem;color:#f59e0b;font-weight:700;font-family:JetBrains Mono,monospace}.friendship-btn-small{width:32px;height:32px;border:none;border-radius:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 0 15px #ef444433}.friendship-btn-small:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 25px #ef444466}.friendship-btn-small:disabled{opacity:.5;cursor:not-allowed}.friendship-btn-sidebar{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #22c55e33}.friendship-btn-sidebar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #22c55e66}.friendship-btn-sidebar:disabled{opacity:.5;cursor:not-allowed}.friendship-btn-private{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 25px #22c55e4d}.friendship-btn-private:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 35px #22c55e80}.friendship-btn-private:disabled{opacity:.5;cursor:not-allowed}.pending-request-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 0 20px #3b82f633!important;cursor:default!important;opacity:.8!important}.pending-request-btn:hover{transform:none!important}.profile-stats-strip{display:flex;background:#160a0285;border-bottom:1px solid rgba(55,21,7,.08);padding:0}.stat-item{padding:20px 32px;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-value{font-size:1.5rem;color:#f1f5f9;font-weight:700;font-family:JetBrains Mono,monospace}.stat-value.highlight{color:#f59e0b}.profile-content{display:grid;grid-template-columns:300px 1fr;gap:1px;background:#ffffff14;flex:1;overflow:hidden}.profile-sidebar{background:#1e110aa3;padding:24px;overflow-y:auto}.profile-main{background:#0f0d0cf2;padding:24px;overflow-y:auto}.section-title{font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.match-row{display:flex;align-items:center;padding:12px 16px;background:#1818187d;border:1px solid rgba(255,255,255,.05);margin-bottom:8px;border-radius:4px;transition:all .2s;position:relative}.match-row:hover{background:#ffffff0d;transform:translate(4px)}.match-row.victory{border-left:3px solid #10b981}.match-row.defeat{border-left:3px solid #ef4444}.match-row.abandoned{border-left:3px solid #94a3b8}.match-info{flex:1}.match-map{font-weight:600;color:#f1f5f9}.match-date{font-size:.75rem;color:#ca8248}.match-stats{display:flex;gap:16px;text-align:right}.match-stat{display:flex;flex-direction:column}.match-stat-val{font-weight:700;color:#e2e8f0}.match-stat-label{font-size:.65rem;color:#ca8248;text-transform:uppercase}.close-profile-btn{position:absolute;top:24px;right:24px;background:transparent;border:none;color:#ca8248;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;z-index:10}.close-profile-btn:hover{background:#ffffff1a;color:#f1f5f9}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.pagination-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-family:JetBrains Mono,monospace;color:#ca8248;font-size:.9rem}.match-loot-row{width:100%;margin-top:8px;display:flex;flex-direction:column;gap:4px}.loot-label{font-size:.6rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.loot-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.loot-item{position:relative;width:28px;height:28px;background:#0f0f0f99;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:help;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.loot-item:hover{transform:translateY(-2px) scale(1.1);z-index:5;background:#282828e6;box-shadow:0 4px 12px #00000080}.loot-item.COMMON{border-color:#a8a29e}.loot-item.UNCOMMON{border-color:#22c55e;box-shadow:0 0 5px #22c55e1a}.loot-item.RARE{border-color:#3b82f6;box-shadow:0 0 5px #3b82f626}.loot-item.EPIC{border-color:#a855f7;box-shadow:0 0 8px #a855f733}.loot-item.LEGENDARY{border-color:#eab308;box-shadow:0 0 10px #eab3084d;animation:pulse-gold 2s infinite}.loot-item:hover.COMMON{border-color:#d6d3d1}.loot-item:hover.UNCOMMON{box-shadow:0 0 10px #22c55e66}.loot-item:hover.RARE{box-shadow:0 0 12px #3b82f680}.loot-item:hover.EPIC{box-shadow:0 0 15px #a855f799}.loot-item:hover.LEGENDARY{box-shadow:0 0 20px #eab308b3}@keyframes pulse-gold{0%{box-shadow:0 0 5px #eab30833}50%{box-shadow:0 0 12px #eab30880}to{box-shadow:0 0 5px #eab30833}}.loot-qty-badge{position:absolute;bottom:-4px;right:-4px;background:#1e293b;color:#f8fafc;border:1px solid rgba(255,255,255,.1);font-size:.55rem;padding:0 3px;border-radius:3px;font-weight:800;box-shadow:0 2px 4px #00000080;z-index:2}.loot-tooltip{position:absolute;bottom:115%;left:50%;transform:translate(-50%) translateY(5px);background:#0d0d0dfa;border:1px solid rgba(255,255,255,.1);padding:8px 10px;border-radius:4px;width:max-content;max-width:200px;opacity:0;visibility:hidden;transition:all .2s ease-out;pointer-events:none;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #000c;text-align:left}.loot-item:hover .loot-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.loot-tooltip-name{font-weight:700;font-size:.75rem;margin-bottom:2px;text-transform:capitalize}.loot-tooltip-type{font-size:.65rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.loot-empty-state{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0003;border:1px dashed rgba(255,255,255,.05);border-radius:6px;width:100%}.loot-empty-icon{font-size:1.1rem;color:#64748b;opacity:.6}.loot-empty-icon.warning{color:#eab308}.loot-empty-icon.danger{color:#ef4444}.loot-empty-text{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:600;display:flex;flex-direction:column}.loot-empty-sub{font-size:.6rem;color:#475569;font-weight:400}@media (max-width: 768px){.profile-modal{width:100%;height:100%;max-width:none;border-radius:0;border:none}.profile-header{height:auto;flex-direction:column;align-items:center;text-align:center;padding:40px 20px 20px;gap:16px}.profile-avatar-container{margin-right:0;width:80px;height:80px}.profile-identity{margin-bottom:0;display:flex;flex-direction:column;align-items:center}.profile-name{font-size:1.75rem;justify-content:center;flex-wrap:wrap}.profile-stats-strip{padding:12px 48px 12px 12px;gap:12px;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);scroll-snap-type:x proximity}.profile-stats-strip::-webkit-scrollbar{display:none}.stat-item{padding:10px 16px;min-width:100px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;align-items:center;text-align:center;scroll-snap-align:start;flex-shrink:0}.profile-content{display:flex;flex-direction:column;overflow-y:auto}.profile-sidebar,.profile-main{overflow:visible;padding:16px}.profile-sidebar{border-bottom:1px solid rgba(255,255,255,.05)}.close-profile-btn{top:16px;right:16px;background:#0003;width:40px;height:40px;display:flex;align-items:center;justify-content:center}}.profile-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-action-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(2px)}.profile-action-btn.logout{color:#ef4444;border-color:#ef444433;background:#ef44440d}.profile-action-btn.logout:hover{background:#ef444426;border-color:#ef4444}.edit-title-btn{background:#d37e07ab;border:1px solid #f59e0b;border-radius:6px;padding:6px;cursor:pointer;color:#fff!important;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:2px;margin-top:14px}.edit-title-btn:hover{background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b26}.edit-title-btn:active{transform:translateY(0)}.edit-title-btn.active{background:#f59e0b33;border-color:#f59e0b;color:#fbbf24;box-shadow:0 0 12px #f59e0b33}.match-towers{display:flex;gap:6px;margin-right:16px;align-items:center;flex-wrap:wrap;max-width:200px}.match-tower-icon{width:28px;height:28px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:help;position:relative;transition:all .2s}.match-tower-icon:hover{transform:scale(1.15);border-color:#fff6;background:#ffffff1a;z-index:5;box-shadow:0 4px 12px #00000080}.tower-count-badge{position:absolute;bottom:-3px;right:-3px;background:#3b82f6;color:#fff;font-size:.55rem;padding:1px 3px;border-radius:3px;line-height:normal;font-weight:700;box-shadow:0 1px 2px #00000080;z-index:2}.match-tower-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#141414f2;border:1px solid rgba(255,255,255,.15);padding:8px 10px;border-radius:6px;font-size:.7rem;white-space:nowrap;z-index:20;margin-bottom:8px;pointer-events:none;box-shadow:0 4px 16px #0009;opacity:0;transition:opacity .15s;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e2e8f0}.match-tower-icon:hover .match-tower-tooltip{opacity:1;visibility:visible}.match-towers-row{width:100%;margin-top:8px}.match-towers{display:flex;gap:6px;align-items:center;flex-wrap:wrap;width:100%;max-width:none}.private-profile-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;min-height:400px;text-align:center}.private-profile-icon{width:120px;height:120px;border-radius:50%;background:#64748b26;border:2px solid rgba(100,116,139,.3);display:flex;align-items:center;justify-content:center;margin-bottom:32px;color:#94a3b8}.private-profile-title{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin-bottom:12px;letter-spacing:-.02em}.private-profile-text{font-size:1rem;color:#94a3b8;line-height:1.6;max-width:400px;margin-bottom:32px}.private-profile-info{padding:24px 32px;background:#0f0f1499;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;gap:12px}.profile-name-preview{font-size:1.5rem;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:8px}.profile-level-preview{font-size:.95rem;color:#d5843a;font-weight:600;padding:6px 16px;background:#d5843a1a;border:1px solid rgba(213,132,58,.3);border-radius:6px}.privacy-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:4px;font-size:.75rem;color:#94a3b8;font-weight:500;cursor:help;transition:all .2s;margin-top:14px}.privacy-badge:hover{background:#64748b4d;border-color:#64748b80}.profile-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:2px}.profile-tab{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-tab:hover{color:#d5843a}.profile-tab.active{color:#d5843a;border-bottom-color:#d5843a}.account-settings-container{display:flex;flex-direction:column;gap:24px;width:100%}.account-section{background:#0f0f1499;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-section.danger-section{border-color:#ef44444d;background:#1e0a0a66}.account-description{color:#94a3b8;font-size:.875rem;margin-bottom:16px;line-height:1.5}.account-description.danger-description{display:flex;align-items:center;gap:8px;color:#fca5a5;padding:12px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.account-input{width:100%;padding:12px 16px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f1f5f9;font-size:.95rem;font-family:inherit;transition:all .2s}.account-input:focus{outline:none;border-color:#d5843a;background:#00000080}.account-input::placeholder{color:#64748b}.input-with-status{position:relative;margin-bottom:12px}.input-status-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#d5843a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.account-btn{padding:12px 24px;background:linear-gradient(135deg,#d5843a,#c77332);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;justify-content:center}.account-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #d5843a66}.account-btn:disabled{opacity:.5;cursor:not-allowed}.account-btn.danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef44444d}.account-btn.danger-btn:hover:not(:disabled){box-shadow:0 6px 20px #ef444466}.account-error{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.875rem;margin-bottom:12px}.account-success{display:flex;align-items:center;gap:8px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#6ee7b7;font-size:.875rem;margin-bottom:12px}.privacy-option{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.privacy-option:last-child{border-bottom:none}.privacy-label{flex:1}.privacy-title{color:#f1f5f9;font-weight:600;font-size:.95rem;margin-bottom:4px}.privacy-description{color:#94a3b8;font-size:.85rem}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#64748b66;transition:.3s;border-radius:26px;border:1px solid rgba(255,255,255,.1)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#d5843a,#c77332);border-color:#d5843a80}input:checked+.toggle-slider:before{transform:translate(22px)}.privacy-select{padding:8px 12px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f1f5f9;font-size:.9rem;cursor:pointer;transition:all .2s}.privacy-select:hover{border-color:#d5843a}.privacy-select:focus{outline:none;border-color:#d5843a}.cooldown-notice{display:flex;gap:16px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#fbbf24}.cooldown-title{font-weight:600;font-size:.95rem;margin-bottom:6px}.cooldown-text{font-size:.875rem;color:#fcd34d;line-height:1.5}.deletion-confirm-panel{display:flex;flex-direction:column;gap:16px;padding-top:16px}.deletion-warning{display:flex;gap:12px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5}.deletion-input-group{display:flex;flex-direction:column;gap:8px}.deletion-label{color:#cbd5e1;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px}.deletion-buttons{display:flex;gap:12px;margin-top:8px}.deletion-buttons .account-btn{flex:1}@media (max-width: 768px){.account-section{padding:16px}.account-btn{padding:10px 20px;font-size:.9rem}.deletion-buttons{flex-direction:column}.deletion-buttons .account-btn{width:100%}}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeInSettings .2s ease-out}.settings-modal{width:min(720px,94vw);max-height:92vh;background:radial-gradient(circle at 20% 20%,rgba(245,158,11,.08),transparent 45%),linear-gradient(145deg,#1c1917f5,#0e0c0cfa);border:1px solid rgba(245,158,11,.25);border-radius:20px;box-shadow:0 0 0 1px #ffffff08,0 25px 80px -18px #000000bf,0 0 100px -30px #f59e0b38;overflow:hidden;display:flex;flex-direction:column}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(90deg,#f59e0b1f,#f59e0b00);border-bottom:1px solid rgba(255,255,255,.08)}.settings-meta{display:flex;align-items:center;gap:12px}.settings-icon-chip{width:34px;height:34px;border-radius:10px;background:#f59e0b2e;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:inset 0 0 0 1px #f59e0b4d}.settings-title{margin:0;font-size:1.15rem;font-weight:700;color:#f8fafc}.settings-subtitle{margin:0;font-size:.85rem;color:#a8a29e}.settings-close-btn{border:none;background:transparent;color:#a8a29e;padding:8px;border-radius:10px;cursor:pointer;transition:all .18s}.settings-close-btn:hover{background:#ffffff0f;color:#fff}.settings-body{padding:20px 22px 18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.settings-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:4px}.settings-tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;color:#e7e5e4;cursor:pointer;transition:all .18s ease}.settings-tab.active{border:1px solid rgba(245,158,11,.45);background:linear-gradient(135deg,#f59e0b2e,#f59e0b14);color:#fde68a;box-shadow:0 14px 30px -12px #f59e0b59}.settings-tab-label{font-weight:800;letter-spacing:.01em}.settings-tab-hint{font-size:.75rem;color:#9ca3af}.settings-sections{display:flex;flex-direction:column;gap:16px}.settings-section-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:800;color:#e7e5e4}.settings-section-title span.icon{color:#f59e0b}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.preset-card{text-align:left;padding:14px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:all .2s;box-shadow:none}.preset-card.active{border:1px solid rgba(245,158,11,.5);background:#f59e0b1a;box-shadow:0 10px 30px -12px #f59e0b59}.preset-card .preset-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.98rem}.preset-card .preset-icon{color:#f59e0b;font-size:18px}.preset-card .preset-desc{color:#a8a29e;font-size:.82rem;line-height:1.4}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill-option{border-radius:999px;padding:8px 14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e7e5e4;cursor:pointer;font-weight:700;letter-spacing:.2px;transition:all .15s}.pill-option.active{border:1px solid rgba(245,158,11,.6);background:#f59e0b26;color:#f59e0b;box-shadow:0 10px 22px -12px #f59e0b4d}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff08;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:all .2s}.toggle-item.active{border:1px solid rgba(245,158,11,.3);background:#f59e0b0f}.toggle-item:hover{background:#ffffff0f}.toggle-info{display:flex;align-items:center;gap:14px}.toggle-icon{color:#78716c;font-size:1.2rem;transition:color .2s}.toggle-item.active .toggle-icon{color:#f59e0b}.toggle-text-title{color:#e7e5e4;font-weight:700;font-size:.95rem}.toggle-text-desc{color:#8b8681;font-size:.82rem}.preset-managed-hint{color:#f59e0b;font-size:.78rem;font-style:italic;opacity:.85}.preset-info-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:8px 12px;color:#f59e0b;font-size:.8rem;text-align:center;margin-bottom:4px}.preset-info-banner.custom{background:#6366f11a;border-color:#6366f140;color:#a5b4fc}.preset-info-banner.guard{background:#22c55e1a;border-color:#22c55e40;color:#86efac}.toggle-item.disabled .toggle-switch{opacity:.4}.toggle-switch{width:48px;height:26px;background:#3f3f46;border-radius:14px;position:relative;transition:background .2s}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000040;transition:left .2s cubic-bezier(.4,0,.2,1)}.toggle-item.active .toggle-switch{background:#f59e0b}.toggle-item.active .toggle-switch:after{left:25px}.settings-note{font-size:.82rem;color:#78716c;line-height:1.4}.settings-footer{padding:14px 22px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end;background:#0003}.settings-primary-btn{background:#f59e0b;color:#0f0f10;border:none;padding:9px 22px;border-radius:10px;font-weight:700;cursor:pointer;font-size:.95rem;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 12px 24px -12px #f59e0b99}.settings-primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px -14px #f59e0bb3}.settings-primary-btn:active{transform:translateY(1px)}@media (max-width: 640px){.settings-modal{width:96vw;max-height:94vh;border-radius:16px}.settings-header{padding:14px 16px}.settings-body{padding:14px 16px;gap:12px}.settings-tabs{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}@keyframes fadeInSettings{0%{opacity:0}to{opacity:1}}.levelup-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.levelup-modal{position:relative;background:linear-gradient(180deg,#3b2a1eb0,#2a1b0fba),radial-gradient(ellipse at 50% 0%,rgb(245 158 11 / 77%),transparent 60%);border:2px solid rgba(245,158,11,.35);border-radius:24px;padding:48px 40px;max-width:560px;width:100%;text-align:center;box-shadow:0 35px 80px -25px #000000e6,0 0 120px -20px #f59e0b40,inset 0 2px #f59e0b26,inset 0 -2px #0009;overflow:hidden}.levelup-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(245,158,11,.7),transparent);box-shadow:0 0 25px #f59e0b66;pointer-events:none;z-index:2}.levelup-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.04) 3px);pointer-events:none;opacity:.4;z-index:1}.levelup-modal-glow{position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 65%);animation:levelupGlowSpin 15s linear infinite;pointer-events:none;z-index:0}@keyframes levelupGlowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.levelup-content{position:relative;z-index:2}.levelup-header{margin-bottom:36px}.levelup-icon-container{width:90px;height:90px;margin:0 auto 20px;background:linear-gradient(135deg,#f59e0b33,#d977061a),#3b2a1e99;border:2px solid rgba(245,158,11,.4);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fbbf24;box-shadow:0 6px 25px #0006,0 0 40px #f59e0b33,inset 0 2px #f59e0b40,inset 0 -2px #0006}.levelup-title{font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px rgba(245,158,11,.4))}.levelup-subtitle{font-size:.95rem;color:#d4d4d8;font-weight:500;letter-spacing:.03em}.levelup-comparison{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:40px}.levelup-level-display{display:flex;flex-direction:column;align-items:center;gap:8px}.levelup-level-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff}.levelup-level-old{opacity:.55;transform:scale(.85)}.levelup-level-number{font-size:4.5rem;font-weight:900;line-height:1}.levelup-level-old .levelup-level-number{color:#78716c}.levelup-level-new .levelup-level-number{background:linear-gradient(180deg,#fef3c7,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(245,158,11,.6))}.levelup-arrow{color:#f59e0b}.levelup-rewards-container{background:#00000040;border:1px solid rgba(245,158,11,.15);border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:inset 0 2px 8px #0006,0 2px 12px #0003}.levelup-rewards-title{font-size:1rem;font-weight:700;color:#fef3c7;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:8px}.levelup-rewards-grid{display:flex;flex-direction:column;gap:16px}.levelup-reward-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;background:linear-gradient(135deg,#bae6fd1a,#93c5fd0d),#3b2a1e66;border:1px solid rgba(186,230,253,.35);border-radius:16px;box-shadow:0 2px 10px #0000004d,0 0 20px #bae6fd26,inset 0 1px #bae6fd26;transition:all .3s ease}.levelup-reward-card:hover{transform:translateY(-2px);border-color:#bae6fd80;box-shadow:0 4px 18px #0006,0 0 30px #bae6fd40}.levelup-reward-amount{font-size:1.3rem;font-weight:800;color:#bae6fd;text-shadow:0 0 10px rgba(186,230,253,.4)}.levelup-towers-container{margin-top:20px}.levelup-towers-title{font-size:.9rem;font-weight:700;color:#f59e0b;margin-bottom:14px;text-transform:uppercase;letter-spacing:.05em}.levelup-towers-grid{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.levelup-tower-card{display:flex;flex-direction:column;align-items:center;gap:8px}.levelup-tower-icon-container{width:72px;height:72px;background:linear-gradient(135deg,#3b2a1e99,#2a1b0fcc),#0f0f1480;border:1px solid rgba(245,158,11,.25);border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #0006,inset 0 1px #f59e0b1a;transition:all .3s ease}.levelup-tower-card:hover .levelup-tower-icon-container{transform:translateY(-3px) scale(1.05);border-color:#f59e0b66;box-shadow:0 6px 20px #00000080,0 0 25px #f59e0b33}.levelup-tower-name{font-size:.85rem;font-weight:700;color:#cbd5e1}.levelup-tower-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#f59e0b;letter-spacing:.05em}.levelup-button{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);border:none;padding:16px 48px;border-radius:12px;color:#0f172a;font-weight:900;font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 6px 20px #0006,0 0 30px #f59e0b4d,inset 0 2px #fef3c74d,inset 0 -2px #0000004d;transition:all .2s ease;position:relative;overflow:hidden}.levelup-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.levelup-button:hover:before{left:100%}.levelup-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000080,0 0 40px #f59e0b66,inset 0 2px #fef3c766}.levelup-button:active{transform:translateY(0);box-shadow:0 4px 15px #0006,0 0 25px #f59e0b4d,inset 0 2px 4px #0000004d}@keyframes levelupIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.levelup-icon-container{animation:levelupIconFloat 3s ease-in-out infinite}@keyframes levelupLevelPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(245,158,11,.6))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(245,158,11,.8))}}.levelup-level-new{animation:levelupLevelPulse 2s ease-in-out infinite}@media (max-width: 640px){.levelup-modal{padding:36px 24px;max-width:calc(100% - 32px)}.levelup-icon-container{width:75px;height:75px}.levelup-title{font-size:1.6rem}.levelup-comparison{gap:20px}.levelup-level-number{font-size:3.5rem}.levelup-button{padding:14px 36px;font-size:1rem;width:100%}.levelup-towers-grid{gap:12px}.levelup-tower-icon-container{width:60px;height:60px}}@media (max-width: 480px){.levelup-modal{padding:28px 20px}.levelup-level-number{font-size:3rem}.levelup-rewards-container{padding:18px}}.changelog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.changelog-modal{width:100%;max-width:950px;height:700px;max-height:90vh;background:linear-gradient(135deg,#0f1115,#13161c);border:1px solid rgba(213,132,58,.3);border-radius:12px;display:flex;overflow:hidden;box-shadow:0 0 40px #000c,0 0 0 1px #ffffff0d,0 0 20px #d5843a1a;position:relative;color:#e2e8f0}.changelog-sidebar{width:280px;background:#00000040;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;flex-shrink:0}.changelog-header{padding:1.5rem;border-bottom:1px solid rgba(213,132,58,.2);background:linear-gradient(to right,rgba(213,132,58,.05),transparent)}.changelog-header h3{font-size:1.1rem;font-weight:800;letter-spacing:.15em;color:gold;margin-bottom:.25rem;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5);background:linear-gradient(180deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.changelog-count{font-size:.65rem;color:#94a3b8;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.version-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.version-list::-webkit-scrollbar,.changelog-content::-webkit-scrollbar{width:6px}.version-list::-webkit-scrollbar-track,.changelog-content::-webkit-scrollbar-track{background:#0003}.version-list::-webkit-scrollbar-thumb,.changelog-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.version-item{display:flex;align-items:center;gap:1rem;padding:2rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:#ffffff05;position:relative;overflow:hidden}.version-item:hover{background:#ffffff0d;transform:translate(2px)}.version-item.active{background:linear-gradient(90deg,#d5843a26,#d5843a0d);border-color:#d5843a66;box-shadow:inset 0 0 15px #d5843a0d}.version-dot{width:8px;height:8px;border-radius:50%;background:#475569;box-shadow:0 0 0 2px #0000004d;transition:all .3s ease;position:relative;z-index:2}.version-item.active .version-dot{background:gold;box-shadow:0 0 10px #ffd70099}.version-info{flex:1;display:flex;flex-direction:column;gap:2px}.v-number{font-family:Courier New,monospace;font-weight:800;color:#cbd5e1;font-size:.95rem;letter-spacing:-.02em}.version-item.active .v-number{color:#fff;text-shadow:0 0 10px rgba(213,132,58,.5)}.v-date{font-size:.7rem;color:#64748b;font-weight:500}.version-item.active .v-date{color:#d5843a}.v-arrow{opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);color:#d5843a}.version-item.active .v-arrow{opacity:1;transform:translate(0)}.changelog-content{flex:1;padding:3rem;position:relative;overflow-y:auto;background:radial-gradient(circle at top right,rgba(213,132,58,.03),transparent 50%),linear-gradient(to bottom,transparent,rgba(0,0,0,.2))}.close-btn{position:absolute;top:1.5rem;right:1.5rem;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:10}.close-btn:hover{background:#ef444433;border-color:#ef444466;color:#fff;transform:rotate(90deg)}.content-header{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;align-items:center}.version-badge,.date-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;padding:.4rem .8rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-badge{color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 10px #ffd7001a}.date-badge{color:#94a3b8;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.update-title{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.update-desc{font-size:1.05rem;color:#94a3b8;margin-bottom:2.5rem;line-height:1.7;max-width:600px}.changes-list{display:flex;flex-direction:column;gap:.75rem}.change-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem;background:#322f2a32;border-radius:8px;border:1px solid rgba(255,255,255,.03);transition:all .2s}.change-item:hover{background:#ffffff08;border-color:#ffffff14;transform:translate(4px)}.change-type{font-size:.65rem;font-weight:800;text-transform:uppercase;padding:.35rem .75rem;border-radius:4px;min-width:80px;text-align:center;letter-spacing:.05em;flex-shrink:0;border:1px solid transparent}.type-new .change-type{background:#22c55e1a;color:#4ade80;border-color:#22c55e33}.type-fix .change-type{background:#ef44441a;color:#f87171;border-color:#ef444433}.type-balance .change-type{background:#d5843a26;color:gold;border-color:#d5843a4d}.type-improvement .change-type{background:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.change-text{font-size:.95rem;color:#e2e8f0;line-height:1.6}@media (max-width: 850px){.changelog-modal{flex-direction:column;height:95vh;max-width:95vw;border-radius:12px}.changelog-sidebar{width:100%;height:auto;min-height:140px;max-height:180px;flex-shrink:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);background:#0d0f14}.changelog-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;background:transparent;border-bottom:none}.changelog-header h3{font-size:1rem;margin:0}.version-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 1rem 1rem;gap:.75rem;scroll-snap-type:x mandatory}.version-item{min-width:160px;scroll-snap-align:start;flex-direction:column;align-items:flex-start;padding:.75rem;gap:.5rem;background:#ffffff08}.version-dot{position:absolute;top:.75rem;right:.75rem}.v-arrow{display:none}.version-info{gap:0}.changelog-content{padding:3.5rem 1.5rem 1.5rem}.close-btn{top:1rem;right:1rem;width:32px;height:32px;background:#00000080}.update-title{font-size:1.5rem;margin-top:.5rem}.change-item{flex-direction:column;gap:.5rem;padding:1rem}.change-type{align-self:flex-start;min-width:auto}}.social-sidebar{position:fixed;top:0;right:-420px;width:400px;height:100dvh;background:linear-gradient(165deg,#1c1917fa,#0c0a09fc);border-left:1px solid rgba(255,255,255,.08);box-shadow:-25px 0 60px -12px #000000b3,inset 1px 0 #ffffff0f;z-index:10001;transition:right .4s cubic-bezier(.33,1,.68,1);display:flex;flex-direction:column;font-family:Inter,sans-serif}.social-sidebar.open{right:0}.social-sidebar:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(245,158,11,.5),transparent);opacity:.6;pointer-events:none}.social-toggle-btn{position:absolute;bottom:100px;right:16px;width:60px;height:60px;border-radius:10px;background:linear-gradient(135deg,#1b0c0294,#361e05a9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(245,158,11,.3);color:#f59e0b;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -5px #00000080,0 0 0 1px #f59e0b1a inset,0 0 20px #f59e0b26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.social-toggle-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px -5px #0009,0 0 0 1px #f59e0b80 inset,0 0 30px #f59e0b59;color:#fbbf24;border-color:#f59e0bb3}@media (min-width: 1024px){.social-toggle-btn{position:fixed;right:calc((100vw - min(1000px,100vw))/2 + 12px);bottom:52px}}@media (max-width: 1023px){.social-toggle-btn.deck-page{bottom:165px}}.social-toggle-btn.ingame{position:fixed;bottom:94px;right:8px;width:44px;height:44px;border-radius:12px;background:#1f120ba1;border:1px solid rgba(252,161,5,.29);color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d}@media (min-width: 1024px){.social-toggle-btn.ingame{position:fixed;top:110px;bottom:auto;right:calc((100vw - min(1100px,100vw))/2 + 20px)}}.social-toggle-btn.ingame:hover{background:#0f172ae6;color:#fff;border-color:#ffffff4d}.social-toggle-btn .badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid #0f172a;box-shadow:0 2px 6px #dc262666;z-index:2}.social-toggle-btn .party-badge{position:absolute;bottom:-6px;right:-6px;background:#3b82f6;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid #0f172a;box-shadow:0 2px 8px #3b82f666;z-index:2}.social-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,rgba(245,158,11,.08) 0%,rgba(245,158,11,.02) 50%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;position:relative}.social-sidebar-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.3),transparent)}.social-header{display:none}.header-info{display:flex;align-items:center;gap:16px}.icon-wrapper{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f59e0b26,#f59e0b05);border:1px solid rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.header-text{display:flex;flex-direction:column;gap:3px}.header-text h3{margin:0;font-size:16px;font-weight:700;color:#fff;letter-spacing:.02em}.header-text .subtitle{font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.close-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;margin:0}.close-btn:hover{background:#ef444426;border-color:#ef444459;color:#ef4444;transform:scale(1.05)}.social-tabs{display:flex;padding:0 24px;gap:24px;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.tab-btn{background:transparent;border:none;color:#fff6;padding:14px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;position:relative;transition:color .2s;border-radius:0}.tab-btn:hover{color:#ffffffb3}.tab-btn.active{color:#f59e0b;border-radius:0}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#f59e0b;box-shadow:0 -2px 8px #f59e0b66}.tab-badge{background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;box-shadow:0 2px 4px #0000004d}.social-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.3) rgba(0,0,0,.2)}.social-content::-webkit-scrollbar{width:6px}.add-friend-section{margin-bottom:24px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px}.input-group{display:flex;gap:10px}.input-group input{flex:1;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#e2e8f0;font-size:.9rem;font-weight:500;transition:all .2s}.input-group input:focus{outline:none;border-color:#f59e0b;background:#0009;box-shadow:0 0 0 1px #f59e0b33}.btn-add{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;border-radius:8px;width:42px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 6px #0003}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 12px #f59e0b4d}.friends-list{display:flex;flex-direction:column;gap:12px}.friend-item{display:flex;align-items:center;gap:14px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}.friend-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(4px)}.friend-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#334155,#1e293b);display:flex;align-items:center;justify-content:center;font-weight:700;color:#94a3b8;position:relative;border:1px solid rgba(255,255,255,.1);font-size:1.1rem}.friend-unread-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:flex;justify-content:center;align-items:center;border:2px solid #1c1917;box-shadow:0 2px 4px #00000080;z-index:5;animation:badge-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.friend-info{flex:1;min-width:0}.friend-name-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.friend-name{font-weight:600;color:#f1f5f9;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-badge{font-size:.65rem;background:#0006;border:1px solid rgba(245,158,11,.3);color:#fbbf24;padding:1px 6px;border-radius:4px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:3px}.friend-status-row{display:flex;align-items:center;gap:6px;font-size:.8rem}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.online{background:#22c55e;animation:pulse-green 2s infinite}.status-dot.ingame{background:#f59e0b;animation:pulse-amber 2s infinite}.status-dot.queue{background:#3b82f6;animation:pulse-blue 2s infinite}.status-dot.offline{background:#d5843a}.status-text{color:#94a3b8;font-weight:500}.status-text.online{color:#4ade80}.status-text.ingame{color:#fbbf24}.status-text.queue{color:#60a5fa}.friend-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s}.friend-item:hover .friend-actions,.request-item .friend-actions{opacity:1}.social-sidebar .action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.social-sidebar .btn-invite{background:#22c55e33;color:#4ade80}.social-sidebar .btn-invite:hover{background:#22c55e4d;transform:scale(1.1)}.social-sidebar .btn-chat{background:#3b82f633;color:#60a5fa}.social-sidebar .btn-chat:hover{background:#3b82f64d;transform:scale(1.1)}.social-sidebar .btn-remove{background:#ef44441a;color:#f87171}.social-sidebar .btn-remove:hover{background:#ef444433;transform:scale(1.1)}@keyframes pulse-green{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 4px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulse-amber{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 4px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes pulse-blue{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 4px #3b82f600}to{box-shadow:0 0 #3b82f600}}.empty-state{text-align:center;padding:40px 20px;color:#d5843a;font-size:.9rem;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.requests-container{display:flex;flex-direction:column;gap:16px}.requests-subtabs{display:flex;gap:12px;margin-bottom:8px}.sub-tab{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);padding:8px;border-radius:8px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .2s}.sub-tab.active{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.request-item{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;gap:12px;margin-bottom:5px}.req-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.req-user{font-weight:600;color:#f1f5f9}.req-time{font-size:.75rem;color:#d5843a}.req-actions{display:flex;gap:8px}.social-sidebar .btn-accept{flex:1;background:#22c55e;color:#0f172a;border:none;padding:18px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.social-sidebar .btn-accept:hover{background:#4ade80}.social-sidebar .btn-decline{flex:1;background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:18px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.social-sidebar .btn-decline:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433}.success-msg{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80;padding:12px;border-radius:8px;font-size:.9rem;margin-bottom:16px;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:12px;border-radius:8px;font-size:.9rem;margin-bottom:16px;display:flex;align-items:center;gap:8px;transition:all .2s;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.social-sidebar .action-btn svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;display:block!important;opacity:1!important;visibility:visible!important;fill:currentColor!important}.mobile-settings-btn{position:fixed;bottom:94px;right:54px;width:42px;height:42px;margin-right:2px;border-radius:10px;background:#1f120ba1;border:1px solid rgba(252,161,5,.29);color:#ffffffb3;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-settings-btn:hover{background:#0f172ae6;color:#fff;border-color:#ffffff4d}@media (min-width: 769px){.mobile-settings-btn{display:none!important}}.friend-synergy-card{margin-top:8px;margin-bottom:4px;padding:6px 10px;border-radius:4px;position:relative;overflow:hidden}.synergy-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.synergy-rank-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.synergy-points-display{font-size:.65rem;font-family:JetBrains Mono,monospace;color:#ffffffe6;font-weight:700}.synergy-next{color:#fff6;font-weight:500}.synergy-progress-container{height:4px;background:#0006;border-radius:2px;overflow:hidden;margin-bottom:5px;border:1px solid rgba(255,255,255,.05)}.synergy-progress-bar{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.22,1,.36,1)}.synergy-bonuses-row{display:flex;gap:8px;flex-wrap:wrap}.friend-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.friend-header{display:flex;flex-direction:column;gap:0px}.friend-status-row{font-size:.7rem;opacity:.6;display:flex;align-items:center;gap:6px;margin-top:-2px}.status-title{color:#f59e0b;opacity:.8}.synergy-compact-container{background:#00000040;border-radius:4px;padding:3px 6px;display:flex;flex-direction:column;gap:2px;margin-top:4px;border:1px solid rgba(255,255,255,.03);width:100%}.synergy-compact-info{display:flex;align-items:center;justify-content:space-between;font-size:.6rem;line-height:1}.synergy-rank{font-weight:800;text-transform:uppercase;display:flex;align-items:center;letter-spacing:.03em}.synergy-lvl-indicator{background:#ffffff1a;padding:0 3px;border-radius:2px;margin-left:4px;font-size:.55rem;color:#fffc}.synergy-mini-bonuses{display:flex;gap:6px;margin-left:auto;margin-right:8px;font-weight:600}.synergy-points-mini{font-family:JetBrains Mono,monospace;color:#fff6;font-size:.55rem}.synergy-compact-bar-bg{width:100%;height:2px;background:#ffffff0d;border-radius:1px;overflow:hidden}.synergy-compact-bar-fill{height:100%;border-radius:1px;transition:width .5s ease}.chat-window-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a180ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column}.chat-header{padding:1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0003}.chat-user-info{display:flex;align-items:center;gap:.75rem}.chat-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#334155,#1e293b);display:flex;align-items:center;justify-content:center;font-weight:700;color:#94a3b8;position:relative;border:1px solid rgba(255,255,255,.1);font-size:1.1rem;box-shadow:none}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:2px solid #1e293b;box-shadow:0 0 0 1px #0003}.status-ONLINE{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-OFFLINE{background:#d5843a}.status-INGAME{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.status-QUEUE{background:#3b82f6;box-shadow:0 0 8px #3b82f666}.chat-details{display:flex;flex-direction:column;gap:2px}.chat-username{font-weight:700;color:#f1f5f9;font-size:.95rem}.chat-status{font-size:.7rem;color:#4ade80;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.chat-close-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;color:#94a3b8;cursor:pointer;transition:all .2s}.chat-close-btn:hover{background:#ef444426;color:#ef4444}.chat-privacy-notice{background:#fbbf241a;color:#fbbf24;font-size:.75rem;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(251,191,36,.2);overflow:hidden}.notice-text{flex:1;font-weight:600;text-shadow:0 0 10px rgba(251,191,36,.2)}.chat-privacy-notice button{background:transparent;border:1px solid rgba(251,191,36,.3);color:#fbbf24;font-size:.65rem;padding:2px 6px;border-radius:4px;cursor:pointer}.chat-messages{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.chat-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#fff3;font-style:italic;font-size:.85rem}.message-bubble{max-width:80%;padding:.6rem 1rem;border-radius:12px;position:relative;font-size:.9rem;line-height:1.4;word-wrap:break-word}.message-bubble.me{align-self:flex-end;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:2px;box-shadow:0 4px 15px #2563eb33}.message-bubble.them{align-self:flex-start;background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.05);border-bottom-left-radius:2px}.message-time{display:block;font-size:.6rem;opacity:.6;margin-top:4px;text-align:right}.chat-input-area{padding:1rem;background:#0000004d;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:.5rem}.chat-input-area input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1rem;border-radius:20px;font-size:.9rem;outline:none;transition:all .2s}.chat-input-area input:focus{background:#ffffff14;border-color:#fff3;box-shadow:0 0 15px #ffffff0d}.send-btn{width:42px;height:42px;border-radius:50%;background:#3b82f6;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.send-btn:disabled{opacity:.5;background:#ffffff1a;cursor:default}.send-btn:not(:disabled):hover{background:#2563eb;transform:scale(1.05)}.logo-desktop{display:block!important}.logo-mobile{display:none!important}@media (max-width: 600px){.logo-desktop{display:none!important}.logo-mobile{display:block!important}}:root{--primary: #f59e0b;--primary-glow: rgba(245, 158, 11, .4);--secondary: #78350f;--bg-dark: #0c0a09;--text-light: #fafaf9;--text-dim: #a8a29e;--glass-bg: rgba(28, 25, 23, .85);--glass-border: rgba(245, 158, 11, .2);--sab: env(safe-area-inset-bottom, 0px);--sat: env(safe-area-inset-top, 0px);--mobile-hud-height: 95px}@keyframes toast-progress{0%{width:100%}to{width:0%}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-dark);color:var(--text-light);overflow:hidden;-webkit-user-select:none;user-select:none;overscroll-behavior:none}html{overscroll-behavior:none}canvas{touch-action:none}.app-background{background:radial-gradient(circle at 50% -20%,#d15c214a,#080707 80%);height:100vh;height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-frame{width:100%;max-width:1000px;height:100%;position:relative;display:flex;flex-direction:column;background:#3f2211cc;box-shadow:inset 0 0 200px 50px #00000040,inset 0 0 60px #00000029}@media (min-width: 1024px){.app-frame{height:92vh;border:1px solid rgb(61 57 59 / 80%);border-radius:12px;box-shadow:0 0 60px -20px #f59e0b26,inset 0 0 0 1px #f59e0b0d;overflow:hidden}}h1,h2,h3,h4,h5,h6{margin:0}.dashboard-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,2vw,20px);width:100%;max-width:1200px;margin:0 auto;padding:0}@media (min-width: 768px){.dashboard-modes{grid-template-columns:repeat(4,1fr)}}.game-mode-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#3b2d1ecc,#2a1d0ff2);border-radius:clamp(14px,2vw,20px);padding:clamp(14px,2.5vh,20px);cursor:pointer;position:relative;overflow:hidden;width:100%;min-height:44px;text-align:left;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.game-mode-card-title{font-size:.9rem;font-weight:800;color:#fff;margin:0 0 2px;text-transform:uppercase;letter-spacing:.05em}.game-mode-card-subtitle{background:#0f172a66;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.03);color:#94a3b8;font-size:.7rem;transition:.2s;cursor:pointer;display:inline;align-items:center;gap:6px;font-family:monospace}.game-mode-card-icon-wrapper{padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}@media (min-width: 768px){.game-mode-card{padding:18px;border-radius:20px}.game-mode-card-title{font-size:1.5rem;margin-bottom:8px}.game-mode-card-subtitle{font-size:.8rem;line-height:1.4;-webkit-line-clamp:unset}.game-mode-card-icon-wrapper{padding:14px;border-radius:14px;margin-bottom:20px}}@media (min-width: 1024px){.dashboard-modes{grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px}}@media (min-width: 1280px){.dashboard-modes{grid-template-columns:repeat(4,1fr);max-width:1200px}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:900px}@media (min-width: 768px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.game-container{display:flex;flex-direction:column;width:100%;flex:1;overflow:hidden;position:relative;background:#0d0a08}.game-container *::-webkit-scrollbar{width:5px}.game-container *::-webkit-scrollbar-track{background:transparent;margin:4px 0}.game-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .2s}.game-container *::-webkit-scrollbar-thumb:hover{background:#f59e0bcc}@media (min-width: 1024px){.game-container{flex-direction:row;align-items:center;justify-content:center}}.game-hud{position:absolute;top:0;left:0;width:100%;height:auto;background:linear-gradient(180deg,#2a1e0ffa,#2a1d0ff2);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(245,140,11,.218);display:flex;flex-direction:column;z-index:90;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px -10px #00000080,0 0 0 1px #f59e0b0d inset;overflow:visible}.game-hud:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.4) 20%,rgba(245,158,11,.6) 50%,rgba(245,158,11,.4) 80%,transparent);opacity:.5}.game-hud:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.3),transparent);opacity:.8}.hud-toggle{position:absolute;bottom:-54px;left:50%;transform:translate(-50%);width:54px;height:54px;background:#1f120ba1;border:1px solid rgba(252,161,5,.29);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer;font-size:18px;box-shadow:0 12px 24px -8px #0009,0 0 0 1px #f59e0b0d inset;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:auto}.hud-toggle:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:30%;height:3px;background:#f59e0b4d;border-radius:0 0 3px 3px}.hud-toggle:active{transform:translate(-50%) translateY(3px);background:linear-gradient(180deg,#f59e0b26,#f59e0b14);box-shadow:0 6px 12px -4px #0006}@media (min-width: 768px){.hud-toggle{display:none}}.hud-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:12px;gap:20px;min-height:76px;position:relative;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent)}.hud-artifacts-desktop{display:none}.stats-artifacts-mobile{margin-bottom:16px}.wave-badge .label{font-size:9px;text-transform:uppercase;color:#d5843a;font-weight:800;letter-spacing:1.8px;margin-bottom:4px}.wave-badge .value{font-size:22px;font-weight:900;color:var(--text-light);line-height:1;text-shadow:0 2px 12px rgba(255,255,255,.25)}.credits-badge{border-color:#f59e0b40;background:linear-gradient(135deg,#f59e0b14,#f59e0b1f);flex-direction:row;gap:10px;box-shadow:0 4px 16px #f59e0b1a}.credits-badge:before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.3),transparent)}.credits-badge .value{font-size:17px;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(245,158,11,.3)}.icon-gold{color:var(--primary);font-size:15px;filter:drop-shadow(0 0 6px rgba(245,158,11,.6))}.hp-container{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:240px;margin:0 auto}.hp-bar-bg{width:100%;height:8px;background:#0006;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.05);position:relative}.hp-bar-fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.hp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.hp-text{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:.5px}.hp-icon{color:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.hud-content{max-height:0;overflow-y:auto;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#00000026,#0000001a);scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.3) rgba(0,0,0,.2)}.hud-content::-webkit-scrollbar{width:6px}.hud-content::-webkit-scrollbar-track{background:#0003;border-radius:6px;margin:6px 0}.hud-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b66,#f59e0b33);border-radius:10px;transition:background .2s ease;border:1px solid rgba(245,158,11,.1)}.hud-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f59e0b99,#f59e0b66)}.game-hud.expanded .hud-content{max-height:70vh;opacity:1;padding:24px 20px;border-top:1px solid rgba(245,158,11,.1)}.leaderboard-section{display:flex;flex-direction:column;gap:18px}.section-title{font-size:10px;text-transform:uppercase;letter-spacing:2.5px;color:#d5843a;display:flex;align-items:center;gap:12px;margin:0;padding-bottom:12px;font-weight:800}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.player-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:14px;background:linear-gradient(90deg,#ffffff08,#ffffff03);border-radius:12px;border:1px solid rgba(255,255,255,.05);border-left:3px solid transparent;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.player-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(245,158,11,.1),transparent);transition:width .3s cubic-bezier(.16,1,.3,1)}.player-row:hover:before{width:100%}.player-row:active{transform:scale(.98)}.player-row.is-me{background:linear-gradient(90deg,#8257452c,#9f7f730d);border-color:#d3d3d340;border-left-color:#3b82f699;box-shadow:0 4px 16px #dd541521}.player-rank{width:32px;height:32px;background:linear-gradient(135deg,#00000080,#0000004d);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#94a3b8;margin-right:16px;font-variant-numeric:tabular-nums;border:1px solid rgba(255,255,255,.05)}.player-info{display:flex;flex-direction:column;gap:3px}.player-name{font-size:15px;font-weight:700;color:var(--text-light);letter-spacing:-.01em}.me-tag{font-size:9px;color:#60a5fa;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.player-stats{display:flex;gap:24px}.stat-col{display:flex;flex-direction:column;align-items:flex-end}.stat-val{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.stat-val.gold{color:var(--primary);text-shadow:0 0 12px rgba(245,158,11,.4)}.stat-val.red{color:#ef4444;text-shadow:0 0 12px rgba(239,68,68,.4)}.stat-lbl{font-size:8px;color:#d5843a;text-transform:uppercase;letter-spacing:1.2px;margin-top:2px;font-weight:800}@media (min-width: 768px){.player-row{padding:6px 10px;border-radius:6px;min-height:36px}.player-rank{width:22px;height:22px;font-size:11px;margin-right:8px;border-radius:5px}.player-name{font-size:13px}.player-stats{gap:12px}.stat-val{font-size:13px}.stat-lbl{font-size:7px;margin-top:0}.me-tag{font-size:8px;letter-spacing:.5px}}.abort-btn{width:100%;padding:18px 20px;background:linear-gradient(135deg,#ef444414,#ef44440d);border:1px solid rgba(239,68,68,.25);color:#ef4444;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:2.5px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .25s cubic-bezier(.16,1,.3,1);margin-top:6px;box-shadow:0 4px 16px #ef44441a;position:relative;overflow:hidden}.abort-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.15),transparent);transition:left .5s}.abort-btn:hover{background:linear-gradient(135deg,#ef444426,#ef44441a);border-color:#ef444466;box-shadow:0 6px 24px #ef444433;transform:translateY(-2px)}.abort-btn:hover:before{left:100%}.finish-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#10b98126,#10b9811a);border:1px solid rgba(16,185,129,.4);color:#34d399;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .25s cubic-bezier(.16,1,.3,1);margin-top:6px;box-shadow:0 4px 16px #10b98126;position:relative;overflow:hidden;animation:pulse-green 2s infinite}.finish-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,211,153,.25),transparent);transition:left .5s}.finish-btn:hover{background:linear-gradient(135deg,#10b98140,#10b98133);border-color:#34d39999;box-shadow:0 6px 24px #10b9814d,0 0 15px #10b98133;transform:translateY(-2px);color:#6ee7b7}.finish-btn:hover:before{left:100%}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@media (min-width: 768px){.game-hud{position:relative;top:auto;left:auto;width:340px;height:800px;max-height:88vh;background:linear-gradient(135deg,#2a1d0fbf,#3b2f1ea6);border:1px solid rgba(245,158,11,.15);border-radius:20px;margin-left:24px;box-shadow:0 20px 60px -15px #000000b3,0 0 0 1px #f59e0b1a inset;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.game-hud:before{height:3px;background:linear-gradient(90deg,#f59e0b4d,#f59e0bb3 50%,#f59e0b4d)}.game-hud:after{display:none}.hud-toggle{display:none}.hud-content{display:flex;flex-direction:column;flex:1;max-height:none!important;opacity:1!important;border-top:none;padding:12px;background:transparent;overflow:hidden}.leaderboard-section{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:6px}.leaderboard-section::-webkit-scrollbar{width:6px}.leaderboard-section::-webkit-scrollbar-track{background:#0003;border-radius:6px}.leaderboard-section::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b80,#f59e0b4d);border-radius:6px;border:1px solid rgba(245,158,11,.1)}.leaderboard-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f59e0bb3,#f59e0b80)}.actions-section{flex-shrink:0}.hud-header{display:flex;flex-direction:column;height:auto;padding:12px;gap:28px;border-bottom:1px solid rgba(245,158,11,.1);background:linear-gradient(180deg,#00000026,#0000000d);flex-shrink:0}.hud-artifacts-desktop{display:block;width:100%}.stats-artifacts-mobile{display:none}.hud-speed-controls{display:block;padding:0;margin-bottom:16px;width:100%}.wave-badge .label{margin-bottom:0}.hp-container{width:100%;max-width:none}}.top-bar{height:64px;background:linear-gradient(180deg,#0c0e12a6,#08090ccc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.22);box-shadow:0 1px #000000bf,inset 0 1px #ffffff0d;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:24px;position:sticky;top:0;z-index:110;transition:height .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.top-bar:before{top:14px;bottom:15px;width:3px}.top-bar .brand-section .brand-title,.top-bar .brand-section .brand-subtitle{display:none}}.brand-section{display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative;height:100%}.brand-section:after,.brand-section:before{content:"";position:absolute;left:95%;transform:translate(calc(-50% - 50px));width:140%;height:1px;background:radial-gradient(circle,#d46227 0%,transparent 80%);opacity:.8;pointer-events:none}.brand-section:before{top:0}.brand-section:after{bottom:0}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #f59e0b33;border:1px solid rgba(255,255,255,.1)}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:1.2rem;font-weight:800;color:#f8fafc;letter-spacing:-.5px;line-height:1}.brand-subtitle{font-size:.65rem;color:#94a3b8;letter-spacing:3.2px;font-weight:600;text-transform:uppercase}.top-bar-right{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end;min-width:0}.user-profile{display:flex;align-items:center;gap:8px;padding:0;border:none;background:transparent;transition:color .12s cubic-bezier(.4,0,.2,1)}.user-profile:hover{color:#e2e8f0}.user-info{text-align:right}.user-name{font-size:.95rem;font-weight:600;color:#fff;line-height:1.2}.user-role{font-size:.7rem;color:#f59e0b;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.user-avatar{width:36px;height:36px;border-radius:2px;background:linear-gradient(180deg,#2b1a16d9,#39270ee6);border:1px solid rgba(255,81,0,.529);display:flex;align-items:center;justify-content:center;color:#e2e8f0;box-shadow:inset 0 1px 1px #ffffff0a;flex-shrink:0}.divider{display:none}.actions-group{display:flex;gap:10px;align-items:center}.action-btn{background:transparent;border:1px solid rgba(255,255,255,.05);color:#cbd5e1;cursor:pointer;height:30px;padding:0 10px;border-radius:3px;display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;letter-spacing:.02em;transition:all .12s cubic-bezier(.4,0,.2,1)}.action-btn:hover{color:#f8fafc;border-color:#ffffff1f;background:#ffffff08}.action-btn:active{border-color:#3b82f659}.logout-btn{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444;cursor:pointer;width:30px;height:30px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .12s cubic-bezier(.4,0,.2,1)}.logout-btn:hover{background:#ef44441f;border-color:#ef444480}.currency-container{display:flex;flex-direction:row;gap:10px;align-items:center}.xp-bar-container{width:140px;flex-shrink:0;display:flex;justify-content:flex-start}.hud-xp{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;min-width:120px;text-align:left}.hud-xp-label{display:flex;align-items:center;gap:8px;margin-bottom:4px;position:relative}.hud-xp-label-text{font-size:.75rem;color:#94a3b8;font-weight:600;letter-spacing:1px}.hud-xp-level{margin-left:-5px;font-size:1rem;font-weight:900;color:#f59e0b;line-height:1}.hud-xp-track{width:110px;height:6px;background:#ffffff1a;border-radius:3px;position:relative;overflow:hidden}.hud-xp-text{font-size:.65rem;color:#22c55e;margin-top:2px;font-family:monospace;width:110px;display:flex;gap:6px;white-space:nowrap;text-align:left}.hud-xp-total{opacity:.6}@media (max-width: 768px){.top-bar{padding:0 14px;height:56px;gap:8px}.user-profile{gap:6px;margin-right:-10px;padding:2px;border-left-color:#94a3b833}.brand-section .logo-desktop{display:none!important;max-width:200px}.brand-section .logo-mobile{display:block!important;height:32px!important}.brand-section{gap:0}.top-bar-right{gap:6px}.actions-group,.divider{display:none}.user-info{display:block;text-align:right}.user-name{font-size:.7rem;line-height:1.1}.user-role{font-size:.55rem;line-height:1.2;display:block;margin-top:1px}.user-avatar{width:32px;height:32px}.xp-bar-container{display:flex;transform:scale(.9);transform-origin:right center;width:120px}.currency-container{gap:6px}.essence-display{padding:4px 8px!important;height:28px!important;border-radius:7px!important}.essence-amount{font-size:.72rem!important}}@media (min-width: 769px) and (max-width: 1024px){.top-bar{padding:0 20px;gap:16px}.xp-bar-container{width:120px}}.essence-display{display:flex;align-items:center;gap:6px;padding:6px 10px;height:30px;background:#cc42df47;border:1px solid rgb(223 51 223 / 42%);border-radius:7px;box-shadow:inset 0 1px #ffffff08,0 1px 2px #00000040;font-size:.82rem;font-weight:600;letter-spacing:.01em;transition:all .12s cubic-bezier(.4,0,.2,1)}.essence-display:hover{background:#ffffff0f;border-color:#ffffff1f}.essence-icon{flex-shrink:0}.essence-amount{color:#fdf4ff;font-weight:700;font-size:.75rem;letter-spacing:.5px;text-shadow:0 0 10px rgba(217,70,239,.4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.game-layout{display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center;padding:24px 0}@media (min-width: 768px){.game-layout{flex-direction:row;gap:20px}}@media (max-width: 768px){.game-layout{padding:0;height:100%}}.canvas-container{width:100%;height:100%;background:#000;position:relative;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 768px){.canvas-container{width:auto;height:88vh;max-height:100%;aspect-ratio:350 / 600;box-shadow:0 20px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);border-radius:12px}}.game-hud{position:relative;width:300px;height:100%;background:#0c0a09d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);border-bottom:none;display:flex;flex-direction:column;z-index:90;box-shadow:-10px 0 30px -10px #00000080;overflow-y:auto;pointer-events:auto}.hud-header{background:transparent;padding:12px;gap:16px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.hp-reactor{flex:none;display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#ffffff08,#0006);border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0}.hp-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(239,68,68,.2),transparent 70%);z-index:0;animation:pulse-red 2s infinite}.hp-gauge{position:relative;width:56px;height:56px;flex-shrink:0;z-index:1}.hp-icon-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px}.hp-info{display:flex;flex-direction:column;flex:1;z-index:1;min-width:0;justify-content:center}.hp-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.hp-label{font-size:.5rem;color:#94a3b8;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hp-value{font-size:1.2rem;font-weight:800;line-height:1;font-family:Segoe UI Mono,monospace}.hp-linear-bar{height:8px;width:100%;background:#0009;border-radius:4px;margin-bottom:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hp-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.hp-absolute{font-size:.75rem;color:#ffffff80;font-weight:500;font-family:monospace}.hp-status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.stat-module{border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001a;min-height:70px}.wave-module{background:linear-gradient(135deg,#3b82f61a,#0f172a99);border:1px solid rgba(59,130,246,.2)}.wave-module.endless{background:linear-gradient(135deg,#a855f726,#0f172a99);border:1px solid rgba(168,85,247,.3)}.credits-module{background:linear-gradient(135deg,#f59e0b1a,#0f172a99);border:1px solid rgba(245,158,11,.2)}.module-glow{position:absolute;top:-50px;right:-50px;width:100px;height:100px;border-radius:50%;opacity:.5}.wave-module .module-glow{background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%)}.wave-module.endless .module-glow{background:radial-gradient(circle,rgba(168,85,247,.4) 0%,transparent 70%)}.credits-module .module-glow{background:radial-gradient(circle,rgba(245,158,11,.4) 0%,transparent 70%)}.module-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:4px}.module-content{display:flex;align-items:flex-end;justify-content:space-between}.module-value{font-size:1.6rem;font-weight:800;color:#fff;line-height:1}.module-sub{display:flex;flex-direction:column;align-items:flex-end}.sub-label{font-size:.45rem;color:#ffffff80;font-weight:600;letter-spacing:.05em}.module-progress{width:100%;height:4px;background:#0006;border-radius:2px;margin-top:8px;overflow:hidden}@media (max-width: 767px){.game-hud{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;height:auto;min-height:auto;background:#210e0694;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid rgba(255,255,255,.1);border-bottom:none;border-left:none;z-index:1000;flex-direction:column-reverse;box-shadow:0 -10px 30px -10px #00000080;overflow:visible;padding-bottom:env(safe-area-inset-bottom,0px)}.hud-header{flex-direction:row;padding:8px 12px;gap:8px}.hp-reactor{padding:8px;min-width:auto}.hp-gauge{width:36px;height:36px}.hp-icon-center{font-size:14px}.hp-value{font-size:1rem}.stats-grid{width:auto;flex:1;grid-template-columns:1fr 1fr;gap:6px}.stat-module{padding:6px 8px;min-height:auto}.module-value{font-size:1.1rem}.module-label{font-size:.55rem}.hud-toggle{display:flex;top:-54px;margin-left:75px;bottom:auto;border-bottom:none;border-top:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0;box-shadow:0 -5px 15px #0000004d}}@keyframes pulse-red{0%{opacity:.1}50%{opacity:.4}to{opacity:.1}}.speed-controls-container{display:flex;z-index:95}@media (max-width: 768px){.settings-btn-desktop{display:none!important}}.speed-controls-container.embedded{position:relative;top:auto;right:auto}.speed-controls-glass{display:flex;background:#0c0a0999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px;gap:4px}@media (max-width: 768px){.speed-controls-glass{bottom:100px}}.speed-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#ffffff80;padding:4px 9px;border-radius:16px;cursor:pointer;transition:all .2s;font-family:inherit}.speed-btn:hover{background:#ffffff1a;color:#fff}.speed-btn.active{background:#f59e0b33;color:#fbbf24;box-shadow:0 0 10px #f59e0b1a}.speed-label{font-size:12px;font-weight:700}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.online-players-grid{width:100%;max-width:1200px;margin-top:0;margin-bottom:0;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.online-players-grid{grid-template-columns:2fr 1fr;gap:20px}}.online-player-card{background:linear-gradient(135deg,#0d130b99,#060b049a);border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:16px;box-shadow:0 4px 20px #0000004d,inset 0 0 0 1px #10b9811a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.server-stats-card{background:linear-gradient(135deg,rgba(29,29,29,.6) 0%rgba(43,43,43,.429)%) 100%);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:16px;box-shadow:0 4px 20px #0000004d,inset 0 0 0 1px #3b82f61a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.server-stats-card>div:first-child{grid-column:1 / -1;margin-bottom:4px}@media (min-width: 768px){.server-stats-card{display:flex;flex-direction:column}}.player-item{display:flex;align-items:center;gap:6px;background:#0f172a99;padding:6px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s;font-size:.8rem}.player-item:active{transform:scale(.98)}.server-stat-box{background:#0f172a66;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}