.oc-canvas-wrap{position:relative;width:100%;max-width:440px;height:180px;background:var(--game-bg-canvas);border:var(--game-border-thick) solid var(--game-border-color);border-radius:var(--game-radius-lg);overflow:hidden;flex-shrink:1;min-height:0}@media(max-height:700px){.oc-canvas-wrap{height:170px}}@media(max-height:580px){.oc-canvas-wrap{height:120px}}#oc-canvas{width:100%;height:100%;display:block}#oc-result{text-align:center}.oc-slider-row{width:100%;max-width:340px;display:flex;flex-direction:column;gap:4px}.oc-slider{-webkit-appearance:none;width:100%;height:12px;background:var(--game-bg-surface);border:2px solid var(--game-border-color);border-radius:var(--game-radius-pill);outline:none}.oc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;background:var(--game-accent-purple);border:3px solid rgba(0,0,0,.2);border-radius:50%;box-shadow:var(--game-shadow-sm);cursor:grab}.oc-slider::-moz-range-thumb{width:26px;height:26px;background:var(--game-accent-purple);border:3px solid rgba(0,0,0,.2);border-radius:50%;cursor:grab}