.art-ronda{background-image:url('/assets/ronda/environment.png')!important;background-size:cover;background-position:center top;image-rendering:pixelated}
.art-ronda:before{content:"";position:absolute;inset:8% 14% 0 20%;background-image:url('/assets/ronda/characters.png');background-size:400% 300%;background-position:33.333% 0;image-rendering:pixelated;z-index:1}
#game-dialog[data-game=ronda] .game-viewport{background:#171b28}#game-dialog[data-game=ronda] #game-canvas{image-rendering:pixelated;object-fit:fill;touch-action:none}
.ronda-controls{flex:0 0 auto;background:#1e2231;border-top:2px solid #9e815d;color:#ffeaca;padding:9px 13px 7px;user-select:none;touch-action:none}
.ronda-hand{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px}.ronda-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ronda-controls button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:65px;padding:5px;border:1px solid #81705f;border-radius:9px;background:#332d3c;color:inherit;font:inherit;cursor:pointer;overflow:hidden;touch-action:none;box-shadow:0 3px #11141f}
.ronda-controls button b{font:900 25px ui-monospace,monospace;color:#ffda92}.ronda-controls button span{font-size:15px;font-weight:650}.ronda-controls button small{font-size:12px}.ronda-controls button[aria-pressed=true]{background:#214c45;border-color:#9ae5c9;box-shadow:inset 0 -3px #87e5c3,0 3px #11141f}
.ronda-controls .has-return{border-color:#f1d280}.ronda-controls .has-return b{color:#ffefb9}.ronda-controls .in-danger i{position:absolute;top:6px;right:6px;width:9px;height:9px;background:#ffac96;border-radius:50%}.ronda-controls button:active{transform:translateY(2px)}.ronda-controls button:disabled{cursor:default}.ronda-controls button:focus-visible{outline:3px solid #fff6d9;outline-offset:2px}
.ronda-controls .ronda-music{background:#543f68;border-color:#b899c9}.ronda-music b{color:#e4c1ff}.ronda-controls .ronda-music:disabled{opacity:.6}.ronda-controls .ronda-music.is-playing{opacity:1;background:#705184}.ronda-music i{position:absolute;bottom:0;left:0;height:4px;width:var(--charge,0%);background:#e3b0fa}
.ronda-status{margin:7px 0 0;text-align:center;color:#ddcdbb;font-size:13px;line-height:1.2;min-height:16px}.ronda-orders{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ronda-orders>span{font-size:14px}.ronda-controls .ronda-orders button{min-height:38px;padding:5px 12px;font-size:14px;flex:1;flex-direction:row}.ronda-orders button:last-child{color:#ecc7ff}.ronda-controls [hidden]{display:none!important}
#game-dialog[data-game=ronda]:is([data-phase=result],[data-phase=paused]) .ronda-controls{display:none}
@media(min-width:901px) and (pointer:fine){#game-dialog[data-game=ronda]:is([data-phase=playing],[data-phase=paused],[data-phase=result]) .game-shell{height:min(900px,96dvh);display:flex;flex-direction:column;min-height:0}#game-dialog[data-game=ronda] .play-region{flex:1;min-height:0}#game-dialog[data-game=ronda] .game-viewport{aspect-ratio:auto;min-height:0;max-height:none}#game-dialog[data-game=ronda] #game-canvas{max-height:none}#game-dialog[data-game=ronda] .game-header,#game-dialog[data-game=ronda] .game-hud{flex-shrink:0}}
@media(max-width:700px){.ronda-controls{padding:7px 8px}.ronda-hand{grid-template-columns:minmax(0,1fr) 73px;gap:7px}.ronda-lanes{gap:5px}.ronda-controls button{min-height:67px}.ronda-controls button span{font-size:14px}.ronda-status{font-size:12px}.ronda-orders{gap:5px}.ronda-controls .ronda-orders button{font-size:14px;min-height:40px;padding:4px}#game-dialog[data-game=ronda] .game-bottom{display:none}}
@media(max-height:520px) and (orientation:landscape){.ronda-controls{padding:4px 12px}.ronda-controls button{min-height:43px;flex-direction:row;gap:8px}.ronda-status{display:none}.ronda-orders{margin-bottom:5px}.ronda-controls .ronda-orders button{min-height:30px}#game-dialog[data-game=ronda] .game-bottom{display:none}}
@media(prefers-reduced-motion:reduce){.ronda-controls button:active{transform:none}}

.history-art.art-ronda{position:relative;overflow:hidden}