
:root{--font-ui:Arial,"Helvetica Neue",Helvetica,sans-serif;font-family:var(--font-ui);background:#050509;color:#f8fbff;color-scheme:dark;-webkit-tap-highlight-color:transparent;touch-action:none;--green:#16ff8d;--red:#ff375f;--cyan:#00e1ff;--gold:#d9ff62;--ink:#f8fbff;--muted:#98a7bd;--panel:rgba(8,10,18,.84);--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#050509}.shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 18% 12%,rgba(255,55,95,.20),transparent 12rem),radial-gradient(circle at 82% 18%,rgba(0,225,255,.14),transparent 13rem),radial-gradient(circle at 50% 90%,rgba(217,255,98,.08),transparent 15rem),linear-gradient(180deg,#090b14,#03040a 66%,#010103)}.shell::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;background:linear-gradient(90deg,rgba(255,55,95,.08),transparent 28%,transparent 72%,rgba(0,225,255,.08)),repeating-linear-gradient(180deg,rgba(255,255,255,.028) 0 1px,transparent 1px 8px)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;will-change:transform}.glass{border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(15,18,30,.84),rgba(4,5,12,.66));box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.15)}.hud{position:absolute;z-index:4;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:18px;padding:10px 13px;display:flex;align-items:center;gap:10px}.sigil{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--red),var(--gold));color:#130207;font-weight:950;font-size:10px;box-shadow:0 0 24px rgba(255,55,95,.26)}.brand b{display:block;font-size:18px;letter-spacing:-.04em;color:#fff}.brand span{font-size:12px;color:#b5c1d3}.stats{border-radius:18px;padding:8px;display:grid;grid-template-columns:repeat(3,58px);gap:4px}.stats div{border-radius:12px;background:rgba(255,255,255,.055);padding:6px;text-align:center}.stats span,.vitalTop span{display:block;font-size:10px;color:#91a0b7;text-transform:uppercase;letter-spacing:.08em}.stats b{font-size:15px;color:#fff}.vitals{border-radius:18px;padding:8px 12px;align-self:stretch;display:grid;align-content:center;gap:5px}.vitalTop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.vitalTop b{font-size:14px;color:#fff;white-space:nowrap;text-align:right}.balanceTrack{position:relative;height:9px;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,var(--green),var(--gold))}.duelEquity{font-style:normal;font-size:10px;font-weight:950;letter-spacing:.03em;color:#ff8b55;text-align:right;text-transform:uppercase;white-space:nowrap}.duelEquity[hidden]{display:none}.duelFrame{position:absolute;inset:0;z-index:2;pointer-events:none}.timerGhost{position:absolute;right:14px;top:118px;color:rgba(255,255,255,.10);font-weight:950;font-size:38px;letter-spacing:-.06em}.versusRail{position:absolute;left:12px;right:12px;top:112px;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.26);font-size:10px;font-weight:950;letter-spacing:.16em}.versusRail b{color:rgba(255,55,95,.58);font-size:15px}.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:18px;padding:14px 9px 13px;color:#061008;font:950 18px/1 var(--font-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:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.tradeBtn.buy{background:linear-gradient(135deg,var(--green),#d9ff62)}.tradeBtn.sell{background:linear-gradient(135deg,var(--red),#ff8b55);color:#170308}.tradeBtn.close{background:linear-gradient(135deg,#e8fff2,var(--cyan));color:#041018}.tradeBtn:active,.tradeBtn.hit{transform:translateY(2px) scale(.985);filter:brightness(1.16)}.bottom{position:absolute;z-index:4;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:780px;margin-inline:auto;text-align:center;color:#b9c2d1;font-size:12px;font-weight:800;pointer-events:none;text-shadow:0 2px 12px #000}.panel{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,rgba(255,55,95,.12),transparent 22rem);z-index:5}.panel[hidden]{display:none}.card{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;border-radius:26px;padding:22px;animation:pop .32s cubic-bezier(.2,1.25,.35,1);overscroll-behavior:contain}.card::-webkit-scrollbar{width:0}.eyebrow{margin:0 0 8px;color:#d9ff62;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:950}.card h1,.card h2{margin:0;font-size:clamp(48px,14vw,82px);line-height:.82;letter-spacing:-.075em;color:#fff}.lead{color:#dfe7f2;font-size:15px;line-height:1.5}.modeGrid{display:grid;gap:8px;margin:16px 0 10px}.modeBtn{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:12px 13px;background:rgba(255,255,255,.055);color:#f8fbff;text-align:left;font:900 14px/1.15 var(--font-ui)}.modeBtn b{display:block}.modeBtn span{display:block;margin-top:4px;color:#9eabbf;font-weight:750;font-size:11px}.modeBtn.hot{background:linear-gradient(135deg,rgba(255,55,95,.28),rgba(217,255,98,.16));border-color:rgba(217,255,98,.38)}.rankStrip{display:flex;gap:5px;overflow:hidden;margin:8px 0 14px}.rankStrip span{flex:1;min-width:0;border-radius:999px;padding:6px 7px;text-align:center;background:rgba(255,255,255,.065);color:#c7d2e3;font-size:9px;font-weight:950;text-transform:uppercase}.how{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.how div{border-radius:16px;padding:11px;background:rgba(255,255,255,.055)}.how b{display:block;color:#fff}.how span{display:block;margin-top:3px;font-size:12px;color:#b8c3d2}.fine{color:#9facbd;font-size:12px;line-height:1.45}.leaderboard{display:grid;gap:6px;margin:12px 0}.leaderboard>b{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#d9ff62}.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:#d9ff62;font-weight:950}.leaderboard strong{color:#fff}.leaderboard small{color:#9facbd;font-size:11px}.toast{position:absolute;z-index:6;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:999px;padding:10px 14px;font-weight:900;pointer-events:none;animation:toastPop .2s ease;color:#fff}.toast[hidden]{display:none}.nameForm{display:grid;gap:9px;margin:14px 0 10px}.nameForm label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#d9ff62;font-weight:900}.nameForm input{width:100%;border:1px solid rgba(217,255,98,.28);border-radius:18px;padding:14px 15px;background:rgba(255,255,255,.07);color:#fff;font:900 18px/1 var(--font-ui);outline:none;text-transform:uppercase}.ghostBtn{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 14px;width:100%;font:900 13px/1 var(--font-ui);color:#dfe7f2;background:rgba(255,255,255,.055);margin-top:8px}@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){.hud{grid-template-columns:1fr 1fr;gap:7px;top:calc(8px + env(safe-area-inset-top))}.brand{grid-column:1/-1;padding:8px 10px}.brand b{font-size:15px}.brand span{font-size:10px}.sigil{width:28px;height:28px;font-size:9px}.stats{grid-template-columns:repeat(3,1fr);padding:6px}.stats div{padding:5px 3px}.stats span,.vitalTop span{font-size:8.5px}.stats b{font-size:12px}.vitals{padding:7px 8px}.vitalTop{grid-template-columns:auto 1fr auto;gap:5px}.vitalTop b{font-size:11px}.balanceTrack{height:7px}.duelEquity{font-size:8.5px}.timerGhost{top:105px;font-size:32px}.versusRail{top:100px}.controlsPad{bottom:calc(38px + env(safe-area-inset-bottom));gap:7px}.tradeBtn{border-radius:16px;padding:12px 7px;font-size:14px}.tradeBtn small{font-size:8px}.bottom{font-size:10.5px}.card{padding:16px;border-radius:22px}.card h1,.card h2{font-size:clamp(44px,13vw,58px)}.lead{font-size:13px;line-height:1.35}.how{grid-template-columns:1fr;gap:6px}.rankStrip span{font-size:7.5px;padding-inline:4px}.modeBtn{padding:10px 11px}}

/* mobile clarity pass: keep chart readable, stop HUD/status from covering the playfield */
@media(max-width:640px){
  .shell::before{opacity:.28}
  .duelFrame{display:none}
  .hud{left:8px;right:8px;top:calc(6px + env(safe-area-inset-top));grid-template-columns:1fr;gap:5px}
  .brand{grid-column:auto;border-radius:14px;padding:6px 8px;min-height:34px;background:linear-gradient(180deg,rgba(15,18,30,.72),rgba(4,5,12,.52))}
  .brand b{font-size:14px;letter-spacing:-.03em}
  .brand span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
  .sigil{width:24px;height:24px;border-radius:8px;font-size:8px}
  .stats{border-radius:14px;padding:5px;grid-template-columns:repeat(3,1fr);gap:4px;background:linear-gradient(180deg,rgba(15,18,30,.68),rgba(4,5,12,.50))}
  .stats div{padding:4px 3px;border-radius:9px;min-width:0}
  .stats span,.vitalTop span{font-size:7.5px;letter-spacing:.06em}
  .stats b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vitals{border-radius:14px;padding:6px 8px;background:linear-gradient(180deg,rgba(15,18,30,.70),rgba(4,5,12,.52))}
  .vitalTop{display:grid;grid-template-columns:auto 1fr auto;gap:5px;align-items:center}
  .vitalTop span{margin-bottom:0}
  .vitalTop b{display:block;font-size:10.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:right}
  .duelEquity{font-size:7.8px;letter-spacing:.02em}
  .balanceTrack{height:6px}
  .controlsPad{left:8px;right:8px;bottom:calc(32px + env(safe-area-inset-bottom));gap:6px}
  .tradeBtn{border-radius:14px;padding:10px 5px 9px;font-size:13px;min-height:54px}
  .tradeBtn small{font-size:7px;margin-top:3px;letter-spacing:.06em}
  .bottom{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));font-size:9.5px;line-height:1.1;opacity:.74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px #000}
  .toast{top:42%;max-width:88vw;text-align:center;font-size:12px}
}

.authDock{position:fixed;z-index:7;top:calc(14px + env(safe-area-inset-top));right:14px;width:min(360px,calc(100vw - 28px));text-align:left}.authDock[open] .authToggle{border-color:rgba(217,255,98,.42);background:rgba(8,10,18,.88);box-shadow:0 18px 54px rgba(0,0,0,.42),0 0 0 1px rgba(217,255,98,.08)}.authToggle{margin-left:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;width:max-content;max-width:100%;min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 13px;background:rgba(8,10,18,.72);color:#f8fbff;backdrop-filter:blur(16px) saturate(1.12);font:950 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;list-style:none;cursor:pointer}.authToggle::-webkit-details-marker{display:none}.authToggle span{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.authToggle b{color:#d9ff62;font-size:11px;transition:transform .18s ease}.authDock[open] .authToggle b{transform:rotate(180deg)}.authBox{display:grid;grid-template-columns:1fr;gap:10px;align-items:center;margin:8px 0 0 auto;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,rgba(15,18,30,.94),rgba(4,5,12,.88));box-shadow:0 22px 64px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.15)}
.authBox b{display:block;color:#fff;font-size:13px}.authBox span{display:block;margin-top:3px;color:#aeb9ca;font-size:11px;line-height:1.25}.authBox small{grid-column:1/-1;color:#8f9bad;font-size:10.5px}.authActions{display:flex;gap:6px}.authActions button{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 11px;background:rgba(255,255,255,.08);color:#f8fbff;font:900 11px/1 var(--font-ui)}.authActions button:last-child{background:linear-gradient(135deg,rgba(217,255,98,.24),rgba(0,225,255,.14));border-color:rgba(217,255,98,.34);color:#f5fff9}
@media(max-width:640px){.authDock{top:calc(10px + env(safe-area-inset-top));right:10px;width:min(330px,calc(100vw - 20px))}.authToggle{min-height:38px;padding:9px 12px;font-size:10px}.authToggle span{max-width:150px}.authBox{margin-top:7px;padding:10px;border-radius:15px}.authActions{display:grid;grid-template-columns:1fr 1fr}.authActions button{padding:10px 8px}.authBox small{font-size:9.5px}}

.authForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:center}.authForm input{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 11px;background:rgba(0,0,0,.24);color:#fff;font:850 12px/1 var(--font-ui);outline:none}.authForm input:focus{border-color:rgba(217,255,98,.46);box-shadow:0 0 0 3px rgba(217,255,98,.10)}
@media(max-width:640px){.authForm{grid-template-columns:1fr;gap:7px}.authForm input{width:100%;padding:11px 12px}.authBox .authActions{grid-template-columns:1fr 1fr}}
.googleBtn{grid-column:1/-1;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 12px;background:rgba(255,255,255,.92);color:#111827;font:950 12px/1 var(--font-ui);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.googleBtn:active{transform:translateY(1px)}
@media(max-width:640px){.googleBtn{padding:11px 12px}}


/* HUD segmentation + no-serif polish */
*,button,input,textarea,select{font-family:var(--font-ui)!important}
.hud{grid-template-columns:minmax(174px,1fr) minmax(250px,auto) minmax(250px,318px);align-items:start}
.brand,.stats,.vitals{border-radius:16px;background:linear-gradient(180deg,rgba(14,17,29,.90),rgba(5,6,13,.74));box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)}
.brand{min-height:56px;border-color:rgba(217,255,98,.18)}
.brand>div{display:grid;gap:2px;min-width:0}
.brand b{font-family:var(--font-ui)!important;letter-spacing:-.025em}
.brand span:not(.sigil){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sigil{box-shadow:none;border:1px solid rgba(0,0,0,.28)}
.stats{grid-template-columns:repeat(3,minmax(72px,1fr));gap:6px;padding:7px}
.stats div{position:relative;min-width:0;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.stats div+div::before{content:"";position:absolute;left:-4px;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.12)}
.stats span,.vitalTop span{font-family:var(--font-ui)!important;font-weight:900;color:#9daabe}
.stats b{font-family:var(--font-ui)!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vitals{min-height:56px;padding:8px 10px;border-color:rgba(0,225,255,.18)}
.vitalTop{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-width:0}
.vitalTop b{font-family:var(--font-ui)!important;min-width:0;overflow:hidden;text-overflow:ellipsis}
.duelEquity{font-family:var(--font-ui)!important;border-left:1px solid rgba(255,255,255,.14);padding-left:8px;color:#ff9a6b}
.balanceTrack{height:7px}
@media(max-width:640px){
  .hud{grid-template-columns:1fr!important;gap:5px}
  .brand,.stats,.vitals{border-radius:13px}
  .brand{min-height:34px}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px}
  .stats div+div::before{display:none}
  .vitals{min-height:0;padding:6px 8px}
  .vitalTop{grid-template-columns:auto minmax(0,1fr) auto;gap:5px}
  .duelEquity{padding-left:5px}
  .balanceTrack{height:5px}
}


/* Round timer HUD */
.roundClock{border-radius:16px;min-height:56px;padding:7px 12px;display:grid;align-content:center;text-align:center;border-color:rgba(217,255,98,.22);background:linear-gradient(180deg,rgba(30,28,13,.90),rgba(6,7,10,.74));box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)}
.roundClock span{display:block;font-size:9px;color:#b7c2d3;text-transform:uppercase;letter-spacing:.10em;font-weight:950}
.roundClock b{display:block;margin-top:1px;color:#d9ff62;font-size:22px;line-height:.96;letter-spacing:-.04em;font-weight:950;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(217,255,98,.22)}
.roundClock em{display:block;margin-top:2px;color:#91a0b7;font-style:normal;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
@media(max-width:640px){
  .roundClock{min-height:42px;padding:5px 8px;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;align-content:center;gap:7px;text-align:left}
  .roundClock span{font-size:8px}
  .roundClock b{font-size:18px;text-align:center;margin:0}
  .roundClock em{font-size:7.5px;text-align:right;margin:0}
}



/* Nested mode menu */
.modeGrid.nested{gap:10px}
.modeSection{display:grid;gap:7px;border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:10px;background:rgba(255,255,255,.035)}
.modeSection h3{margin:0 0 2px;color:#d9ff62;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:950}
.modeSection .modeBtn{margin:0}
.rankStrip.public span{color:#cbd5e1}
@media(max-width:640px){.modeGrid.nested{gap:8px}.modeSection{padding:8px;border-radius:15px}.modeSection h3{font-size:9px}}


/* Integrated title + countdown */
.hud{grid-template-columns:minmax(280px,1fr) minmax(250px,auto) minmax(250px,318px)}
.brand{min-height:56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.brandCopy{display:grid;gap:2px;min-width:0}
.brand .roundClock{min-height:0;padding:0 0 0 12px;border:0;border-left:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent;box-shadow:none;text-align:right;align-content:center;white-space:nowrap}
.brand .roundClock span{font-size:8px;color:#9daabe}
.brand .roundClock b{font-size:21px;margin:1px 0 0;color:#d9ff62;font-variant-numeric:tabular-nums}
.brand .roundClock em{font-size:7.5px;margin-top:1px;color:#91a0b7}
@media(max-width:640px){
  .hud{grid-template-columns:1fr!important}
  .brand{grid-template-columns:auto minmax(0,1fr) auto;min-height:42px;padding:7px 9px}
  .brand .roundClock{padding-left:8px}
  .brand .roundClock span{font-size:7px}
  .brand .roundClock b{font-size:17px}
  .brand .roundClock em{font-size:6.8px}
}
@media(max-width:380px){.brand .roundClock span{display:none}.brand .roundClock b{font-size:16px}.brand .roundClock em{font-size:6.5px}}

/* Language toggle */
.langToggle{position:absolute;z-index:6;right:12px;top:calc(86px + env(safe-area-inset-top));border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 10px;background:rgba(248,251,255,.08);color:#dfe7f2;font:950 10px/1 var(--font-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(134px + env(safe-area-inset-top));right:8px;padding:7px 9px;font-size:9px}}
@media(max-width:380px){.langToggle{top:calc(128px + 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)}}

/* 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}}
