:root{font-family:Inter,"Arial Rounded MT Bold",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#030604}.shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,rgba(125,255,69,.17),transparent 25rem),radial-gradient(circle at 76% 78%,rgba(240,184,74,.16),transparent 22rem),linear-gradient(180deg,#101006,#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,#7dff45,#f0b84a)}.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,#7dff45,#f0b84a 52%,#ff4054);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,#7dff45,#f0b84a)}.tradeBtn.sell{background:linear-gradient(135deg,#ff4054,#ff9a6b);color:#160406}.tradeBtn.close{background:linear-gradient(135deg,#e8fff2,#24ffd2);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:#030604;background:linear-gradient(135deg,#7dff45,#24ffd2,#f0b84a);box-shadow:0 0 26px rgba(125,255,69,.17);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:"Trebuchet MS",Inter,system-ui,sans-serif}.shell::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 16% 80%,rgba(125,255,69,.16),transparent 12rem),radial-gradient(circle at 72% 12%,rgba(240,184,74,.12),transparent 10rem),repeating-linear-gradient(100deg,rgba(240,184,74,.035) 0 1px,transparent 1px 14px);pointer-events:none}.glass{background:linear-gradient(180deg,rgba(18,18,5,.86),rgba(2,5,3,.7));border-color:rgba(125,255,69,.22);border-radius:16px 8px 18px 10px!important;box-shadow:0 22px 60px rgba(0,0,0,.52),inset 0 0 26px rgba(125,255,69,.04)}.brand .sigil{font-size:8px;background:linear-gradient(135deg,#7dff45,#f0b84a)!important}.tradeBtn{border-radius:18px 8px 20px 10px;transform:skewX(-2deg);text-shadow:0 1px 0 rgba(255,255,255,.22)}.tradeBtn span,.tradeBtn small{display:block;transform:skewX(2deg)}.goblinFace{position:absolute;left:13px;top:146px;width:70px;height:58px;border-radius:38% 42% 45% 35%;background:linear-gradient(160deg,#7dff45,#355b1d);box-shadow:0 0 28px rgba(125,255,69,.25);border:2px solid rgba(240,184,74,.45)}.goblinFace:before,.goblinFace:after{content:"";position:absolute;top:13px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.goblinFace:before{left:-12px;border-right:18px solid #5ca82f}.goblinFace:after{right:-12px;border-left:18px solid #5ca82f}.goblinFace i{position:absolute;top:21px;width:10px;height:10px;border-radius:50%;background:#050805;box-shadow:0 0 0 2px #f0b84a}.goblinFace i:first-child{left:18px}.goblinFace i:nth-child(2){right:18px}.goblinFace b{position:absolute;left:22px;right:22px;bottom:13px;height:4px;background:#050805;border-radius:99px}.greedMeter{position:absolute;right:13px;top:142px;display:grid;gap:5px;padding:8px;border:1px solid rgba(255,64,84,.35);background:rgba(8,4,2,.5);border-radius:8px;color:#ff4054;font:950 9px/1 Inter}.greedMeter em{width:48px;height:8px;border-radius:4px;background:linear-gradient(90deg,#7dff45,#f0b84a,#ff4054)}.warningScrap{position:absolute;right:20px;bottom:128px;transform:rotate(-6deg);background:#f0b84a;color:#160806;padding:7px 9px;border-radius:3px;font:950 10px/1 Inter;box-shadow:0 8px 18px rgba(0,0,0,.35)}@media(max-width:640px){.goblinFace{top:132px;width:58px;height:48px}.greedMeter{top:130px}.warningScrap{bottom:118px}}

/* color-scheme pass: goblin skin, chart semantic colors stay standard */
:root{--skin-bg:#090b03;--skin-panel:#171703;--skin-line:#91ff3d;--skin-accent:#c9892e;--skin-ink:#f1ffd1;--skin-muted:#b7d26d;--skin-danger:#ff375f}.shell{background:radial-gradient(circle at 18% 76%,rgba(145,255,61,.20),transparent 13rem),radial-gradient(circle at 83% 18%,rgba(201,137,46,.19),transparent 12rem),linear-gradient(180deg,#121405,#050702 66%,#010201)!important}.glass{background:linear-gradient(180deg,rgba(22,25,5,.9),rgba(3,6,2,.76))!important;border-color:rgba(145,255,61,.28)!important}.brand,.stats,.vitals{box-shadow:0 0 0 1px rgba(145,255,61,.08),0 20px 54px rgba(0,0,0,.56),inset 0 0 24px rgba(145,255,61,.035)!important}.brand b,.stats b,.vitalTop b{color:#f1ffd1}.brand span,.stats span,.vitalTop span{color:#b7d26d}.balanceTrack b{background:linear-gradient(90deg,#91ff3d,#c9892e)!important}.primary{background:linear-gradient(135deg,#91ff3d,#c9892e 56%,#ff375f)!important;color:#101400!important}.tradeBtn.buy{background:linear-gradient(135deg,#91ff3d,#d5ff78)!important}.tradeBtn.sell{background:linear-gradient(135deg,#ff375f,#c9892e)!important}.tradeBtn.close{background:linear-gradient(135deg,#e9ffd5,#6f8d38)!important;color:#0b1302!important}.panel{background:radial-gradient(circle at 42% 42%,rgba(145,255,61,.12),transparent 21rem)!important}.warningScrap{background:#c9892e!important}.greedMeter{border-color:rgba(255,55,95,.52)!important}
/* font normalization pass */
:root,body,button,input,.card,.brand,.stats,.vitals,.bottom{font-family:Inter,"Arial Rounded MT Bold",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:#f4ffd8!important}
.brand b,.stats b,.vitalTop b,.card h1,.card h2,.leaderboard strong,.nameForm input{color:#f4ffd8!important}
.brand span,.lead,.fine,.how span,.leaderboard small,.bottom{color:#d6ef9a!important}
.stats span,.vitalTop span,.leaderboard>b,.leaderboard em,.nameForm label,.eyebrow{color:#c9892e!important}
.card,.panel .glass{background:linear-gradient(180deg,rgba(22,25,5,.93),rgba(0,0,0,.78))!important}
.how div,.leaderboard span,.stats div,.nameForm input,.ghostBtn{background:rgba(145,255,61,.085)!important}
.nameForm input{border-color:color-mix(in srgb, #c9892e 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:#f4ffd8!important;background:linear-gradient(180deg,rgba(22,25,5,.93),rgba(0,0,0,.82))!important;border-color:color-mix(in srgb, #c9892e 34%, transparent)!important}
