: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}}

/* Rekt site polish: compact terminal clarity, no decorative logo dependency */
:root{--rekt-green:#16ff8d;--rekt-gold:#d9ff62;--rekt-red:#ff375f;--rekt-panel:rgba(4,12,8,.76)}
.glass{border-color:rgba(217,255,98,.18)!important;background:linear-gradient(180deg,rgba(9,24,16,.84),rgba(2,6,4,.66))!important}
.card{border-radius:26px!important}.card h1,.card h2{letter-spacing:-.065em!important}.eyebrow{color:var(--rekt-gold)!important;letter-spacing:.18em!important}
.primary,.cta{box-shadow:0 16px 42px rgba(22,255,141,.20)!important}.tradeBtn{letter-spacing:-.025em}.bottom{color:#b6d7c4!important}
.langToggle{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;border-radius:999px!important;padding:8px 11px!important;background:rgba(2,8,5,.72)!important;color:#dfffee!important;border:1px solid rgba(217,255,98,.26)!important;box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}
.langToggle::before{content:"";width:16px;height:16px;border:1.8px solid currentColor;border-radius:50%;display:inline-block;background:linear-gradient(90deg,transparent 43%,currentColor 44% 56%,transparent 57%),linear-gradient(0deg,transparent 43%,currentColor 44% 56%,transparent 57%);opacity:.94}
.langToggle:focus-visible,.tradeBtn:focus-visible,.primary:focus-visible{outline:2px solid var(--rekt-gold);outline-offset:3px}
@media(max-width:640px){.card{border-radius:22px!important}.langToggle{min-height:34px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Final user-facing UI/UX cleanup */
:root{--hit:44px}.brand,.stats,.vitals,.peakBadge,.tradeBtn,.modeBtn,.primary,.ghostBtn,.authToggle,.langToggle{backdrop-filter:blur(14px) saturate(1.08)}
button,.modeBtn,.tradeBtn,.primary,.ghostBtn,.authToggle,.langToggle{min-height:var(--hit);cursor:pointer}
button:disabled{opacity:.54;filter:saturate(.65);cursor:not-allowed}.stats b,.vitalTop b,.peakBadge b{font-variant-numeric:tabular-nums;white-space:nowrap}.stats span,.vitalTop span,.peakBadge span{line-height:1.05}.card .lead{max-width:58ch}.runProof{border:1px solid rgba(217,255,98,.18);border-radius:18px;padding:12px;background:rgba(255,255,255,.055);display:grid;gap:4px}.runProof b{font-size:18px}.runProof span{color:#a9c9b8;font-size:12px;line-height:1.35}.resultActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.resultActions button{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:12px 13px;background:rgba(255,255,255,.06);color:#f4fff8;font-weight:950}.resultActions button:first-child{background:linear-gradient(135deg,var(--rekt-green,#16ff8d),var(--rekt-gold,#d9ff62));color:#041008}.nameForm input:focus-visible{outline:2px solid var(--rekt-gold,#d9ff62);outline-offset:2px}
@media(min-width:641px){.stats:has([data-i18n="equity"]){grid-template-columns:repeat(4,minmax(62px,1fr))!important}.hud:has(.peakBadge){grid-template-columns:minmax(260px,1fr) minmax(280px,auto) minmax(180px,240px) auto!important}.brandMetrics{display:flex;align-items:center;gap:8px;margin-left:auto}.endRunTop{pointer-events:auto;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 12px;background:rgba(255,255,255,.07);color:#eafff3;font-weight:950}}
@media(max-width:640px){.stats:has([data-i18n="equity"]){grid-template-columns:repeat(4,minmax(0,1fr))!important}.stats:has([data-i18n="equity"]) div{min-width:0}.stats:has([data-i18n="equity"]) b{font-size:11px}.brandMetrics{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;width:100%}.endRunTop{min-height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#eafff3;font-size:10px;font-weight:950}.resultActions{grid-template-columns:1fr}.tradeBtn small{line-height:1.05}.card{scrollbar-width:none}.modeGrid.nested{gap:10px}.modeSection h3{margin:10px 0 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d9ff62}.rankStrip{flex-wrap:wrap;overflow:visible}.rankStrip span{flex:1 1 calc(50% - 5px)}}

/* single Japanese menu-focus pass */
.shell:has(.panel:not([hidden])) .hud,
.shell:has(.panel:not([hidden])) .controlsPad,
.shell:has(.panel:not([hidden])) .bottom{opacity:0;pointer-events:none;transform:translateY(8px);filter:blur(2px)}
.shell:has(.panel:not([hidden])) canvas{opacity:.38;filter:saturate(.85) brightness(.78)}
.panel{background:radial-gradient(circle at 50% 40%,rgba(0,255,140,.16),transparent 20rem),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.42))}.card{overflow:hidden}.card h1{font-size:clamp(42px,12vw,70px)}.how.compact div{min-width:0}.how.compact b{font-size:13px}.how.compact span{line-height:1.28}.leaderboard>b{letter-spacing:.10em}.langToggle{z-index:9;min-width:54px;justify-content:center}.tradeBtn.close small{display:none}
@media(max-width:640px){.card{padding:15px}.card h1{font-size:clamp(38px,11vw,50px)}.card .lead{font-size:13px;line-height:1.32}.how.compact{grid-template-columns:1fr 1fr!important}.how.compact div{padding:8px}.how.compact span{font-size:10.5px}.leaderboard span{grid-template-columns:30px 1fr auto}.fine{display:none}.primary{min-height:44px}.tradeBtn.close small{display:none}}
@media(max-width:380px),(max-height:760px){.card{padding:13px}.card .lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.how.compact span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.leaderboard{display:none}}

/* unified language dropdown pass */
.langWrap{position:absolute;z-index:12;right:12px;top:calc(86px + env(safe-area-inset-top));pointer-events:auto}.langWrap[hidden]{display:none!important}.langWrap .langToggle{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:64px!important}.langWrap .langToggle::before{content:none!important}.langWrap .globe{width:16px;height:16px;border:1.8px solid currentColor;border-radius:50%;display:inline-block;background:linear-gradient(90deg,transparent 43%,currentColor 44% 56%,transparent 57%),linear-gradient(0deg,transparent 43%,currentColor 44% 56%,transparent 57%);opacity:.94}.langMenu{position:absolute;right:0;top:calc(100% + 7px);display:grid;gap:4px;min-width:92px;padding:6px;border-radius:16px;background:rgba(2,8,5,.92)!important;border:1px solid rgba(217,255,98,.28)!important;box-shadow:0 18px 44px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}.langMenu[hidden]{display:none!important}.langMenu button{min-height:36px;border:0;border-radius:11px;background:transparent;color:#eafff3;font:950 12px/1 Inter,system-ui;letter-spacing:.04em;text-align:left;padding:0 10px}.langMenu button.active,.langMenu button:focus-visible{background:linear-gradient(135deg,rgba(22,255,141,.22),rgba(217,255,98,.16));color:#f7ffe8;outline:none}.langMenu button:active{transform:translateY(1px)}
@media(max-width:640px){.langWrap{right:8px;top:calc(122px + env(safe-area-inset-top))}.langWrap .langToggle{min-height:34px!important;min-width:58px!important}.langMenu{min-width:86px}}
@media(max-width:380px){.langWrap{top:calc(118px + env(safe-area-inset-top))}}

/* realized PnL equity juice */
@keyframes equityProfitPop{0%{transform:scale(1);filter:brightness(1)}22%{transform:scale(1.22) translateY(-1px);filter:brightness(1.55);text-shadow:0 0 12px rgba(22,255,141,.95),0 0 28px rgba(217,255,98,.46)}55%{transform:scale(.96) translateY(0);filter:brightness(1.18)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes equityLossHit{0%{transform:translateX(0) scale(1);filter:brightness(1)}16%{transform:translateX(-5px) scale(1.09);filter:brightness(1.35);text-shadow:0 0 14px rgba(255,55,95,.98),0 0 28px rgba(255,55,95,.36)}32%{transform:translateX(5px) scale(1.06)}48%{transform:translateX(-3px) scale(1.03)}72%{transform:translateX(2px) scale(.99)}100%{transform:translateX(0) scale(1);filter:brightness(1)}}
.equityJuiceProfit{color:#dfff7a!important;animation:equityProfitPop .62s cubic-bezier(.16,1.2,.28,1) both;will-change:transform,filter,text-shadow}.equityJuiceLoss{color:#ff6f8b!important;animation:equityLossHit .58s cubic-bezier(.2,1.1,.35,1) both;will-change:transform,filter,text-shadow}.equityJuiceProfit::selection,.equityJuiceLoss::selection{background:transparent}
@media(prefers-reduced-motion:reduce){.equityJuiceProfit,.equityJuiceLoss{animation:none!important}}