.og-ladder { --lp-line:#e3e8ee; --lp-muted:#748092; color:#172b46; padding:12px 0 36px; }
.og-ladder * { box-sizing:border-box; }
.lp-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
.lp-heading h1 { margin:5px 0 8px; font-size:30px; letter-spacing:-1px; line-height:1.25; }
.lp-heading p { margin:0; font-size:14px; color:#748092; }
.lp-heading .lp-eyebrow { color:#377c78; font-size:11px; font-weight:800; letter-spacing:2px; }
.lp-heading a { flex-shrink:0; padding:10px 14px; border:1px solid var(--lp-line); border-radius:8px; font-size:13px; background:white; }
.lp-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:start; gap:20px; }
.lp-broadcast { border-radius:14px; overflow:hidden; background:#0a2e3c; box-shadow:0 6px 24px #0a2e3c12; }
.lp-broadcast iframe { width:100%; aspect-ratio:830/600; display:block; border:0; }
.lp-card { border:1px solid var(--lp-line); border-radius:12px; background:#fff; overflow:hidden; min-width:0; }
.lp-card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 18px; border-bottom:1px solid var(--lp-line); }
.lp-card-heading h2 { font-size:15px; font-weight:750; margin:0; }
.lp-card-heading>span { font-size:11px; color:var(--lp-muted); }
.lp-card-heading .lp-round { color:#256e72; background:#eaf5f3; border-radius:5px; padding:4px 7px; font-weight:700; }
.lp-balance { display:flex; justify-content:space-between; align-items:center; padding:16px 18px 10px; font-size:12px; color:var(--lp-muted); }
.lp-balance strong { color:#172b46; font-size:20px; font-variant-numeric:tabular-nums; }
.lp-balance small { font-size:11px; color:#748092; }
.lp-countdown { display:flex; justify-content:space-between; align-items:center; margin:0 18px 14px; padding:10px 12px; border-radius:7px; background:#f4f7fa; font-size:12px; }
.lp-countdown strong { font-size:19px; font-variant-numeric:tabular-nums; color:#277b79; }
.lp-countdown.is-closed strong { color:#a26330; }
#lp-bet-form { padding:0 18px 14px; }
.lp-options { border:0; padding:0; margin:0 0 12px; min-width:0; }
.lp-options legend { padding:0; margin-bottom:6px; font-size:12px; font-weight:650; color:#586b7e; }
.lp-option-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.lp-options:last-of-type .lp-option-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.bet-option-btn { display:flex; justify-content:center; align-items:center; gap:12px; padding:9px 4px; min-height:39px; background:#fff; border:1px solid #dae2eb; color:#243e58; border-radius:6px; cursor:pointer; font-family:inherit; font-size:14px; font-weight:700; }
.bet-option-btn small { font-size:11px; font-weight:500; color:#8190a0; }
.lp-options:last-of-type .bet-option-btn { flex-direction:column; gap:2px; font-size:12px; }
.bet-option-btn:hover { border-color:#2c8484; }
.bet-option-btn.selected { border-color:#277b79; background:#eaf5f3; color:#1a6a69; box-shadow:inset 0 0 0 1px #277b79; }
.bet-option-btn:disabled { opacity:.5; cursor:default; }
.lp-amount-label { display:flex; justify-content:space-between; font-size:12px; font-weight:650; margin:16px 0 7px; }
.lp-amount-label span { font-weight:400; color:var(--lp-muted); font-size:10px; }
.lp-amount { display:flex; align-items:center; border:1px solid #dae2eb; border-radius:7px; padding-right:12px; font-size:12px; color:var(--lp-muted); }
.lp-amount input { min-width:0; width:100%; border:0; padding:11px 10px; background:transparent; text-align:right; color:#172b46; font-size:17px; font-weight:700; }
.lp-amount:focus-within { outline:2px solid #64aaa8; outline-offset:2px; }
.lp-quick { display:flex; gap:5px; margin-top:7px; }
.lp-quick button { flex:1; padding:6px 0; border:1px solid var(--lp-line); border-radius:5px; background:#f7f9fb; font-size:11px; color:#52657b; cursor:pointer; }
.lp-expected { display:flex; justify-content:space-between; font-size:12px; padding:15px 0; color:var(--lp-muted); }
.lp-expected strong { color:#277b79; }
.lp-submit { display:flex; align-items:center; justify-content:center; width:100%; border:0; background:#173b57; border-radius:7px; color:#fff !important; padding:12px 10px; font:inherit; font-weight:700; font-size:14px; cursor:pointer; }
.lp-submit:hover { background:#205171; }
.lp-submit:disabled { opacity:.45; cursor:default; }
.lp-message { font-size:12px; line-height:1.6; margin:8px 0 0; color:#a35236; }
.lp-message:empty { display:none; }
.lp-message.is-success { color:#24716d; }
.lp-details { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px; margin-top:20px; }
.lp-table-wrap { overflow:auto; max-height:410px; }
.lp-table { width:100%; border-collapse:collapse; white-space:nowrap; font-size:12px; text-align:center; }
.lp-table th { padding:11px 8px; background:#f7f9fb; color:#748092; font-weight:550; }
.lp-table td { padding:11px 8px; border-top:1px solid #eef1f5; }
.lp-table td:first-child { color:#687b8e; }
.lp-table small { font-size:10px; display:block; margin-top:3px; }
.lp-table button { padding:4px 8px; border:1px solid #dae2eb; border-radius:5px; font-size:11px; color:#52657b; background:white; cursor:pointer; }
.lp-ball { display:inline-flex; align-items:center; justify-content:center; min-width:25px; height:25px; border-radius:9px; background:linear-gradient(45deg,#2193b0,#6dd5ed); color:white; font-size:12px; font-weight:750; text-shadow:0 1px 1px #0003; padding:0 5px; }
.lp-ball.is-red { background:linear-gradient(45deg,#f12711,#f37669); }
.lp-state { font-size:11px; color:#748092; }
.lp-state.won { color:#287d78; font-weight:700; }
.lp-state.lost { color:#af624a; }
.lp-rules { padding:18px 2px 0; font-size:12px; color:#748092; }
.lp-rules summary { cursor:pointer; color:#50647a; font-weight:650; }
.lp-rules p { line-height:1.8; margin:10px 0 0; }
.og-ladder button:focus-visible, .og-ladder a:focus-visible { outline:2px solid #358987; outline-offset:3px; }
@media(min-width:1000px) { .lp-broadcast { position:sticky; top:90px; } }
@media(max-width:1050px) { .lp-layout { grid-template-columns:minmax(0,1fr) 300px; gap:14px; } }
@media(max-width:820px) { .lp-layout,.lp-details { grid-template-columns:minmax(0,1fr); } .lp-heading { align-items:flex-start; } .lp-heading h1 { font-size:25px; } .lp-heading>div>p:last-child { font-size:12px; } .lp-heading a { font-size:11px; padding:8px; } .lp-broadcast { border-radius:10px; } .lp-bet .lp-option-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:440px) { .lp-heading { flex-wrap:wrap; gap:10px; margin-bottom:16px; } .lp-card-heading { padding:14px; } .lp-card-heading>span { font-size:10px; } .lp-table th,.lp-table td { padding:10px 6px; } }

.opgram .og-ladder .lp-amount input { flex:1; width:0; min-width:0; border:0; box-shadow:none; border-radius:7px; }
.og-ladder .lp-amount > span { flex:0 0 auto; white-space:nowrap; }