:root{font-family:Inter,ui-rounded,"SF Pro Display",system-ui,sans-serif;background:#050806;color:#f2fff8;color-scheme:dark;-webkit-tap-highlight-color:transparent;touch-action:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#050806}.shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,rgba(0,255,140,.17),transparent 25rem),radial-gradient(circle at 76% 78%,rgba(255,43,80,.13),transparent 22rem),linear-gradient(180deg,#07110c,#030504 66%,#010201)}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) auto;gap:10px;pointer-events:none}.brand{border-radius:22px;padding:10px 14px;display:flex;align-items:center;gap:10px}.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}.stats b.profit{color:#16ff8d;text-shadow:0 0 16px rgba(22,255,141,.35)}.stats b.loss{color:#ff375f;text-shadow:0 0 16px rgba(255,55,95,.35)}.peakBadge{border-radius:22px;padding:10px 13px;min-width:104px;display:grid;align-content:center;text-align:right}.peakBadge span{display:block;font-size:10px;color:#8cb49d;text-transform:uppercase;letter-spacing:.08em}.peakBadge b{font-size:16px;color:#d9ff62}.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{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width .18s ease;z-index:2;background:linear-gradient(90deg,#16ff8d,#d9ff62)}.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,#16ff8d,#d9ff62 52%,#ff375f);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;gap:8px;max-width:620px;margin-inline:auto}.tradeBtn.close{grid-column:1/-1;min-height:52px}.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,#16ff8d,#d9ff62)}.tradeBtn.sell{background:linear-gradient(135deg,#ff375f,#ff9a6b);color:#160406}.tradeBtn.close{background:linear-gradient(135deg,#e8fff2,#00e1ff);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;gap:7px}.hud{grid-template-columns:1fr 1fr;gap:7px;top:calc(8px + env(safe-area-inset-top))}.brand{padding:8px 10px;border-radius:18px}.brand b{font-size:15px}.brand span{font-size:10px}.stats{grid-column:1/-1;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}.peakBadge{padding:8px 10px;border-radius:18px;min-width:0}.peakBadge span{font-size:8.5px}.peakBadge b{font-size:12px}.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}.tradeBtn.close{min-height:46px}.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}


/* Integrated title + peak + close PnL polish */
.hud{grid-template-columns:minmax(280px,1fr) auto minmax(180px,240px)}
.brand{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.brandCopy{min-width:0}.brandCopy b,.brandCopy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand .peakBadge{min-width:92px;padding:0 0 0 12px;border-left:1px solid rgba(155,255,207,.18);border-radius:0;background:transparent;box-shadow:none;text-align:right}
.brand .peakBadge span{font-size:9px}.brand .peakBadge b{font-size:16px}
.tradeBtn.close.profit small{color:#027a40;opacity:1}.tradeBtn.close.loss small{color:#b00025;opacity:1}
@media(max-width:640px){.hud{grid-template-columns:1fr 1fr}.brand{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto}.brand .peakBadge{min-width:74px;padding-left:8px}.brand .peakBadge span{font-size:7.8px}.brand .peakBadge b{font-size:12px}}


/* Endless-run HUD: equity inline, no target bar */
.hud{grid-template-columns:minmax(260px,1fr) minmax(340px,auto)}
.stats{grid-template-columns:repeat(4,minmax(64px,1fr));min-width:340px}
.stats div{min-width:0}.stats b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vitals{display:none!important}
@media(max-width:640px){
  .hud{grid-template-columns:1fr!important}
  .stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
  .stats b{font-size:11px}
}
@media(max-width:380px){.stats span{font-size:7.5px}.stats b{font-size:10px}}


/* Local high score + result sharing */
.brandMetrics{display:grid;grid-template-columns:auto auto;gap:10px;align-items:center}
.brand .highBadge b{color:#00e1ff}
.runProof,.sharedRun{border:1px solid rgba(155,255,207,.18);border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.055);margin:12px 0;display:grid;gap:4px}
.runProof b,.sharedRun b{color:#f5fff9;font-size:17px}.runProof span,.sharedRun span{color:#a7c9b7;font-size:12px;font-weight:850}
.shareActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 2px}.shareActions .ghostBtn{margin-top:0}
@media(max-width:640px){.brandMetrics{gap:7px}.shareActions{grid-template-columns:1fr}.brand .peakBadge{min-width:68px}.brand .peakBadge b{font-size:11px!important}}


/* End-run lives with run stats, not order controls */
.endRunTop{border:1px solid rgba(155,255,207,.22);border-radius:14px;padding:9px 10px;background:rgba(245,255,249,.09);color:#d8f9e5;font:950 10px/1 Inter,system-ui;letter-spacing:.08em;white-space:nowrap;pointer-events:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.endRunTop:active{transform:translateY(1px);filter:brightness(1.2)}
@media(max-width:640px){.brandMetrics{grid-template-columns:auto auto auto}.endRunTop{padding:8px 7px;font-size:8.5px;border-radius:12px}.brand .peakBadge{min-width:58px}}
@media(max-width:380px){.endRunTop{font-size:7.5px;padding:7px 6px}.brandMetrics{gap:5px}}

/* Language toggle */
.langToggle{position:absolute;z-index:6;right:12px;top:calc(86px + env(safe-area-inset-top));border:1px solid rgba(155,255,207,.22);border-radius:999px;padding:8px 10px;background:rgba(245,255,249,.08);color:#d8f9e5;font:950 10px/1 Inter,system-ui;letter-spacing:.04em;pointer-events:auto;touch-action:manipulation}
.langToggle:active{transform:translateY(1px);filter:brightness(1.2)}
@media(max-width:640px){.langToggle{top:calc(122px + env(safe-area-inset-top));right:8px;padding:7px 9px;font-size:9px}}
@media(max-width:380px){.langToggle{top:calc(118px + env(safe-area-inset-top));font-size:8px}}