body.os-page{margin:0;background:#0b1115;color:#e8eef4}.os-page main{width:min(100%,560px);min-height:100dvh;margin:auto;padding:calc(8px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box}.os-header,.os-wallet,.os-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.os-header h1{font-size:20px;margin:0}.os-wallet{min-height:42px}.os-wallet strong{font-size:22px}.os-wallet span,.os-note{font-size:12px}.os-page button,.os-page .button{min-height:48px;min-width:44px;cursor:pointer}.os-page input{min-height:48px;max-width:150px;font-size:18px;box-sizing:border-box}.os-page button[aria-pressed=true]{outline:2px solid #67e8f9;background:#365844}.os-page button:disabled{opacity:.5;cursor:default}#osBoard{height:190px;display:grid;place-items:center}#osBoard svg{height:100%;max-width:100%}#osResult{height:76px;display:flex;justify-content:center;flex-direction:column;text-align:center;box-sizing:border-box}#osResult strong{font-size:25px;color:#67e8f9}#osResult small,#osResult span{font-size:12px}#osStatus{min-height:42px;font-size:13px;margin:4px 0}.os-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.os-picks button{font-size:12px;padding:5px 2px}.os-betrow,.os-chips,.os-modes{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:8px 0}.os-actions{flex-wrap:wrap;justify-content:flex-start}.os-actions button{flex:1}.os-primary{display:flex;gap:6px}.os-primary button{flex:1}.os-note{margin:7px 0;color:#b4c2ce}#osStakeHelp{font-size:13px;min-height:34px;margin:6px 0}.os-betboard{background:#173e32;border:1px solid #50616d;border-radius:12px;padding:8px;margin:7px 0}#osTargets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:340px;overflow:auto;scroll-padding:5px}.os-target{color:#f1f5f9;background:#284939;border:1px solid #7a909b;border-radius:5px;min-height:48px;padding:4px;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:2px}.os-target small{font-size:11px;overflow-wrap:anywhere}.os-target.red{background:#6b3038}.os-target.black{background:#20292d}.os-target.green{background:#17613d}.os-target.possible-win{box-shadow:inset 0 0 0 2px #67e8f9}.os-target.placed-win{background:#536c29;color:white}.os-page details{font-size:13px;margin-top:10px}.os-page summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.os-page .roulette-pocket path{fill:#263039;stroke:#8497a4;stroke-width:.5}.os-page .roulette-pocket--red path{fill:#9a3945}.os-page .roulette-pocket--green path{fill:#247249}.os-page .roulette-pocket text{fill:#fff;font-size:8px}.os-page .roulette-rim{fill:#687b88}.os-page .roulette-rim-inner{fill:#2d362e}.os-page .roulette-felt{fill:#174537}.os-page .roulette-center-ring{fill:none;stroke:#67e8f9}.os-page .roulette-spindle,.os-page .roulette-pointer{fill:#a5f3fc}.os-page .roulette-spindle-cap{fill:#465863}.os-page .roulette-wheel-caption{fill:#dce8ef;font-size:10px}.os-page .roulette-ball{fill:#fff;stroke:#7e96a3}.os-page .is-selected path{stroke:#fff;stroke-width:2}.os-page .is-spinning .roulette-rotor{transform-origin:128px 128px;animation:os-spin .65s linear infinite}.os-page .is-spinning .roulette-ball-orbit{transform-origin:128px 128px;animation:os-spin .5s linear infinite reverse}@keyframes os-spin{to{transform:rotate(360deg)}}@media(max-width:360px){.os-header h1{font-size:18px}.os-wallet strong{font-size:19px}.os-page main{padding-left:8px;padding-right:8px}}@media(prefers-reduced-motion:reduce){.os-page *{animation:none!important;transition:none!important}}
#osDirectTargets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#osCoverage{min-height:32px;font-size:12px}#osSpatial{max-height:340px;overflow:auto;border:2px solid #58707d;border-radius:5px}.os-page .roulette-spatial-cell{height:48px;min-height:48px;border:1px solid #78909c;border-radius:0;margin:0;color:#fff;background:#25332e;font-size:16px;padding:2px}.os-page .roulette-spatial-cell.roulette-choice--red{background:#71303a}.os-page .roulette-spatial-cell.roulette-choice--black{background:#1a252b}.os-page .roulette-spatial-cell.preview-covered{box-shadow:inset 0 0 0 3px #67e8f9}.os-page .roulette-spatial-cell.possible-win{background:#526b28;box-shadow:inset 0 0 0 3px #67e8f9}.os-page .roulette-spatial-chip{background:#67e8f9;color:#142b25;border:2px dashed #e2fbff;border-radius:999px;min-width:27px;min-height:27px;display:grid;place-items:center;font-size:11px;padding:2px;box-shadow:0 2px 4px #0008}

.os-page .roulette-spatial-chip.placed-win{background:#67e8f9;box-shadow:0 0 0 3px #fb7185,0 2px 4px #0008}
.os-wallet{flex-wrap:wrap}.os-wallet strong{overflow-wrap:anywhere;max-width:100%}.os-page .roulette-spatial-chip{max-width:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-page .os-primary button{min-width:0;overflow-wrap:anywhere}