.loading-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#020408;overflow:hidden;font-family:Montserrat,sans-serif}.loading-screen:before{content:"";position:absolute;width:130px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),rgba(0,212,245,.55),transparent);border-radius:100%;filter:drop-shadow(0 0 5px rgba(0,212,245,.65));top:17%;left:-150px;opacity:0;z-index:2;pointer-events:none;animation:shoot-a 12s ease-out 3s infinite}.loading-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 22%,rgba(2,4,8,.88) 100%);z-index:3;pointer-events:none}.loading-bg{position:absolute;inset:0;z-index:0;background-image:radial-gradient(2px 2px at 8% 18%,rgba(255,255,255,.92) 2px,transparent 0),radial-gradient(1.5px 1.5px at 28% 62%,rgba(210,235,255,.72) 1.5px,transparent 0),radial-gradient(2px 2px at 48% 32%,rgba(255,255,255,.84) 2px,transparent 0),radial-gradient(2.5px 2.5px at 88% 12%,rgba(255,255,255,.9) 2.5px,transparent 0),radial-gradient(1.5px 1.5px at 18% 88%,rgba(205,228,255,.7) 1.5px,transparent 0),radial-gradient(2px 2px at 58% 44%,rgba(255,255,255,.8) 2px,transparent 0),radial-gradient(1px 1px at 38% 8%,rgba(195,222,255,.6) 1px,transparent 0),radial-gradient(1.5px 1.5px at 92% 54%,rgba(225,242,255,.74) 1.5px,transparent 0),radial-gradient(2px 2px at 3% 48%,rgba(255,255,255,.84) 2px,transparent 0),radial-gradient(2px 2px at 42% 92%,rgba(255,255,255,.74) 2px,transparent 0),radial-gradient(1.5px 1.5px at 82% 82%,rgba(195,218,255,.64) 1.5px,transparent 0),radial-gradient(2px 2px at 97% 34%,rgba(255,255,255,.8) 2px,transparent 0),radial-gradient(1.5px 1.5px at 22% 28%,rgba(138,192,255,.52) 1.5px,transparent 0),radial-gradient(1px 1px at 42% 68%,rgba(115,172,255,.42) 1px,transparent 0),radial-gradient(1.5px 1.5px at 62% 18%,rgba(148,202,255,.47) 1.5px,transparent 0),radial-gradient(1px 1px at 78% 58%,rgba(128,185,255,.37) 1px,transparent 0),radial-gradient(1.5px 1.5px at 32% 48%,rgba(140,195,255,.52) 1.5px,transparent 0),radial-gradient(1px 1px at 72% 38%,rgba(122,180,255,.42) 1px,transparent 0),radial-gradient(1.5px 1.5px at 52% 78%,rgba(152,205,255,.47) 1.5px,transparent 0),radial-gradient(1px 1px at 8% 68%,rgba(130,185,255,.37) 1px,transparent 0),radial-gradient(1.5px 1.5px at 88% 42%,rgba(142,195,255,.52) 1.5px,transparent 0),radial-gradient(ellipse at 22% 78%,rgba(13,27,62,.55) 0%,transparent 50%),radial-gradient(ellipse at 78% 22%,rgba(0,25,70,.45) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(0,45,75,.28) 0%,transparent 60%),radial-gradient(ellipse at 32% 32%,rgba(0,100,180,.06) 0%,transparent 40%);background-size:620px 620px,720px 720px,820px 820px,920px 920px,570px 570px,770px 770px,520px 520px,870px 870px,470px 470px,670px 670px,820px 820px,920px 920px,520px 520px,670px 670px,770px 770px,620px 620px,820px 820px,570px 570px,720px 720px,520px 520px,870px 870px,auto,auto,auto,auto;animation:star-drift 160s linear infinite}.loading-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 27% 33%,rgba(155,145,230,.28) 1px,transparent 0),radial-gradient(1px 1px at 57% 63%,rgba(142,132,222,.22) 1px,transparent 0),radial-gradient(1px 1px at 77% 23%,rgba(150,140,228,.26) 1px,transparent 0),radial-gradient(1px 1px at 37% 73%,rgba(135,125,220,.2) 1px,transparent 0),radial-gradient(1px 1px at 87% 53%,rgba(158,148,232,.24) 1px,transparent 0),radial-gradient(1px 1px at 17% 53%,rgba(145,135,225,.26) 1px,transparent 0),radial-gradient(1px 1px at 67% 13%,rgba(148,138,226,.2) 1px,transparent 0),radial-gradient(1px 1px at 47% 83%,rgba(138,128,222,.24) 1px,transparent 0),radial-gradient(ellipse 130px 65px at 76% 24%,rgba(90,170,235,.13) 0%,transparent 70%),radial-gradient(ellipse 160px 85px at 20% 76%,rgba(0,195,215,.07) 0%,transparent 65%),radial-gradient(ellipse 210px 105px at 50% 14%,rgba(40,90,180,.05) 0%,transparent 55%),radial-gradient(ellipse 95px 48px at 96% 58%,rgba(0,180,210,.05) 0%,transparent 50%);background-size:720px 720px,920px 920px,620px 620px,820px 820px,520px 520px,770px 770px,870px 870px,670px 670px,auto,auto,auto,auto;filter:blur(1.5px);opacity:.85;animation:galaxy-breathe 28s ease-in-out infinite alternate}.loading-bg:after{content:"";position:absolute;width:85px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);border-radius:100%;top:64%;left:-110px;opacity:0;z-index:1;pointer-events:none;animation:shoot-b 16s ease-out 9s infinite}.particles-canvas{position:absolute;inset:0;z-index:4;pointer-events:none}.loading-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;padding:2.5rem 2rem}.loading-logo{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:4rem;animation:logo-float 9s ease-in-out infinite,logo-emerge 1.1s cubic-bezier(.22,.8,.44,1) both}.loading-logo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,245,.052) 0%,transparent 70%);pointer-events:none;animation:aura-pulse 6s ease-in-out infinite}.loading-logo h1{font-size:clamp(2rem,5.5vw,4rem);font-weight:800;letter-spacing:.18em;color:#fff;text-transform:uppercase;text-shadow:0 0 35px rgba(0,212,245,.32),0 0 72px rgba(0,155,215,.18),0 0 115px rgba(0,95,175,.08);line-height:1;margin:0;position:relative;z-index:2}.loading-logo h1:after{content:"";display:block;width:0%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,245,.2) 15%,#00d4f5 50%,rgba(0,212,245,.2) 85%,transparent 100%);margin:1.15rem auto 0;animation:line-expand .75s ease .9s forwards}.loading-logo p{font-size:clamp(.62rem,1.4vw,.8rem);font-weight:700;letter-spacing:.55em;color:#00d4f5;text-transform:uppercase;margin:1rem 0 0;opacity:0;position:relative;z-index:2;animation:fade-up .55s ease 1.35s forwards}.progress-container{width:100%;max-width:340px;display:flex;flex-direction:column;gap:.55rem;opacity:0;animation:fade-up .5s ease 1.6s forwards}.progress-bar{width:100%;height:2px;background:#00d4f517;position:relative;overflow:visible}.progress-fill{height:100%;width:0%;background:#00d4f5;transition:width .28s cubic-bezier(.25,1,.5,1);position:relative}.progress-fill:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:5px;height:5px;background:#9ef8ff;border-radius:50%;box-shadow:0 0 6px #00d4f5,0 0 14px #00d4f5b8,0 0 28px #00d4f559}.progress-text{font-size:11px;font-weight:700;color:#00d4f585;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:right}.loading-status{font-size:11px;font-weight:500;color:#c8e4ff61;letter-spacing:.16em;text-transform:uppercase;text-align:center;min-height:1.4rem;margin-top:1rem;position:relative;opacity:0;animation:fade-up .5s ease 1.8s forwards}.loading-status:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:28px;height:1px;background:linear-gradient(90deg,transparent,#00d4f5,transparent);opacity:.35;animation:bar-breathe 3.5s ease-in-out infinite}.enter-universe-btn{position:relative;margin-top:2.8rem;padding:1.15rem 3.5rem;color:#fff;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;cursor:pointer;overflow:hidden;background:linear-gradient(#060c18,#060c18) padding-box,linear-gradient(135deg,#00d4f5,#07c) border-box;border:1.5px solid transparent;border-radius:10px;box-shadow:0 0 28px #00d4f52e,0 0 55px #0064c81a;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,letter-spacing .35s ease;animation:btn-appear .6s ease both,btn-pulse 4s ease-in-out 1s infinite}.enter-universe-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4f51a,#0064c814);transform:scaleX(0);transform-origin:left;transition:transform .32s ease;border-radius:inherit}.enter-universe-btn:hover{transform:translateY(-3px) scale(1.025);letter-spacing:.38em;box-shadow:0 10px 40px #00d4f547,0 0 80px #0078d22e}.enter-universe-btn:hover:before{transform:scaleX(1)}.enter-universe-btn:active{transform:translateY(-1px) scale(.99)}.enter-universe-btn.hidden{display:none}@keyframes star-drift{0%{transform:translateY(0) translate(0)}to{transform:translateY(-620px) translate(28px)}}@keyframes galaxy-breathe{0%{transform:scale(1);filter:blur(1.5px) brightness(.88)}to{transform:scale(1.03);filter:blur(2px) brightness(1.12)}}@keyframes logo-emerge{0%{opacity:0;transform:translateY(22px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes aura-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.35}50%{transform:translate(-50%,-50%) scale(1.38);opacity:.7}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-breathe{0%,to{opacity:.22;width:28px}50%{opacity:.55;width:46px}}@keyframes btn-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-pulse{0%,to{box-shadow:0 0 28px #00d4f52e,0 0 55px #0064c81a}50%{box-shadow:0 0 38px #00d4f54d,0 0 75px #0078d22e}}@keyframes shoot-a{0%{transform:translate(0) translateY(0) rotate(-7deg);opacity:0}8%{opacity:1}92%{opacity:.85}to{transform:translate(calc(100vw + 200px)) translateY(88px) rotate(-7deg);opacity:0}}@keyframes shoot-b{0%{transform:translate(0) translateY(0) rotate(-4deg);opacity:0}10%{opacity:.85}90%{opacity:.65}to{transform:translate(calc(100vw + 180px)) translateY(-55px) rotate(-4deg);opacity:0}}@keyframes portal-collapse{0%{opacity:1;transform:scale(1);filter:brightness(1)}50%{opacity:.8;transform:scale(1.04);filter:brightness(1.4) blur(1px)}to{opacity:0;transform:scale(.05);filter:brightness(2) blur(20px)}}.loading-screen.transitioning-out{animation:portal-collapse .9s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:480px){.loading-logo h1{font-size:clamp(1.5rem,7.5vw,2.4rem);letter-spacing:.12em}.loading-logo p{letter-spacing:.38em}.progress-container{max-width:290px}.enter-universe-btn{padding:1rem 2.5rem;font-size:10px;letter-spacing:.24em}}@media(max-width:360px){.loading-logo h1{font-size:1.4rem;letter-spacing:.09em}.enter-universe-btn{padding:.9rem 2rem}}@media(prefers-reduced-motion:reduce){.loading-bg,.loading-bg:before,.loading-bg:after,.loading-screen:before,.loading-logo,.loading-logo:before,.loading-status:after,.enter-universe-btn{animation:none!important;transition:none!important}.loading-logo h1:after{width:100%;animation:none}.loading-logo p,.progress-container,.loading-status{opacity:1;transform:none}}:root{--void: #040810;--deep: #060c18;--surface-0: rgba(5, 10, 20, .97);--surface-1: rgba(7, 13, 24, .92);--surface-2: rgba(8, 16, 30, .82);--surface-3: rgba(10, 20, 38, .68);--nebula-teal: rgba(0, 190, 215, .07);--nebula-blue: rgba(15, 70, 170, .09);--nebula-cold: rgba(0, 110, 190, .05);--nebula-distant: rgba(200, 90, 0, .025);--cyan: #00d4f5;--cyan-bright: #4de8ff;--cyan-dim: rgba(0, 212, 245, .1);--cyan-surface: rgba(0, 212, 245, .07);--cyan-border: rgba(0, 212, 245, .16);--cyan-border-md: rgba(0, 212, 245, .3);--cyan-border-hi: rgba(0, 212, 245, .55);--cyan-glow: rgba(0, 212, 245, .22);--cyan-glow-hi: rgba(0, 212, 245, .45);--gold: #ffaa30;--gold-bright: #ffc55a;--gold-dim: rgba(255, 170, 48, .1);--gold-border: rgba(255, 170, 48, .28);--gold-glow: rgba(255, 170, 48, .28);--emerald: #00f5a0;--emerald-dim: rgba(0, 245, 160, .1);--emerald-border: rgba(0, 245, 160, .28);--emerald-glow: rgba(0, 245, 160, .22);--crimson: #ff3860;--crimson-dim: rgba(255, 56, 96, .1);--crimson-border: rgba(255, 56, 96, .28);--amber: #f0c832;--amber-dim: rgba(240, 200, 50, .1);--amber-border: rgba(240, 200, 50, .28);--rarity-common: #9ca3af;--rarity-rare: #00d4f5;--rarity-epic: #a78bfa;--rarity-legendary: #ffaa30;--rarity-mythic: #ff3860;--border-faint: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .07);--border-neutral: rgba(255, 255, 255, .11);--text-0: #e8f4ff;--text-1: rgba(200, 228, 255, .75);--text-2: rgba(160, 200, 240, .45);--text-3: rgba(120, 170, 215, .25);--text-cyan: var(--cyan);--text-gold: var(--gold);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .45);--shadow-md: 0 4px 20px rgba(0, 0, 0, .55);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .65);--shadow-xl: 0 20px 72px rgba(0, 0, 0, .75);--glow-cyan: 0 0 18px rgba(0, 212, 245, .22);--glow-cyan-hi: 0 0 36px rgba(0, 212, 245, .42);--glow-gold: 0 0 18px rgba(255, 170, 48, .28);--glow-emerald: 0 0 18px rgba(0, 245, 160, .22);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 38px;--text-4xl: 52px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-xl: 18px;--r-full: 9999px;--ease-fast: .14s ease;--ease-base: .2s ease;--ease-slow: .32s ease;--ease-spring: cubic-bezier(.22, .8, .44, 1);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(28px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:Montserrat,sans-serif;background:var(--void);color:var(--text-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;min-height:100vh;position:relative}.fade-in{animation:global-fade-in .5s ease both}.fade-out{animation:global-fade-out .4s ease both}.transition-out{animation:page-exit .4s ease-out forwards}@keyframes global-fade-in{0%{opacity:0}to{opacity:1}}@keyframes global-fade-out{0%{opacity:1}to{opacity:0}}@keyframes page-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:2px solid var(--cyan-dim);border-top-color:var(--cyan);border-radius:50%;animation:spin .9s linear infinite}.back-btn,.back-btn-clean,.resonance-back-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--cyan-surface);border:1px solid var(--cyan-border);border-radius:var(--r-sm);color:var(--text-1);font-family:Montserrat,sans-serif;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base),border-color var(--ease-base),color var(--ease-base);text-decoration:none;white-space:nowrap}.back-btn:hover,.back-btn-clean:hover,.resonance-back-btn:hover{background:var(--cyan-dim);border-color:var(--cyan-border-md);color:var(--text-0)}.page-header{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);background:var(--surface-1);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-bottom:1px solid var(--cyan-border)}.page-header h1{font-size:var(--text-base);font-weight:800;letter-spacing:.2em;color:var(--text-0);text-transform:uppercase}.space-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 55% at 78% 12%,var(--nebula-teal) 0%,transparent 65%),radial-gradient(ellipse 55% 60% at 15% 88%,var(--nebula-blue) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 50% 50%,var(--nebula-cold) 0%,transparent 70%),url(/assets/game.png) center/cover no-repeat;background-color:var(--void);opacity:.22}.disconnect-btn{padding:var(--sp-3) var(--sp-6);background:var(--crimson-dim);border:1px solid var(--crimson-border);border-radius:var(--r-sm);color:var(--crimson);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base),box-shadow var(--ease-base)}.disconnect-btn:hover{background:#ff38602e;box-shadow:0 4px 16px #ff386038}.setting-section{background:var(--surface-2);border:1px solid var(--cyan-border);border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-6)}.setting-section h2{font-size:var(--text-sm);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-0);margin-bottom:var(--sp-5)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--surface-0);border-radius:var(--r-sm);margin-bottom:var(--sp-2)}.setting-label{font-size:var(--text-xs);color:var(--text-2);letter-spacing:.06em}.setting-value{font-size:var(--text-sm);font-weight:700;color:var(--text-0);font-variant-numeric:tabular-nums}@media(max-width:768px){.page-header{padding:var(--sp-3) var(--sp-4)}.setting-section{padding:var(--sp-4)}}.login-page{width:100%;min-height:100vh;position:relative;background:#020408;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Montserrat,sans-serif}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(2,4,8,.72) 100%);pointer-events:none;z-index:2}.login-bg{position:absolute;inset:0;z-index:0;background-image:radial-gradient(2px 2px at 12% 22%,rgba(255,255,255,.9) 2px,transparent 0),radial-gradient(1.5px 1.5px at 32% 58%,rgba(210,235,255,.7) 1.5px,transparent 0),radial-gradient(2px 2px at 52% 28%,rgba(255,255,255,.82) 2px,transparent 0),radial-gradient(2.5px 2.5px at 84% 16%,rgba(255,255,255,.88) 2.5px,transparent 0),radial-gradient(1.5px 1.5px at 22% 84%,rgba(205,228,255,.68) 1.5px,transparent 0),radial-gradient(2px 2px at 62% 48%,rgba(255,255,255,.78) 2px,transparent 0),radial-gradient(1px 1px at 44% 12%,rgba(195,222,255,.58) 1px,transparent 0),radial-gradient(1.5px 1.5px at 94% 58%,rgba(225,242,255,.72) 1.5px,transparent 0),radial-gradient(2px 2px at 6% 52%,rgba(255,255,255,.82) 2px,transparent 0),radial-gradient(2px 2px at 46% 88%,rgba(255,255,255,.72) 2px,transparent 0),radial-gradient(1.5px 1.5px at 78% 78%,rgba(195,218,255,.62) 1.5px,transparent 0),radial-gradient(2px 2px at 93% 38%,rgba(255,255,255,.78) 2px,transparent 0),radial-gradient(1.5px 1.5px at 26% 24%,rgba(138,192,255,.5) 1.5px,transparent 0),radial-gradient(1px 1px at 46% 64%,rgba(115,172,255,.4) 1px,transparent 0),radial-gradient(1.5px 1.5px at 66% 22%,rgba(148,202,255,.45) 1.5px,transparent 0),radial-gradient(1px 1px at 74% 62%,rgba(128,185,255,.35) 1px,transparent 0),radial-gradient(1.5px 1.5px at 36% 44%,rgba(140,195,255,.5) 1.5px,transparent 0),radial-gradient(1px 1px at 68% 42%,rgba(122,180,255,.4) 1px,transparent 0),radial-gradient(1.5px 1.5px at 56% 74%,rgba(152,205,255,.45) 1.5px,transparent 0),radial-gradient(1px 1px at 14% 64%,rgba(130,185,255,.35) 1px,transparent 0),radial-gradient(ellipse at 18% 22%,rgba(0,195,215,.08) 0%,transparent 50%),radial-gradient(ellipse at 82% 78%,rgba(13,27,62,.55) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,45,75,.25) 0%,transparent 60%),radial-gradient(ellipse at 70% 28%,rgba(0,90,170,.06) 0%,transparent 40%);background-size:640px 640px,740px 740px,840px 840px,940px 940px,590px 590px,790px 790px,540px 540px,890px 890px,490px 490px,690px 690px,840px 840px,940px 940px,540px 540px,690px 690px,790px 790px,640px 640px,840px 840px,590px 590px,740px 740px,540px 540px,auto,auto,auto,auto;animation:login-star-drift 180s linear infinite}.login-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 29% 31%,rgba(155,145,230,.26) 1px,transparent 0),radial-gradient(1px 1px at 59% 61%,rgba(142,132,222,.2) 1px,transparent 0),radial-gradient(1px 1px at 79% 21%,rgba(150,140,228,.24) 1px,transparent 0),radial-gradient(1px 1px at 39% 71%,rgba(135,125,220,.18) 1px,transparent 0),radial-gradient(1px 1px at 89% 51%,rgba(158,148,232,.22) 1px,transparent 0),radial-gradient(ellipse 140px 70px at 72% 26%,rgba(90,170,235,.11) 0%,transparent 70%),radial-gradient(ellipse 170px 88px at 24% 72%,rgba(0,195,215,.06) 0%,transparent 65%);background-size:740px 740px,940px 940px,640px 640px,840px 840px,540px 540px,auto,auto;filter:blur(1.5px);opacity:.8;animation:galaxy-breathe-login 32s ease-in-out infinite alternate}.login-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;width:calc(100% - 3rem);padding:3.5rem 3rem;background:#0a0e1a9e;backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0a inset,0 0 60px #00d4f50a;animation:card-appear 1.1s cubic-bezier(.16,1,.3,1) .3s both}.login-content:before{content:"";position:absolute;top:-1px;left:-1px;width:36px;height:36px;border-top:1.5px solid rgba(0,212,245,.35);border-left:1.5px solid rgba(0,212,245,.35);border-radius:20px 0 0;transition:width .45s ease,height .45s ease,border-color .45s ease}.login-content:after{content:"";position:absolute;bottom:-1px;right:-1px;width:36px;height:36px;border-bottom:1.5px solid rgba(0,212,245,.35);border-right:1.5px solid rgba(0,212,245,.35);border-radius:0 0 20px;transition:width .45s ease,height .45s ease,border-color .45s ease}.login-content:hover:before,.login-content:hover:after{width:56px;height:56px;border-color:#00d4f599}.login-header{margin-bottom:3rem;position:relative}.login-header h1{font-size:clamp(1.7rem,4.5vw,3rem);font-weight:800;letter-spacing:.18em;color:#fff;text-transform:uppercase;text-shadow:0 0 35px rgba(0,212,245,.3),0 0 72px rgba(0,155,215,.15);line-height:1;margin:0;white-space:nowrap}.login-header h1:after{content:"";display:block;width:0%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,245,.2) 15%,#00d4f5 50%,rgba(0,212,245,.2) 85%,transparent 100%);margin:1.1rem auto 0;animation:line-expand .7s ease 1s forwards}.login-header p{font-size:clamp(.6rem,1.3vw,.76rem);font-weight:700;letter-spacing:.5em;color:#00d4f5;text-transform:uppercase;margin:1rem 0 0;opacity:0;animation:fade-up .5s ease 1.4s forwards}.connect-section{display:flex;flex-direction:column;align-items:center;gap:1.2rem;width:100%;opacity:0;animation:fade-up .55s ease 1.6s forwards}.connect-btn{position:relative;padding:1.25rem 4.5rem;color:#fff;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;overflow:hidden;background:linear-gradient(#0a0e1ad9,#0a0e1ad9) padding-box,linear-gradient(135deg,#00d4f5,#07c) border-box;border:1.5px solid transparent;border-radius:12px;box-shadow:0 0 28px #00d4f524,0 0 55px #0064c814;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,letter-spacing .35s ease;animation:btn-pulse-login 4s ease-in-out 2s infinite}.connect-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4f51a,#0064c814);transform:scaleX(0);transform-origin:left;transition:transform .32s ease;border-radius:inherit}.connect-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.025);letter-spacing:.36em;box-shadow:0 10px 38px #00d4f542,0 0 75px #0078d229}.connect-btn:hover:not(:disabled):before{transform:scaleX(1)}.connect-btn:active:not(:disabled){transform:translateY(-1px) scale(.99)}.connect-btn:disabled{opacity:.42;cursor:not-allowed;animation:none}.connect-hint{font-size:11px;font-weight:500;color:#c8e4ff61;letter-spacing:.06em;margin:0;max-width:280px;line-height:1.65}@keyframes login-star-drift{0%{transform:translateY(0) translate(0)}to{transform:translateY(-640px) translate(-25px)}}@keyframes galaxy-breathe-login{0%{transform:scale(1);filter:blur(1.5px) brightness(.9)}to{transform:scale(1.02);filter:blur(2px) brightness(1.1)}}@keyframes card-appear{0%{opacity:0;transform:translateY(36px) scale(.96);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes line-expand{0%{width:0%}to{width:100%}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-pulse-login{0%,to{box-shadow:0 0 28px #00d4f524,0 0 55px #0064c814}50%{box-shadow:0 0 38px #00d4f53d,0 0 72px #0078d224}}.clear-session-wrap{margin-top:.6rem;display:flex;justify-content:center}.clear-session-btn{background:none;border:none;padding:.35rem .5rem;font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;letter-spacing:.06em;color:#c8e4ff38;cursor:pointer;transition:color .22s ease;text-decoration:underline;text-decoration-color:#c8e4ff1a;text-underline-offset:3px}.clear-session-btn:hover:not(:disabled){color:#c8e4ff80;text-decoration-color:#c8e4ff47}.clear-session-btn:disabled{cursor:not-allowed;opacity:.5}.clear-session-btn--done{color:var(--emerald, #00f5a0)!important;text-decoration-color:#00f5a04d!important}@media(max-width:600px){.login-content{padding:2.8rem 2rem;width:calc(100% - 2rem)}.login-header h1{font-size:clamp(1.4rem,7vw,2.2rem);letter-spacing:.12em;white-space:normal}.connect-btn{padding:1.15rem 3rem;width:100%;max-width:280px}}@media(max-width:400px){.login-content{padding:2.2rem 1.5rem;border-radius:16px}.login-header h1{font-size:1.35rem;letter-spacing:.09em}.login-header{margin-bottom:2.2rem}.connect-btn{padding:1rem 2rem;font-size:10px;letter-spacing:.22em}}@media(prefers-reduced-motion:reduce){.login-bg,.login-bg:before,.login-page:before,.connect-btn,.login-content{animation:none!important;transition:none!important}.login-header h1:after{width:100%;animation:none}.login-header p,.connect-section{opacity:1;transform:none}}.profile-page{width:100%;height:100vh;position:relative;background:#000010;overflow:hidden}.profile-page .bg-stars,.profile-page .bg-glow{position:fixed;inset:0;pointer-events:none}.profile-content{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px}.profile-header{text-align:center;margin-bottom:40px;animation:fade-in-down .8s ease-out}.profile-header h1{font-size:3rem;font-weight:800;letter-spacing:6px;background:linear-gradient(90deg,#3498db,#9b59b6);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease-in-out infinite;margin-bottom:10px}.profile-header p{font-size:1.2rem;font-weight:500;letter-spacing:3px;opacity:.9;color:#a5b4fc}.profile-card{background:#1e1e324d;border:1px solid rgba(100,100,255,.15);border-radius:20px;padding:40px;width:100%;max-width:500px;animation:fade-in-up .8s ease-out .3s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#profile-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem;font-weight:600;color:#a5b4fce6;letter-spacing:1px}.form-group input{padding:15px 20px;background:#0f0f2380;border:1px solid rgba(100,100,255,.2);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#3498db80;box-shadow:0 0 20px #3498db33}.form-group input::placeholder{color:#ffffff4d}.form-hint{font-size:.8rem;color:#ffffff80;margin-top:5px}.form-actions{margin-top:20px}.save-btn{width:100%;padding:18px;background:linear-gradient(90deg,#3498db,#9b59b6);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #3498db66}.save-btn:disabled{opacity:.7;cursor:not-allowed}.profile-info{margin-top:30px;padding:20px;background:#0f0f234d;border-radius:10px;border:1px solid rgba(100,100,255,.1)}.profile-info p{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin-bottom:10px}.profile-loading{position:fixed;inset:0;background:#000010e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;z-index:1000}.profile-loading.active{display:flex}@media(max-width:768px){.profile-header h1{font-size:2.2rem;letter-spacing:4px}.profile-header p{font-size:1rem;letter-spacing:2px}.profile-card{padding:30px 20px;margin:0 20px}.form-group input{padding:12px 15px}.save-btn{padding:16px;font-size:1rem}}.game-page{position:fixed;inset:0;display:block;font-family:Montserrat,sans-serif;background:#020408;overflow:hidden;color:#fff}.game-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 10% 22%,rgba(255,255,255,.72) 1.5px,transparent 0),radial-gradient(1px 1px at 32% 64%,rgba(210,235,255,.55) 1px,transparent 0),radial-gradient(1.5px 1.5px at 52% 32%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(2px 2px at 88% 14%,rgba(255,255,255,.7) 2px,transparent 0),radial-gradient(1.5px 1.5px at 22% 86%,rgba(205,228,255,.55) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 64% 48%,rgba(255,255,255,.6) 1.5px,transparent 0),radial-gradient(1px 1px at 92% 60%,rgba(225,242,255,.52) 1px,transparent 0),radial-gradient(1.5px 1.5px at 5% 52%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 78% 84%,rgba(195,218,255,.5) 1.5px,transparent 0),radial-gradient(1px 1px at 28% 28%,rgba(138,192,255,.42) 1px,transparent 0),radial-gradient(1px 1px at 42% 68%,rgba(115,172,255,.32) 1px,transparent 0),radial-gradient(1px 1px at 68% 22%,rgba(148,202,255,.38) 1px,transparent 0),radial-gradient(1px 1px at 84% 58%,rgba(128,185,255,.3) 1px,transparent 0),radial-gradient(ellipse at 20% 78%,rgba(13,27,62,.42) 0%,transparent 50%),radial-gradient(ellipse at 80% 22%,rgba(0,25,70,.38) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(0,45,75,.2) 0%,transparent 60%);background-size:640px 640px,740px 740px,820px 820px,920px 920px,580px 580px,760px 760px,860px 860px,480px 480px,700px 700px,540px 540px,680px 680px,760px 760px,600px 600px,auto,auto,auto;animation:bg-drift 240s linear infinite}.game-particles{position:absolute;inset:0;z-index:1;pointer-events:none}.game-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(2,4,8,.75) 100%);z-index:2;pointer-events:none}.top-center-cluster{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.top-center-cluster>*{pointer-events:auto}.season-pill{display:flex;align-items:stretch;background:#080c18d6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,212,245,.22);border-radius:999px;box-shadow:0 4px 20px #00000073,0 0 32px #00d4f514;overflow:hidden;white-space:nowrap;animation:game-fade-down .6s ease .2s both}.pill-section{display:flex;align-items:center;gap:10px;padding:10px 20px}.pill-section+.pill-section{border-left:1px solid rgba(0,212,245,.12)}.pill-season{gap:14px}.season-pill-dot{width:7px;height:7px;flex-shrink:0;background:#00d4f5;border-radius:50%;box-shadow:0 0 8px #00d4f5e6,0 0 16px #00d4f566;animation:dot-pulse 2.4s ease-in-out infinite}.pill-season-info{display:flex;flex-direction:column;gap:1px}.season-pill-label{font-size:8px;font-weight:700;letter-spacing:.24em;color:#00d4f5a6;text-transform:uppercase}.season-pill-name{font-size:12px;font-weight:800;color:#fff;letter-spacing:.06em;text-transform:uppercase}.season-pill-timer{font-size:13px;font-weight:700;color:#00d4f5;font-variant-numeric:tabular-nums;letter-spacing:.04em}.pill-stat{flex-direction:column;gap:3px;align-items:center;min-width:90px}.pill-stat-label{font-size:8px;font-weight:700;letter-spacing:.2em;color:#c8e4ff66;text-transform:uppercase;display:flex;align-items:center;gap:5px}.pill-stat-value{font-size:15px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px;letter-spacing:.02em}.pill-stat-value.gold{color:#ffaa30;text-shadow:0 0 12px rgba(255,170,48,.4)}.pill-stat-value img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,212,245,.35))}.pill-stat-value img[src=""],.pill-stat-value img:not([src]){display:none}.bonus-info-wrap{position:relative;display:inline-flex}.bonus-info-mark{width:13px;height:13px;border-radius:50%;background:#00d4f51f;border:1px solid rgba(0,212,245,.3);color:#00d4f5;font-size:8px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:help;letter-spacing:0}.bonus-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:210px;padding:8px 12px;background:#020408f5;border:1px solid rgba(0,212,245,.3);border-radius:8px;font-size:10px;font-weight:500;letter-spacing:.04em;color:#c8e4ffbf;text-transform:none;line-height:1.55;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;z-index:200;text-align:center;white-space:normal}.bonus-info-wrap:hover .bonus-tooltip{opacity:1;visibility:visible}.resources-row{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#080c18bd;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,212,245,.16);border-radius:999px;box-shadow:0 4px 16px #0006;animation:game-fade-down .6s ease .35s both}.resource-chip{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:#00d4f50d;border:1px solid rgba(0,212,245,.1);border-radius:999px;transition:background .18s,border-color .18s,transform .18s;position:relative;cursor:default}.resource-chip:hover{background:#00d4f51f;border-color:#00d4f547;transform:translateY(-1px)}.resource-chip img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,212,245,.2))}.resource-chip span{font-size:11px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:18px;text-align:right}.resource-chip[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 10px;background:#020408f2;border:1px solid rgba(0,212,245,.28);border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#00d4f5;text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:100}.robot-companion{position:absolute;top:20px;left:24px;z-index:50;width:130px;height:130px;animation:robot-float 5s ease-in-out 1.5s infinite}.robot-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 16px rgba(0,212,245,.28))}.robot-bubble{position:absolute;top:50%;left:148px;transform:translateY(-50%);width:260px;padding:14px 16px 12px;background:#080c18eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,212,245,.28);border-radius:14px 14px 14px 4px;box-shadow:0 12px 40px #0000008c,0 0 32px #00d4f514;z-index:60;animation:game-bubble-pop .45s cubic-bezier(.16,1,.3,1) both}.robot-bubble:before{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:7px 7px 7px 0;border-color:transparent rgba(0,212,245,.28) transparent transparent}.robot-bubble:after{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent rgba(8,12,24,.92) transparent transparent}.robot-bubble h2,.robot-bubble h3{font-size:12px;font-weight:800;letter-spacing:.14em;color:#00d4f5;text-transform:uppercase;margin:0 0 6px}.robot-bubble p{font-size:11px;font-weight:500;letter-spacing:.02em;color:#c8e4ffb8;line-height:1.55;margin:0}.robot-bubble-timer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,212,245,.12);font-size:13px;font-weight:700;letter-spacing:.06em;color:#00d4f5;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(0,212,245,.28)}.robot-bubble.hidden{display:none}.center-stage{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.orbital-core{position:relative;width:300px;height:300px;pointer-events:auto;cursor:pointer;transition:transform .35s ease}.orbital-core:hover{transform:scale(1.02)}.orbital-svg{position:absolute;inset:0;width:100%;height:100%}.orbit-outer{transform-origin:150px 150px;animation:rotate-cw 60s linear infinite}.orbit-inner{transform-origin:150px 150px;animation:rotate-ccw 40s linear infinite}.core-sphere{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(0,212,245,.18) 0%,transparent 55%),radial-gradient(circle at 50% 50%,#080e1cf2,#020408);border:1px solid rgba(0,212,245,.25);box-shadow:inset 0 0 30px #00d4f514,0 0 40px #00d4f52e,0 0 80px #0064c81a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:box-shadow .32s ease}.core-sphere:hover{box-shadow:inset 0 0 35px #00d4f51f,0 0 55px #00d4f54d,0 0 110px #0064c829}.core-label,.core-sublabel{font-size:9px;font-weight:700;letter-spacing:.3em;color:#00d4f58c;text-transform:uppercase}.core-number{font-size:42px;font-weight:800;color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(0,212,245,.4);margin:2px 0;line-height:1}.core-hint{margin-top:6px;font-size:8px;font-weight:500;letter-spacing:.18em;color:#c8e4ff47;text-transform:uppercase}.extraction-controls{position:absolute;bottom:130px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:14px;width:calc(100% - 48px);max-width:480px;animation:game-fade-up .55s ease .4s both}.duration-pills{display:flex;gap:4px;padding:4px;background:#080c18c7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,212,245,.16);border-radius:999px}.duration-pill{padding:7px 18px;background:transparent;border:none;border-radius:999px;color:#c8e4ff80;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background .18s,color .18s}.duration-pill:hover:not(.active){color:#00d4f5cc;background:#00d4f50f}.duration-pill.active{background:#00d4f529;color:#00d4f5;box-shadow:0 0 16px #00d4f52e inset}.preview-rewards{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#080c18ad;border:1px solid rgba(0,212,245,.1);border-radius:12px}.preview-label{font-size:9px;font-weight:700;letter-spacing:.22em;color:#00d4f58c;text-transform:uppercase}.preview-items{display:flex;gap:10px}.preview-item{display:flex;align-items:center;gap:4px}.preview-item img{width:14px;height:14px;object-fit:contain;opacity:.85}.preview-item span{font-size:10px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.extract-btn{position:relative;padding:14px 44px;color:#fff;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;cursor:pointer;overflow:hidden;background:linear-gradient(#080c18eb,#080c18eb) padding-box,linear-gradient(135deg,#00d4f5,#07c) border-box;border:1.5px solid transparent;border-radius:10px;box-shadow:0 0 24px #00d4f529,0 0 48px #0064c814;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,letter-spacing .32s ease;animation:game-btn-pulse 4s ease-in-out 1s infinite}.extract-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4f51f,#0064c814);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:inherit}.extract-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);letter-spacing:.38em;box-shadow:0 10px 36px #00d4f547,0 0 68px #0078d22e}.extract-btn:hover:not(:disabled):before{transform:scaleX(1)}.extract-btn:active{transform:translateY(0) scale(.99)}.extract-btn:disabled{opacity:.42;cursor:not-allowed;animation:none}.extract-btn.click-effect{animation:game-btn-click .3s ease}.extraction-active{position:absolute;bottom:130px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 32px;background:#080c18d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,245,.22);border-radius:14px;box-shadow:0 8px 36px #00000080,0 0 28px #00d4f514;animation:game-fade-up .5s ease both}.extraction-active.hidden{display:none}.timer-label{font-size:9px;font-weight:700;letter-spacing:.3em;color:#00d4f5a6;text-transform:uppercase}.timer-value{font-size:32px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 18px rgba(0,212,245,.35)}.timer-sublabel{font-size:9px;font-weight:500;letter-spacing:.16em;color:#c8e4ff52;text-transform:uppercase}.universal-dock{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:80;display:flex;gap:2px;padding:6px;background:#080c18e6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,212,245,.18);border-radius:14px;box-shadow:0 12px 40px #0000008c,0 0 28px #00d4f50f;animation:game-fade-up .55s ease .3s both;max-width:calc(100vw - 24px)}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 12px;min-width:64px;border-radius:10px;color:#c8e4ff8c;text-decoration:none;transition:background .18s,color .18s,transform .18s;border:1px solid transparent}.dock-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.dock-icon svg{width:100%;height:100%}.dock-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.dock-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.dock-item:hover{color:#00d4f5f2;background:#00d4f50f}.dock-item.active{color:#00d4f5;background:#00d4f51a;border-color:#00d4f54d}.dock-item.active .dock-glow{background:radial-gradient(ellipse at center bottom,rgba(0,212,245,.2) 0%,transparent 70%)}.dock-item.active:after{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:24px;height:2px;background:#00d4f5;border-radius:2px;box-shadow:0 0 8px #00d4f5b3}@keyframes bg-drift{0%{transform:translateY(0) translate(0)}to{transform:translateY(-600px) translate(20px)}}@keyframes rotate-cw{to{transform:rotate(360deg)}}@keyframes rotate-ccw{to{transform:rotate(-360deg)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}@keyframes robot-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes game-bubble-pop{0%{opacity:0;transform:translateY(-50%) translate(-18px) scale(.92)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}@keyframes game-fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes game-fade-up{0%{opacity:0;transform:translateY(12px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes game-btn-pulse{0%,to{box-shadow:0 0 24px #00d4f529,0 0 48px #0064c814}50%{box-shadow:0 0 34px #00d4f542,0 0 64px #0078d224}}@keyframes game-btn-click{0%{transform:translateY(-2px) scale(1.02)}50%{transform:translateY(0) scale(.97)}to{transform:translateY(-2px) scale(1.02)}}.hidden{display:none!important}@media(max-width:900px){.top-center-cluster{top:18px}.robot-companion{width:110px;height:110px;top:18px;left:18px}.robot-bubble{left:126px;width:230px}.pill-section{padding:8px 14px}.pill-stat{min-width:76px}.pill-stat-value{font-size:13px}.orbital-core{width:260px;height:260px}.core-sphere{width:130px;height:130px}.core-number{font-size:36px}}@media(max-width:640px){.season-pill{border-radius:12px}.pill-stat{display:none}.pill-section{padding:8px 14px;gap:10px}.season-pill-name,.season-pill-timer{font-size:11px}.top-center-cluster{top:16px;gap:8px}.resources-row{padding:4px 6px;gap:4px}.resource-chip{padding:3px 8px 3px 3px;gap:4px}.resource-chip img{width:15px;height:15px}.resource-chip span{font-size:10px;min-width:14px}.robot-companion{position:fixed;top:auto;left:14px;bottom:88px;width:72px;height:72px;z-index:55}.robot-img{filter:drop-shadow(0 0 10px rgba(0,212,245,.32))}.robot-bubble{left:82px;top:auto;bottom:0;transform:none;width:calc(100vw - 102px);max-width:230px;padding:11px 13px 10px;border-radius:12px 12px 12px 4px;animation:game-bubble-pop-mobile .4s cubic-bezier(.16,1,.3,1) both}.robot-bubble:before{inset:auto auto 12px -7px;transform:none;border-width:6px 6px 6px 0;border-color:transparent rgba(0,212,245,.28) transparent transparent}.robot-bubble:after{left:-5px;top:auto;bottom:13px;transform:none;border-width:5px 5px 5px 0;border-color:transparent rgba(8,12,24,.92) transparent transparent}.robot-bubble h2,.robot-bubble h3{font-size:11px}.robot-bubble p{font-size:10px}.robot-bubble-timer{font-size:12px}.orbital-core{width:220px;height:220px}.core-sphere{width:110px;height:110px}.core-number{font-size:30px}.core-label,.core-sublabel{font-size:8px;letter-spacing:.22em}.core-hint{font-size:7px}.extraction-controls,.extraction-active{bottom:100px;width:calc(100% - 24px)}.duration-pill{padding:6px 14px;font-size:10px}.preview-rewards{padding:6px 12px;gap:8px}.preview-items{gap:6px}.extract-btn{padding:12px 32px;font-size:10px;letter-spacing:.26em}.universal-dock{bottom:12px;padding:5px;gap:0;border-radius:12px;width:calc(100vw - 16px);justify-content:space-between}.dock-item{min-width:0;flex:1 1 0;padding:6px 2px;gap:2px;border-radius:8px}.dock-icon,.dock-icon svg{width:17px;height:17px}.dock-label{font-size:8px;letter-spacing:.05em}.dock-item.active:after{top:-5px;width:18px;height:2px}}@media(max-width:380px){.robot-companion{width:58px;height:58px;left:10px;bottom:84px}.robot-bubble{left:66px;max-width:calc(100vw - 82px);padding:9px 11px 8px}.universal-dock{padding:4px;width:calc(100vw - 10px);border-radius:10px}.dock-item{padding:5px 1px}.dock-icon,.dock-icon svg{width:15px;height:15px}.dock-label{font-size:7.5px;letter-spacing:.02em}}@media(max-height:500px)and (orientation:landscape){.top-center-cluster{top:10px}.orbital-core{width:180px;height:180px}.core-sphere{width:90px;height:90px}.core-number{font-size:24px}.extraction-controls,.extraction-active{bottom:80px}.universal-dock{bottom:8px}.robot-companion{bottom:78px;width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.game-bg,.orbit-outer,.orbit-inner,.robot-companion,.extract-btn,.season-pill-dot,.top-center-cluster>*,.extraction-controls,.extraction-active,.universal-dock{animation:none!important}}.drop-details{margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#00d4f5bf;line-height:1.5;word-break:break-word}.drop-claim-btn{display:block;width:100%;margin-top:10px;padding:7px 0;background:#00d4f51f;border:1px solid rgba(0,212,245,.45);border-radius:6px;color:#00d4f5;font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .18s,border-color .18s,transform .12s}.drop-claim-btn:hover:not(:disabled){background:#00d4f538;border-color:#00d4f5bf}.drop-claim-btn:active:not(:disabled){transform:scale(.97)}.drop-claim-btn:disabled{opacity:.5;cursor:default}@media(max-width:900px){.drop-claim-btn{font-size:9px;padding:6px 0}.drop-details{font-size:9px}}@media(max-width:640px){.drop-claim-btn{font-size:9px;padding:6px 0;margin-top:8px}.drop-details{font-size:9px}}@media(max-width:380px){.drop-claim-btn{font-size:8px;padding:5px 0;margin-top:6px}.drop-details{font-size:8px;letter-spacing:.05em}}.craft-page{position:relative;min-height:100vh;font-family:Montserrat,sans-serif;background:var(--void, #020408);color:var(--text-0, #e8f4ff);overflow-x:hidden}.craft-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 10% 22%,rgba(255,255,255,.72) 1.5px,transparent 0),radial-gradient(1px 1px at 32% 64%,rgba(210,235,255,.55) 1px,transparent 0),radial-gradient(1.5px 1.5px at 52% 32%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(2px 2px at 88% 14%,rgba(255,255,255,.7) 2px,transparent 0),radial-gradient(1.5px 1.5px at 22% 86%,rgba(205,228,255,.55) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 64% 48%,rgba(255,255,255,.6) 1.5px,transparent 0),radial-gradient(1px 1px at 5% 52%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 78% 84%,rgba(195,218,255,.5) 1.5px,transparent 0),radial-gradient(1px 1px at 28% 28%,rgba(138,192,255,.42) 1px,transparent 0),radial-gradient(1px 1px at 42% 68%,rgba(115,172,255,.32) 1px,transparent 0),radial-gradient(1px 1px at 68% 22%,rgba(148,202,255,.38) 1px,transparent 0),radial-gradient(1px 1px at 84% 58%,rgba(128,185,255,.3) 1px,transparent 0),radial-gradient(ellipse at 20% 78%,rgba(13,27,62,.42) 0%,transparent 50%),radial-gradient(ellipse at 80% 22%,rgba(0,25,70,.38) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(0,45,75,.2) 0%,transparent 60%);background-size:640px 640px,740px 740px,820px 820px,920px 920px,580px 580px,760px 760px,480px 480px,700px 700px,540px 540px,680px 680px,760px 760px,600px 600px,auto,auto,auto;background-color:var(--void, #020408)}.craft-view{position:relative;z-index:10;min-height:100vh}.craft-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 2rem 7rem;gap:3.5rem;animation:craft-fade-in .6s ease both}.craft-landing-hero{position:relative;z-index:1;text-align:center;animation:craft-scale-in .7s ease both}.craft-landing-title{font-size:clamp(3rem,9vw,6.5rem);font-weight:800;letter-spacing:.12em;line-height:.92;margin:0;background:linear-gradient(160deg,#fff,#9ef8ff 45%,#00d4f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(0,212,245,.22))}.craft-landing-title span{font-size:.55em;letter-spacing:.35em;display:block;margin-top:.1em}.craft-landing-sub{margin-top:1.2rem;font-size:12px;font-weight:500;color:#c8e4ff6b;letter-spacing:.08em}.craft-landing-cards{position:relative;z-index:1;display:flex;gap:2rem;align-items:stretch;animation:craft-scale-in .8s ease .1s both}.craft-landing-card{position:relative;width:clamp(240px,26vw,360px);min-height:320px;border-radius:16px;overflow:hidden;cursor:pointer;border:1px solid rgba(0,212,245,.16);transition:transform .28s ease,border-color .28s ease;display:flex;align-items:stretch}.craft-landing-card:hover{transform:translateY(-6px) scale(1.02);border-color:#00d4f573}.craft-landing-card:nth-child(2){animation-delay:.1s}.clc-bg{position:absolute;inset:0;transition:opacity .28s ease}.clc-bg--planets{background:linear-gradient(155deg,#0082c84d,#040812e6)}.clc-bg--items{background:linear-gradient(155deg,#005aa047,#040812e6)}.clc-glow{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .28s ease}.clc-glow--planets{background:radial-gradient(ellipse at top,rgba(0,212,245,.18),transparent 70%)}.clc-glow--items{background:radial-gradient(ellipse at top,rgba(0,190,220,.16),transparent 70%)}.craft-landing-card:hover .clc-glow{opacity:1}.clc-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2.5rem 2rem;text-align:center;width:100%}.clc-icon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,212,245,.3));transition:transform .28s ease,filter .28s ease}.craft-landing-card:hover .clc-icon{transform:scale(1.12) translateY(-4px);filter:drop-shadow(0 0 30px rgba(0,212,245,.5))}.clc-title{font-size:clamp(1.1rem,2.5vw,1.45rem);font-weight:800;letter-spacing:.1em;color:#fff;line-height:1.2;margin:0}.clc-desc{font-size:12px;font-weight:400;color:#c8e4ff8c;line-height:1.6;max-width:26ch}.clc-cta{font-size:10px;font-weight:700;letter-spacing:.2em;color:#00d4f5;text-transform:uppercase;transition:letter-spacing .28s ease}.craft-landing-card:hover .clc-cta{letter-spacing:.28em}.craft-grid-wrap{display:flex;flex-direction:column;min-height:100vh;padding-bottom:110px;animation:craft-fade-in .45s ease both}.craft-grid-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:13px 24px;background:#080c18eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,245,.14)}.craft-back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#00d4f50f;border:1px solid rgba(0,212,245,.18);border-radius:6px;color:#00d4f5b3;font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;cursor:pointer;transition:all .18s;white-space:nowrap}.craft-back-btn:hover{background:#00d4f51f;color:#00d4f5;border-color:#00d4f559}.craft-grid-title{font-size:12px;font-weight:800;letter-spacing:.22em;color:#fff;text-transform:uppercase;flex:1;margin:0}.craft-grid-meta{display:flex;align-items:center;gap:10px}.craft-grid-count{font-size:10px;color:#a0c8f059;letter-spacing:.04em}.craft-refresh-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#00d4f50d;border:1px solid rgba(0,212,245,.16);border-radius:6px;color:#00d4f58c;cursor:pointer;transition:all .18s}.craft-refresh-btn:hover{background:#00d4f51f;border-color:#00d4f55c;color:#00d4f5}.craft-filter-bar{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#060a1499;border-bottom:1px solid rgba(0,212,245,.08)}.craft-search-wrap{position:relative;flex:1;max-width:360px;display:flex;align-items:center}.craft-search-icon{position:absolute;left:10px;color:#00d4f573;pointer-events:none;flex-shrink:0}.craft-search{width:100%;padding:8px 32px 8px 30px;background:#080c18cc;border:1px solid rgba(0,212,245,.16);border-radius:6px;color:var(--text-0, #e8f4ff);font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;outline:none;transition:border-color .18s}.craft-search::placeholder{color:#a0c8f059}.craft-search:focus{border-color:#00d4f55c}.craft-search-clear{position:absolute;right:8px;background:none;border:none;color:#a0c8f073;font-size:11px;cursor:pointer;padding:2px 4px;transition:color .18s}.craft-search-clear:hover{color:#fff}.craft-ready-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#080c18bf;border:1px solid rgba(0,212,245,.16);border-radius:6px;color:#c8e4ff80;font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.14em;cursor:pointer;white-space:nowrap;transition:all .18s}.craft-ready-btn:hover{background:#00d4f514;border-color:#00d4f547;color:#c8e4ffcc}.craft-ready-btn.active{background:#00f5a01a;border-color:#00f5a059;color:var(--emerald, #00f5a0)}.craft-sections{padding:0 24px 24px}.craft-sub-section{margin-top:28px}.craft-sub-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.craft-sub-name{font-size:10px;font-weight:800;letter-spacing:.28em;color:#00d4f5b3;text-transform:uppercase}.craft-sub-count{font-size:9px;font-weight:600;padding:1px 7px;background:#00d4f51a;border-radius:999px;color:#00d4f599}.craft-sub-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(0,212,245,.2) transparent}.craft-sub-row::-webkit-scrollbar{height:4px}.craft-sub-row::-webkit-scrollbar-track{background:transparent}.craft-sub-row::-webkit-scrollbar-thumb{background:#00d4f538;border-radius:2px}.craft-card{flex-shrink:0;width:152px;display:flex;flex-direction:column;background:#080c18d6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,212,245,.14);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.craft-card:hover{transform:translateY(-3px);border-color:#00d4f557;box-shadow:0 8px 24px #00000073,0 0 18px #00d4f514}.craft-card-img-wrap{width:100%;aspect-ratio:1;background:#040812cc;position:relative;overflow:hidden}.craft-card-img{width:100%;height:100%;object-fit:scale-down;opacity:0;transition:opacity .35s ease}.craft-card-img.loaded{opacity:1}.craft-card-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#00d4f514}.craft-card-rarity-bar{position:absolute;bottom:0;left:0;right:0;height:2px;opacity:.7}.craft-card-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.craft-card-name-row{display:flex;align-items:center;gap:5px}.craft-card-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;transition:background .25s}.craft-card-dot.checking{background:#a0c8f040;animation:dot-blink 1.2s ease-in-out infinite}.craft-card-name{font-size:10px;font-weight:700;color:var(--text-0, #e8f4ff);letter-spacing:.03em;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.craft-card-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.craft-card-rarity{font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.craft-card-lvl{font-size:8px;font-weight:700;letter-spacing:.08em;color:#a0c8f08c;background:#ffffff0d;padding:1px 5px;border-radius:3px}.craft-card-uses{font-size:9px;color:#a0c8f059;letter-spacing:.04em}.craft-card-skel{aspect-ratio:3 / 4;background:#080c1899;border-color:#ffffff0a;pointer-events:none;animation:craft-shimmer 1.6s ease-in-out infinite}.craft-state-msg{grid-column:1 / -1;padding:56px 24px;text-align:center;color:#a0c8f06b;font-size:12px;font-weight:600;letter-spacing:.06em}.craft-state-btn{display:inline-block;margin-top:14px;padding:8px 24px;background:#00d4f514;border:1px solid rgba(0,212,245,.28);border-radius:6px;color:#00d4f5;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .18s}.craft-state-btn:hover{background:#00d4f529}.craft-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px 20px 110px}.craft-overlay.hidden{display:none}.craft-modal-scrim{position:absolute;inset:0;background:#020408d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.craft-modal{position:relative;z-index:1;width:100%;max-width:520px;max-height:calc(100vh - 150px);overflow-y:auto;background:#080c18f7;border:1px solid rgba(0,212,245,.26);border-radius:16px;box-shadow:0 0 0 1px #00d4f514 inset,0 28px 80px #000c,0 0 60px #00d4f50f;transform:scale(.93) translateY(22px);opacity:0;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .28s ease;scrollbar-width:thin;scrollbar-color:rgba(0,212,245,.18) transparent}.craft-modal::-webkit-scrollbar{width:4px}.craft-modal::-webkit-scrollbar-track{background:transparent}.craft-modal::-webkit-scrollbar-thumb{background:#00d4f52e;border-radius:2px}.craft-modal.open{transform:scale(1) translateY(0);opacity:1}.craft-modal-body{padding:28px 24px 26px}.modal-close-btn{position:absolute;top:14px;right:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#00d4f512;border:1px solid rgba(0,212,245,.2);border-radius:50%;color:#c8e4ff8c;font-size:12px;cursor:pointer;transition:all .18s;flex-shrink:0}.modal-close-btn:hover{background:#00d4f529;border-color:#00d4f566;color:#fff}.modal-output{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(0,212,245,.1)}.modal-out-img-wrap{width:88px;height:88px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#040812cc;border:1px solid rgba(0,212,245,.14);position:relative}.modal-out-img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.modal-out-img.loaded{opacity:1}.modal-out-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#00d4f51a}.modal-out-rarity-bar{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:.8}.modal-out-info{flex:1;min-width:0;padding-right:36px}.modal-out-schema{display:block;font-size:8px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;margin-bottom:5px}.modal-out-name{font-size:18px;font-weight:800;color:#e8f4ff;letter-spacing:.03em;line-height:1.15;margin:0 0 6px}.modal-out-stats{font-size:10px;font-weight:500;color:#a0c8f066;letter-spacing:.04em;margin:0}.modal-recipe-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.modal-recipe-tab{padding:5px 14px;background:#080c18bf;border:1px solid rgba(0,212,245,.14);border-radius:999px;color:#c8e4ff7a;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .18s}.modal-recipe-tab.active{background:#00d4f51f;border-color:#00d4f55c;color:#00d4f5}.modal-recipe-tab:hover:not(.active){color:#c8e4ffbf;border-color:#00d4f53d}.modal-section{margin-bottom:16px}.modal-section-label{font-size:9px;font-weight:700;letter-spacing:.26em;color:#00d4f585;text-transform:uppercase;margin-bottom:10px;display:block}.craft-ingredient{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#04081299;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:6px;transition:border-color .18s}.craft-ingredient.ok{border-color:#00f5a033}.craft-ingredient.missing{border-color:#ff386033}.ing-img-wrap{width:44px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#040812cc}.ing-img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.ing-img.loaded{opacity:1}.ing-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#00d4f51a}.ing-info{flex:1;min-width:0}.ing-name{display:block;font-size:11px;font-weight:700;color:var(--text-0, #e8f4ff);margin-bottom:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ing-count{font-size:10px;font-weight:500;color:#a0c8f06b}.ing-status{font-size:10px;font-weight:700;white-space:nowrap;letter-spacing:.04em;flex-shrink:0}.ing-status.ok{color:var(--emerald, #00f5a0)}.ing-status.missing{color:var(--crimson, #ff3860)}.ing-status.loading{color:#a0c8f061;font-style:italic}.modal-token-section{background:#ffaa300f;border:1px solid rgba(255,170,48,.22);border-radius:10px;padding:14px 16px;margin-bottom:16px}.modal-token-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-token-row:last-child{margin-bottom:0}.modal-token-label{font-size:9px;font-weight:700;letter-spacing:.18em;color:#ffaa30a6;text-transform:uppercase}.modal-token-fee{font-size:12px;font-weight:700;color:var(--gold, #ffaa30);font-variant-numeric:tabular-nums;letter-spacing:.03em}.modal-token-balance{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.03em}.modal-balance-loading{color:#a0c8f066;font-style:italic;font-size:11px}.bal-ok{color:var(--emerald, #00f5a0)}.bal-warn{color:var(--crimson, #ff3860)}.modal-token-divider{height:1px;background:#ffaa3024;margin:10px 0}.modal-token-total-row .modal-token-label{color:#ffaa30cc;letter-spacing:.2em}.modal-token-total{font-size:15px;font-weight:800;color:var(--gold, #ffaa30);font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,170,48,.3);letter-spacing:.03em;transition:color .2s ease}.modal-token-warning{margin-top:10px;padding:8px 12px;background:#ff38601a;border:1px solid rgba(255,56,96,.28);border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--crimson, #ff3860);text-align:center}.modal-counter-section{background:#00d4f50a;border:1px solid rgba(0,212,245,.14);border-radius:10px;padding:14px 16px;margin-bottom:18px}.modal-counter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-counter-header .modal-section-label{margin-bottom:0}.modal-max-label{font-size:10px;font-weight:600;color:#00d4f580;letter-spacing:.06em}.modal-counter{display:flex;align-items:center;gap:10px;justify-content:center}.modal-count-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00d4f514;border:1px solid rgba(0,212,245,.22);border-radius:8px;color:#00d4f5;font-size:22px;font-weight:700;line-height:1;cursor:pointer;transition:all .16s ease;font-family:Montserrat,sans-serif;flex-shrink:0}.modal-count-btn:hover:not(:disabled){background:#00d4f52e;border-color:#00d4f56b;box-shadow:0 0 10px #00d4f526}.modal-count-btn:active:not(:disabled){transform:scale(.95)}.modal-count-btn:disabled{opacity:.28;cursor:not-allowed}.modal-count-input{flex:1;max-width:130px;height:44px;background:#040812b3;border:1px solid rgba(0,212,245,.18);border-radius:8px;color:#e8f4ff;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;outline:none;transition:border-color .16s ease;-moz-appearance:textfield;appearance:textfield}.modal-count-input:focus{border-color:#00d4f56b;box-shadow:0 0 0 2px #00d4f514}.modal-count-input::-webkit-inner-spin-button,.modal-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-action{margin-top:4px}.modal-craft-btn{position:relative;width:100%;padding:16px;color:#c8e4ff8c;font-family:Montserrat,sans-serif;font-size:12px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;cursor:not-allowed;background:#080c18eb;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;transition:letter-spacing .28s ease,box-shadow .28s ease,border-color .2s ease,color .2s ease;overflow:hidden}.modal-craft-btn.ready{color:#fff;cursor:pointer;background:linear-gradient(#080c18eb,#080c18eb) padding-box,linear-gradient(135deg,#00d4f5,#07c) border-box;border-color:transparent;box-shadow:0 0 24px #00d4f529,0 0 48px #0064c814}.modal-craft-btn.ready:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4f51f,#0064c814);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;border-radius:inherit}.modal-craft-btn.ready:hover{letter-spacing:.32em;box-shadow:0 8px 32px #00d4f54d,0 0 60px #0078d22e}.modal-craft-btn.ready:hover:before{transform:scaleX(1)}.modal-craft-btn.ready:active{transform:scale(.99)}.modal-craft-btn:disabled{opacity:.42;cursor:not-allowed}@keyframes craft-fade-in{0%{opacity:0}to{opacity:1}}@keyframes craft-scale-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes craft-shimmer{0%,to{opacity:.45}50%{opacity:.75}}@keyframes dot-blink{0%,to{opacity:.3}50%{opacity:.8}}@media(max-width:900px){.craft-modal-body{padding:24px 20px 22px}}@media(max-width:640px){.craft-landing{padding:2rem 1.2rem 7rem;gap:2.5rem}.craft-landing-cards{flex-direction:column;align-items:center}.craft-landing-card{width:min(90vw,320px);min-height:260px}.clc-icon{width:64px;height:64px}.craft-grid-header{padding:10px 16px}.craft-filter-bar{padding:10px 16px;flex-wrap:wrap;gap:8px}.craft-search-wrap{max-width:100%;width:100%}.craft-sections{padding:0 16px 24px}.craft-card{width:140px}.craft-overlay{padding:0 0 80px;align-items:flex-end}.craft-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:88vh;transform:translateY(100%);opacity:1}.craft-modal.open{transform:translateY(0)}.craft-modal-body{padding:22px 18px 20px}.modal-out-img-wrap{width:76px;height:76px}.modal-out-name{font-size:15px}.modal-count-btn{width:40px;height:40px;font-size:20px}.modal-count-input{height:40px;font-size:18px}}@media(max-width:380px){.craft-card{width:130px}.modal-count-btn{width:36px;height:36px;font-size:18px}.modal-count-input{height:36px;font-size:16px;max-width:100px}.modal-craft-btn{font-size:11px;letter-spacing:.2em;padding:14px}}@media(max-height:500px)and (orientation:landscape){.craft-overlay{padding-bottom:70px}.craft-modal{max-height:80vh}.modal-craft-btn{padding:12px}}@media(prefers-reduced-motion:reduce){.craft-landing,.craft-landing-hero,.craft-landing-cards,.craft-landing-card,.craft-modal,.craft-card-skel{animation:none!important;transition:none!important}}.shop-page{position:relative;min-height:100vh;font-family:Montserrat,sans-serif;background:var(--void, #020408);color:var(--text-0, #e8f4ff);overflow-x:hidden}.shop-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 10% 22%,rgba(255,255,255,.72) 1.5px,transparent 0),radial-gradient(1px 1px at 32% 64%,rgba(210,235,255,.55) 1px,transparent 0),radial-gradient(1.5px 1.5px at 52% 32%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(2px 2px at 88% 14%,rgba(255,255,255,.7) 2px,transparent 0),radial-gradient(1.5px 1.5px at 22% 86%,rgba(205,228,255,.55) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 64% 48%,rgba(255,255,255,.6) 1.5px,transparent 0),radial-gradient(1px 1px at 5% 52%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 78% 84%,rgba(195,218,255,.5) 1.5px,transparent 0),radial-gradient(1px 1px at 28% 28%,rgba(138,192,255,.42) 1px,transparent 0),radial-gradient(1px 1px at 42% 68%,rgba(115,172,255,.32) 1px,transparent 0),radial-gradient(1px 1px at 68% 22%,rgba(148,202,255,.38) 1px,transparent 0),radial-gradient(1px 1px at 84% 58%,rgba(128,185,255,.3) 1px,transparent 0),radial-gradient(ellipse at 20% 78%,rgba(13,27,62,.42) 0%,transparent 50%),radial-gradient(ellipse at 80% 22%,rgba(0,25,70,.38) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(0,45,75,.2) 0%,transparent 60%);background-size:640px 640px,740px 740px,820px 820px,920px 920px,580px 580px,760px 760px,480px 480px,700px 700px,540px 540px,680px 680px,760px 760px,600px 600px,auto,auto,auto;background-color:var(--void, #020408)}.shop-wrapper{position:relative;z-index:10;min-height:100vh;padding-bottom:110px;animation:shop-fade-in .4s ease both}.shop-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:12px 24px;background:#040810e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--cyan-border, rgba(0, 212, 245, .14))}.resources-bar{flex:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.resource-item{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#080c18b3;border:1px solid var(--cyan-border, rgba(0, 212, 245, .14));border-radius:var(--r-full, 9999px);transition:border-color var(--ease-fast, .14s ease),background var(--ease-fast, .14s ease);cursor:default}.resource-item:hover{background:var(--cyan-surface, rgba(0, 212, 245, .07));border-color:var(--cyan-border-md, rgba(0, 212, 245, .28))}.resource-item span{font-size:10px;font-weight:700;color:var(--text-0, #e8f4ff);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.04em}.resource-logo{width:16px;height:16px;object-fit:contain;flex-shrink:0}.resources-bar .shop-loading{padding:0;flex-direction:row;gap:8px;color:var(--text-2, rgba(160, 200, 240, .45));font-size:10px;font-weight:600;letter-spacing:.12em}.resources-bar .shop-loading .loading-spinner{width:14px;height:14px;border-width:1.5px;margin:0}.refresh-btn{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--cyan-surface, rgba(0, 212, 245, .07));border:1px solid var(--cyan-border, rgba(0, 212, 245, .16));border-radius:var(--r-md, 8px);color:#00d4f58c;cursor:pointer;transition:background var(--ease-fast, .14s ease),border-color var(--ease-fast, .14s ease),color var(--ease-fast, .14s ease),transform var(--ease-base, .2s ease);padding:0}.refresh-btn:hover:not(:disabled){background:var(--cyan-dim, rgba(0, 212, 245, .12));border-color:var(--cyan-border-md, rgba(0, 212, 245, .36));color:var(--cyan, #00d4f5);transform:rotate(90deg)}.shop-content{padding:24px}.shop-section-title{font-size:9px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#00d4f580;margin-bottom:16px}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.shop-item{display:flex;flex-direction:column;background:#080c18d6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--cyan-border, rgba(0, 212, 245, .14));border-radius:12px;overflow:hidden;position:relative;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.shop-item:hover{transform:translateY(-4px);border-color:var(--cyan-border-md, rgba(0, 212, 245, .32));box-shadow:0 12px 40px #0000008c,0 0 24px #00d4f512}.shop-item-image{position:relative;width:100%;aspect-ratio:4 / 3;background:#040812cc;overflow:hidden;display:flex;align-items:center;justify-content:center}.shop-item-image img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s ease,transform .28s ease}.shop-item-image img.loaded{opacity:1}.shop-item:hover .shop-item-image img.loaded{transform:scale(1.04)}.shop-item-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--cyan-border, rgba(0, 212, 245, .12))}.mint-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#000000b8;color:var(--text-1, rgba(200, 228, 255, .75));padding:3px 10px;border-radius:var(--r-full, 9999px);font-size:9px;font-weight:700;border:1px solid var(--cyan-border-md, rgba(0, 212, 245, .28));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;white-space:nowrap;letter-spacing:.06em}.item-unavailable{position:absolute;inset:0;background:#020408b8;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--crimson, #ff3860);z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shop-item-info{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.item-name{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--text-0, #e8f4ff);margin:0;text-transform:uppercase;line-height:1.2}.item-description{font-size:11px;font-weight:400;color:var(--text-2, rgba(160, 200, 240, .45));line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-costs-fixed{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px;background:#ffffff05;border:1px solid var(--border-subtle, rgba(255,255,255,.07));border-radius:var(--r-md, 8px)}.cost-item{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#080c18b3;border:1px solid var(--border-subtle, rgba(255,255,255,.07));border-radius:var(--r-full, 9999px);transition:border-color var(--ease-fast, .14s ease)}.cost-item.insufficient{border-color:var(--crimson-border, rgba(255, 56, 96, .28));background:var(--crimson-dim, rgba(255, 56, 96, .06))}.cost-value{font-size:10px;font-weight:700;color:var(--text-0, #e8f4ff);font-variant-numeric:tabular-nums}.cost-item.insufficient .cost-value{color:var(--crimson, #ff3860)}.cost-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.purchase-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stock-indicator{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;background:var(--cyan-surface, rgba(0, 212, 245, .07));border:1px solid var(--cyan-border, rgba(0, 212, 245, .18));border-radius:var(--r-full, 9999px);color:#00d4f5a6;white-space:nowrap}.stock-indicator.out-of-stock{background:var(--crimson-dim, rgba(255, 56, 96, .08));border-color:var(--crimson-border, rgba(255, 56, 96, .28));color:var(--crimson, #ff3860)}.item-purchase-controls{display:flex;align-items:center;gap:6px}.quantity-selector{display:flex;align-items:center;gap:2px;background:#04081299;border:1px solid var(--border-neutral, rgba(255,255,255,.11));border-radius:var(--r-sm, 5px);padding:2px;overflow:hidden}.qty-btn{width:28px;height:28px;background:transparent;color:var(--cyan, #00d4f5);border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ease-fast, .14s ease);line-height:1}.qty-btn:hover:not(:disabled){background:var(--cyan-dim, rgba(0, 212, 245, .12))}.qty-btn:disabled{opacity:.25;cursor:not-allowed}.quantity-display{font-size:12px;font-weight:700;color:var(--text-0, #e8f4ff);min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.max-label{font-size:8px;font-weight:600;letter-spacing:.06em;color:var(--text-3, rgba(120, 170, 215, .25));white-space:nowrap}.buy-btn{width:100%;padding:11px;background:linear-gradient(135deg,#00d4f52e,#008cc824);border:1px solid var(--cyan-border-md, rgba(0, 212, 245, .32));border-radius:var(--r-md, 8px);color:var(--cyan, #00d4f5);font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base, .2s ease),box-shadow var(--ease-base, .2s ease),letter-spacing var(--ease-base, .2s ease),border-color var(--ease-base, .2s ease);position:relative;overflow:hidden}.buy-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4f51f,#0064c814);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.buy-btn:hover:not(:disabled){border-color:var(--cyan-border-hi, rgba(0, 212, 245, .55));letter-spacing:.34em;box-shadow:0 6px 24px #00d4f533,0 0 40px #0078d21f}.buy-btn:hover:not(:disabled):before{transform:scaleX(1)}.buy-btn:active:not(:disabled){transform:scale(.99)}.buy-btn:disabled{background:#ffffff08;border-color:var(--border-faint, rgba(255,255,255,.04));color:var(--text-3, rgba(120, 170, 215, .25));cursor:not-allowed;letter-spacing:.28em}.buy-btn.insufficient:not(:disabled){background:var(--crimson-dim, rgba(255, 56, 96, .08));border-color:var(--crimson-border, rgba(255, 56, 96, .28));color:var(--crimson, #ff3860)}.shop-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:14px;color:var(--text-2, rgba(160, 200, 240, .45))}.shop-loading p{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0}.loading-spinner{width:32px;height:32px;border:2px solid var(--cyan-dim, rgba(0, 212, 245, .1));border-top-color:var(--cyan, #00d4f5);border-radius:50%;animation:shop-spin .9s linear infinite}.shop-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:12px;text-align:center}.shop-error p{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--crimson, #ff3860);margin:0;max-width:32ch;line-height:1.6}.retry-btn{padding:8px 20px;background:var(--crimson-dim, rgba(255, 56, 96, .1));border:1px solid var(--crimson-border, rgba(255, 56, 96, .28));border-radius:var(--r-sm, 5px);color:var(--crimson, #ff3860);font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base, .2s ease)}.retry-btn:hover{background:#ff38602e}.shop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:10px;text-align:center}.shop-empty p{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2, rgba(160, 200, 240, .45));margin:0}@keyframes shop-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.shop-items-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:640px){.shop-header{padding:10px 14px;gap:8px}.shop-content{padding:14px}.resources-bar{gap:4px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.resources-bar::-webkit-scrollbar{display:none}.resource-item{padding:3px 7px;flex-shrink:0}.resource-item span{font-size:9px}.resource-logo{width:13px;height:13px}.shop-items-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shop-item-info{padding:11px;gap:8px}.item-name{font-size:10px;letter-spacing:.06em}.item-description{font-size:10px;-webkit-line-clamp:2}.item-costs-fixed{padding:7px 9px;gap:4px}.cost-item{padding:2px 6px}.cost-value{font-size:9px}.cost-icon{width:11px;height:11px}.mint-badge{font-size:8px;padding:2px 7px}.qty-btn{width:24px;height:24px;font-size:12px}.quantity-display{font-size:11px;min-width:20px}.max-label{font-size:7px}.buy-btn{font-size:9px;padding:9px;letter-spacing:.2em}.buy-btn:hover:not(:disabled){letter-spacing:.26em}.stock-indicator{font-size:8px}}@media(max-width:420px){.shop-items-grid{grid-template-columns:1fr}}@media(max-height:500px)and (orientation:landscape){.shop-items-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(prefers-reduced-motion:reduce){.shop-wrapper,.shop-item,.shop-item-image img,.buy-btn{animation:none!important;transition:none!important}}.inventory-page{position:relative;min-height:100vh;font-family:Montserrat,sans-serif;background:var(--void, #020408);color:var(--text-0, #e8f4ff);overflow-x:hidden}.inventory-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 10% 22%,rgba(255,255,255,.72) 1.5px,transparent 0),radial-gradient(1px 1px at 32% 64%,rgba(210,235,255,.55) 1px,transparent 0),radial-gradient(1.5px 1.5px at 52% 32%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(2px 2px at 88% 14%,rgba(255,255,255,.7) 2px,transparent 0),radial-gradient(1.5px 1.5px at 22% 86%,rgba(205,228,255,.55) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 64% 48%,rgba(255,255,255,.6) 1.5px,transparent 0),radial-gradient(1px 1px at 5% 52%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 78% 84%,rgba(195,218,255,.5) 1.5px,transparent 0),radial-gradient(1px 1px at 28% 28%,rgba(138,192,255,.42) 1px,transparent 0),radial-gradient(1px 1px at 42% 68%,rgba(115,172,255,.32) 1px,transparent 0),radial-gradient(1px 1px at 68% 22%,rgba(148,202,255,.38) 1px,transparent 0),radial-gradient(1px 1px at 84% 58%,rgba(128,185,255,.3) 1px,transparent 0),radial-gradient(ellipse at 20% 78%,rgba(13,27,62,.42) 0%,transparent 50%),radial-gradient(ellipse at 80% 22%,rgba(0,25,70,.38) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(0,45,75,.2) 0%,transparent 60%);background-size:640px 640px,740px 740px,820px 820px,920px 920px,580px 580px,760px 760px,480px 480px,700px 700px,540px 540px,680px 680px,760px 760px,600px 600px,auto,auto,auto;background-color:var(--void, #020408)}.inventory-wrapper{position:relative;z-index:10;min-height:100vh;padding:20px 24px 110px;animation:inv-fade-in .4s ease both}.inventory-controls{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;background:#040810e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--cyan-border, rgba(0, 212, 245, .14));margin:0 -24px;padding:12px 24px 10px}.inventory-tabs{flex:1;display:flex;gap:6px;background:#080c18b3;border:1px solid var(--cyan-border, rgba(0, 212, 245, .14));border-radius:var(--r-md, 8px);padding:4px}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-2, rgba(160, 200, 240, .45));font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base, .2s ease),color var(--ease-base, .2s ease);white-space:nowrap}.tab-button:hover{background:var(--cyan-surface, rgba(0, 212, 245, .07));color:var(--text-1, rgba(200, 228, 255, .75))}.tab-button.active{background:var(--cyan-dim, rgba(0, 212, 245, .1));color:var(--cyan, #00d4f5)}.tab-count{padding:1px 6px;background:#080c18a6;border:1px solid var(--cyan-border, rgba(0, 212, 245, .14));border-radius:var(--r-full, 9999px);font-size:8px;font-weight:700;color:inherit;font-variant-numeric:tabular-nums}.tab-button.active .tab-count{background:var(--cyan-dim, rgba(0, 212, 245, .1));border-color:var(--cyan-border-md, rgba(0, 212, 245, .3))}.tab-button.at-cap{border:1px solid var(--amber-border, rgba(240, 200, 50, .28))}.tab-button.at-cap.active{background:var(--amber-dim, rgba(240, 200, 50, .1));color:var(--amber, #f0c832)}.tab-button.at-cap .tab-count{border-color:var(--amber-border, rgba(240, 200, 50, .28));color:var(--amber, #f0c832)}.refresh-btn{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--cyan-surface, rgba(0, 212, 245, .07));border:1px solid var(--cyan-border, rgba(0, 212, 245, .16));border-radius:var(--r-md, 8px);color:#00d4f58c;cursor:pointer;transition:background var(--ease-fast, .14s ease),border-color var(--ease-fast, .14s ease),color var(--ease-fast, .14s ease);padding:0}.refresh-btn:hover:not(:disabled){background:var(--cyan-dim, rgba(0, 212, 245, .12));border-color:var(--cyan-border-md, rgba(0, 212, 245, .36));color:var(--cyan, #00d4f5)}.refresh-btn:disabled{opacity:.35;cursor:not-allowed}.refresh-btn svg{width:15px;height:15px}.refresh-btn.spinning svg{animation:inv-spin .9s linear infinite}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;margin-top:14px;background:#080c18d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--cyan-border-md, rgba(0, 212, 245, .22));border-radius:var(--r-lg, 12px);opacity:1;transform:translateY(0);transition:opacity var(--ease-base, .2s ease),transform var(--ease-base, .2s ease);box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.55))}.action-bar-info{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-1, rgba(200, 228, 255, .75));white-space:nowrap}.action-bar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-bar-btn{padding:6px 14px;background:var(--cyan-dim, rgba(0, 212, 245, .1));border:1px solid var(--cyan-border-md, rgba(0, 212, 245, .28));border-radius:var(--r-sm, 5px);color:var(--cyan, #00d4f5);font-family:Montserrat,sans-serif;font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-fast, .14s ease),box-shadow var(--ease-fast, .14s ease)}.action-bar-btn:hover:not(:disabled){background:#00d4f52e;box-shadow:0 4px 14px #00d4f533}.action-bar-btn:disabled{opacity:.38;cursor:not-allowed}.btn-unstake-selected{background:var(--crimson-dim, rgba(255, 56, 96, .1));border-color:var(--crimson-border, rgba(255, 56, 96, .28));color:var(--crimson, #ff3860)}.btn-unstake-selected:hover:not(:disabled){background:#ff38602e;box-shadow:0 4px 14px #ff386038}.btn-stake-selected{background:var(--cyan-dim, rgba(0, 212, 245, .12));border-color:var(--cyan-border-md, rgba(0, 212, 245, .32));color:var(--cyan, #00d4f5)}.btn-stake-selected:hover:not(:disabled){background:#00d4f533;box-shadow:0 4px 14px #00d4f538}.btn-claim-selected{background:var(--emerald-dim, rgba(0, 245, 160, .1));border-color:var(--emerald-border, rgba(0, 245, 160, .28));color:var(--emerald, #00f5a0)}.btn-claim-selected:hover:not(:disabled){background:#00f5a02e;box-shadow:0 4px 14px #00f5a033}.btn-select-all,.btn-clear-selection{background:#ffffff0a;border-color:var(--border-neutral, rgba(255, 255, 255, .11));color:var(--text-1, rgba(200, 228, 255, .75))}.btn-select-all:hover,.btn-clear-selection:hover{background:#ffffff14;box-shadow:none}.cap-warning{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--amber-dim, rgba(240, 200, 50, .1));border:1px solid var(--amber-border, rgba(240, 200, 50, .28));border-radius:var(--r-sm, 5px);font-size:8px;font-weight:700;letter-spacing:.06em;color:var(--amber, #f0c832)}.inventory-content{min-height:300px;margin-top:20px}.element-section{margin-bottom:32px}.element-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--cyan-border, rgba(0, 212, 245, .12));font-size:9px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#00d4f5a6}.element-resource-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,212,245,.35))}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:12px}.nft-card{display:flex;flex-direction:column;background:#080c18d6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--cyan-border, rgba(0, 212, 245, .14));border-radius:10px;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.nft-card:hover{transform:translateY(-3px);border-color:var(--cyan-border-md, rgba(0, 212, 245, .34));box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.55)),0 0 18px #00d4f512}.nft-card[data-rarity=common]{border-color:#9ca3af52}.nft-card[data-rarity=rare]{border-color:#00d4f552}.nft-card[data-rarity=epic]{border-color:#a78bfa52}.nft-card[data-rarity=legendary]{border-color:#ffaa3066}.nft-card[data-rarity=mythic]{border-color:#ff386066}.nft-card.selected{transform:translateY(-3px)}.nft-card.selected[data-rarity=common]{border-color:var(--rarity-common, #9ca3af);box-shadow:0 0 22px #9ca3af59}.nft-card.selected[data-rarity=rare]{border-color:var(--rarity-rare, #00d4f5);box-shadow:0 0 22px #00d4f561}.nft-card.selected[data-rarity=epic]{border-color:var(--rarity-epic, #a78bfa);box-shadow:0 0 22px #a78bfa61}.nft-card.selected[data-rarity=legendary]{border-color:var(--rarity-legendary, #ffaa30);box-shadow:0 0 22px #ffaa306b}.nft-card.selected[data-rarity=mythic]{border-color:var(--rarity-mythic, #ff3860);box-shadow:0 0 22px #ff38606b}.card-image{position:relative;width:100%;aspect-ratio:1;background:#040812cc;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s ease}.card-image img.loaded{opacity:1}.card-rarity-bar{position:absolute;bottom:0;left:0;right:0;height:2px;opacity:.75}.nft-card[data-rarity=common] .card-rarity-bar{background:var(--rarity-common, #9ca3af)}.nft-card[data-rarity=rare] .card-rarity-bar{background:var(--rarity-rare, #00d4f5)}.nft-card[data-rarity=epic] .card-rarity-bar{background:var(--rarity-epic, #a78bfa)}.nft-card[data-rarity=legendary] .card-rarity-bar{background:var(--rarity-legendary, #ffaa30)}.nft-card[data-rarity=mythic] .card-rarity-bar{background:var(--rarity-mythic, #ff3860)}.selection-indicator{position:absolute;top:7px;right:7px;width:22px;height:22px;background:#00d4f52e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--cyan, #00d4f5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cyan, #00d4f5);font-weight:700;z-index:10}.card-count{position:absolute;top:7px;left:7px;background:#00d4f5e6;color:#030810;font-size:9px;font-weight:800;padding:2px 7px;border-radius:var(--r-full, 9999px);z-index:10;letter-spacing:.04em}.mint-number-text{position:absolute;top:6px;left:50%;transform:translate(-50%);background:#000000ad;color:var(--text-1, rgba(200, 228, 255, .75));padding:2px 8px;border-radius:var(--r-full, 9999px);font-size:9px;font-weight:700;border:1px solid var(--cyan-border, rgba(0, 212, 245, .22));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;white-space:nowrap;pointer-events:none}.ready-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#00f5a0e6;color:#030810;font-size:8px;font-weight:800;padding:3px 10px;border-radius:var(--r-full, 9999px);letter-spacing:.12em;text-transform:uppercase;z-index:10;white-space:nowrap}.view-assets-btn{position:absolute;bottom:7px;right:7px;width:28px;height:28px;background:#00d4f51f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,212,245,.3);border-radius:50%;color:#00d4f5b3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ease-fast, .14s ease),border-color var(--ease-fast, .14s ease),color var(--ease-fast, .14s ease);z-index:10;padding:0}.view-assets-btn:hover{background:#00d4f538;border-color:var(--cyan, #00d4f5);color:var(--cyan, #00d4f5)}.view-assets-btn svg{width:13px;height:13px}.cooldown-overlay-timer{position:absolute;inset:0;background:#040812e0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.cooldown-overlay-timer .countdown-timer{padding:10px 14px;background:#f0c83214;border:1px solid rgba(240,200,50,.25);border-radius:var(--r-md, 8px);text-align:center;margin:0}.cooldown-overlay-timer .countdown-display{font-size:13px;font-weight:700;color:var(--amber, #f0c832);font-family:Courier New,monospace;letter-spacing:.06em}.card-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px}.asset-id{font-family:Courier New,monospace;font-size:9px;color:var(--text-2, rgba(160, 200, 240, .45));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-name{font-size:10px;font-weight:700;color:var(--text-0, #e8f4ff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em}.card-rate{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.card-rate-multi{display:flex;flex-wrap:wrap;gap:4px}.card-rate-chip{display:flex;align-items:center;gap:3px}.rate-icon{width:13px;height:13px;object-fit:contain;flex-shrink:0}.rate-value{font-family:Courier New,monospace;font-size:10px;font-weight:700;color:var(--cyan, #00d4f5);font-variant-numeric:tabular-nums}.no-rate{font-size:9px;color:var(--text-3, rgba(120, 170, 215, .25));font-style:italic}.nft-card-skeleton{display:flex;flex-direction:column;background:#080c1899;border:1px solid var(--border-faint, rgba(255,255,255,.04));border-radius:10px;overflow:hidden;pointer-events:none}.skel-img{width:100%;aspect-ratio:1;background:#ffffff08;animation:inv-skel-pulse 1.6s ease-in-out infinite}.skel-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:5px}.skel-line{height:8px;border-radius:4px;background:#ffffff0d;animation:inv-skel-pulse 1.6s ease-in-out infinite}.skel-line:nth-child(1){width:70%;animation-delay:.05s}.skel-line:nth-child(2){width:45%;animation-delay:.1s}.skel-line:nth-child(3){width:55%;animation-delay:.15s}.available-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;gap:12px}.empty-icon{font-size:40px;opacity:.3}.empty-state p{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2, rgba(160, 200, 240, .45));margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;gap:12px}.error-icon{font-size:32px;opacity:.6}.error-container h3{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson, #ff3860);margin:0}.error-container p{font-size:11px;color:var(--text-2, rgba(160, 200, 240, .45));margin:0;max-width:30ch;line-height:1.6}.btn-retry{padding:8px 20px;background:var(--crimson-dim, rgba(255, 56, 96, .1));border:1px solid var(--crimson-border, rgba(255, 56, 96, .28));border-radius:var(--r-sm, 5px);color:var(--crimson, #ff3860);font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base, .2s ease)}.btn-retry:hover{background:#ff38602e}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px;color:var(--text-1, rgba(200, 228, 255, .75))}.loading-spinner{width:32px;height:32px;border:2px solid var(--cyan-dim, rgba(0, 212, 245, .1));border-top-color:var(--cyan, #00d4f5);border-radius:50%;animation:inv-spin .9s linear infinite}.loading-container p{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2, rgba(160, 200, 240, .45));margin:0}.inventory-modal-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px 20px 110px}.inventory-modal-overlay.hidden{display:none}.inv-modal-scrim{position:absolute;inset:0;background:#020408d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.inventory-modal{position:relative;z-index:1;width:100%;max-width:520px;max-height:calc(100vh - 150px);overflow-y:auto;background:#080c18f7;border:1px solid rgba(0,212,245,.26);border-radius:16px;box-shadow:0 0 0 1px #00d4f50f inset,var(--shadow-xl, 0 20px 72px rgba(0,0,0,.75)),0 0 60px #00d4f50f;display:flex;flex-direction:column;color:var(--text-0, #e8f4ff);animation:inv-modal-in .28s cubic-bezier(.22,.8,.44,1) both;scrollbar-width:thin;scrollbar-color:rgba(0,212,245,.18) transparent}.inventory-modal::-webkit-scrollbar{width:4px}.inventory-modal::-webkit-scrollbar-track{background:transparent}.inventory-modal::-webkit-scrollbar-thumb{background:#00d4f52e;border-radius:2px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 16px;border-bottom:1px solid var(--cyan-border, rgba(0, 212, 245, .14));flex-shrink:0}.modal-header h3{margin:0;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--text-0, #e8f4ff)}.modal-close-btn{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00d4f50f;border:1px solid rgba(0,212,245,.18);border-radius:50%;color:var(--text-2, rgba(160, 200, 240, .45));font-size:14px;cursor:pointer;transition:all var(--ease-fast, .14s ease);line-height:1;padding:0;flex-shrink:0}.modal-close-btn:hover{background:#ff386024;border-color:#ff38605c;color:var(--crimson, #ff3860)}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.modal-asset-list{display:flex;flex-direction:column;gap:6px}.modal-asset-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#ffffff05;border:1px solid var(--border-subtle, rgba(255,255,255,.07));border-radius:var(--r-md, 8px);cursor:pointer;transition:background var(--ease-fast, .14s ease),border-color var(--ease-fast, .14s ease)}.modal-asset-item:hover{background:var(--cyan-surface, rgba(0, 212, 245, .07));border-color:var(--cyan-border, rgba(0, 212, 245, .2))}.modal-asset-item.selected{background:var(--cyan-dim, rgba(0, 212, 245, .1));border-color:var(--cyan-border-md, rgba(0, 212, 245, .32))}.modal-asset-checkbox{font-size:14px;color:var(--cyan, #00d4f5);min-width:20px;line-height:1}.modal-asset-id{flex:1;font-family:Courier New,monospace;font-size:10px;color:var(--text-2, rgba(160, 200, 240, .45));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-asset-mint{font-family:Courier New,monospace;font-size:10px;font-weight:700;color:var(--text-1, rgba(200, 228, 255, .75));min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--cyan-border, rgba(0, 212, 245, .12));flex-shrink:0;gap:10px}.modal-selection-count{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--text-2, rgba(160, 200, 240, .45));white-space:nowrap}.modal-actions{display:flex;gap:8px}.modal-btn{padding:7px 14px;background:#ffffff0a;border:1px solid var(--border-neutral, rgba(255,255,255,.11));border-radius:var(--r-sm, 5px);color:var(--text-1, rgba(200, 228, 255, .75));font-family:Montserrat,sans-serif;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-fast, .14s ease)}.modal-btn:hover{background:#ffffff14}.modal-btn.modal-confirm{background:var(--cyan-dim, rgba(0, 212, 245, .12));border-color:var(--cyan-border-md, rgba(0, 212, 245, .32));color:var(--cyan, #00d4f5)}.modal-btn.modal-confirm:hover{background:#00d4f533;box-shadow:0 4px 14px #00d4f52e}@keyframes inv-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes inv-spin{to{transform:rotate(360deg)}}@keyframes inv-skel-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes inv-modal-in{0%{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){.nft-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}}@media(max-width:640px){.inventory-wrapper{padding:14px 14px 110px}.inventory-controls{margin:0 -14px;padding-left:14px;padding-right:14px}.tab-button{font-size:8px;padding:7px 6px;letter-spacing:.1em}.tab-count{font-size:7px;padding:1px 5px}.action-bar{padding:8px 10px;margin-top:10px;flex-wrap:wrap;gap:6px}.action-bar-info{font-size:9px;width:100%;text-align:center}.action-bar-group{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.action-bar-btn{padding:6px 4px;font-size:7px;letter-spacing:.08em;text-align:center}.cap-warning{grid-column:span 3;font-size:7px;justify-content:center}.nft-grid,.available-loading-grid{grid-template-columns:repeat(3,1fr);gap:8px}.element-title{font-size:8px;margin-bottom:8px}.element-resource-icon{width:14px;height:14px}.element-section{margin-bottom:20px}.card-count{font-size:8px;padding:1px 5px;top:4px;left:4px}.mint-number-text{font-size:8px;top:4px}.ready-badge{font-size:7px;padding:2px 7px;bottom:5px}.selection-indicator{width:18px;height:18px;font-size:9px;top:4px;right:4px}.view-assets-btn{width:22px;height:22px;bottom:4px;right:4px}.view-assets-btn svg{width:10px;height:10px}.card-info{padding:5px 7px 7px;gap:3px}.card-name{font-size:9px}.asset-id{font-size:7px}.rate-value{font-size:9px}.rate-icon{width:11px;height:11px}.cooldown-overlay-timer .countdown-display{font-size:11px}.cooldown-overlay-timer .countdown-timer{padding:7px 10px}.inventory-modal-overlay{padding:0 0 80px;align-items:flex-end}.inventory-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:88vh;animation:inv-modal-slide-up .28s cubic-bezier(.22,.8,.44,1) both}.modal-header h3{font-size:10px}.modal-asset-id,.modal-asset-mint{font-size:9px}.modal-footer{flex-direction:column;gap:8px}.modal-selection-count{text-align:center}.modal-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.modal-btn{padding:7px 4px;font-size:7px;text-align:center}}@media(max-width:480px){.nft-grid,.available-loading-grid{grid-template-columns:repeat(4,1fr);gap:6px}.card-name,.rate-value{font-size:8px}.rate-icon{width:10px;height:10px}.asset-id{font-size:6px}}@media(max-width:375px){.nft-grid,.available-loading-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:896px)and (orientation:landscape){.nft-grid,.available-loading-grid{grid-template-columns:repeat(4,1fr)}.inventory-modal-overlay{padding-bottom:70px}.inventory-modal{max-height:80vh}}@keyframes inv-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.inventory-wrapper,.nft-card,.inventory-modal,.nft-card-skeleton .skel-img,.nft-card-skeleton .skel-line{animation:none!important;transition:none!important}}.resonance-page{position:relative;min-height:100vh;font-family:Montserrat,sans-serif;background:var(--void, #020408);color:var(--text-0, #e8f4ff);overflow-x:hidden}.rc-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 10% 22%,rgba(255,255,255,.72) 1.5px,transparent 0),radial-gradient(1px 1px at 32% 64%,rgba(210,235,255,.55) 1px,transparent 0),radial-gradient(1.5px 1.5px at 52% 32%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(2px 2px at 88% 14%,rgba(255,255,255,.7) 2px,transparent 0),radial-gradient(1.5px 1.5px at 22% 86%,rgba(205,228,255,.55) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 64% 48%,rgba(255,255,255,.6) 1.5px,transparent 0),radial-gradient(1px 1px at 5% 52%,rgba(255,255,255,.64) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 78% 84%,rgba(195,218,255,.5) 1.5px,transparent 0),radial-gradient(1px 1px at 28% 28%,rgba(138,192,255,.42) 1px,transparent 0),radial-gradient(1px 1px at 42% 68%,rgba(115,172,255,.32) 1px,transparent 0),radial-gradient(1px 1px at 68% 22%,rgba(148,202,255,.38) 1px,transparent 0),radial-gradient(1px 1px at 84% 58%,rgba(128,185,255,.3) 1px,transparent 0),radial-gradient(ellipse at 20% 78%,rgba(13,27,62,.45) 0%,transparent 50%),radial-gradient(ellipse at 80% 22%,rgba(0,25,70,.4) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(0,45,75,.22) 0%,transparent 60%);background-size:640px 640px,740px 740px,820px 820px,920px 920px,580px 580px,760px 760px,480px 480px,700px 700px,540px 540px,680px 680px,760px 760px,600px 600px,auto,auto,auto;background-color:var(--void, #020408)}.rc-wrapper{position:relative;z-index:10;min-height:100vh;max-width:1300px;margin:0 auto;padding:0 28px 140px;display:flex;flex-direction:column;align-items:center;animation:rc-fade-in .45s ease both}.rc-hero{padding:56px 0 36px;text-align:center;animation:rc-scale-in .7s ease both}.rc-title{font-size:clamp(2.8rem,9vw,5.5rem);font-weight:800;letter-spacing:.14em;line-height:.9;margin:0;background:linear-gradient(160deg,#fff,#9ef8ff 45%,#00d4f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(0,212,245,.22));display:block}.rc-title span{font-size:.55em;letter-spacing:.38em;display:block;margin-top:.08em}.rc-sub{margin-top:1.4rem;font-size:12px;font-weight:500;color:#c8e4ff61;letter-spacing:.08em;line-height:1.5}.rc-boosts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:44px;animation:rc-fade-in .55s ease .1s both}.rbc{display:flex;align-items:center;gap:5px;padding:5px 13px;border-radius:var(--r-full, 9999px);font-size:10px;font-weight:700;letter-spacing:.08em;border:1px solid transparent;transition:transform var(--ease-fast, .14s ease)}.rbc:hover{transform:translateY(-2px)}.rbc-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.rbc-fyrin{background:#5fcaa51f;border-color:#5fcaa54d;color:#5fcaa5}.rbc-vorx{background:#9f7ddd1f;border-color:#9f7ddd4d;color:#9f7ddd}.rbc-lyn{background:#ff8c421f;border-color:#ff8c424d;color:#ff8c42}.rbc-bx{background:#00d4f51a;border-color:#00d4f547;color:#00d4f5}.rbc-speed{background:#f0c8321a;border-color:#f0c83247;color:#f0c832}.rc-no-boost{font-size:10px;font-weight:500;letter-spacing:.06em;color:var(--text-3, rgba(120, 170, 215, .25));font-style:italic}.rc-slots-row{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:36px 28px;width:100%;animation:rc-scale-in .6s ease .15s both}.rc-slot-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.rc-slot{position:relative;width:clamp(180px,19vw,230px);height:clamp(180px,19vw,230px);cursor:pointer;transition:transform var(--ease-base, .2s ease);flex-shrink:0}.rc-slot:hover{transform:translateY(-5px) scale(1.04)}.rc-slot:active{transform:scale(.98)}.rc-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rc-arc-track{fill:none;stroke:#ffffff12;stroke-width:1.5}.rc-arc-fill{fill:none;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 3px currentColor);transition:stroke-dasharray 1.2s cubic-bezier(.22,.8,.44,1)}.rc-slot-face{position:absolute;inset:12px;border-radius:50%;overflow:hidden;background:#080c18eb;border:1px solid rgba(255,255,255,.06);transition:border-color var(--ease-base, .2s ease);display:flex;align-items:center;justify-content:center}.rc-slot:hover .rc-slot-face{border-color:#00d4f533}.rc-slot-img{width:100%;height:100%;object-fit:contain;border-radius:50%;opacity:0;transition:opacity .4s ease}.rc-slot-img.loaded{opacity:1}.rc-slot-equipped .rc-slot-face{border-color:#00d4f529}.rc-slot-cooling .rc-slot-face{border-color:#ff8c4229}.rc-slot-empty .rc-slot-face{border:1.5px dashed rgba(0,212,245,.2);background:#040810cc}.rc-empty-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rc-empty-pulse{position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(0,212,245,.12);animation:rc-pulse 3s ease-in-out infinite}.rc-empty-pulse:after{content:"";position:absolute;inset:16%;border-radius:50%;border:1px solid rgba(0,212,245,.07);animation:rc-pulse 3s ease-in-out infinite .8s}.rc-plus-icon{width:clamp(24px,3vw,32px);height:clamp(24px,3vw,32px);color:#00d4f538;position:relative;z-index:1;transition:color var(--ease-base, .2s ease)}.rc-slot:hover .rc-plus-icon{color:#00d4f580}.rc-pip{position:absolute;top:4px;left:50%;transform:translate(-50%);width:9px;height:9px;border-radius:50%;z-index:4;pointer-events:none;box-shadow:0 0 0 1.5px #0006}.rc-pip-active{background:var(--cyan, #00d4f5);box-shadow:0 0 0 1.5px #0006,0 0 8px #00d4f5e6}.rc-pip-cooling{background:#ff8c42;box-shadow:0 0 0 1.5px #0006,0 0 8px #ff8c42b3}.rc-pip-ready{background:var(--emerald, #00f5a0);animation:rc-pip-pulse 1.6s ease-in-out infinite}.rc-slot-label{display:flex;flex-direction:column;align-items:center;gap:5px}.rc-roman{font-size:12px;font-weight:800;letter-spacing:.28em;color:#00d4f573;text-transform:uppercase}.rc-slot-boost-info{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--text-1, rgba(200, 228, 255, .75))}.rc-slot-boost-ico{width:12px;height:12px;object-fit:contain}.rc-cooling-info{font-size:8px;font-weight:700;letter-spacing:.16em;color:#ff8c4280}.rc-modal-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px 24px 120px}.rc-modal-scrim{position:absolute;inset:0;background:#020408db;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rc-modal{position:relative;z-index:1;width:100%;max-width:680px;max-height:calc(100vh - 168px);overflow-y:auto;background:#080c18f7;border:1px solid rgba(0,212,245,.24);border-radius:18px;box-shadow:0 0 0 1px #00d4f50f inset,0 32px 90px #000000d6,0 0 70px #00d4f50f;display:flex;flex-direction:column;animation:rc-modal-in .32s cubic-bezier(.22,.8,.44,1) both;scrollbar-width:thin;scrollbar-color:rgba(0,212,245,.16) transparent}.rc-modal::-webkit-scrollbar{width:4px}.rc-modal::-webkit-scrollbar-track{background:transparent}.rc-modal::-webkit-scrollbar-thumb{background:#00d4f529;border-radius:2px}.rc-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 26px 18px;border-bottom:1px solid var(--cyan-border, rgba(0, 212, 245, .12));flex-shrink:0;position:sticky;top:0;background:#080c18f7;z-index:2}.rc-modal-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:.28em;color:#00d4f573;margin-bottom:4px}.rc-modal-title{font-size:14px;font-weight:800;letter-spacing:.18em;color:var(--text-0, #e8f4ff);margin:0}.rc-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#00d4f50f;border:1px solid rgba(0,212,245,.18);border-radius:50%;color:var(--text-2, rgba(160, 200, 240, .45));font-size:13px;cursor:pointer;transition:all var(--ease-fast, .14s ease);flex-shrink:0;padding:0;line-height:1}.rc-modal-close:hover{background:#ff38601f;border-color:#ff386052;color:var(--crimson, #ff3860)}.rc-modal-body{padding:8px 0 10px;flex:1}.rm-section-label{font-size:8px;font-weight:800;letter-spacing:.3em;color:var(--text-3, rgba(120, 170, 215, .25));padding:12px 26px 6px}.rm-row{display:flex;align-items:flex-start;gap:18px;padding:16px 26px;border-bottom:1px solid var(--border-faint, rgba(255,255,255,.04));transition:background var(--ease-fast, .14s ease)}.rm-row:last-child{border-bottom:none}.rm-row:hover{background:#00d4f508}.rm-img-wrap{width:96px;height:96px;border-radius:12px;overflow:hidden;flex-shrink:0;position:relative;border:1.5px solid rgba(0,212,245,.2);background:#040812b3}.rm-img{width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .35s ease}.rm-img.loaded{opacity:1}.rm-rarity-common{border-color:#9ca3af59}.rm-rarity-uncommon{border-color:#5fcaa566}.rm-rarity-rare{border-color:#00d4f573}.rm-rarity-epic{border-color:#9f7ddd80}.rm-rarity-legendary{border-color:#f0a0308c;box-shadow:0 0 14px #f0a03033}.rm-mint{position:absolute;bottom:4px;left:4px;font-size:8px;font-weight:700;color:#fff9;background:#000000a6;padding:2px 5px;border-radius:3px;line-height:1}.rm-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:center}.rm-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.rm-name{font-size:13px;font-weight:700;color:var(--text-0, #e8f4ff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;letter-spacing:.04em}.rm-badges{display:flex;gap:6px;align-items:center;flex-shrink:0}.rm-badge{font-size:8px;font-weight:700;letter-spacing:.12em;padding:3px 8px;border-radius:var(--r-sm, 5px);white-space:nowrap}.rm-badge-equipped{background:var(--cyan-dim, rgba(0,212,245,.1));border:1px solid var(--cyan-border-md, rgba(0,212,245,.28));color:var(--cyan, #00d4f5)}.rm-badge-cooling{background:#ff8c421a;border:1px solid rgba(255,140,66,.28);color:#ff8c42;display:flex;align-items:center;gap:4px}.rm-badge-ready{background:var(--emerald-dim, rgba(0,245,160,.1));border:1px solid var(--emerald-border, rgba(0,245,160,.3));color:var(--emerald, #00f5a0);animation:rc-pip-pulse 1.6s ease-in-out infinite}.rm-badge-held{background:#ffffff0a;border:1px solid var(--border-subtle, rgba(255,255,255,.07));color:var(--text-2, rgba(160,200,240,.45))}.rm-countdown{font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;color:#ff8c42;letter-spacing:.04em}.rm-boosts{display:flex;flex-wrap:wrap;gap:4px}.btag{font-size:8px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:3px}.btag-fyrin{background:#5fcaa524;color:#5fcaa5}.btag-vorx{background:#9f7ddd24;color:#9f7ddd}.btag-lyn{background:#ff8c4224;color:#ff8c42}.btag-bx{background:#00d4f51a;color:#00d4f5}.btag-global{background:#ffaa301f;color:#ffaa30}.btag-speed{background:#f0c8321f;color:#f0c832}.btag-none{color:var(--text-3);background:transparent}.rm-actions{display:flex;gap:7px;flex-wrap:wrap}.rm-btn{padding:6px 15px;border-radius:var(--r-sm, 5px);font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-fast, .14s ease),box-shadow var(--ease-fast, .14s ease);white-space:nowrap}.rm-btn:disabled{opacity:.35;cursor:not-allowed}.rm-btn-equip{background:var(--cyan-dim, rgba(0,212,245,.1));border:1px solid var(--cyan-border-md, rgba(0,212,245,.28));color:var(--cyan, #00d4f5)}.rm-btn-equip:hover:not(:disabled){background:#00d4f52e;box-shadow:0 4px 12px #00d4f52e}.rm-btn-reequip{background:#00d4f50f;border-color:#00d4f52e}.rm-btn-unequip{background:var(--crimson-dim, rgba(255,56,96,.08));border:1px solid var(--crimson-border, rgba(255,56,96,.25));color:var(--crimson, #ff3860)}.rm-btn-unequip:hover:not(:disabled){background:#ff386029}.rm-btn-claim{background:var(--emerald-dim, rgba(0,245,160,.1));border:1px solid var(--emerald-border, rgba(0,245,160,.28));color:var(--emerald, #00f5a0);animation:rc-claim-glow 2s ease-in-out infinite}.rm-btn-claim:hover:not(:disabled){background:#00f5a02e}.rc-empty-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 24px;gap:14px;text-align:center}.rc-empty-modal p{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-3, rgba(120,170,215,.25));margin:0}#resonance-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}#resonance-container .loading-spinner{width:32px;height:32px;border:2px solid var(--cyan-dim, rgba(0,212,245,.1));border-top-color:var(--cyan, #00d4f5);border-radius:50%;animation:rc-spin .9s linear infinite}#resonance-container .loading-container p{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2, rgba(160,200,240,.45));margin:0}#resonance-container .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;text-align:center;padding:24px}#resonance-container .error-container h3{font-size:14px;font-weight:800;letter-spacing:.14em;color:var(--crimson, #ff3860)}#resonance-container .error-container p{font-size:11px;color:var(--text-2, rgba(160,200,240,.45));max-width:32ch;line-height:1.6}#resonance-container .btn-retry{padding:8px 20px;background:var(--crimson-dim, rgba(255,56,96,.1));border:1px solid var(--crimson-border, rgba(255,56,96,.28));border-radius:var(--r-sm, 5px);color:var(--crimson, #ff3860);font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}@keyframes rc-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rc-scale-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rc-spin{to{transform:rotate(360deg)}}@keyframes rc-pulse{0%,to{opacity:.14;transform:scale(.94)}50%{opacity:.4;transform:scale(1.06)}}@keyframes rc-pip-pulse{0%,to{box-shadow:0 0 0 1.5px #0006,0 0 5px #00f5a080}50%{box-shadow:0 0 0 1.5px #0006,0 0 14px #00f5a0}}@keyframes rc-claim-glow{0%,to{box-shadow:none}50%{box-shadow:0 0 10px #00f5a04d}}@keyframes rc-modal-in{0%{opacity:0;transform:scale(.94) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){.rc-slot{width:clamp(150px,22vw,190px);height:clamp(150px,22vw,190px)}.rc-slots-row{gap:28px 20px}}@media(max-width:640px){.rc-wrapper{padding:0 16px 130px}.rc-hero{padding:36px 0 24px}.rc-slot{width:clamp(130px,28vw,165px);height:clamp(130px,28vw,165px)}.rc-slots-row{gap:22px 14px}.rc-modal-overlay{padding:0 0 80px;align-items:flex-end}.rc-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:88vh;animation:rc-modal-slide-up .3s cubic-bezier(.22,.8,.44,1) both}.rc-modal-header{padding:18px 18px 14px}.rm-row{padding:14px 18px;gap:14px}.rm-img-wrap{width:76px;height:76px}.rm-section-label{padding:10px 18px 5px}.rm-name{font-size:11px}}@media(max-width:420px){.rc-slot{width:120px;height:120px}.rc-slots-row{gap:18px 10px}.rc-roman{font-size:10px}.rm-img-wrap{width:64px;height:64px}}@keyframes rc-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.rc-wrapper,.rc-hero,.rc-slot,.rc-empty-pulse,.rc-arc-fill,.rc-modal,.rbc,.rm-btn-claim{animation:none!important;transition:none!important}}.leaderboard-page{position:relative;min-height:100vh;width:100%;font-family:Montserrat,sans-serif;color:var(--text-0);overflow-x:hidden}.lb-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 65% 50% at 82% 8%,var(--nebula-teal) 0%,transparent 60%),radial-gradient(ellipse 55% 55% at 10% 92%,var(--nebula-blue) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 45% 48%,var(--nebula-cold) 0%,transparent 65%),radial-gradient(ellipse 30% 25% at 60% 75%,var(--nebula-distant) 0%,transparent 55%),radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.88) 2px,transparent 0),radial-gradient(1.5px 1.5px at 30% 55%,rgba(210,235,255,.68) 1.5px,transparent 0),radial-gradient(2px 2px at 50% 30%,rgba(255,255,255,.8) 2px,transparent 0),radial-gradient(2.5px 2.5px at 86% 14%,rgba(255,255,255,.86) 2.5px,transparent 0),radial-gradient(1.5px 1.5px at 20% 82%,rgba(205,228,255,.66) 1.5px,transparent 0),radial-gradient(2px 2px at 60% 46%,rgba(255,255,255,.76) 2px,transparent 0),radial-gradient(1px 1px at 40% 10%,rgba(195,222,255,.56) 1px,transparent 0),radial-gradient(1.5px 1.5px at 92% 56%,rgba(225,242,255,.7) 1.5px,transparent 0),radial-gradient(2px 2px at 4% 50%,rgba(255,255,255,.8) 2px,transparent 0),radial-gradient(2px 2px at 44% 90%,rgba(255,255,255,.7) 2px,transparent 0),radial-gradient(1.5px 1.5px at 76% 76%,rgba(195,218,255,.6) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 24% 26%,rgba(138,192,255,.48) 1.5px,transparent 0),radial-gradient(1px 1px at 44% 66%,rgba(115,172,255,.38) 1px,transparent 0),radial-gradient(1.5px 1.5px at 64% 20%,rgba(148,202,255,.44) 1.5px,transparent 0),radial-gradient(1px 1px at 76% 60%,rgba(128,185,255,.34) 1px,transparent 0),radial-gradient(1.5px 1.5px at 34% 46%,rgba(140,195,255,.48) 1.5px,transparent 0);background-size:auto,auto,auto,auto,680px 680px,780px 780px,880px 880px,980px 980px,620px 620px,820px 820px,560px 560px,920px 920px,500px 500px,720px 720px,860px 860px,560px 560px,720px 720px,820px 820px,660px 660px,860px 860px;background-color:var(--void);animation:lb-star-drift 200s linear infinite;opacity:.9}.lb-wrapper{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-20)}.lb-hero{text-align:center;padding:var(--sp-12) 0 var(--sp-8);animation:lb-fade-up .7s ease .1s both}.lb-title{font-size:clamp(var(--text-3xl),7vw,var(--text-4xl));font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--text-0);text-shadow:0 0 40px rgba(0,212,245,.28),0 0 80px rgba(0,130,200,.14);line-height:1;margin:0 0 var(--sp-4)}.lb-title span{background:linear-gradient(110deg,var(--cyan) 0%,var(--cyan-bright) 60%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lb-sub{font-size:var(--text-sm);font-weight:500;letter-spacing:.06em;color:var(--text-2);margin:0 0 var(--sp-6);max-width:440px;margin-inline:auto;margin-bottom:var(--sp-6)}.lb-hero-badges{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);flex-wrap:wrap}.lb-season-pill{display:inline-flex;align-items:center;padding:var(--sp-2) var(--sp-4);background:var(--cyan-surface);border:1px solid var(--cyan-border-md);border-radius:var(--r-full);color:var(--cyan);font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.lb-prize-chip{display:none;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:var(--r-full);color:var(--gold);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lb-prize-chip svg{flex-shrink:0;color:var(--gold)}.lb-prize-chip strong{font-size:var(--text-sm);font-weight:800;color:var(--gold-bright);font-variant-numeric:tabular-nums}.lb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-6);animation:lb-fade-up .7s ease .2s both}.lb-stat{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);background:var(--surface-2);border:1px solid var(--cyan-border);border-radius:var(--r-lg);text-align:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);transition:border-color var(--ease-base),background var(--ease-base)}.lb-stat:hover{background:var(--surface-3);border-color:var(--cyan-border-md)}.lb-stat-gold{border-color:var(--gold-border)}.lb-stat-gold:hover{border-color:#ffaa307a;background:#ffaa300f}.lb-stat-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}.lb-stat-value{font-size:var(--text-xl);font-weight:800;letter-spacing:.04em;color:var(--text-0);font-variant-numeric:tabular-nums;line-height:1}.lb-stat-gold .lb-stat-value{color:var(--gold)}.lb-content{animation:lb-fade-up .7s ease .32s both}.lb-table-wrap{background:var(--surface-1);border:1px solid var(--cyan-border);border-radius:var(--r-xl);overflow:hidden;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}.lb-table-header{display:grid;grid-template-columns:80px 1fr 180px;padding:var(--sp-3) var(--sp-5);background:var(--surface-0);border-bottom:1px solid var(--cyan-border)}.lb-table-header>div{font-size:var(--text-xs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2)}.lb-table-header .lb-col-score{text-align:right}.lb-table-body{display:flex;flex-direction:column}.lb-row{display:grid;grid-template-columns:80px 1fr 180px;align-items:center;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-faint);transition:background var(--ease-fast)}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:var(--surface-3)}.lb-row-gold{background:#ffaa300a;border-left:2px solid rgba(255,170,48,.55);padding-left:calc(var(--sp-5) - 2px)}.lb-row-gold:hover{background:#ffaa3014}.lb-row-silver{background:#b4c8e60a;border-left:2px solid rgba(180,200,230,.4);padding-left:calc(var(--sp-5) - 2px)}.lb-row-silver:hover{background:#b4c8e614}.lb-row-bronze{background:#cd7f320a;border-left:2px solid rgba(205,127,50,.4);padding-left:calc(var(--sp-5) - 2px)}.lb-row-bronze:hover{background:#cd7f3214}.lb-row-me{background:var(--cyan-surface);border-left:2px solid var(--cyan-border-hi);padding-left:calc(var(--sp-5) - 2px);box-shadow:inset 0 0 28px #00d4f50d}.lb-row-me:hover{background:var(--cyan-dim)}.lb-col-rank{display:flex;align-items:center;gap:var(--sp-2)}.lb-medal{font-size:var(--text-md);line-height:1}.lb-rank-num{font-size:var(--text-sm);font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}.lb-row-gold .lb-rank-num{color:var(--gold)}.lb-row-silver .lb-rank-num{color:#c8dcfabf}.lb-row-bronze .lb-rank-num{color:#cd7f32d9}.lb-row-me .lb-rank-num{color:var(--cyan)}.lb-col-player{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.lb-player-name{font-size:var(--text-base);font-weight:600;color:var(--text-0);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-row-me .lb-player-name{color:var(--cyan)}.lb-you-badge{flex-shrink:0;display:inline-flex;align-items:center;padding:2px var(--sp-2);background:var(--cyan-dim);border:1px solid var(--cyan-border-md);border-radius:var(--r-full);font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;color:var(--cyan)}.lb-col-score{font-size:var(--text-sm);font-weight:700;color:var(--text-1);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.04em}.lb-row-gold .lb-col-score{color:var(--gold)}.lb-row-me .lb-col-score{color:var(--cyan)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-16);color:var(--text-2);font-size:var(--text-sm);letter-spacing:.06em}.loading-spinner{width:32px;height:32px;border:2px solid var(--cyan-dim);border-top-color:var(--cyan);border-radius:50%;animation:lb-spin .9s linear infinite}.lb-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-20) var(--sp-6);text-align:center}.lb-empty-icon{font-size:3rem;line-height:1;margin-bottom:var(--sp-2);filter:drop-shadow(0 0 18px rgba(255,170,48,.35))}.lb-empty p{font-size:var(--text-base);font-weight:600;color:var(--text-1);letter-spacing:.04em}.lb-empty-sub{font-size:var(--text-sm)!important;font-weight:500!important;color:var(--text-2)!important}.lb-error{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-16) var(--sp-6);text-align:center}.lb-error-icon{font-size:2.5rem;line-height:1;margin-bottom:var(--sp-2)}.lb-error h3{font-size:var(--text-base);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-0)}.lb-error p{font-size:var(--text-sm);color:var(--text-2);max-width:320px;line-height:1.65}.lb-retry-btn{margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-6);background:var(--cyan-surface);border:1px solid var(--cyan-border-md);border-radius:var(--r-sm);color:var(--cyan);font-family:Montserrat,sans-serif;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base),border-color var(--ease-base),box-shadow var(--ease-base)}.lb-retry-btn:hover{background:var(--cyan-dim);border-color:var(--cyan-border-hi);box-shadow:var(--glow-cyan)}@keyframes lb-star-drift{0%{background-position:0 0}to{background-position:-680px 680px}}@keyframes lb-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.lb-wrapper{padding:var(--sp-4) var(--sp-4) var(--sp-16)}.lb-stats{grid-template-columns:repeat(2,1fr)}.lb-table-header,.lb-row{grid-template-columns:60px 1fr 110px;padding-left:var(--sp-4);padding-right:var(--sp-4)}.lb-row-gold,.lb-row-silver,.lb-row-bronze,.lb-row-me{padding-left:calc(var(--sp-4) - 2px)}.lb-stat-value{font-size:var(--text-lg)}.lb-col-score{font-size:var(--text-xs)}}@media(max-width:480px){.lb-title{letter-spacing:.14em}.lb-stats{grid-template-columns:repeat(2,1fr)}.lb-table-header,.lb-row{grid-template-columns:52px 1fr 95px;padding-left:var(--sp-3);padding-right:var(--sp-3)}.lb-row-gold,.lb-row-silver,.lb-row-bronze,.lb-row-me{padding-left:calc(var(--sp-3) - 2px)}.lb-hero{padding-top:var(--sp-8)}}@media(prefers-reduced-motion:reduce){.lb-bg,.lb-hero,.lb-stats,.lb-content{animation:none!important}.lb-hero,.lb-stats,.lb-content{opacity:1;transform:none}}.learnmore-page{position:relative;min-height:100vh;width:100%;font-family:Montserrat,sans-serif;color:var(--text-0);overflow-x:hidden}.learnmore-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 58% 45% at 88% 6%,var(--nebula-teal) 0%,transparent 60%),radial-gradient(ellipse 52% 52% at 8% 94%,var(--nebula-blue) 0%,transparent 60%),radial-gradient(ellipse 36% 30% at 48% 50%,var(--nebula-cold) 0%,transparent 65%),radial-gradient(ellipse 26% 20% at 68% 78%,var(--nebula-distant) 0%,transparent 55%),radial-gradient(2px 2px at 11% 19%,rgba(255,255,255,.86) 2px,transparent 0),radial-gradient(1.5px 1.5px at 33% 57%,rgba(210,235,255,.66) 1.5px,transparent 0),radial-gradient(2px 2px at 54% 27%,rgba(255,255,255,.78) 2px,transparent 0),radial-gradient(2.5px 2.5px at 87% 11%,rgba(255,255,255,.84) 2.5px,transparent 0),radial-gradient(1.5px 1.5px at 23% 81%,rgba(205,228,255,.64) 1.5px,transparent 0),radial-gradient(2px 2px at 63% 45%,rgba(255,255,255,.74) 2px,transparent 0),radial-gradient(1px 1px at 43% 9%,rgba(195,222,255,.54) 1px,transparent 0),radial-gradient(1.5px 1.5px at 91% 59%,rgba(225,242,255,.68) 1.5px,transparent 0),radial-gradient(2px 2px at 5% 49%,rgba(255,255,255,.78) 2px,transparent 0),radial-gradient(1.5px 1.5px at 77% 73%,rgba(195,218,255,.58) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 25% 27%,rgba(138,192,255,.46) 1.5px,transparent 0),radial-gradient(1px 1px at 47% 67%,rgba(115,172,255,.36) 1px,transparent 0),radial-gradient(1.5px 1.5px at 65% 21%,rgba(148,202,255,.42) 1.5px,transparent 0),radial-gradient(1px 1px at 75% 57%,rgba(128,185,255,.32) 1px,transparent 0);background-size:auto,auto,auto,auto,680px 680px,780px 780px,880px 880px,980px 980px,620px 620px,820px 820px,560px 560px,920px 920px,500px 500px,860px 860px,560px 560px,720px 720px,820px 820px,660px 660px;background-color:var(--void);animation:lm-star-drift 210s linear infinite;opacity:.88}.lm-hero{position:relative;z-index:1;text-align:center;padding:var(--sp-12) var(--sp-6) 0;animation:lm-fade-up .7s ease .1s both}.lm-hero-title{font-size:clamp(var(--text-2xl),6vw,var(--text-3xl));font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--text-0);text-shadow:0 0 40px rgba(0,212,245,.24),0 0 80px rgba(0,130,200,.12);line-height:1;margin:0 0 var(--sp-4)}.lm-hero-title span{background:linear-gradient(110deg,var(--cyan) 0%,var(--cyan-bright) 60%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lm-hero-eyebrow{font-size:var(--text-sm);font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--sp-3)}.lm-hero-sub{font-size:var(--text-xs);font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--text-2);margin:0 0 var(--sp-6)}.lm-hero-divider{width:0%;height:1px;max-width:320px;margin:0 auto var(--sp-8);background:linear-gradient(90deg,transparent 0%,rgba(0,212,245,.2) 15%,var(--cyan) 50%,rgba(0,212,245,.2) 85%,transparent 100%);animation:lm-line-expand .75s ease .7s forwards}.lm-tabs{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);flex-wrap:wrap;padding:0 var(--sp-4) var(--sp-6);animation:lm-fade-up .7s ease .2s both}.lm-tab-btn{padding:var(--sp-2) var(--sp-5);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--r-full);color:var(--text-2);font-family:Montserrat,sans-serif;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base),border-color var(--ease-base),color var(--ease-base),box-shadow var(--ease-base)}.lm-tab-btn:hover{background:var(--surface-3);border-color:var(--cyan-border-md);color:var(--text-1)}.lm-tab-btn.active{background:var(--cyan-surface);border-color:var(--cyan-border-hi);color:var(--cyan);box-shadow:var(--glow-cyan)}.lm-layout{position:relative;z-index:1;display:grid;grid-template-columns:220px 1fr;gap:var(--sp-6);max-width:1080px;margin:0 auto;padding:0 var(--sp-6) var(--sp-20);align-items:start;animation:lm-fade-up .7s ease .28s both}.lm-toc{position:sticky;top:var(--sp-6);background:var(--surface-2);border:1px solid var(--cyan-border);border-radius:var(--r-xl);padding:var(--sp-5);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);max-height:calc(100vh - var(--sp-12));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cyan-border) transparent}.lm-toc::-webkit-scrollbar{width:3px}.lm-toc::-webkit-scrollbar-track{background:transparent}.lm-toc::-webkit-scrollbar-thumb{background:var(--cyan-border);border-radius:99px}.lm-toc-title{font-size:var(--text-xs);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.lm-toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}.lm-toc-list a{display:block;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;color:var(--text-2);text-decoration:none;line-height:1.45;transition:background var(--ease-fast),color var(--ease-fast),border-color var(--ease-fast);border-left:2px solid transparent}.lm-toc-list a:hover{background:var(--surface-3);color:var(--text-1)}.lm-toc-list a.active{background:var(--cyan-surface);border-left-color:var(--cyan);color:var(--cyan)}.lm-toc-list a.h3{padding-left:var(--sp-5);font-size:var(--text-2xs);color:var(--text-3)}.lm-toc-list a.h3:hover{color:var(--text-2)}.lm-toc-list a.h3.active{color:var(--cyan)}.lm-panel{background:var(--surface-1);border:1px solid var(--cyan-border);border-radius:var(--r-xl);padding:var(--sp-8);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);min-height:480px}.lm-md-inner{color:var(--text-1);line-height:1.75;font-size:var(--text-base)}.lm-md-inner h1{font-size:var(--text-2xl);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-0);margin:0 0 var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--cyan-border)}.lm-md-inner h2{font-size:var(--text-lg);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-0);margin:var(--sp-10) 0 var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle);scroll-margin-top:var(--sp-8)}.lm-md-inner h3{font-size:var(--text-md);font-weight:700;letter-spacing:.04em;color:var(--cyan);margin:var(--sp-6) 0 var(--sp-3);scroll-margin-top:var(--sp-8)}.lm-md-inner h4{font-size:var(--text-base);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-1);margin:var(--sp-5) 0 var(--sp-2)}.lm-md-inner p{margin:0 0 var(--sp-4);color:var(--text-1)}.lm-md-inner a{color:var(--cyan);text-decoration:none;font-weight:600;border-bottom:1px solid var(--cyan-border-md);transition:color var(--ease-fast),border-color var(--ease-fast)}.lm-md-inner a:hover{color:var(--cyan-bright);border-bottom-color:var(--cyan-border-hi)}.lm-md-inner ul,.lm-md-inner ol{margin:0 0 var(--sp-4);padding-left:var(--sp-6);color:var(--text-1)}.lm-md-inner li{margin-bottom:var(--sp-2);line-height:1.65}.lm-md-inner li::marker{color:var(--cyan)}.lm-md-inner blockquote{margin:var(--sp-5) 0;padding:var(--sp-4) var(--sp-5);background:var(--cyan-surface);border-left:3px solid var(--cyan-border-hi);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text-1);font-style:italic}.lm-md-inner blockquote p{margin:0}.lm-md-inner code{font-family:Courier New,monospace;font-size:.88em;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:2px 6px;color:var(--cyan)}.lm-md-inner pre{margin:var(--sp-4) 0;padding:var(--sp-5);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--cyan-border) transparent}.lm-md-inner pre code{background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--text-1);line-height:1.65}.lm-md-inner table{width:100%;border-collapse:collapse;margin:var(--sp-5) 0;font-size:var(--text-sm)}.lm-md-inner th{padding:var(--sp-3) var(--sp-4);background:var(--surface-0);border-bottom:1px solid var(--cyan-border);font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);text-align:left}.lm-md-inner td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-faint);color:var(--text-1);vertical-align:top}.lm-md-inner tr:last-child td{border-bottom:none}.lm-md-inner tr:hover td{background:var(--surface-3)}.lm-md-inner hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--sp-8) 0}.lm-md-inner strong{color:var(--text-0);font-weight:700}.lm-md-inner em{color:var(--text-1);font-style:italic}.lm-loading{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-16)}.lm-spinner{width:32px;height:32px;border:2px solid var(--cyan-dim);border-top-color:var(--cyan);border-radius:50%;animation:lm-spin .9s linear infinite}.lm-loading-text{font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;color:var(--text-2)}.lm-error{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);text-align:center}.lm-error-icon{font-size:3rem;line-height:1;margin-bottom:var(--sp-2)}.lm-error p{font-size:var(--text-sm);color:var(--text-1);line-height:1.65}.lm-error code{font-family:Courier New,monospace;font-size:.88em;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:2px 6px;color:var(--cyan)}.lm-error-hint{font-size:var(--text-xs)!important;color:var(--text-2)!important;max-width:380px}@keyframes lm-star-drift{0%{background-position:0 0}to{background-position:-680px 680px}}@keyframes lm-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lm-line-expand{0%{width:0%}to{width:100%}}@keyframes lm-spin{to{transform:rotate(360deg)}}@media(max-width:860px){.lm-layout{grid-template-columns:1fr;padding:0 var(--sp-4) var(--sp-16)}.lm-toc{position:static;max-height:none;overflow:visible}.lm-toc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-1)}.lm-toc-list a.h3{display:none}}@media(max-width:600px){.lm-hero{padding:var(--sp-8) var(--sp-4) 0}.lm-hero-title{letter-spacing:.14em}.lm-hero-sub{letter-spacing:.24em}.lm-tabs{gap:var(--sp-2);padding-bottom:var(--sp-4)}.lm-tab-btn{padding:var(--sp-2) var(--sp-4);font-size:var(--text-2xs);letter-spacing:.1em}.lm-panel{padding:var(--sp-5) var(--sp-4);border-radius:var(--r-lg)}.lm-md-inner h1{font-size:var(--text-xl)}.lm-md-inner h2{font-size:var(--text-md)}.lm-md-inner h3{font-size:var(--text-base)}.lm-md-inner table{display:block;overflow-x:auto;white-space:nowrap}.lm-md-inner pre{font-size:var(--text-xs)}.lm-toc-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:400px){.lm-hero-title{font-size:var(--text-xl);letter-spacing:.1em}.lm-hero-sub{letter-spacing:.16em;font-size:var(--text-2xs)}}@media(prefers-reduced-motion:reduce){.learnmore-bg,.lm-hero,.lm-tabs,.lm-layout{animation:none!important;opacity:1;transform:none}.lm-hero-divider{width:100%;animation:none}.lm-spinner{animation:none}}.settings-page{position:relative;min-height:100vh;width:100%;font-family:Montserrat,sans-serif;color:var(--text-0);overflow-x:hidden}.settings-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 60% 48% at 90% 5%,var(--nebula-cold) 0%,transparent 60%),radial-gradient(ellipse 50% 55% at 5% 95%,var(--nebula-blue) 0%,transparent 60%),radial-gradient(ellipse 38% 32% at 50% 52%,var(--nebula-teal) 0%,transparent 65%),radial-gradient(ellipse 28% 22% at 72% 80%,var(--nebula-distant) 0%,transparent 55%),radial-gradient(2px 2px at 14% 18%,rgba(255,255,255,.86) 2px,transparent 0),radial-gradient(1.5px 1.5px at 34% 58%,rgba(210,235,255,.66) 1.5px,transparent 0),radial-gradient(2px 2px at 55% 26%,rgba(255,255,255,.78) 2px,transparent 0),radial-gradient(2.5px 2.5px at 88% 10%,rgba(255,255,255,.84) 2.5px,transparent 0),radial-gradient(1.5px 1.5px at 24% 80%,rgba(205,228,255,.64) 1.5px,transparent 0),radial-gradient(2px 2px at 64% 44%,rgba(255,255,255,.74) 2px,transparent 0),radial-gradient(1px 1px at 42% 8%,rgba(195,222,255,.54) 1px,transparent 0),radial-gradient(1.5px 1.5px at 90% 60%,rgba(225,242,255,.68) 1.5px,transparent 0),radial-gradient(2px 2px at 6% 48%,rgba(255,255,255,.78) 2px,transparent 0),radial-gradient(1.5px 1.5px at 78% 72%,rgba(195,218,255,.58) 1.5px,transparent 0),radial-gradient(1.5px 1.5px at 26% 28%,rgba(138,192,255,.46) 1.5px,transparent 0),radial-gradient(1px 1px at 48% 68%,rgba(115,172,255,.36) 1px,transparent 0),radial-gradient(1.5px 1.5px at 66% 22%,rgba(148,202,255,.42) 1.5px,transparent 0),radial-gradient(1px 1px at 74% 56%,rgba(128,185,255,.32) 1px,transparent 0);background-size:auto,auto,auto,auto,700px 700px,800px 800px,900px 900px,1000px 1000px,640px 640px,840px 840px,580px 580px,940px 940px,520px 520px,880px 880px,580px 580px,740px 740px,840px 840px,680px 680px;background-color:var(--void);animation:st-star-drift 220s linear infinite;opacity:.88}.settings-content{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 var(--sp-6) var(--sp-20)}.settings-page:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:260px;background:radial-gradient(ellipse 80% 100% at 50% 0%,rgba(0,212,245,.055) 0%,transparent 70%);pointer-events:none;z-index:1}.settings-hero{text-align:center;padding:var(--sp-12) 0 var(--sp-6);animation:st-fade-up .7s ease .1s both}.settings-hero-title{font-size:clamp(var(--text-2xl),5.5vw,var(--text-3xl));font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--text-0);text-shadow:0 0 40px rgba(0,212,245,.24),0 0 80px rgba(0,130,200,.12);line-height:1;margin:0 0 var(--sp-3)}.settings-hero-title span{background:linear-gradient(110deg,var(--cyan) 0%,var(--cyan-bright) 60%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.settings-hero-sub{font-size:var(--text-sm);font-weight:500;letter-spacing:.06em;color:var(--text-2);margin:0}.settings-balances{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-8);animation:st-fade-up .7s ease .18s both}.token-group{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);background:var(--surface-2);border:1px solid var(--cyan-border);border-radius:var(--r-full);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);transition:border-color var(--ease-base),background var(--ease-base)}.token-group:hover{background:var(--surface-3);border-color:var(--cyan-border-md)}.balance-item{font-size:var(--text-sm);font-weight:700;color:var(--text-0);font-variant-numeric:tabular-nums;letter-spacing:.04em}.token-logo{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.resources-ring-container,.profile-section,.history-section{background:var(--surface-2);border:1px solid var(--cyan-border);border-radius:var(--r-xl);padding:var(--sp-6);margin-bottom:var(--sp-5);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);animation:st-fade-up .7s ease both}.resources-ring-container{animation-delay:.26s}.profile-section{animation-delay:.34s}.history-section{animation-delay:.42s}.profile-section h2,.history-section h2{font-size:var(--text-xs);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.resources-ring-container{display:flex;align-items:center;gap:var(--sp-8)}.concentric-rings{flex-shrink:0;width:200px;height:200px}.rings-svg{width:100%;height:100%;transform:rotate(-90deg)}.rings-svg text{transform:rotate(90deg);transform-origin:100px 100px}.ring-progress{transition:stroke-dashoffset .9s cubic-bezier(.22,.8,.44,1);cursor:pointer;opacity:.9}.ring-progress:hover{opacity:1}.ram-ring{stroke:var(--emerald)}.cpu-ring{stroke:var(--cyan)}.net-ring{stroke:var(--gold)}.ring-legend{display:flex;flex-direction:column;gap:var(--sp-3);flex:1}.legend-item{display:grid;grid-template-columns:10px 48px 1fr;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-0);border:1px solid var(--border-faint);border-radius:var(--r-md);cursor:pointer;transition:background var(--ease-base),border-color var(--ease-base)}.legend-item:hover,.legend-item.active{background:var(--surface-3);border-color:var(--border-subtle)}.legend-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ram-color{background:var(--emerald);box-shadow:0 0 6px #00f5a080}.cpu-color{background:var(--cyan);box-shadow:0 0 6px #00d4f580}.net-color{background:var(--gold);box-shadow:0 0 6px #ffaa3080}.legend-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.legend-value{font-size:var(--text-xs);font-weight:600;color:var(--text-1);font-variant-numeric:tabular-nums;text-align:right;letter-spacing:.04em}.legend-item[data-resource=ram].active .legend-label,.legend-item[data-resource=ram].active .legend-value{color:var(--emerald)}.legend-item[data-resource=cpu].active .legend-label,.legend-item[data-resource=cpu].active .legend-value{color:var(--cyan)}.legend-item[data-resource=net].active .legend-label,.legend-item[data-resource=net].active .legend-value{color:var(--gold)}.profile-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-0);border-radius:var(--r-md);margin-bottom:var(--sp-2)}.profile-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);min-width:110px;flex-shrink:0}.profile-value{font-size:var(--text-sm);font-weight:600;color:var(--text-0);letter-spacing:.02em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-btn{padding:var(--sp-1) var(--sp-2);background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--r-sm);color:var(--text-2);font-size:var(--text-sm);cursor:pointer;transition:background var(--ease-base),border-color var(--ease-base),color var(--ease-base);line-height:1;flex-shrink:0}.edit-btn:hover{background:var(--cyan-surface);border-color:var(--cyan-border-md);color:var(--cyan)}.nickname-edit{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface-0);border-radius:var(--r-md);margin-bottom:var(--sp-2)}.nickname-input{flex:1;background:var(--surface-2);border:1px solid var(--cyan-border);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);color:var(--text-0);font-family:Montserrat,sans-serif;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;transition:border-color var(--ease-base),box-shadow var(--ease-base);outline:none}.nickname-input:focus{border-color:var(--cyan-border-hi);box-shadow:0 0 0 3px #00d4f51a}.nickname-input::placeholder{color:var(--text-3)}.save-btn,.cancel-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);font-family:Montserrat,sans-serif;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--ease-base),border-color var(--ease-base),box-shadow var(--ease-base);flex-shrink:0}.save-btn{background:var(--cyan-surface);border:1px solid var(--cyan-border-md);color:var(--cyan)}.save-btn:hover{background:var(--cyan-dim);border-color:var(--cyan-border-hi);box-shadow:var(--glow-cyan)}.cancel-btn{background:var(--surface-3);border:1px solid var(--border-subtle);color:var(--text-2)}.cancel-btn:hover{background:#ff386014;border-color:var(--crimson-border);color:var(--crimson)}.cooldown-info{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--amber-dim);border:1px solid var(--amber-border);border-radius:var(--r-md);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;color:var(--amber);margin-bottom:var(--sp-2)}.payout-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-0);border-radius:var(--r-md);margin-top:var(--sp-3);margin-bottom:var(--sp-2)}.payout-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);min-width:110px;flex-shrink:0}.season-badge{display:inline-flex;align-items:center;padding:2px var(--sp-3);background:var(--cyan-surface);border:1px solid var(--cyan-border);border-radius:var(--r-full);font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);white-space:nowrap}.payout-value{font-size:var(--text-sm);font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-left:auto}.payout-details{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--sp-2)}.payout-status-row,.payout-tx-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-faint)}.payout-tx-row{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:2px var(--sp-3);border-radius:var(--r-full);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.status-badge.completed,.status-badge.paid{background:var(--emerald-dim);border:1px solid var(--emerald-border);color:var(--emerald)}.status-badge.pending{background:var(--amber-dim);border:1px solid var(--amber-border);color:var(--amber)}.status-badge.failed{background:var(--crimson-dim);border:1px solid var(--crimson-border);color:var(--crimson)}.payout-tx-row a{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;color:var(--cyan);text-decoration:none;text-transform:uppercase;transition:color var(--ease-base)}.payout-tx-row a:hover{color:var(--cyan-bright)}.history-table-wrapper{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--border-subtle)}.history-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.history-table thead tr{background:var(--surface-0);border-bottom:1px solid var(--cyan-border)}.history-table th{padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);text-align:left;white-space:nowrap}.history-table tbody tr{border-bottom:1px solid var(--border-faint);transition:background var(--ease-fast)}.history-table tbody tr:last-child{border-bottom:none}.history-table tbody tr:hover{background:var(--surface-3)}.history-table td{padding:var(--sp-3) var(--sp-4);color:var(--text-1);font-weight:500;letter-spacing:.02em;white-space:nowrap}.history-table td:first-child{color:var(--text-2)}.history-table td a{color:var(--cyan);font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;font-size:var(--text-2xs);transition:color var(--ease-base)}.history-table td a:hover{color:var(--cyan-bright)}.empty-text{padding:var(--sp-8) var(--sp-4);text-align:center;font-size:var(--text-sm);color:var(--text-2);letter-spacing:.06em}.settings-page .disconnect-btn{display:block;width:100%;max-width:720px;margin:0 auto;padding:var(--sp-4) var(--sp-6);background:var(--crimson-dim);border:1px solid var(--crimson-border);border-radius:var(--r-lg);color:var(--crimson);font-size:var(--text-xs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;text-align:center;position:relative;z-index:1;transition:background var(--ease-base),box-shadow var(--ease-base),border-color var(--ease-base);animation:st-fade-up .7s ease .5s both;margin-bottom:var(--sp-10)}.settings-page .disconnect-btn:hover{background:#ff386029;border-color:#ff386073;box-shadow:0 4px 24px #ff38602e,inset 0 0 30px #ff38600a}@keyframes st-star-drift{0%{background-position:0 0}to{background-position:700px -700px}}@keyframes st-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.settings-content{padding:0 var(--sp-4) var(--sp-16)}.resources-ring-container{flex-direction:column;align-items:center;gap:var(--sp-5)}.ring-legend{width:100%}.profile-label{min-width:90px}.settings-hero-title{letter-spacing:.14em}}@media(max-width:480px){.settings-hero-title{font-size:var(--text-2xl);letter-spacing:.1em}.concentric-rings{width:170px;height:170px}.payout-row{flex-wrap:wrap;gap:var(--sp-2)}.payout-value{margin-left:0}}@media(prefers-reduced-motion:reduce){.settings-bg,.resources-ring-container,.profile-section,.history-section,.settings-hero,.settings-balances,.settings-page .disconnect-btn{animation:none!important;opacity:1;transform:none}.ring-progress{transition:none}}.modal-notifications-container{position:fixed;inset:0;z-index:9998;pointer-events:none}.modal-notification{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:all;opacity:0;transition:opacity .2s ease}.modal-notification.modal-enter{opacity:1}.modal-notification.modal-exit{opacity:0}.modal-backdrop{position:absolute;inset:0;background:#000000bf}.modal-content{position:relative;background:#0a0e2733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,181,246,.2);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 10px 30px #0000004d}.modal-content-rewards{max-width:500px;padding:2.5rem}.rewards-summary{margin:1.5rem 0;text-align:left;background:#64b5f60d;border:1px solid rgba(100,181,246,.15);border-radius:8px;padding:1rem}.rewards-list{display:flex;flex-direction:column;gap:1rem}.reward-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#0003;border-radius:6px;border-left:3px solid #64b5f6}.reward-icon{width:24px;height:24px;object-fit:contain;margin-right:.5rem}.reward-amount{font-size:1.2rem;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.rewards-message{font-size:1rem;color:#90caf9;margin:1rem 0 0;text-align:center;font-style:italic;border-top:1px solid rgba(100,181,246,.2);padding-top:1rem}.modal-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:transparent;border:none;color:#90caf9;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#64b5f6}.modal-body{text-align:center}.extraction-title{font-size:1.8rem;font-weight:700;color:#64b5f6;text-transform:uppercase;letter-spacing:2px;margin:0 0 1rem}.modal-message{font-size:1rem;color:#90caf9;line-height:1.5;margin:0 0 1.5rem}.simple-rewards-content{text-align:center}.rewards-message{font-size:1rem;color:#90caf9;margin:0 0 1.5rem;line-height:1.5}.rewards-inline-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem}.reward-inline{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#fff}.reward-inline img{width:16px;height:16px;object-fit:contain}.modal-btn-rewards{background:linear-gradient(135deg,#42a5f5,#1976d2);color:#fff;padding:.75rem 2rem;border:none;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:140px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 15px #1976d24d}.modal-btn-rewards:hover{background:linear-gradient(135deg,#1e88e5,#1565c0);transform:translateY(-2px);box-shadow:0 6px 20px #1976d280}.modal-btn-rewards:active{transform:translateY(0)}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-btn{padding:.75rem 2rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s ease;min-width:140px}.modal-btn:hover{opacity:.9}.modal-btn-primary{background:#1976d2;color:#fff}.modal-btn-success{background:#2e7d32;color:#fff}.modal-content-error{border-color:#f443364d}.modal-content-error .modal-title{color:#f44336}@media(max-width:768px){.modal-content{padding:1.5rem;width:95%}.extraction-title{font-size:1.5rem}.rewards-inline-container{gap:1rem}.modal-buttons{flex-direction:column;gap:.75rem}.modal-btn{width:100%}}@media(max-width:480px){.modal-content{padding:1.25rem}.extraction-title{font-size:1.3rem;letter-spacing:1px}.rewards-inline-container{flex-direction:column;align-items:center;gap:.75rem}.reward-inline{font-size:.9rem}}