:root{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#020713}.shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,rgba(105,216,255,.18),transparent 25rem),radial-gradient(circle at 76% 78%,rgba(216,246,255,.12),transparent 22rem),linear-gradient(180deg,#071525,#020303 66%,#000000)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;will-change:transform}.glass{border:1px solid rgba(155,255,207,.16);background:linear-gradient(180deg,rgba(11,28,19,.78),rgba(2,8,5,.58));box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.18)}.hud{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px;right:12px;display:grid;grid-template-columns:1fr auto minmax(180px,240px);gap:10px;pointer-events:none}.brand{border-radius:22px;padding:10px 13px;display:flex;align-items:center;gap:10px}.brand img{width:30px;height:30px;border-radius:9px;box-shadow:0 0 22px rgba(25,255,150,.25)}.brand b{display:block;font-size:18px;letter-spacing:-.03em}.brand span{font-size:12px;color:#a8cbb7}.stats{border-radius:22px;padding:8px;display:grid;grid-template-columns:repeat(3,58px);gap:4px}.stats div{border-radius:15px;background:rgba(255,255,255,.045);padding:6px;text-align:center}.stats span,.vitalTop span{display:block;font-size:10px;color:#8cb49d;text-transform:uppercase;letter-spacing:.08em}.stats b{font-size:15px}.vitals{border-radius:22px;padding:10px 12px;align-self:stretch;display:grid;align-content:center;gap:6px}.vitalTop{display:flex;justify-content:space-between;align-items:center}.vitalTop b{font-size:14px}.balanceTrack{position:relative;height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.balanceTrack b,.balanceTrack i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width .18s ease}.balanceTrack b{z-index:2;background:linear-gradient(90deg,#35f7a0,#d8f6ff)}.balanceTrack i{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(0,225,255,.58));box-shadow:0 0 18px rgba(0,225,255,.28)}.panel{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,rgba(0,255,140,.12),transparent 22rem);z-index:5}.panel[hidden]{display:none}.card{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;border-radius:32px;padding:24px;animation:pop .32s cubic-bezier(.2,1.25,.35,1);overscroll-behavior:contain}.card::-webkit-scrollbar{width:0}.how.compact{grid-template-columns:1fr 1fr;margin:12px 0}.how.compact div{padding:10px}.how.compact span{font-size:11px}.eyebrow{margin:0 0 8px;color:#1cff9b;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900}.card h1,.card h2{margin:0;font-size:clamp(44px,13vw,78px);line-height:.86;letter-spacing:-.075em}.lead{color:#d8f9e5;font-size:15px;line-height:1.55}.how{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.how div{border-radius:18px;padding:12px;background:rgba(255,255,255,.055)}.how b{display:block}.how span{display:block;margin-top:3px;font-size:12px;color:#a7c9b7}.primary{border:0;border-radius:999px;padding:15px 18px;width:100%;font:900 15px/1 Inter,system-ui;color:#041008;background:linear-gradient(135deg,#35f7a0,#d8f6ff 52%,#ff5e7a);box-shadow:0 18px 48px rgba(22,255,141,.22);transition:transform .14s ease,filter .14s ease}.primary:active{transform:scale(.975);filter:brightness(1.14)}.fine{color:#91b8a2;font-size:12px;line-height:1.45}.leaderboard{display:grid;gap:6px;margin:12px 0 16px}.leaderboard>b{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#8cb49d}.leaderboard span{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;border-radius:14px;background:rgba(255,255,255,.055);padding:8px 10px}.leaderboard em{font-style:normal;color:#8cb49d;font-weight:950}.leaderboard strong{color:#f5fff9}.leaderboard small{color:#a7c9b7;font-size:11px}.toast{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:999px;padding:10px 14px;font-weight:900;pointer-events:none;animation:toastPop .2s ease}.toast[hidden]{display:none}.controlsPad{position:absolute;z-index:4;left:12px;right:12px;bottom:calc(42px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;max-width:620px;margin-inline:auto}.tradeBtn{border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:14px 12px 13px;color:#061008;font:950 20px/1 Inter,system-ui;box-shadow:0 20px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.28);touch-action:manipulation;user-select:none}.tradeBtn small{display:block;margin-top:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.tradeBtn.buy{background:linear-gradient(135deg,#35f7a0,#d8f6ff)}.tradeBtn.sell{background:linear-gradient(135deg,#ff5e7a,#ff9a6b);color:#160406}.tradeBtn.close{background:linear-gradient(135deg,#e8fff2,#69d8ff);color:#041018}.tradeBtn:active,.tradeBtn.hit{transform:translateY(2px) scale(.985);filter:brightness(1.16)}.tradeBtn.holding{transform:translateY(2px) scale(.985);filter:brightness(1.22) saturate(1.18);box-shadow:0 0 0 3px rgba(255,255,255,.18),0 20px 54px rgba(0,0,0,.4),inset 0 0 28px rgba(255,255,255,.28)}.bottom{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:780px;margin-inline:auto;text-align:center;color:#97bba7;font-size:12px;pointer-events:none}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes toastPop{from{transform:translate(-50%,-50%) scale(.86);opacity:.45}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media(max-width:640px){.card{padding:16px;border-radius:24px}.card h1,.card h2{font-size:clamp(36px,11vw,52px);letter-spacing:-.06em}.lead{font-size:13px;line-height:1.35;margin:10px 0}.how.compact{grid-template-columns:1fr;gap:6px;margin:10px 0}.how.compact div{padding:9px 10px;border-radius:14px}.leaderboard{margin:8px 0 10px;gap:4px}.leaderboard span{padding:6px 8px}.fine{font-size:10.5px;margin:8px 0 0}.primary{padding:13px 16px}.controlsPad{grid-template-columns:1fr 1fr 1fr;gap:7px}.hud{grid-template-columns:1fr 1fr;gap:7px;top:calc(8px + env(safe-area-inset-top))}.brand{grid-column:1/-1;padding:8px 10px;border-radius:18px}.brand img{width:25px;height:25px}.brand b{font-size:15px}.brand span{font-size:10px}.stats{grid-template-columns:repeat(3,1fr);padding:6px;border-radius:18px}.stats div{padding:5px 3px;border-radius:12px}.stats span,.vitalTop span{font-size:8.5px}.stats b{font-size:12px}.vitals{padding:8px 9px;border-radius:18px}.vitalTop b{font-size:12px}.balanceTrack{height:10px}.how{grid-template-columns:1fr}.controlsPad{bottom:calc(38px + env(safe-area-inset-bottom))}.tradeBtn{border-radius:18px;padding:12px 8px;font-size:16px}.bottom{font-size:11px}}

.nameForm{display:grid;gap:9px;margin:14px 0 10px}.nameForm label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#8cb49d;font-weight:900}.nameForm input{width:100%;border:1px solid rgba(155,255,207,.22);border-radius:18px;padding:14px 15px;background:rgba(255,255,255,.07);color:#f5fff9;font:900 18px/1 Inter,system-ui;outline:none;text-transform:uppercase}.nameForm input:focus{border-color:rgba(22,255,141,.72);box-shadow:0 0 0 3px rgba(22,255,141,.14)}.ghostBtn{border:1px solid rgba(155,255,207,.22);border-radius:999px;padding:12px 14px;width:100%;font:900 13px/1 Inter,system-ui;color:#c8ffe0;background:rgba(255,255,255,.055);margin-top:8px}

.brand .sigil{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:950;color:#020713;background:linear-gradient(135deg,#35f7a0,#69d8ff,#d8f6ff);box-shadow:0 0 26px rgba(105,216,255,.18);letter-spacing:-.06em}
.card h1{white-space:normal}

/* theme-specific skin depth pass */
.themeLayer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.themeLayer *{box-sizing:border-box}.hud,.controlsPad,.bottom,.panel,.toast{z-index:4}.panel{z-index:5}.brand .sigil{font-size:10px}.stats,.vitals,.brand,.tradeBtn{transition:transform .18s ease,filter .18s ease}.tradeBtn{min-height:66px}.bottom{font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.85)}@media(max-width:640px){.tradeBtn span{font-size:13px;letter-spacing:-.02em}.tradeBtn small{font-size:8.5px}.brand .sigil{width:28px;height:28px;font-size:9px}}

:root{font-family:"Helvetica Neue",Arial,sans-serif}.shell::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 82% 14%,rgba(216,246,255,.28),transparent 7rem),linear-gradient(115deg,rgba(105,216,255,.08),transparent 36%,rgba(255,255,255,.035) 36.2%,transparent 36.6%);pointer-events:none}.glass{background:linear-gradient(180deg,rgba(6,19,34,.76),rgba(1,5,11,.66));border-color:rgba(216,246,255,.22);box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(22px) saturate(1.1)}.brand{border-radius:18px!important}.brand .sigil{background:linear-gradient(135deg,#d8f6ff,#69d8ff)!important;color:#020713!important;border-radius:50%!important}.stats div,.how div{background:rgba(216,246,255,.055)}.tradeBtn{border-radius:16px;padding-block:15px;box-shadow:0 18px 45px rgba(0,0,0,.36)}.bottom{color:#ccebf6}.moonOrb{position:absolute;right:22px;top:126px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#d8f6ff 34%,#69d8ff 68%,rgba(105,216,255,.18));box-shadow:0 0 48px rgba(105,216,255,.38);opacity:.82}.clubBadge{position:absolute;left:16px;top:150px;border:1px solid rgba(216,246,255,.22);background:rgba(2,7,19,.48);border-radius:18px;padding:10px 12px;color:#d8f6ff}.clubBadge b{display:block;letter-spacing:.28em;font-size:12px}.clubBadge span{text-transform:uppercase;color:#86bad0;font-size:9px;letter-spacing:.12em}.sessionRail{position:absolute;right:15px;bottom:124px;display:grid;gap:6px}.sessionRail span{border:1px solid rgba(216,246,255,.18);background:rgba(2,7,19,.36);border-radius:999px;padding:6px 9px;color:#d8f6ff;font:850 9px/1 Inter;letter-spacing:.08em}@media(max-width:640px){.moonOrb{top:117px;right:12px;width:62px;height:62px}.clubBadge{top:130px;left:10px}.sessionRail{bottom:114px;right:10px}.sessionRail span{font-size:8px;padding:5px 8px}}

/* color-scheme pass: premium moon skin, chart semantic colors stay standard */
:root{--skin-bg:#020916;--skin-panel:#07182a;--skin-line:#8bdcff;--skin-accent:#d8f6ff;--skin-ink:#edfaff;--skin-muted:#91bdd0;--skin-danger:#ff375f}.shell{background:radial-gradient(circle at 82% 13%,rgba(216,246,255,.30),transparent 8rem),radial-gradient(circle at 18% 75%,rgba(105,216,255,.12),transparent 16rem),linear-gradient(180deg,#06182d,#020916 62%,#01040a)!important}.glass{background:linear-gradient(180deg,rgba(9,28,48,.82),rgba(1,7,16,.72))!important;border-color:rgba(216,246,255,.26)!important}.brand,.stats,.vitals{box-shadow:0 22px 62px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.13)!important}.brand b,.stats b,.vitalTop b{color:#edfaff}.brand span,.stats span,.vitalTop span{color:#91bdd0}.balanceTrack b{background:linear-gradient(90deg,#8bdcff,#d8f6ff)!important}.primary{background:linear-gradient(135deg,#d8f6ff,#8bdcff)!important;color:#02101d!important}.tradeBtn.buy{background:linear-gradient(135deg,#16ff8d,#d8f6ff)!important}.tradeBtn.sell{background:linear-gradient(135deg,#ff375f,#ff9aad)!important}.tradeBtn.close{background:linear-gradient(135deg,#eefbff,#8bdcff)!important;color:#02101d!important}.panel{background:radial-gradient(circle at 58% 36%,rgba(216,246,255,.18),transparent 23rem)!important}.clubBadge,.sessionRail span{background:rgba(4,15,31,.66)!important}
/* font normalization pass */
:root,body,button,input,.card,.brand,.stats,.vitals,.bottom{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important}

/* chart clarity pass: no decorative UI may cover the playable chart/orderbook */
.themeLayer{display:none!important}.shell::before{opacity:.42!important}.shell::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.10),transparent 18%,transparent 78%,rgba(0,0,0,.18));}.hud,.controlsPad,.bottom,.panel,.toast{z-index:4}.panel{z-index:5}


/* text color contrast pass */
body,.shell{color:#edfaff!important}
.brand b,.stats b,.vitalTop b,.card h1,.card h2,.leaderboard strong,.nameForm input{color:#edfaff!important}
.brand span,.lead,.fine,.how span,.leaderboard small,.bottom{color:#c7e9f7!important}
.stats span,.vitalTop span,.leaderboard>b,.leaderboard em,.nameForm label,.eyebrow{color:#8bdcff!important}
.card,.panel .glass{background:linear-gradient(180deg,rgba(7,24,42,.91),rgba(0,0,0,.78))!important}
.how div,.leaderboard span,.stats div,.nameForm input,.ghostBtn{background:rgba(139,220,255,.075)!important}
.nameForm input{border-color:color-mix(in srgb, #8bdcff 42%, transparent)!important}
.tradeBtn span{color:rgba(2,8,5,.96)!important}
.tradeBtn small{color:rgba(2,8,5,.72)!important}
.tradeBtn.sell span,.tradeBtn.sell small{color:rgba(24,2,8,.95)!important}
.tradeBtn.close span,.tradeBtn.close small{color:rgba(2,13,18,.92)!important}
.toast{color:#edfaff!important;background:linear-gradient(180deg,rgba(7,24,42,.91),rgba(0,0,0,.82))!important;border-color:color-mix(in srgb, #8bdcff 34%, transparent)!important}
