:root{font-family:Inter,"Avenir Next",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#08020f}.shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,rgba(141,92,255,.22),transparent 25rem),radial-gradient(circle at 76% 78%,rgba(255,211,90,.18),transparent 22rem),linear-gradient(180deg,#160528,#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,#59ff7a,#ffd35a)}.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,#59ff7a,#ffd35a 52%,#ff477e);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,#59ff7a,#ffd35a)}.tradeBtn.sell{background:linear-gradient(135deg,#ff477e,#ff9a6b);color:#160406}.tradeBtn.close{background:linear-gradient(135deg,#e8fff2,#8d5cff);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:#08020f;background:linear-gradient(135deg,#59ff7a,#8d5cff,#ffd35a);box-shadow:0 0 26px rgba(141,92,255,.22);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:"Avenir Next",Inter,system-ui,sans-serif}.shell::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 20% 18%,rgba(255,211,90,.2),transparent 7rem),radial-gradient(circle at 82% 16%,rgba(141,92,255,.28),transparent 9rem),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 18px);pointer-events:none}.glass{background:linear-gradient(180deg,rgba(33,8,58,.82),rgba(11,1,18,.7));border-color:rgba(255,211,90,.24);box-shadow:0 20px 60px rgba(141,92,255,.25),inset 0 1px 0 rgba(255,255,255,.1)}.brand{border-radius:999px!important}.brand .sigil{border-radius:999px!important;color:#160528!important}.stats div{background:rgba(141,92,255,.13)}.tradeBtn{border-radius:999px;border-width:2px;box-shadow:0 0 24px rgba(141,92,255,.22),0 18px 50px rgba(0,0,0,.42)}.tradeBtn.buy{filter:saturate(1.25)}.moonMeter{position:absolute;right:12px;top:150px;width:64px;padding:9px;border-radius:999px;background:linear-gradient(180deg,rgba(255,211,90,.18),rgba(141,92,255,.18));border:1px solid rgba(255,211,90,.32);display:grid;gap:5px;text-align:center;color:#ffd35a;font:950 8px/1 Inter}.moonMeter i{height:10px;border-radius:99px;background:linear-gradient(90deg,#8d5cff,#ffd35a)}.moonMeter span{font-size:13px;color:#59ff7a}.garagePlate{position:absolute;left:18px;top:168px;background:linear-gradient(135deg,#ffd35a,#ff477e);color:#160528;border-radius:999px;padding:7px 12px;font:950 10px/1 Inter;box-shadow:0 0 24px rgba(255,211,90,.28)}.rocketTrail{position:absolute;right:98px;top:126px;color:#ffd35a;font-size:30px;text-shadow:0 0 25px #8d5cff;transform:rotate(28deg)}@media(max-width:640px){.moonMeter{top:137px;right:8px;width:54px}.garagePlate{top:136px;left:10px}.rocketTrail{top:112px;right:74px}}

/* color-scheme pass: arcade skin, chart semantic colors stay standard */
:root{--skin-bg:#100018;--skin-panel:#23043e;--skin-line:#a566ff;--skin-accent:#ffd35a;--skin-ink:#fff0ff;--skin-muted:#d2a8ff;--skin-danger:#ff4fa0}.shell{background:radial-gradient(circle at 24% 15%,rgba(255,211,90,.24),transparent 10rem),radial-gradient(circle at 76% 12%,rgba(165,102,255,.34),transparent 14rem),radial-gradient(circle at 58% 88%,rgba(255,79,160,.18),transparent 16rem),linear-gradient(180deg,#210336,#08000f 62%,#020004)!important}.glass{background:linear-gradient(180deg,rgba(50,8,86,.86),rgba(12,0,22,.74))!important;border-color:rgba(255,211,90,.34)!important}.brand,.stats,.vitals{box-shadow:0 0 0 1px rgba(255,211,90,.08),0 0 44px rgba(165,102,255,.18),inset 0 1px 0 rgba(255,255,255,.11)!important}.brand b,.stats b,.vitalTop b{color:#fff5c9}.brand span,.stats span,.vitalTop span{color:#d7b5ff}.balanceTrack b{background:linear-gradient(90deg,#ff4fa0,#ffd35a)!important}.primary{background:linear-gradient(135deg,#ffd35a,#ff4fa0 54%,#a566ff)!important;color:#19001f!important}.tradeBtn.buy{background:linear-gradient(135deg,#ffd35a,#78ff66)!important}.tradeBtn.sell{background:linear-gradient(135deg,#ff4fa0,#ff7b45)!important}.tradeBtn.close{background:linear-gradient(135deg,#f5e6ff,#a566ff)!important;color:#180026!important}.panel{background:radial-gradient(circle at 48% 38%,rgba(165,102,255,.24),transparent 23rem)!important}.moonMeter,.garagePlate{box-shadow:0 0 32px rgba(255,211,90,.25),0 0 44px rgba(165,102,255,.2)}
/* font normalization pass */
:root,body,button,input,.card,.brand,.stats,.vitals,.bottom{font-family:Inter,"Avenir Next",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:#fff7d7!important}
.brand b,.stats b,.vitalTop b,.card h1,.card h2,.leaderboard strong,.nameForm input{color:#fff7d7!important}
.brand span,.lead,.fine,.how span,.leaderboard small,.bottom{color:#f0d6ff!important}
.stats span,.vitalTop span,.leaderboard>b,.leaderboard em,.nameForm label,.eyebrow{color:#ffd35a!important}
.card,.panel .glass{background:linear-gradient(180deg,rgba(38,6,66,.92),rgba(0,0,0,.78))!important}
.how div,.leaderboard span,.stats div,.nameForm input,.ghostBtn{background:rgba(255,211,90,.10)!important}
.nameForm input{border-color:color-mix(in srgb, #ffd35a 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:#fff7d7!important;background:linear-gradient(180deg,rgba(38,6,66,.92),rgba(0,0,0,.82))!important;border-color:color-mix(in srgb, #ffd35a 34%, transparent)!important}
