body.game .nav-bottom a{color:#d7c08c;text-decoration:none;font-size:11px}
body.game .nav-bottom a:hover{text-decoration:underline}
.game-strip .quote{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:1px;min-width:0}
.game-strip .quote strong{font:17px ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-strip .quote small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#strip-betting[data-state=OPEN]{color:var(--good)}
#strip-betting[data-state=PAUSED],#strip-betting[data-state=OPENS]{color:var(--gold)}
#strip-betting[data-state=CLOSED],#strip-betting[data-state="NO GAME"]{color:var(--muted)}
.play-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.auth-grid,.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.security-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.panel h2 span{float:right;letter-spacing:0;text-transform:none;color:var(--muted)}
.panel form>label,.panel form>.field-row,.panel form>fieldset{margin-bottom:12px}
.field-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;align-items:end}
.field-row input{font:15px ui-monospace,monospace;font-variant-numeric:tabular-nums}
.stepper{display:flex;gap:4px}
.stepper button{padding:8px 9px;font-size:12px;font-variant-numeric:tabular-nums}
fieldset.bands{border:0;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
fieldset.bands legend{font-size:12px;color:#c2cbd0;margin-bottom:5px;padding:0}
fieldset.bands label{position:relative;margin:0}
fieldset.bands input{position:absolute;opacity:0;width:1px;height:1px}
fieldset.bands span{display:block;text-align:center;border:1px solid #465159;background:#101518;padding:8px 4px;border-radius:2px;font:14px ui-monospace,monospace;color:var(--text);cursor:pointer}
fieldset.bands small{display:block;font:10px system-ui,sans-serif;color:var(--muted)}
fieldset.bands input:checked+span{border-color:var(--gold);background:#2b2a22;box-shadow:inset 0 -2px var(--gold)}
fieldset.bands input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.preview{border-top:1px solid var(--edge);padding-top:12px;margin-top:4px}
.bet-type{font:600 12px ui-monospace,monospace;letter-spacing:.5px;margin:0 0 4px}
.bet-type[data-bet=flat]{color:#bcd0da}
.bet-type[data-bet=up]{color:var(--good)}
.bet-type[data-bet=down]{color:var(--bad)}
table.scenarios{margin:10px 0 4px}
table.scenarios td,table.scenarios th{padding:7px 8px}
th.num,td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.gain{color:var(--good)}
.loss{color:var(--bad)}
.error-text{color:var(--bad);font-size:12px;min-height:1em;margin:8px 0 0}
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:12px}
.facts dt{color:var(--muted)}
.facts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.big{font:26px ui-monospace,monospace;margin:0 0 10px;color:var(--gold)}
.status-line{margin:0 0 12px}
.entry-rule{margin:0 0 12px;padding:8px 10px;border-left:2px solid var(--gold);color:var(--muted);font-size:12px;line-height:1.45}
.pending{display:flex;gap:10px;align-items:center;color:var(--gold);margin:0 0 12px}
.spinner{width:14px;height:14px;border:2px solid #4a555c;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spinner{animation:none}}
#entry-status:not([hidden])+#entry-form:not([hidden]){border-top:1px solid var(--edge);padding-top:14px;margin-top:14px}
.enroll-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.qr-frame img{display:block;background:#fff;padding:6px;border-radius:3px;max-width:100%;height:auto}
.secret{display:block;font:13px ui-monospace,monospace;letter-spacing:1px;overflow-wrap:anywhere;background:#101518;border:1px solid var(--edge);padding:8px;margin:6px 0 12px}
.steps{padding-left:18px;margin:0 0 14px;font-size:13px}
.steps li{margin-bottom:4px}
.codes{font:14px ui-monospace,monospace;background:#101518;border:1px solid var(--edge);padding:12px;columns:2;column-gap:28px;margin:12px 0}
.rules .panel p,.rules .panel li{max-width:78ch}
.rules ul,.rules ol{padding-left:20px}
.rules li{margin-bottom:6px}
.rules th{width:34%;color:var(--text);font-weight:600}
.formula{font:13px/1.7 ui-monospace,monospace;background:#101518;border-left:2px solid var(--gold);padding:8px 12px}
.segmented{display:flex;gap:4px}
.segmented button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
details.ledger{margin-top:16px}
details.ledger summary{cursor:pointer;color:#c8d1d5;font-size:12px;margin-bottom:10px}
dialog .facts{margin:12px 0}
@media screen and (max-width:1150px){.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:1000px){.play-grid{grid-template-columns:1fr}}
@media screen and (max-width:750px){
  .auth-grid,.security-grid,.enroll-grid{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .stepper{flex-wrap:wrap}.stepper button{flex:1}
  fieldset.bands{grid-template-columns:repeat(2,minmax(0,1fr))}
  .codes{columns:1}
  .game-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .game-strip .quote{min-width:0;border-bottom:1px solid var(--edge)}
  .game-strip .quote:last-child{grid-column:1/-1}
  .game-strip .quote strong{font-size:15px}
}