body{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))!important}
.dev-wallet-header{position:relative;top:auto;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;width:calc(100% - 32px);max-width:1100px;margin:20px auto 22px;padding:16px;border:1px solid rgba(174,153,255,.14);border-radius:22px;background:linear-gradient(115deg,rgba(30,24,46,.95),rgba(17,16,25,.95));box-shadow:0 12px 40px #0002;box-sizing:border-box;z-index:10}
.dev-wallet-avatar{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#8764d8,#43356d);color:#fff;font-size:22px;font-weight:700;flex-shrink:0}
.dev-wallet-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dev-wallet-identity{min-width:0;display:grid;gap:4px}
.dev-wallet-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:#bab1cf}
.dev-wallet-header .dev-wallet-balance{display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:0;background:none;border:0;text-decoration:none;color:#faf7ff;font-family:inherit;font-weight:700;font-size:23px;line-height:1.2;cursor:pointer}
.dev-wallet-header #totalBalance{font-size:23px;font-weight:750;line-height:1.2;letter-spacing:-.6px;color:inherit;background:none;-webkit-text-fill-color:currentColor;white-space:nowrap}
.dev-wallet-currency{font-size:19px;color:#d3c7ed;font-weight:600}
.dev-wallet-balance svg{width:13px;height:13px;fill:none;stroke:#9c8abf;stroke-width:1.8}
.dev-wallet-topup{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:0 13px;border-radius:13px;background:#a88aee;color:#171020!important;text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap;border:1px solid #c8b1ff55;transition:background .15s,transform .15s}
.dev-wallet-topup>span{font-size:20px;font-weight:400;line-height:1}
.dev-wallet-topup:hover{background:#bea3fa}.dev-wallet-topup:active{transform:scale(.97)}
.dev-hotbar{position:fixed;inset:auto 16px calc(12px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-width:540px;margin:0 auto;padding:7px;border:1px solid #b8a0f32a;border-radius:24px;background:rgba(22,19,31,.96);backdrop-filter:blur(22px);box-shadow:0 12px 46px #0008;z-index:900}
.dev-hotbar-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:59px;padding:7px 4px;border-radius:17px;color:#9d93b0!important;text-decoration:none;font-size:11px;line-height:1.2;font-weight:600;transition:background .15s,color .15s}
.dev-hotbar-tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.dev-hotbar-tab.active{color:#ddcbff!important;background:#9e75e522}.dev-hotbar-tab:hover{color:#e7dafd!important;background:#a17ada16}
.dev-hotbar a:focus-visible,.dev-wallet-header a:focus-visible{outline:2px solid #ba9bea;outline-offset:3px}
.dev-profile-tools{margin:0 0 24px}.dev-profile-tools .balance-actions{margin:0;justify-content:flex-start}.dev-profile-tools .balance-history-legacy{display:none!important}
@media(max-width:360px){.dev-wallet-header{width:calc(100% - 24px);gap:9px;padding:13px;grid-template-columns:42px minmax(0,1fr) auto}.dev-wallet-avatar{width:42px;height:42px}.dev-wallet-topup{padding:0 9px;font-size:12px}.dev-wallet-header #totalBalance{font-size:21px}}
.interface-settings-list,.interface-setting-item,.interface-setting-label{min-width:0}.interface-setting-label{overflow-wrap:anywhere}
html,body{overflow-x:clip!important}
.dev-wallet-header #totalBalance{background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:currentColor!important}

.dev-wallet-topup:hover,.dev-wallet-topup:focus,.dev-wallet-topup:active{text-decoration:none!important}
.dev-header-balance{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}.dev-header-balance a,.dev-header-balance a:hover{text-decoration:none!important;color:inherit}.dev-header-amount{font-size:16px;font-weight:700}.dev-header-plus{font-size:25px;line-height:1;padding:6px}.wrap>.dev-wallet-header{width:100%;margin:0 0 18px}
/* Liquid glass surfaces share light, blur and rounded silhouettes. */
:root{--glass-surface:rgba(31,34,46,.48);--glass-edge:rgba(255,255,255,.2);--glass-shadow:0 10px 35px #0003,inset 0 1px 0 #ffffff26;--dev-header-height:65px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:#090d16!important;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
body:before{background:radial-gradient(ellipse at 5% 10%,#507eaa25,transparent 55%),radial-gradient(ellipse at 95% 65%,#687d9d20,transparent 50%)!important}
body>header{position:sticky!important;top:0!important;z-index:950!important;min-height:65px;box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:10px max(16px,calc((100vw - 1100px)/2))!important;background:rgba(24,29,40,.48)!important;border:0!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 5px 30px #00000012!important;backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%);display:flex!important;align-items:center;justify-content:space-between;gap:16px}
body>header .brand{margin:0!important}body>header .ava{border-radius:50%;box-shadow:inset 0 1px 1px #ffffff55,0 4px 14px #0002}
.dev-header-balance{gap:0;padding:4px 5px 4px 15px;border-radius:999px;border:1px solid var(--glass-edge);background:linear-gradient(145deg,#ffffff1c,#ffffff05);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.dev-header-amount{font-size:15px;font-weight:650;letter-spacing:-.3px;padding-right:12px}.dev-header-plus{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;background:#ffffff12;font-size:23px;font-weight:400;transition:background .2s,transform .2s}.dev-header-plus:hover{background:#ffffff28;transform:rotate(90deg)}
.dev-wallet-header{background:linear-gradient(125deg,#ffffff13,#ffffff05)!important;border:1px solid var(--glass-edge);border-radius:28px;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.dev-wallet-topup{border-radius:999px;background:linear-gradient(145deg,#d5e8ffdd,#9ec5f3dd);color:#142239!important;border:1px solid #ffffff60;box-shadow:inset 0 1px 0 #ffffff77,0 4px 14px #0002}.dev-wallet-topup:hover{background:#d6e9ff;text-decoration:none!important}
.dev-hotbar{inset:auto 24px calc(14px + env(safe-area-inset-bottom,0px));max-width:330px;gap:4px;padding:5px;border-radius:999px;border:1px solid #ffffff30;background:linear-gradient(145deg,#48516066,#1c233266);box-shadow:0 12px 40px #0005,inset 0 1px 1px #ffffff33;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);z-index:960}
.dev-hotbar-tab{min-height:49px;padding:6px 3px;gap:3px;border-radius:999px;font-size:10px;color:#bbc5d4!important;transition:background .25s,color .25s,box-shadow .25s,transform .25s}.dev-hotbar-tab svg{width:20px;height:20px}.dev-hotbar-tab.active{background:linear-gradient(145deg,#ffffff29,#ffffff0e);color:#f3f8ff!important;box-shadow:inset 0 1px 1px #ffffff36,0 3px 10px #0002}.dev-hotbar-tab:hover{background:#ffffff18}.dev-hotbar-tab:active{transform:scale(.95)}
.balance-card,.shared-accounts-section,.accounts-section{background:linear-gradient(135deg,#ffffff0b,#ffffff04)!important;border-color:#ffffff1b!important;border-radius:26px!important;box-shadow:inset 0 1px 0 #ffffff0e}
.dev-tab-frame{position:fixed;inset:var(--dev-header-height) 0 0;width:100%;height:calc(100dvh - var(--dev-header-height));border:0;background:transparent;z-index:20;color-scheme:dark}.dev-frame-active{overflow:hidden!important}.dev-frame-active body{overflow:hidden!important}.dev-tab-original[hidden],.dev-tab-frame[hidden]{display:none!important}
.dev-tab-enter{animation:glassTabEnter .25s cubic-bezier(.2,.75,.25,1) both}@keyframes glassTabEnter{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
.dev-tab-loading .dev-hotbar:after{content:"";position:absolute;top:0;left:20%;width:60%;height:2px;background:linear-gradient(90deg,transparent,#c5e6ff,transparent);animation:glassLoading 1s ease-in-out infinite}@keyframes glassLoading{50%{opacity:.25;transform:scaleX(.4)}}
.dev-embedded body>header,.dev-embedded .dev-hotbar{display:none!important}.dev-embedded body{background:transparent!important}.dev-embedded .dev-wallet-header{margin-top:0}.dev-embedded .wrap{padding-top:20px}
@supports not (backdrop-filter:blur(1px)){body>header,.dev-hotbar{background:#1d2433ed!important}}
@media(prefers-reduced-motion:reduce){.dev-tab-enter,.dev-tab-loading .dev-hotbar:after{animation:none}.dev-hotbar-tab,.dev-header-plus{transition:none}}
.dev-hotbar a,.dev-hotbar a:hover,.dev-hotbar a:focus,.dev-hotbar a:active{text-decoration:none!important}
/* Opaque document canvas avoids white compositing in embedded WebViews. */
html{background:#090d16!important;color-scheme:dark}
html.dev-embedded,html.dev-embedded body{background:#090d16!important;color-scheme:dark}
body{padding-top:var(--dev-header-height)!important}
.dev-embedded body{padding-top:0!important}
body>header{position:fixed!important;inset:0 0 auto!important;transform:none!important;visibility:visible;opacity:1;transition:none!important}
.dev-header-balance{padding:3px 4px 3px 11px;min-height:34px;box-sizing:border-box}
.dev-header-amount{font-size:13px;line-height:20px;padding-right:9px}
.dev-header-plus{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;line-height:0;transform:none!important}
.dev-header-plus svg{display:block;width:16px;height:16px;margin:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transform:rotate(0);transform-origin:50% 50%;transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.dev-header-plus:hover svg{transform:rotate(360deg)}
.dev-hotbar{box-sizing:border-box;left:50%;right:auto;width:min(330px,calc(100% - 40px));max-width:none;transform:translateX(-50%);isolation:isolate;overflow:hidden}
.dev-hotbar .dev-hotbar-tab{position:relative;box-sizing:border-box;min-width:0;width:100%;margin:0;transform:none!important;box-shadow:none!important;background:transparent!important;isolation:isolate;align-self:stretch;text-align:center}
.dev-hotbar .dev-hotbar-tab:before{content:"";position:absolute;inset:0;border-radius:999px;z-index:-1;border:1px solid transparent;opacity:0;transition:opacity .22s;background:linear-gradient(145deg,#ffffff29,#ffffff0e);box-shadow:inset 0 1px 1px #ffffff36,0 3px 10px #0002}
.dev-hotbar .dev-hotbar-tab.active:before{opacity:1;border-color:#ffffff18}
.dev-hotbar .dev-hotbar-tab svg,.dev-hotbar .dev-hotbar-tab span{position:relative;left:auto;top:auto;transform:none;margin:0}
@media(prefers-reduced-motion:reduce){.dev-header-plus svg{transition:none}}
html{scroll-behavior:auto!important}body>header{width:100vw!important}.dev-hotbar{left:50vw;width:min(330px,calc(100vw - 40px))}
.dev-wallet-topup,.dev-wallet-topup:hover,.dev-wallet-topup:focus{background:#bcd8f5!important;box-shadow:inset 0 1px 0 #ffffff55!important;transform:none!important;filter:none!important;transition:none!important}
.dev-wallet-topup:before,.dev-wallet-topup:after{display:none!important}
.dev-wallet-frame{position:fixed;inset:0;width:100vw;height:100dvh;border:0;z-index:100000;background:#090d16;animation:glassTabEnter .22s ease both}.dev-wallet-frame[hidden]{display:none!important}
html.dev-wallet-only,html.dev-wallet-only body{background:#090d16!important;padding:0!important;overflow:hidden!important}
.dev-wallet-only body>header,.dev-wallet-only main,.dev-wallet-only .particles,.dev-wallet-only .dev-hotbar{display:none!important}
#topupModal{background:radial-gradient(ellipse at 50% 35%,#4a6b8d22,transparent 65%),#090d16b8!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:24px!important}
#topupModal .modal{width:100%!important;max-width:420px!important;border:1px solid #ffffff30!important;border-radius:30px!important;background:linear-gradient(145deg,#252e40f5,#141b29fa)!important;box-shadow:0 30px 100px #0008,inset 0 1px 0 #ffffff30!important;overflow:hidden}
#topupModal .modal-header{padding:24px 24px 18px!important;border-bottom:1px solid #ffffff10!important;background:transparent!important}#topupModal .modal-title{font-size:21px!important;font-weight:650!important;letter-spacing:-.5px;color:#f3f8ff}
#topupModal .modal-close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff15;color:#c1cad8}
#topupModal .modal-body{padding:22px 24px!important}#topupModal .amount-input-label{font-size:12px;color:#aebdd1;letter-spacing:.1px}#topupModal .amount-input{background:#080f1e66!important;border:1px solid #ffffff20!important;border-radius:15px!important;color:#f3f8ff!important;box-shadow:inset 0 2px 8px #0002!important;font-family:inherit}#topupModal #topupAmount{font-size:32px!important;letter-spacing:-1px;padding:16px!important}
#topupModal .amount-input:focus{border-color:#a7ceff!important;outline:none;box-shadow:0 0 0 3px #9ecbff15!important}#topupModal .modal-info{background:#a5c6f508!important;border:1px solid #ffffff0e!important;border-radius:13px;color:#aebdd1;font-size:12px}#topupModal .modal-footer{padding:0 24px 24px!important;border-top:0!important;gap:10px}#topupModal .modal-btn{border-radius:999px!important;min-height:45px;font-weight:600}#topupModal .modal-btn-primary{background:#bad9fa!important;border:1px solid #e8f4ff55!important;color:#15243b!important;box-shadow:none!important}#topupModal .modal-btn-secondary{background:#ffffff0a!important;border:1px solid #ffffff18!important;color:#d1daea!important}
body:has(#shopContent) .container{padding-top:0!important}#shopContent{padding-top:48px}
#categoryStrip{position:fixed!important;top:var(--dev-header-height)!important;left:0;right:0;width:100vw!important;margin:0!important;padding:0!important;z-index:300;background:#141d2bdb;border-bottom:1px solid #ffffff12;backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%)}
.dev-embedded #categoryStrip{top:0!important}.dev-embedded body:has(#shopContent) .container{padding-top:0!important}
#categoryStripTrigger{height:45px;min-height:45px;padding:0 max(20px,calc((100vw - 1060px)/2))!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;font-family:inherit}#categoryStripLabel{font-size:15px!important;font-weight:600!important;letter-spacing:.2px!important;text-transform:none!important}#categoryStripArrow{font-size:10px;opacity:.55}
@keyframes glassTabEnter{from{opacity:0}to{opacity:1}}
.dev-wallet-frame{background:#090d1670;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color-scheme:dark}
html.dev-wallet-only,html.dev-wallet-only body{background:transparent!important}
.dev-wallet-only #toast{display:none!important}
.dev-shop-active body>header{border-bottom-color:transparent!important;background:rgba(24,29,40,.72)!important}#categoryStrip{background:rgba(24,29,40,.72)!important}