:root{color-scheme:dark;--bg:#0c1511;--panel:#131f18;--border:#2d4336;--text:#e7eee8;--muted:#91a699;--red:#df6054;--blue:#61a5de;--green:#56ce94;--gold:#d7b752}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0,#28352766,transparent 45%),var(--bg);color:var(--text);font-family:Arial,sans-serif}main{max-width:1260px;margin:auto;padding:22px 26px}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:#17251c;color:var(--text);border-radius:9px;padding:10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px}.gold{color:var(--gold);border-color:#766323}.danger{color:var(--red);border-color:#7c3d35}.red{color:var(--red)!important}.green{color:var(--green)!important}header{display:flex;align-items:center;gap:20px;margin-bottom:16px}.brand{font-family:Impact,sans-serif;font-size:32px}.brand span{color:var(--gold)}.brand small{font:11px monospace;letter-spacing:2px;color:var(--muted);margin-left:12px}header nav{display:flex;gap:7px;margin-left:auto}#message{color:var(--gold);font:12px monospace;letter-spacing:1px}.portfolio{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 20px;margin-bottom:12px}.portfolio>div{padding:3px 18px;border-right:1px solid var(--border)}.portfolio>div:last-child{border:0}.portfolio small,.next-panel>small{display:block;color:var(--muted);font:11px monospace;letter-spacing:1.5px}.portfolio strong{display:block;font-size:30px;font-weight:500;margin-top:5px}.portfolio em{font:10px monospace;color:var(--muted);font-style:normal}.market-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.market-card{text-align:left;padding:15px 18px}.market-card.active{border-color:var(--gold);background:linear-gradient(130deg,#d7b75218,transparent)}.market-card span{font:11px monospace;letter-spacing:1.5px;color:var(--muted)}.market-card strong{display:block;font-size:27px;margin:8px 0}.market-card strong small{font-size:14px;color:var(--gold)}.market-card em{font-style:normal;font-size:12px}.entry-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.spin-entry,.combined-run,.next-panel,.stats-panel,.road-panel,.risk-panel{padding:15px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.section-head h1{font:12px monospace;letter-spacing:1.5px;margin:0}.section-head span{font-size:11px;color:var(--muted)}.number-pad{display:grid;grid-template-columns:repeat(13,1fr);gap:5px}.number-pad button{padding:10px 2px;font-weight:bold;border:0}.number-pad .r{background:#9b382f}.number-pad .b{background:#1b2320}.number-pad .zero{background:#24784d}.combined-run svg{width:100%;height:105px}.zero-line{stroke:#607568;stroke-width:1}.winbar{fill:#56ce9499}.lossbar{fill:#df605499}.pnl-line{fill:none;stroke:var(--gold);stroke-width:2}.market-tabs{display:flex;gap:6px;margin:14px 0 8px}.market-tabs button{min-width:90px;font:12px monospace}.market-tabs .active{color:#111;background:var(--gold);border-color:var(--gold)}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.next-bet{display:flex;align-items:baseline;gap:15px;margin:8px 0}.next-bet strong{font-size:42px;color:var(--gold)}.next-bet span{font-size:18px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 14px}.option-grid div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.option-grid b{color:var(--text)}.stats-panel{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center}.stats-panel div+div{border-left:1px solid var(--border)}.stats-panel small{display:block;color:var(--muted);font:10px monospace}.stats-panel strong{display:block;font-size:24px;margin-top:6px}.road-panel{margin:12px 0}.road-scroll{overflow-x:auto}.road{display:grid;grid-template-rows:repeat(6,23px);grid-auto-columns:23px;min-height:138px;min-width:100%;background-image:linear-gradient(to right,#33483a99 1px,transparent 1px),linear-gradient(to bottom,#33483a99 1px,transparent 1px);background-size:23px 23px;align-items:center;justify-items:center}.bead{width:17px;height:17px;border:2px solid var(--red);border-radius:50%;position:relative}.bead.P{border-color:var(--blue)}.bead.zero:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--green)}.empty{grid-area:3/2;color:var(--muted);font-size:12px;white-space:nowrap}.risk-sequences{display:grid;grid-template-columns:.75fr 1.25fr;gap:12px}.risk-scale{display:flex;justify-content:space-between;margin:0 0 7px 38px;color:var(--muted);font-size:9px}.risk-row{display:grid;grid-template-columns:36px 1fr 108px;gap:8px;align-items:center;margin:10px 0}.risk-row>b{font:11px monospace}.risk-row>span{height:12px;border-radius:8px;background:linear-gradient(90deg,#387852 0 50%,#b49a3a 50% 67%,#bb6935 67% 84%,#a64038 84%);position:relative}.risk-row>span i{position:absolute;width:3px;height:18px;top:-3px;background:#fff}.risk-row>strong{text-align:right;font-size:12px}.group{padding:10px 13px;margin-bottom:6px}.group header{display:flex;align-items:center;gap:12px}.group header span{min-width:105px;font-size:12px;color:var(--muted)}.group header b{font:10px monospace;background:#2c5b7b;padding:4px 7px;border-radius:5px}.group header b.B{background:#873b34}.group header strong{margin-left:auto}.line{font:12px/1.55 monospace;color:#c4d0c7}dialog{width:min(760px,calc(100% - 24px));border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--text);padding:22px}dialog::backdrop{background:#050a07cc}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-grid label{font:10px monospace;color:var(--muted)}input{display:block;width:100%;margin-top:7px;padding:10px;background:#1b2b21;border:1px solid var(--border);border-radius:7px;color:var(--text)}.check{display:flex;gap:8px;margin:18px 0;color:var(--muted);font-size:13px}.check input{width:auto;margin:0}.settings-actions{display:flex;justify-content:flex-end;gap:8px}#settings-error{color:var(--red)}footer{text-align:center;color:var(--muted);font-size:11px;padding:25px 4px 8px}
@media(max-width:759px){main{padding:12px 10px 90px}header{flex-wrap:wrap}.brand{font-size:26px}.brand small{display:block;margin:1px 0}header nav{width:100%;justify-content:flex-end}.portfolio{grid-template-columns:repeat(2,1fr);padding:10px}.portfolio>div{padding:8px 10px}.portfolio>div:nth-child(2){border-right:0}.portfolio strong{font-size:24px}.market-cards{gap:5px}.market-card{padding:10px}.market-card strong{font-size:21px}.market-card strong small{display:block;font-size:10px}.entry-layout,.detail-grid,.risk-sequences{grid-template-columns:1fr}.number-pad{grid-template-columns:repeat(7,1fr)}.number-pad button{padding:12px 2px}.stats-panel{padding:12px 5px}.stats-panel strong{font-size:20px}.option-grid{grid-template-columns:repeat(2,1fr)}.road-scroll{direction:rtl}.road{direction:ltr;min-width:520px}.settings-grid{grid-template-columns:1fr 1fr}.market-tabs{position:sticky;top:0;z-index:5;background:var(--bg);padding:6px 0}.risk-row{grid-template-columns:30px 1fr 95px}}