@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#eefbf5;--muted:#8fa89d;--bg:#050b09;--panel:#0a1511;--panel2:#10251c;--line:#1c3028;--green:#56f0ac;--red:#ff5b72;--gold:#d9ff62;--cyan:#43d9f4;--shadow:none;--r:18px;--font:'DM Sans',sans-serif;--display:'Archivo Black',sans-serif}
html,body{font-family:var(--font);background:var(--bg)}body:before{inset:0;background:radial-gradient(circle at 75% -10%,#163329 0,transparent 31%),var(--bg)}body:after{display:none}.appShell{max-width:1280px;padding-inline:24px}.topbar{height:72px;background:rgba(5,11,9,.92);border-color:var(--line);backdrop-filter:blur(16px)}.brand{font:36px/1 var(--display);font-style:italic;letter-spacing:-3px}.brand span{color:var(--green)}.profile{background:#0d1a15;border:1px solid var(--line);border-radius:99px;padding:6px 12px 6px 7px}.profile span{width:28px;height:28px;border-radius:50%;background:var(--gold);color:#102016}.nav{top:72px;padding:0;background:rgba(5,11,9,.92);border-bottom:1px solid var(--line)}.nav button,.modeTabs button,.leaderTabs button{border-radius:0;background:none;border:0;border-bottom:2px solid transparent;padding:12px 17px;color:var(--muted);font-weight:700}.nav button.active,.modeTabs button.active,.leaderTabs button.active{background:none;color:var(--ink);border-color:var(--green)}.screen{padding-top:44px}.screen h1,.screenHead h1,.gameHeader h2,.sectionHead h2,.heroCard h1,.lessonScreen h1{font-family:var(--display);font-weight:400;letter-spacing:-.045em}.screen h1 em{color:var(--gold)}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--green);font-weight:800}.primary,.social,.textBtn{border-radius:12px}.primary{background:var(--gold);color:#0b150f}.social{background:#0d1a15;border:1px solid var(--line)}.authMark span{border-radius:44px;background:var(--green);border:0;color:#082019;font-family:var(--display);box-shadow:0 0 70px rgba(86,240,172,.22);transform:rotate(-10deg)}.authMark i{border-color:#2e5846;border-radius:50%;transform:rotate(-14deg)}.authMark i:last-child{border-color:#2e5846;opacity:.45}.progress i{background:var(--line)}.progress i:first-child{background:var(--green)}.goalGrid button,.limitCard{border-radius:var(--r);background:#0a1511}.goalGrid button.selected{border-color:#3b735a;background:#10251c}.heroCard,.screenHead,.arena,.liveCard,.concept,.microChart,.quiz,.connectionLayout,.coachLine,.lessonList,.pathCards>button,.skillRail,.rankList,.podium{background:#0a1511;border:1px solid var(--line);box-shadow:none}.heroCard{border-radius:var(--r);overflow:hidden}.heroCard:after{content:"";position:absolute;right:-90px;top:-150px;width:380px;height:380px;border:1px solid #2e5846;border-radius:50%;transform:rotate(-14deg);pointer-events:none}.streak{border-radius:0;background:none;border:0;color:#ffbd5a}.streak b{color:#ffbd5a;font-family:var(--display)}.skillRail,.screenHead,.concept,.microChart,.quiz,.liveCard,.connectionLayout,.coachLine,.lessonList,.rankList,.podium{border-radius:var(--r)}.pathCards>button{border-radius:0 var(--r) var(--r) 0;background:linear-gradient(90deg,transparent 0,#0a1511 13%);border-left:0}.pathCards>button:hover{background:linear-gradient(90deg,transparent 0,#10251c 13%)}.node,.lessonList>button>span{border-radius:0;background:none;font-family:var(--display)}.node.current{background:none;color:var(--green)}.lessonList button:hover{background:#10251c}.lessonTop em,.liveMeta em{border-radius:99px}.back{border-radius:12px}.formula span,.quiz button{border-radius:12px;background:#0d1a15}.arena{border-radius:var(--r)}.ticker{background:#08120e}.tapePrompt{background:#102219;color:#bde8d4}.orderPad{background:#08120e}.trade{border-radius:14px;background:#0a1712}.trade.long:hover{background:#0e2c20}.trade.short:hover{background:#32131b}.sizeControl>div button,.sizeControl nav button,.positionActions button{border-radius:8px;background:#16241e}.coachLine>span{border-radius:12px;background:var(--gold);color:#102016;transform:rotate(-6deg);font-family:var(--display)}.laneGrid button{border-radius:var(--r);background:#0a1511}.venueList button,.connectPanel input{border-radius:10px}.venueList button.active{background:#10251c}.podium div{border-radius:12px;background:#0d1a15}.podium div:nth-child(2){background:#10251c}.rankList>div{border-radius:12px}.demoBar{border-radius:12px;background:var(--ink);color:#07130e}.demoBar button{border-radius:8px;background:#c7d9d0}
.playToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.playToolbar .modeTabs{flex:1}.pauseButton{min-width:102px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#0d1a15;color:var(--ink);font-weight:800}.pauseButton span{color:var(--gold);margin-right:5px}.pauseButton:disabled{opacity:.35;cursor:not-allowed}.lessonGuide{margin:0 0 10px;padding:12px 14px;border:1px solid #3b735a;border-radius:var(--r);background:#10251c}.lessonGuide[hidden],.pausedCurtain[hidden]{display:none}.guideProgress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.guideProgress>div{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}.guideProgress span,.guideProgress em{font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;color:var(--green)}.guideProgress i{grid-column:1/3;height:3px;background:#29473a;overflow:hidden}.guideProgress i b{display:block;height:100%;width:25%;background:var(--green);transition:width .2s ease}.guideCopy{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin-top:10px}.guideCopy>span{width:34px;height:34px;display:grid;place-items:center;background:var(--gold);color:#102016;border-radius:9px;font-family:var(--display);transform:rotate(-5deg)}.guideCopy b{font-size:15px}.guideCopy p{margin:2px 0 0;color:#bde8d4;font-size:12px}.pausedCurtain{position:fixed;z-index:25;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:rgba(5,11,9,.82);backdrop-filter:blur(10px)}.pausedCurtain span{font:52px/1 var(--display);color:var(--gold)}.pausedCurtain p{max-width:390px;color:#bde8d4}.pausedCurtain button{justify-self:center;padding:12px 22px;border-radius:10px;background:var(--gold);color:#102016;font-weight:900}.lessonList button:disabled{opacity:.45;cursor:not-allowed}
.sessionBack{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#0d1a15;color:var(--ink);font-weight:800}.sessionMode{color:var(--muted);font-size:11px;font-weight:700}.modeLobby{padding:18px;border:1px solid var(--line);border-radius:var(--r);background:#0a1511}.modeLobby[hidden]{display:none}.modeIntro h3{margin:4px 0;font:30px/1 var(--display);letter-spacing:-.04em}.modeIntro p:last-child{margin:7px 0 0;color:var(--muted);font-size:12px}.modeChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 10px}.modeChoices button{min-height:174px;padding:16px;display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:14px;background:#0d1a15;transition:transform .18s ease,border-color .18s ease,background .18s ease}.modeChoices button:hover{transform:translateY(-2px);border-color:#3b735a;background:#10251c}.modeChoices button:last-child{border-color:#5a3040;background:#181115}.modeChoices button:last-child:hover{border-color:var(--red)}.modeChoices span,.modeChoices b,.modeChoices small,.modeChoices em{display:block}.modeChoices span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.1em}.modeChoices button:last-child span{color:var(--red)}.modeChoices b{margin:10px 0 6px;font-size:19px}.modeChoices small{color:var(--muted);font-size:11px;line-height:1.4}.modeChoices em{margin-top:auto;color:var(--gold);font-size:11px;font-style:normal;font-weight:800}.modeFacts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:9px}.modeFacts span{text-align:center;border-right:1px solid var(--line)}.modeFacts span:last-child{border:0}.modeFacts b{display:block;margin-top:2px;color:var(--ink);font-size:11px}
.positionActions{grid-template-columns:1.25fr .75fr .75fr}.positionActions button.placing{background:var(--gold);color:#102016;outline:2px solid var(--green);outline-offset:-2px}#chart{cursor:crosshair;touch-action:none}
.chartOrderTools{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 14px;background:#08120e;border-top:1px solid var(--line)}.chartOrderTools>span{color:var(--green);font-size:7px;font-weight:900;letter-spacing:.1em}.chartOrderTools>b{color:var(--muted);font-size:9px}.chartOrderTools>div{display:flex;gap:3px}.chartOrderTools button{min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#16241e;color:var(--muted);font-size:8px;font-weight:900}.chartOrderTools button.active{border-color:var(--gold);color:var(--gold)}
@media(max-width:720px){.appShell{padding-inline:10px}.topbar{height:52px}.nav{top:auto}.screen{padding-top:14px}.authMark span{border-radius:24px}.heroCard{border-radius:var(--r)}}
.duelHud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:7px 16px;background:#0d1a15;border-bottom:1px solid var(--line);text-align:center}.duelHud[hidden]{display:none}.duelHud div:first-child{text-align:left}.duelHud div:last-child{text-align:right}.duelHud span{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.1em}.duelHud b{font-size:17px;color:var(--green)}.duelHud div:last-child b{color:var(--gold)}.duelHud .duelClock b{color:var(--ink);font-variant-numeric:tabular-nums}
.duelLobby{padding:18px;border:1px solid var(--line);border-radius:var(--r);background:#0a1511}.duelLobby[hidden],.arena[hidden],.coachLine[hidden]{display:none}.duelLobbyHead{display:flex;justify-content:space-between;gap:15px}.duelLobbyHead h3{margin:3px 0;font:30px/1 var(--display);letter-spacing:-.04em}.duelLobbyHead p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px}.duelChoices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.duelChoices button{min-height:104px;padding:13px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#0d1a15}.duelChoices button.active{border-color:var(--green);background:#10251c}.duelChoices span,.duelChoices b,.duelChoices small{display:block}.duelChoices span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.1em}.duelChoices b{margin:7px 0 4px;font-size:15px}.duelChoices small{color:var(--muted);font-size:10px;line-height:1.3}.matchRules{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.matchRules div{padding:10px;border-right:1px solid var(--line)}.matchRules div:last-child{border:0}.matchRules span,.matchRules b{display:block}.matchRules span{color:var(--muted);font-size:7px;letter-spacing:.1em}.matchRules b{margin-top:3px;font-size:11px}.duelStart{width:100%;margin-top:10px}.queueStatus{min-height:16px;margin:7px 0 0;text-align:center;color:var(--muted);font-size:9px;font-weight:700}.duelStart.searching{border-color:var(--red);background:transparent;color:var(--red)}
.leverageSetup{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:0 0 10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#08120e}.leverageSetup span{display:block;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.1em}.leverageSetup>div>b{font-size:20px;color:var(--gold)}.leverageChoices{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.leverageChoices button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#16241e;color:var(--muted);font-size:11px;font-weight:900}.leverageChoices button.active{border-color:var(--gold);background:var(--gold);color:#102016}.duelHud i{color:var(--gold);font-style:normal}
.tradeLeverage{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);background:#08120e}.tradeLeverage[hidden]{display:none}.tradeLeverage>span{color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.1em}.tradeLeverage>b{color:var(--gold);font-size:13px}.tradeLeverage .leverageChoices{justify-self:end;width:min(300px,100%)}.tradeLeverage .leverageChoices button{min-height:30px;font-size:9px}
.opponentChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.opponentChoices button{min-height:84px;padding:13px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#0d1a15}.opponentChoices button.active{border-color:var(--gold);background:#222415}.opponentChoices span,.opponentChoices b,.opponentChoices small{display:block}.opponentChoices span{color:var(--gold);font-size:8px;font-weight:900}.opponentChoices b{margin:5px 0;font-size:17px}.opponentChoices small{color:var(--muted);font-size:10px}.duelChoices[hidden],.duelStart[hidden]{display:none}
.lessonRule{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-top:1px solid var(--line);background:#08120e}.lessonRule span{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.08em}.lessonRule b{max-width:68%;text-align:right;color:var(--muted);font-size:9px}.boardSummary{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:0 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#08120e}.boardSummary span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.08em}.boardSummary b{grid-row:1/3;grid-column:2;align-self:center;color:var(--gold);font-size:16px}.boardSummary em{color:var(--muted);font-size:9px;font-style:normal}
.riskStrip{grid-template-columns:repeat(6,1fr)}