/* Reference skin, rebuilt from the user-provided panel image. Live buttons and
   the editable stake remain real DOM controls above the pixel artwork. */
.control-panel{container-type:inline-size}
.control-panel:not(.is-round-panel){width:min(450px,calc(100% - 20px));max-width:450px;aspect-ratio:450/280;height:auto;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent url('assets/panel-easy.png') 0 0/100% 100% no-repeat;image-rendering:pixelated;bottom:18px;overflow:visible}
.control-panel:not(.is-round-panel)[data-mode=hard]{background-image:url('assets/panel-hard.png')}
.control-panel:not(.is-round-panel) #idleControls,.control-panel:not(.is-round-panel) #idleActions{display:contents}
.control-panel:not(.is-round-panel) .mode-switch{position:absolute;left:3.555556%;top:3.571429%;width:93.333333%;height:28.571429%;padding:0;margin:0;gap:0}
.control-panel:not(.is-round-panel) button{background:none!important;border:0!important;border-radius:0;box-shadow:none!important;color:transparent!important;text-shadow:none!important;filter:none;font-size:0;min-height:0;padding:0;margin:0;transform:none}
.control-panel:not(.is-round-panel) button:hover{background:#ffffff12!important}
.control-panel:not(.is-round-panel) button:active{background:#633b0820!important}
.control-panel:not(.is-round-panel) button:focus-visible{outline:2px solid #91ecff;outline-offset:-3px}
.control-panel:not(.is-round-panel) .mode{height:100%;flex:1;line-height:0}
.control-panel:not(.is-round-panel) .mode b,.control-panel:not(.is-round-panel) .mode span{font-size:0;margin:0;padding:0;text-shadow:none;color:transparent}
.control-panel:not(.is-round-panel) .bet-control{position:absolute;left:3.555556%;top:35%;width:93.333333%;height:16.071429%;padding:0;gap:0;border:0;background:none}
.control-panel:not(.is-round-panel) .small-pixel{position:absolute;top:0;width:14.285714%;height:100%;font-size:0}
.control-panel:not(.is-round-panel) #minusButton{left:0}.control-panel:not(.is-round-panel) #plusButton{right:0}
.control-panel:not(.is-round-panel) .bet-label{position:absolute;left:14.285714%;right:14.285714%;height:100%;font-size:6cqw;min-width:0;display:flex;gap:2px;justify-content:center;align-items:center}
.control-panel:not(.is-round-panel) .bet-label input{position:relative;width:70%;min-width:0;max-width:100%;height:100%;padding:0 2px;border:0;border-radius:0;font:italic 6cqw var(--pixel);color:transparent;background:none;text-align:center;caret-color:#563602;box-shadow:none}
.control-panel:not(.is-round-panel) .bet-label>span:not(.sr-only){display:none}
.control-panel.bet-editing:not(.is-round-panel) .bet-label{background:#dedede}
.control-panel.bet-editing:not(.is-round-panel) .bet-label input{color:#563602;width:65%;text-align:right;outline:0}
.control-panel.bet-editing:not(.is-round-panel) .bet-label>span:not(.sr-only){display:block;color:#a4989e;font:6cqw var(--pixel)}
#betSprite{position:absolute;left:21.111111%;top:36.071429%;width:57.777778%;height:14.285714%;pointer-events:none;image-rendering:pixelated;z-index:2}
.is-round-panel #betSprite,.bet-editing #betSprite{display:none}
.control-panel:not(.is-round-panel) .quick-bets{position:absolute;left:3.555556%;top:54.642857%;width:93.333333%;height:12.857143%;gap:1.428571%;padding:0;margin:0;display:flex}
.control-panel:not(.is-round-panel) .quick-bets button{height:100%;min-width:0;flex:1}
.control-panel:not(.is-round-panel) #rulesButton{position:absolute;left:3.333333%;top:72.5%;width:14.888889%;height:24.285714%;font-size:0}
.control-panel:not(.is-round-panel) #playButton{position:absolute;left:20.444444%;top:72.5%;width:76.666667%;height:24.285714%;font-size:0}
.control-panel:not(.is-round-panel) #playButton span{font-size:0}
.control-panel:not(.is-round-panel) .panel-footnote{display:none}
.control-panel:not(.is-round-panel) .input-error{position:absolute;left:2%;right:2%;bottom:calc(100% + 10px);margin:0;background:#2e1736;color:#ffd4d4;border:2px solid #e68b8b;padding:9px 12px;font:14px/1.4 Arial,sans-serif}
.control-panel:not(.is-round-panel) .play-button:disabled{cursor:default}
.control-panel:not(.is-round-panel):has(.play-button:disabled){filter:saturate(.85)}
.auto-stop{position:absolute;right:22px;top:28px;background:#4c315f;color:#ffec91;min-height:44px;border:2px solid #c9b0d6;padding:8px 12px;font:11px/1.5 var(--pixel);z-index:3}
.auto-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auto-fields label{font-size:14px}.auto-fields input{margin-top:8px}
@media(max-width:700px){.control-panel:not(.is-round-panel){width:calc(100% - 20px);max-width:450px;bottom:18px}.auto-stop{top:155px;right:12px;font-size:9px}.status-line{bottom:2px;font-size:10px}.auto-fields{gap:10px}}
@media(max-height:600px) and (min-width:700px){.control-panel:not(.is-round-panel){width:330px;left:auto;right:22px;transform:none;bottom:22px}.auto-stop{right:22px;top:26px}.auto-fields{gap:12px}}

/* In-round reference: no white card or separate winnings summary, just the
   yellow WITHDRAW and cyan DASH controls from the second supplied screenshot. */
.control-panel.is-round-panel{width:min(481px,calc(100% - 32px));max-width:481px;height:auto;aspect-ratio:481/100;left:max(16px,calc(50% - 240px));right:auto;transform:none;bottom:24px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;image-rendering:pixelated}
.control-panel.is-round-panel #roundControls,.control-panel.is-round-panel .panel-footnote{display:none!important}
.control-panel.is-round-panel .round-actions{position:absolute;inset:0;display:flex;gap:4.365904%;align-items:stretch}
.control-panel.is-round-panel .cashout-button,.control-panel.is-round-panel .fly-button{position:relative;flex:0 0 47.817048%;width:47.817048%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;transform:none;color:transparent;text-shadow:none;font-size:0;line-height:0;background:transparent url('assets/withdraw-button.png') 0 0/100% 100% no-repeat;image-rendering:pixelated}
.control-panel.is-round-panel .fly-button{background-image:url('assets/dash-button.png')}
.control-panel.is-round-panel .cashout-button:disabled,.control-panel.is-round-panel .fly-button:disabled{opacity:1;filter:none}
.control-panel.is-round-panel .cashout-button:not(:disabled):hover,.control-panel.is-round-panel .fly-button:not(:disabled):hover{filter:brightness(1.06)}
.control-panel.is-round-panel .cashout-button:not(:disabled):active,.control-panel.is-round-panel .fly-button:not(:disabled):active{filter:brightness(.92)}
.control-panel.is-round-panel .cashout-button:focus-visible,.control-panel.is-round-panel .fly-button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.control-panel.is-round-panel #withdrawSprite{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}
.control-panel.is-round-panel .input-error{display:none}
@media(max-width:700px){.control-panel.is-round-panel{bottom:24px}}