@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Space+Grotesk:wght@400;500;600;700&display=swap";body{margin:0}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#f4f4ef;padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);overscroll-behavior:none;background:#090a08;margin:0;font-family:Space Grotesk,sans-serif}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px}.app{background:radial-gradient(circle at 50% 5%,#c9a84c22,#0000 35%),#090a08;min-height:100vh}.badge-toast{z-index:999;background:#1a1d17;border:1px solid #c9a84c60;border-radius:18px;align-items:center;gap:12px;min-width:260px;padding:14px 20px;animation:.4s ease-out toastIn;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #000a}.badge-toast-icon{font-size:28px}.badge-toast b{color:#c9a84c;letter-spacing:1.5px;margin-bottom:2px;font:9px DM Mono;display:block}.badge-toast span{font-size:13px;font-weight:600}.bonus-flash{z-index:998;color:#090a08;letter-spacing:1px;white-space:nowrap;background:#f4c542;border-radius:14px;padding:12px 20px;font:700 11px DM Mono;animation:.4s ease-out toastIn;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #f4c54244}.xp-flash{z-index:997;color:#c9a84c;letter-spacing:1px;pointer-events:none;font:700 18px DM Mono;animation:.9s ease-out forwards xpPop;position:fixed;top:85px;right:20px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes xpPop{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1;transform:translateY(-24px)scale(1.2)}to{opacity:0;transform:translateY(-40px)scale(.9)}}.topbar{justify-content:space-between;align-items:center;width:min(100% - 40px,620px);height:76px;margin:auto;display:flex}.brand{color:#fff;letter-spacing:1px;background:0 0;border:0;align-items:center;gap:10px;font-weight:700;display:flex}.brand b{color:#090a08;background:#c9a84c;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.topbar-pills{gap:6px;display:flex}.topbar-pill{color:#8a8f84;letter-spacing:1px;background:#0e100c;border:1px solid #2a2e25;border-radius:999px;padding:6px 13px;font:10px DM Mono}.topbar-pill b{color:#c9a84c;font-weight:700}.hero,.page{width:min(100% - 40px,520px);margin:auto;padding:45px 0 80px}.eyebrow{color:#c9a84c;letter-spacing:1.4px;margin-bottom:20px;font:10px DM Mono}h1,h2{letter-spacing:-4px;margin:0;font-size:clamp(50px,13vw,82px);line-height:.87}h1 span,h2 span{color:#c9a84c}.intro{color:#92978d;font-size:15px;line-height:1.55}.xp-bar-wrap{margin:12px 0 18px}.xp-bar-labels{justify-content:space-between;margin-bottom:6px;display:flex}.xp-level{color:#c9a84c;letter-spacing:1.2px;font:700 10px DM Mono}.xp-count{color:#555a51;font:9px DM Mono}.xp-bar-track{background:#1c1f18;border:1px solid #252920;border-radius:999px;height:6px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#9a7b2a,#c9a84c);border-radius:999px;height:100%;transition:width .6s}.streak-card{background:#0f1209;border:1px solid #f4c54230;border-radius:14px;justify-content:space-between;align-items:center;margin:16px 0 8px;padding:12px 16px;display:flex}.streak-card span{color:#f4c542;letter-spacing:1px;font:10px DM Mono}.streak-card strong{color:#f4c542;font:700 22px DM Mono}.badges-shelf{border-top:1px solid #1e2118;margin-top:28px;padding-top:20px}.badges-row{flex-wrap:wrap;gap:8px;display:flex}.badge-chip{background:#0e100c;border:1px solid #252920;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:10px 12px;display:flex}.badge-chip span{font-size:22px}.badge-chip small{color:#c9a84c;letter-spacing:.8px;text-align:center;font:7px/1.3 DM Mono}.mascot-hero{flex-direction:column;align-items:center;margin:28px 0 0;display:flex;position:relative}.mascot-hero img{object-fit:contain;filter:drop-shadow(0 0 50px #c9a84c20)drop-shadow(0 20px 40px #00000090);width:min(320px,85vw);height:auto;display:block}.mascot-hero .mascot-label{color:#c9a84c;letter-spacing:2px;text-align:center;z-index:1;background:#1a1d17ee;border:1px solid #30342b;border-radius:999px;margin-top:-14px;padding:7px 18px;font:700 9px DM Mono;display:inline-block}.mascot-hero.mascot-default img{animation:4s ease-in-out infinite idleSwag}.mascot-hero.mascot-thinking img{animation:1.4s ease-in-out infinite thinkingFloat}.mascot-hero.mascot-correct img{animation:.55s ease-out caughtBounce}.mascot-hero.mascot-wrong img{animation:.45s ease-out banditShake}.mascot-hero.mascot-victory img{animation:.7s ease-out victoryPop}@keyframes idleSwag{0%{transform:translateY(0)rotate(0)scale(1)}20%{transform:translateY(-4px)rotate(-1.5deg)scale(1.01)}45%{transform:translateY(-8px)rotate(1deg)scale(1.02)}65%{transform:translateY(-3px)rotate(-1deg)scale(1.01)}80%{transform:translateY(-6px)rotate(1.5deg)scale(1.015)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes thinkingFloat{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-7px)rotate(-1.5deg)}70%{transform:translateY(-4px)rotate(1deg)}}@keyframes caughtBounce{0%{transform:translateY(10px)rotate(6deg)scale(.9)}50%{transform:translateY(-12px)rotate(-6deg)scale(1.1)}75%{transform:translateY(-4px)rotate(3deg)scale(1.05)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes banditShake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-9px)rotate(-5deg)}40%{transform:translate(9px)rotate(5deg)}60%{transform:translate(-6px)rotate(-3deg)}80%{transform:translate(6px)rotate(3deg)}}@keyframes victoryPop{0%{transform:scale(.75)rotate(-8deg)}50%{transform:scale(1.15)rotate(6deg)}75%{transform:scale(.95)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes coinDrop{0%{opacity:0;transform:scale(0)translateY(-10px)}65%{opacity:1;transform:scale(1.2)translateY(0)}to{opacity:1;transform:scale(1)}}.receipt{color:#090a08;background:#f2f4ee;border:none;border-radius:20px;margin-bottom:14px;padding:21px 21px 0}.receipt-header{color:#6b6e65;justify-content:space-between;margin-bottom:4px;font:10px DM Mono;display:flex}.receipt>div{color:#090a08;justify-content:space-between;margin:14px 0;font:13px DM Mono;display:flex}.receipt .muted{color:#909389}.receipt hr{border:0;border-top:1px dashed #c8cbc3;margin:16px 0}.receipt-change{color:#090a08;letter-spacing:.5px;background:#c9a84c;border-radius:0 0 18px 18px;flex-direction:column;gap:4px;margin:0 -21px;padding:16px 18px;font:700 12px DM Mono;display:flex}.receipt-change em{font-size:20px;font-style:normal;display:block}.change{color:#090a08;background:#c9a84c;border-radius:14px;justify-content:space-between;margin-top:20px;padding:15px;font:10px DM Mono;display:flex}.change em{font-size:17px;font-style:normal}.primary,.secondary{letter-spacing:.5px;border-radius:14px;width:100%;margin-bottom:9px;padding:17px;font-size:12px;font-weight:800}.primary{color:#090a08;background:#c9a84c;border:0;justify-content:space-between;display:flex}.primary:active{transform:scale(.98)}.secondary{color:#d0d4c8;background:#0e100c;border:1px solid #2a2e25}.secondary:active{background:#161910}.text-button{color:#555a51;letter-spacing:.7px;background:0 0;border:0;width:100%;padding:12px;font:9px DM Mono}.features{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.features button{color:#fff;text-align:left;background:#0e100c;border:1px solid #252920;border-radius:14px;padding:12px}.features small,.features b,.features span{display:block}.features small{color:#c9a84c;margin-bottom:15px;font:9px DM Mono}.features b{font-size:10px}.features span{color:#676c63;margin-top:4px;font-size:8px}.back{color:#888d83;background:0 0;border:0;margin-bottom:40px;padding:0;font-size:13px}.card{background:#11130f;border:1px solid #292d24;border-radius:20px;margin-bottom:14px;padding:21px}.inputs label{color:#777c72;margin:15px 0 7px;font:9px DM Mono;display:block}.inputs label:first-child{margin-top:0}.input{color:#c9a84c;background:#090a08;border:1px solid #30342b;border-radius:12px;align-items:center;padding:0 14px;display:flex}.input input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:14px 8px;font:21px DM Mono}.answer{color:#090a08;background:#c9a84c;border-radius:20px;margin-bottom:14px;padding:21px}.answer small{font:9px DM Mono}.answer>strong{letter-spacing:-4px;margin:10px 0 20px;font-size:60px;display:block}.answer>div{border-top:1px solid #090a0830;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.answer span{flex-direction:column;gap:4px;font:8px DM Mono;display:flex}.explain>b,.lesson small{color:#c9a84c;font:10px DM Mono}.explain p{color:#7d8279;border-bottom:1px solid #252920;margin:0;padding:10px 0;font-size:12px}.explain strong{color:#fff}.lesson>strong{margin:8px 0 15px;font-size:58px;display:block}.lesson p{color:#777c72;border-top:1px dashed #30342a;justify-content:space-between;margin:0;padding:14px 0;font:9px DM Mono;display:flex}.lesson p b{color:#fff;font:14px Space Grotesk}.lesson .lime{color:#c9a84c}.tip{color:#c9a84c;gap:12px;display:flex}.tip span{color:#858a80;font-size:11px;line-height:1.5}.tip b{color:#fff}.challenge-head{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.score{color:#c9a84c;text-align:center;border:1px solid #30342b;border-radius:14px;padding:10px 15px;font-size:22px}.score small{color:#676c63;font:7px DM Mono;display:block}.chain-hud{background:#0c0e0b;border:1px solid #2a2e25;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:13px 15px;display:flex}.chain-hud small{color:#70756c;letter-spacing:1px;margin-bottom:7px;font:8px DM Mono;display:block}.chain-hud>strong{color:#f4c542;font:14px DM Mono}.chain-links{gap:2px;display:flex}.chain-links span{font-size:20px;line-height:1;transition:all .3s;display:inline-block}.chain-links .active{color:#f4c542;filter:drop-shadow(0 0 6px #f4c54266)}.chain-links .lost{opacity:.1;filter:grayscale();transform:scale(.78)}.challenge-card{color:#090a08;text-align:left;background:#f2f4ee;border:none;border-radius:20px;margin-bottom:14px;padding:24px}.challenge-card>small{color:#6b7065;margin-bottom:8px;font:9px DM Mono;display:block}.challenge-card>strong{letter-spacing:-3px;color:#090a08;font-size:52px;line-height:1;display:block}.challenge-card .paid-line{color:#8a8e85;margin:8px 0 20px;font:13px DM Mono}.challenge-card .question-label{color:#090a08;margin-bottom:16px;font-size:14px;font-weight:700}.answers{grid-template-columns:1fr 1fr;gap:9px;display:grid}.answers button{color:#090a08;background:#fff;border:1px solid #d0d4c8;border-radius:12px;padding:16px;font:700 14px DM Mono;transition:all .15s}.answers button:active{transform:scale(.97)}.answers .correct{color:#090a08;background:#c9a84c;border-color:#c9a84c}.answers .wrong{color:#c03030;background:#ffe8e8;border-color:#f0b0b0}.feedback{text-align:left;border-radius:13px;flex-direction:column;gap:4px;margin-top:14px;padding:14px;font-size:11px;display:flex}.feedback span{color:#969b90}.good{background:#c9a84c15;border:1px solid #c9a84c55}.good b{color:#c9a84c}.bad{background:#ff50500d;border:1px solid #ff505033}.bad b{color:#ff8d8d}.division-page{padding-bottom:60px}.division-equation{color:#f4f4ef;justify-content:center;align-items:center;gap:10px;margin:3px 0 14px;font:700 32px DM Mono;display:flex}.division-equation b{color:#555a51;font-weight:400}.division-equation strong{color:#c9a84c;text-align:center;min-width:42px}.division-equation .eq-solved{color:#c9a84c}.division-instruction{text-align:center;color:#777c72;margin:0 0 18px;font-size:12px;line-height:1.5}.division-instruction b{color:#f4f4ef}.visual-division{overflow:hidden}.coin-bank{background:#090a08;border:1px solid #252920;border-radius:14px;margin-bottom:13px;padding:13px}.coin-bank small{color:#70756b;font:8px DM Mono}.coins{flex-wrap:wrap;gap:8px;min-height:36px;margin-top:10px;display:flex}.coins span{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1c1f18;border:1px solid #2a2e25;border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;transition:transform .15s,box-shadow .15s;display:inline-grid}.coins span:hover{transform:scale(1.18)translateY(-2px)}.coins span.coin-selected{background:#1e2418;transform:scale(1.15);box-shadow:0 0 0 2px #c9a84c}.group-coins span{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;animation:.25s ease-out both coinDrop;display:inline-grid}.groups{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.share-group{color:#fff;text-align:left;background:#0b0d0a;border:1px solid #2a2e25;border-radius:14px;min-height:110px;padding:12px;transition:all .2s}.share-group:hover{border-color:#c9a84c55;transform:translateY(-1px)}.share-group.filled{background:#c9a84c0c;border-color:#c9a84c55}.share-group small{color:#555a51;margin-bottom:6px;font:8px DM Mono;display:block}.share-group>strong{color:#c9a84c;font:700 18px DM Mono}.group-coins{flex-wrap:wrap;align-items:center;gap:4px;min-height:44px;margin:6px 0;display:flex}.mul-group{cursor:default}.mul-group:hover{transform:none}.mul-controls{align-items:center;gap:10px;margin-top:8px;display:flex}.mul-btn{color:#c9a84c;background:#151813;border:1px solid #30342b;border-radius:8px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;transition:all .15s;display:grid}.mul-btn:hover:not(:disabled){background:#1e2418;border-color:#c9a84c55}.mul-btn:disabled{opacity:.25;cursor:not-allowed}.mul-controls strong{color:#c9a84c;text-align:center;min-width:24px;font:700 18px DM Mono}.jewel-bank{background:#0d0b12;border-color:#4a3a6a}.jewel-token{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1525;border:1px solid #4a3a6a;border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;transition:transform .15s,box-shadow .15s;animation:.25s ease-out both coinDrop;display:inline-grid}.jewel-token:hover{transform:scale(1.18)translateY(-2px)}.jewel-token.coin-selected{background:#1e1530;transform:scale(1.15);box-shadow:0 0 0 2px #a855f7}.jewel-group{background:#0c0a10;border-color:#3a2a5a}.jewel-group:hover{border-color:#a855f766;transform:translateY(-1px)}.jewel-group.filled{background:#a855f70c;border-color:#a855f755}.jewel-group>strong{color:#c084fc}.mascot-card{background:linear-gradient(135deg,#171a13,#0d0f0c);border:1px solid #30342b;border-radius:20px;justify-content:space-between;align-items:center;margin:25px 0 15px;padding:20px;display:flex}.mascot-card small{color:#c9a84c;font:9px DM Mono}.mascot-card h3{margin:6px 0;font-size:27px}.mascot-card p{color:#858a80;max-width:270px;margin:0;font-size:11px}.mascot-figure{text-align:center;width:105px;min-width:105px;position:relative}.mascot-figure img{object-fit:contain;filter:drop-shadow(0 8px 16px #0008);width:100%;height:105px;display:block}.mascot-figure span{color:#090a08;letter-spacing:.7px;background:#c9a84c;border-radius:999px;margin-top:-4px;padding:5px 8px;font:8px DM Mono;display:inline-block}.share-card{background:#0e100c;border:1px solid #2a2e25;border-radius:18px;margin:16px 0 10px;padding:16px 18px}.share-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-card-top small{color:#555a51;letter-spacing:1px;margin-bottom:4px;font:8px DM Mono;display:block}.share-card-top strong{color:#c9a84c;font:700 22px/1 DM Mono;display:block}.share-card-top span{color:#555a51;margin-top:3px;font:9px DM Mono;display:block}.share-btn{color:#090a08;letter-spacing:1px;background:#c9a84c;border:0;border-radius:12px;flex-shrink:0;min-height:44px;padding:12px 18px;font:700 10px DM Mono}.share-btn:active{transform:scale(.97)}.notif-prompt{background:#0e100c;border:1px solid #2a2e25;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex}.notif-prompt b{color:#c9a84c;letter-spacing:1px;margin-bottom:3px;font:700 10px DM Mono;display:block}.notif-prompt span{color:#555a51;font-size:11px}.notif-prompt>div{flex:1}.notif-btn{color:#090a08;letter-spacing:1px;background:#c9a84c;border:0;border-radius:10px;flex-shrink:0;min-height:44px;padding:10px 14px;font:700 9px DM Mono}.notif-on{background:#c9a84c08;border-color:#c9a84c30;flex-direction:column;align-items:flex-start;gap:4px}.name-card{background:#0e100c;border:1px solid #2a2e25;border-radius:18px;margin-bottom:14px;padding:18px}.name-card small{color:#555a51;letter-spacing:1px;margin-bottom:12px;font:8px DM Mono;display:block}.name-input-row{gap:8px;display:flex}.name-input{color:#c9a84c;letter-spacing:1px;background:#090a08;border:1px solid #30342b;border-radius:10px;outline:0;flex:1;min-height:44px;padding:12px 14px;font:700 14px DM Mono}.name-input::placeholder{color:#333}.name-input:focus{border-color:#c9a84c60}.name-save-btn{color:#090a08;letter-spacing:1px;background:#c9a84c;border:0;border-radius:10px;min-height:44px;padding:0 18px;font:700 10px DM Mono}.name-set{justify-content:space-between;align-items:center;gap:12px;display:flex}.name-set small{color:#555a51;margin-bottom:4px;font:8px DM Mono;display:block}.name-set strong{color:#fff;font:700 18px DM Mono}.name-set strong.lime{color:#c9a84c}.name-change-btn{color:#555a51;letter-spacing:1px;background:0 0;border:1px solid #2a2e25;border-radius:10px;min-height:44px;padding:8px 14px;font:9px DM Mono}.leaderboard{background:#0e100c;border:1px solid #2a2e25;border-radius:18px;margin-bottom:14px;overflow:hidden}.board-empty{color:#555a51;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.board-empty span{font-size:40px}.board-empty p{text-align:center;margin:0;font-size:12px;line-height:1.5}.board-row{border-bottom:1px solid #1a1d18;align-items:center;gap:12px;padding:14px 16px;display:flex}.board-row:last-child{border-bottom:0}.board-row-me{background:#c9a84c0a;border-left:3px solid #c9a84c}.board-rank{color:#555a51;text-align:center;flex-shrink:0;min-width:32px;font:700 14px DM Mono}.board-info{flex:1;min-width:0}.board-info b{color:#fff;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;font:700 13px DM Mono;display:block;overflow:hidden}.board-info small{color:#555a51;letter-spacing:.8px;margin-top:2px;font:8px DM Mono;display:block}.board-xp{color:#c9a84c;text-align:right;flex-shrink:0;font:700 16px DM Mono}.board-xp small{color:#555a51;font:8px DM Mono}@media (width<=520px){.hero,.page{width:min(100% - 28px,520px)}.topbar{width:min(100% - 28px,620px)}h1,h2{letter-spacing:-3px;font-size:clamp(44px,12vw,82px)}}@media (width<=430px){h1,h2{letter-spacing:-2.5px}.mascot-hero img{width:min(280px,88vw)}.division-equation{font-size:26px}.groups{grid-template-columns:1fr 1fr}.topbar-pill{padding:5px 10px;font-size:9px}.challenge-card>strong{font-size:44px}.xp-bar-wrap{margin:8px 0 14px}}@media (width<=360px){.features{grid-template-columns:1fr 1fr}.mascot-hero img{width:min(230px,92vw)}.groups,.answers{grid-template-columns:1fr}.topbar-pill:last-child{display:none}.division-equation{gap:7px;font-size:22px}}@media (width>=768px){.mascot-hero img{width:min(360px,55vw)}.groups{grid-template-columns:repeat(3,1fr)}.answers{grid-template-columns:repeat(4,1fr)}.hero,.page{padding:56px 0 100px}}@media (width>=1024px){.mascot-hero img{width:380px}.topbar{height:84px}h1,h2{font-size:82px}}@media (hover:none){.share-group:hover{border-color:#2a2e25;transform:none}.coins span:hover{transform:none}.primary:hover,.secondary:hover{opacity:1}.mul-btn:hover:not(:disabled){background:#151813;border-color:#30342b}}@supports (padding-bottom:env(safe-area-inset-bottom)){.page,.hero{padding-bottom:max(80px, calc(60px + env(safe-area-inset-bottom)))}}.journey-card{background:#0e100c;border:1px solid #2a2e25;border-radius:18px;margin:16px 0 10px;padding:18px}.journey-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.journey-stat{border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.journey-stat strong{color:#c9a84c;letter-spacing:-1px;font:700 22px/1 DM Mono}.journey-stat small{color:#555a51;letter-spacing:.8px;text-align:center;font:7px DM Mono}.daily-result-row{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.daily-result-item{border-radius:10px;flex:1;align-items:center;gap:6px;min-width:120px;padding:7px 10px;font:700 13px DM Mono;display:flex}.daily-result-item small{letter-spacing:.6px;font:8px DM Mono}.correct-item{color:#c9a84c;background:#c9a84c15;border:1px solid #c9a84c55}.correct-item small{color:#c9a84c99}.wrong-item{color:#ff8d8d;background:#ff50500d;border:1px solid #ff505033}.wrong-item small{color:#ff8d8d99}.wallet-btn{letter-spacing:1px;color:#d0d4c8;background:#0e100c;border:1px solid #2a2e25;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:6px 13px;font:700 10px DM Mono;transition:all .15s;display:flex}.wallet-btn--connect{color:#090a08;background:#c9a84c;border-color:#c9a84c}.wallet-btn--connect:active{transform:scale(.97)}.wallet-btn--connecting{opacity:.6;cursor:not-allowed}.wallet-btn--wrong-network{color:#ff8d8d;background:#3a1515;border-color:#ff505055}.wallet-btn--connected{cursor:default;background:#11130f;border:1px solid #2a2e25;justify-content:center;min-width:100px}.wallet-btn__chain{font-size:12px}.wallet-btn__address{color:#c9a84c;letter-spacing:.5px;font:700 10px DM Mono}.wallet-btn__disconnect{color:#ff8d8d;letter-spacing:1px;min-height:unset;cursor:pointer;background:0 0;border:0;padding:0;font:700 9px DM Mono}.wallet-spinner{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.wm-overlay{z-index:1000;background:#000b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wm-modal{background:#0e100c;border:1px solid #2a2e25;border-radius:24px;width:min(420px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 24px 64px #000c}.wm-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wm-title{color:#c9a84c;letter-spacing:1.5px;font:700 11px DM Mono}.wm-close{color:#555a51;width:32px;height:32px;min-height:unset;background:0 0;border:1px solid #2a2e25;border-radius:999px;place-items:center;font-size:12px;display:grid}.wm-subtitle{color:#555a51;margin-bottom:18px;font-size:12px;line-height:1.5}.wm-connectors{flex-direction:column;gap:8px;display:flex}.wm-connector{color:#f4f4ef;text-align:left;background:#090a08;border:1px solid #252920;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font:700 13px Space Grotesk;transition:all .15s;display:flex}.wm-connector:hover:not(:disabled){background:#0f1209;border-color:#c9a84c55}.wm-connector:disabled{opacity:.5;cursor:not-allowed}.wm-connector-icon{font-size:22px;line-height:1}.wm-connector-name{flex:1}.wm-spinner{color:#c9a84c;font-size:18px;animation:1s linear infinite spin}.wm-footnote{color:#555a51;letter-spacing:.8px;text-align:center;margin-top:18px;font:9px DM Mono}.balance-bar{align-items:center;gap:10px;display:flex}.balance-bar--compact{gap:6px;padding:4px 0}.balance-bar--card{background:#090a08;border:1px solid #252920;border-radius:12px;margin:10px 0;padding:12px 14px}.balance-row{justify-content:space-between;align-items:flex-end;display:flex}.balance-col{flex-direction:column;gap:2px;display:flex}.balance-col--right{text-align:right}.balance-col small{color:#555a51;letter-spacing:.8px;font:8px DM Mono}.balance-col strong{color:#c9a84c;font:700 16px DM Mono}.balance-item{flex-direction:column;gap:1px;display:flex}.balance-item b{color:#c9a84c;font:700 11px DM Mono}.balance-item small{color:#555a51;letter-spacing:.6px;font:7px DM Mono}.balance-item--muted b{color:#8a8f84}.balance-sep{color:#2a2e25;font-size:10px}.balance-bar--loading{gap:10px;padding:4px 0}.balance-skeleton{background:#1c1f18;border-radius:4px;width:60px;height:14px;animation:1.4s ease-in-out infinite skeletonPulse;display:inline-block}.balance-skeleton--short{width:40px}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.balance-bar--error{color:#ff8d8d;font:9px DM Mono}.balance-refresh{color:#555a51;min-height:unset;background:0 0;border:1px solid #2a2e25;border-radius:6px;padding:2px 6px;font-size:12px}.network-guard{color:#ff8d8d;background:#1a0f0f;border:1px solid #ff505044;border-radius:14px;align-items:center;gap:12px;width:min(100% - 40px,620px);margin:0 auto 10px;padding:12px 16px;display:flex}.network-guard__icon{flex-shrink:0;font-size:18px}.network-guard__text{flex-direction:column;flex:1;gap:2px;display:flex}.network-guard__text b{letter-spacing:1px;color:#ff8d8d;font:700 10px DM Mono}.network-guard__text span{color:#c47070;font-size:11px}.network-guard__actions{flex-shrink:0;gap:6px;display:flex}.network-guard__btn{color:#ff8d8d;letter-spacing:.8px;background:#2a1010;border:1px solid #ff505044;border-radius:10px;min-height:36px;padding:6px 12px;font:700 9px DM Mono;transition:all .15s}.network-guard__btn:hover{background:#381515;border-color:#ff505077}.tx-toast{z-index:999;position:fixed;top:20px;left:50%;transform:translate(-50%)}.tx-toast--error{background:#1a0d0d;border-color:#ff505060}.tx-toast__dismiss{color:#ff8d8d;letter-spacing:1px;min-height:unset;background:0 0;border:1px solid #ff505044;border-radius:8px;margin-top:6px;padding:4px 10px;font:700 9px DM Mono;display:block}.stake-panel{border-radius:16px;margin:12px 0;padding:14px 16px}.stake-panel--disconnected{color:#555a51;background:#0e100c;border:1px solid #2a2e25;align-items:center;gap:12px;font-size:11px;display:flex}.stake-panel--disconnected .stake-panel__icon{font-size:22px}.stake-panel--disconnected b{color:#8a8f84;letter-spacing:1px;margin-bottom:3px;font:700 10px DM Mono;display:block}.stake-panel--active{background:#c9a84c0c;border:1px solid #c9a84c44}.stake-panel__row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.stake-panel__label{color:#c9a84c;letter-spacing:1.2px;font:700 9px DM Mono}.stake-panel__amount{color:#c9a84c;font:700 16px DM Mono}.stake-panel__hint{color:#777c72;margin:0;font-size:11px;line-height:1.5}.stake-panel--promo{color:#d0d4c8;text-align:left;background:#0e100c;border:1px solid #2a2e25;align-items:center;gap:12px;width:100%;font-size:11px;display:flex}.stake-panel--promo span{font-size:22px}.stake-panel--promo b{color:#c9a84c;letter-spacing:1px;margin-bottom:2px;font:700 10px DM Mono;display:block}.stake-panel--promo div span{color:#555a51;font-size:11px}.stake-panel--setup{background:#0e100c;border:1px solid #2a2e25}.stake-panel__header{color:#c9a84c;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:12px;font:700 10px DM Mono;display:flex}.stake-panel__collapse{color:#555a51;width:28px;height:28px;min-height:unset;background:0 0;border:1px solid #2a2e25;border-radius:999px;place-items:center;font-size:11px;display:grid}.stake-panel__presets{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.stake-preset{color:#8a8f84;background:#090a08;border:1px solid #252920;border-radius:10px;min-height:36px;padding:7px 12px;font:700 11px DM Mono;transition:all .15s}.stake-preset:hover:not(:disabled){color:#c9a84c;border-color:#c9a84c55}.stake-preset--active{color:#c9a84c;background:#c9a84c0a;border-color:#c9a84c}.stake-panel__warning,.stake-panel__demo-notice{border-radius:8px;margin:6px 0 0;padding:8px 10px;font-size:11px;line-height:1.5}.stake-panel__warning{color:#ff8d8d;background:#ff50500d;border:1px solid #ff505033}.stake-panel__demo-notice{color:#8a8f84;background:#1c1f18;border:1px solid #252920}@media (width<=430px){.wallet-btn{padding:5px 10px;font-size:9px}.wallet-btn--connect{font-size:9px}.wm-modal{border-radius:20px;padding:18px}}@media (width<=360px){.wallet-btn--connect{padding:5px 8px;font-size:8px}.wallet-btn--connected{min-width:80px}}
