.panel.control-panel{width:320px;padding:24px;gap:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#526057 #202b29}
body[data-layout=desktop] .scene{width:1080px}
.control-panel label,.bet-heading{font-size:14px;color:#b9c6b7;line-height:1.4}
.mode-tabs{display:flex;flex:none;background:#1a2525;padding:5px;border-radius:12px;margin-bottom:22px;gap:4px}
.mode-tabs button{flex:1;border:0;border-radius:9px;padding:13px 0;background:transparent;color:#87958b;font-weight:700;font-size:15px}
.mode-tabs button[aria-pressed=true]{background:#435348;color:#f7edda}
.bet-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.bet-heading span{font-size:13px}.bet-heading strong{font-weight:500}
.control-panel .bet-control{border:0;background:#1a2525;border-radius:9px;height:52px;padding:6px;gap:4px;align-items:center;margin:0 0 20px;width:100%;flex-shrink:0}
.control-panel .bet-control>span{color:#d7bd7b;padding-left:6px;font-size:19px}
.control-panel input,.control-panel select{color:#fff4db;font:700 15px Arial,sans-serif;min-width:0;outline-offset:2px}
.control-panel .bet-control input{flex:1;width:50px;background:transparent;text-align:left;padding-left:3px}
.control-panel .bet-control button{flex:none;width:auto;min-width:34px;height:37px;padding:0 7px;border-radius:7px;background:#3b4b40;color:#f3e7c9;font-size:12px;font-weight:bold}
.control-panel .difficulty-field{margin-bottom:18px}
.difficulty-field label{display:block;margin-bottom:7px}
.control-panel select{display:block;width:100%;height:50px;background:#1a2525;border:1px solid transparent;border-radius:8px;padding:0 12px;color:#f7ecd6;cursor:pointer;color-scheme:dark}
.control-panel select option{background:#35463c;color:#fff4df}
#difficulty-info{display:block;font-size:11px;line-height:1.4;color:#8d9f91;margin-top:5px;min-height:15px}
#auto-settings{display:flex;flex-direction:column;gap:15px;flex:none}
.auto-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auto-row label{min-width:0;font-size:13px}
.auto-row select,.number-combo,.limit-input{margin-top:6px}
.number-combo,.limit-input{height:46px;border-radius:8px;background:#1a2525;display:flex;align-items:center;gap:4px;padding:6px 9px}
.number-combo input,.limit-input input{width:100%;border:0;background:transparent;height:30px}
.number-combo button{border:0;background:#3b4b40;color:#eee1c0;border-radius:6px;font-size:21px;padding:1px 10px}
.number-combo button[aria-pressed=true]{background:#c4d96b;color:#172322}
.limit-input span{color:#d7bd7b}
.adjust-field>label{display:block;margin-bottom:6px;font-size:13px}
.adjust-control{display:flex;align-items:center;gap:4px;background:#1a2525;border-radius:8px;padding:6px}
.adjust-control button{border:0;border-radius:6px;background:#3b4b40;color:#efe6ce;padding:10px 8px;white-space:nowrap;font-size:11px;font-weight:bold}
.adjust-control button[aria-pressed=true]{background:#c4d96b;color:#172322}
.adjust-control input{flex:1;width:35px;text-align:right;border:0;background:transparent;font-size:13px}
.adjust-control>span{font-size:13px;color:#91a08f;padding-right:3px}
.control-panel input::-webkit-inner-spin-button{appearance:none}.control-panel input{appearance:textfield}
.auto-hint{font-size:10px;color:#91a18f;line-height:1.4}
.control-panel .decision-box{padding-top:18px}
#auto-profit-preview{text-align:center;font-size:13px;color:#b9c6b7;margin-bottom:12px}#auto-profit-preview strong{color:#f1deb2;margin-left:6px}
#auto-status{font-size:11px;color:#d9ca9e;line-height:1.4;margin:0 0 10px;text-align:center}
.control-panel .decision-box #auto-start{background:#c4d96b;color:#172322}
.control-panel .decision-box #auto-start[data-running=true]{background:#dab670}
.control-panel .round-info{padding-top:10px}.control-panel #bet-error{font-size:12px;color:#efb895;margin:0 0 12px}
body[data-layout=portrait] .panel.control-panel{display:flex;flex-direction:column;width:100%;padding:20px;gap:0}
body[data-layout=portrait] .control-panel .decision-box{margin-top:24px}
body[data-layout=portrait] .control-panel .bet-control{height:52px}
body[data-layout=landscape] .panel.control-panel{width:280px;padding:12px;display:flex;gap:0}
body[data-layout=landscape] .control-panel .mode-tabs{margin-bottom:12px}
body[data-layout=landscape] .control-panel .difficulty-field{margin-bottom:12px}
.control-panel :disabled{cursor:default}
.step-point.danger .medallion{filter:none}
.step-point.danger b{background:#512d2a;color:#ffb097;border-color:#d8735b}
.currency-icon{display:inline-block!important;width:1em;height:1.1em;flex:none;vertical-align:-.15em;background:currentColor;mask:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU5IiBoZWlnaHQ9IjE3NSIgdmlld0JveD0iMCAwIDE1OSAxNzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80ODU1XzQwNCkiPgo8cGF0aCBkPSJNMTU4LjI0NyAxMjAuMzM3QzE1Ni43NzQgMTEzLjMxOCAxNTIuOTA4IDEwNy4wNDggMTQ3LjA3IDEwMi4yMDNDMTQyLjMyMiA5OC4yNjMgMTM2LjM5NiA5NS4zMjM0IDEyOS44NCA5My42NDAzQzEzMC4wNTMgOTEuNzYwNyAxMzAuMjg1IDg5LjgyOTQgMTMwLjUyNyA4Ny44MTI4QzEzMi4yNSA3My40MzgxIDEzNC4xOTkgNTcuMTQyMyAxMzIuMjk5IDQyLjIyOThDMTMwLjA0MyAyNC41MzI4IDEyMi43ODQgMTIuNDg3NCAxMTAuMTA5IDUuNDAwODhDMTAzLjg4MiAxLjkxODM2IDk2LjUxOTMgMCA4OS4zNzU3IDBDODYuMjYyMyAwIDgzLjIzOSAwLjM2NDU0IDgwLjM5MzQgMS4wODA2OUM3MS42MDY5IDMuMjk2MzcgNjMuNjU5OSAxMC4wMTU4IDU2Ljc4MTUgMjEuMDQ1MUM1MC4zNjE2IDMxLjMzNDkgNDYuMjg1IDQzLjU5NDkgNDMuMTQ1OSA1NC4yMzEyQzQxLjI4OTIgNjAuNTI0IDM5LjkyOTUgNjcuMjkyNiAzOC45OTQ3IDc0LjkyNDdDMzguNjcyOCA3Ny41NTkyIDM4LjQ2OTMgODAuMzE1MiAzOC4zOTQ3IDgzLjExNTJDMzguMzgxOCA4My42MjQ1IDM4LjM4NDQgODQuNTM5NyAzOC4zODY5IDg1LjUwOTJDMzguMzg5NSA4Ni40Mzc0IDM4LjM5NDcgODcuNzU4NSAzOC4zNzY2IDg4LjM3OUMzOC4zMDQ1IDg4LjUyMTIgMzguMjQwMSA4OC42NjM0IDM4LjE3ODMgODguODA1NkMzMS41MjE1IDkwLjU3MTQgMjQuNzYxNiA5NC42NzQ1IDE4LjU1MDIgMTAwLjczNUMxMy4wMDMzIDEwNi4xNDYgOC4wNDYwNCAxMTIuOTY2IDQuNTkwMTMgMTE5LjkzNEMwLjUwNTg3OSAxMjguMTczIC0wLjk0NjUyOCAxMzguMDQ0IDAuNjExNDYyIDE0Ny4wMThDMi4zMzE2OSAxNTYuOTQ0IDcuNTkyOCAxNjUuMDcgMTUuNDI0IDE2OS44OTlDMjAuODI5MyAxNzMuMjMyIDI3Ljg4NTMgMTc0Ljk5NSAzNS44MjcyIDE3NC45OTVDNDMuNzY5MSAxNzQuOTk1IDUxLjc4ODIgMTczLjI0NSA1OC44MzE0IDE3MC4wNjdDNjUuNDE4NyAxNjcuMDk0IDcwLjc1NzEgMTYzLjAzNyA3NC40Mzk2IDE1OC4yMzRDODAuMTAyNCAxNjUuMjg5IDg3LjgwMjMgMTY5Ljg4MSA5Ni44NzIxIDE3MS41OEM5OS42NzkxIDE3Mi4xMDQgMTAyLjU5NyAxNzIuMzcxIDEwNS41NDggMTcyLjM3MUMxMTYuODA3IDE3Mi4zNzEgMTI4LjcyMiAxNjguNTEzIDEzOS4wOTUgMTYxLjUwOUMxNDYuMDkyIDE1Ni43ODYgMTUxLjYgMTUwLjY5NyAxNTUuMDMgMTQzLjkwNUMxNTguODAzIDEzNi40MzYgMTU5LjkxMyAxMjguMjg1IDE1OC4yNDEgMTIwLjMzMkwxNTguMjQ3IDEyMC4zMzdaTTY4LjA4NjYgMTM2LjAxMkM2Ni44Njg1IDEzNy4yNzkgNjYuMjYwOCAxMzguOTM0IDY2LjMyNzggMTQwLjc5M0M2Ni42NzU0IDE1MC40MzEgNTYuNDkzMSAxNTUuNzA1IDUyLjA5OTggMTU3LjUyOEM0Ni43NjkyIDE1OS43MzYgNDEuMTExNSAxNjAuOTA0IDM1LjczNDUgMTYwLjkwNEMzMS44NDM0IDE2MC45MDQgMjguMTU4MyAxNjAuMjk3IDI0Ljc4NzQgMTU5LjFDMTMuMDQ5NiAxNTQuOTMyIDEyLjM3MjQgMTM4LjgzIDE1LjYwOTQgMTI5LjI1OUMxOC4wMDQzIDEyMi4xNzggMjMuMzY1OCAxMTYuMjUyIDI4LjIwNzIgMTExLjI1MkMzNC41NzA1IDEwNC42OCA0MC4wOTk0IDEwMS40ODQgNDUuMTEwOCAxMDEuNDg0QzQ1LjY5NzkgMTAxLjQ4NCA0Ni4yODc2IDEwMS41MzEgNDYuODU5MyAxMDEuNjE5QzQ3LjI1NTkgMTAxLjY4MSA0Ny42NTUgMTAxLjcxMiA0OC4wNDY1IDEwMS43MTJDNTIuMTgyMiAxMDEuNzEyIDU0Ljk4NjYgOTguMjE5IDU1LjMwODUgOTQuODQyNUM1NS41NjM1IDkyLjE2NjYgNTQuMzQyOCA4OS45MTk5IDUyLjE2OTQgODguODAwNEM1Mi4yNDY2IDg3LjU0MzkgNTIuMjM2MyA4Ni4yOTI2IDUyLjIyODYgODUuMTQ3M0M1Mi4yMjM0IDg0LjQ2NDcgNTIuMjE4MyA4My44MjM2IDUyLjIyODYgODMuMjEzNEM1Mi4zMjkgNzguMTY5MyA1My4wMDExIDcyLjgyMDEgNTQuMzQyOCA2Ni4zNzIyQzU1LjA1NjEgNjIuOTQ5MSA1NS45MzY5IDU5LjQ0NTkgNTYuOTc0NyA1NS45MjQ2QzYzLjc0NzQgNjAuOTg0MiA3My4xMTg1IDYzLjQ1MDcgODUuNDg3MiA2My40NTA3Qzg2LjUzNTMgNjMuNDUwNyA4Ny42MjcyIDYzLjQzMjYgODguNzM0NSA2My4zOTY0Qzk4Ljg5ODggNjMuMDczMiAxMDguOTU1IDYxLjEzNDIgMTE4LjY4MSA1OS4yNTk4QzExOC43NjQgNTkuMjQ0MyAxMTguODQ0IDU5LjIyODcgMTE4LjkyNiA1OS4yMTMyQzExOC43ODIgNjguNTIzMiAxMTcuNzE2IDc3Ljk0MTggMTE2LjY4MyA4Ny4wNzM0QzExNi4yNCA5MS4wMDA2IDExNS43ODIgOTUuMDU5NyAxMTUuNDAxIDk5LjA2MTlDMTE1LjAxOSAxMDMuMDU5IDExOC41MDkgMTA1LjgyNSAxMjIuMTAxIDEwNi4xOTVDMTMxLjE4OSAxMDcuMTI2IDE0MS45NDEgMTEyLjI1OCAxNDQuODYzIDEyMy44NjFDMTQ3LjY0NyAxMzQuOTE2IDEzOS4wNDEgMTQ1LjA2MSAxMzAuMDU5IDE1MC44NjhDMTIyLjQzMyAxNTUuNzk4IDExMy43MjkgMTU4LjUxNiAxMDUuNTQ4IDE1OC41MTZDMTAzLjcxMiAxNTguNTE2IDEwMS44OTYgMTU4LjM3NiAxMDAuMTU1IDE1OC4wOTlDOTAuMDQyNyAxNTYuNDkxIDgyLjg1NTMgMTQ5LjY2NiA3OS45MTk2IDEzOC44NzdDNzkuMDk1NSAxMzUuODUyIDc2LjQ3OTIgMTMzLjg5NyA3My4yNTI0IDEzMy44OTdDNzEuMjY0NCAxMzMuODk3IDY5LjM4MTkgMTM0LjY2OCA2OC4wOTE4IDEzNi4wMTJINjguMDg2NlpNODQuODAyMiAxNC4yNzM5Qzg0LjA5NCAxOC41NDc2IDg0LjIyNTMgMjMuNDgwNSA4NC41MjE1IDI3LjI3MDdDODQuMzg1IDI4LjA1NDEgODQuMzc3MyAyOC44NTU2IDg0LjUwMDkgMjkuNjU5NkM4NC41OTEgMzAuMjU0MyA4NC43MzUyIDMwLjc2MzYgODQuODY0IDMxLjIxMDhDODQuOTE4MSAzMS40MDIyIDg0Ljk3NDcgMzEuNTk4NyA4NS4wMjYyIDMxLjgwMjlDODUuNzgzMyAzNC44NDMzIDg4LjQzNTggMzYuODA4MiA5MS43ODYxIDM2LjgwODJDOTMuOTIwOSAzNi44MDgyIDk1Ljg4MDYgMzUuOTgzNSA5Ny4xNjMxIDM0LjU0MzRDOTguMzE0MiAzMy4yNTA3IDk4LjgxODkgMzEuNjAxMiA5OC42MTU1IDI5Ljc3NkM5OC4zMjQ1IDI3LjE0NCA5OC4zNDUxIDI0LjQ5MTQgOTguMzk5MiAyMS41NDE1Qzk4LjQzMDEgMTkuNzg4NiA5OC41MzMxIDE3Ljk4NCA5OC43MDMgMTYuMTg0NkM5OC43NDQzIDE1Ljc0NSA5OC43NDY4IDE1LjcyOTUgOTguNzg1NSAxNS41NDg1Qzk4Ljc4NTUgMTUuNTQ2IDk4Ljc4NTUgMTUuNTQzNCA5OC43ODU1IDE1LjUzODJDMTAwLjg4OSAxNi4yODU0IDEwMi45NDcgMTcuMjQ5NyAxMDQuODE0IDE4LjM2NjZDMTEyLjQxOSAyMi45MjQ3IDExNi44NTYgMzEuNzE1IDExOC4zNDkgNDUuMjA4MkMxMTcuNjE4IDQ1LjM0NzggMTE2Ljg4NCA0NS40ODc0IDExNi4xNTMgNDUuNjI3QzEwNy45MzUgNDcuMTk2MyA5OS40MzcgNDguODIgOTAuOTY0NiA0OS4zODg3Qzg4LjYyNjMgNDkuNTQ2NCA4Ni41NjEgNDkuNjIxNCA4NC42NTI4IDQ5LjYyMTRDNzMuNzE4NSA0OS42MjE0IDY2LjUxMzIgNDcuMDkwMyA2Mi4wMjQ2IDQxLjY2MUM2My4yMTQ0IDM4Ljc5MTIgNjQuNDQ3OSAzNi4wNTg1IDY1LjcwMiAzMy41MTk2QzcwLjYzMzUgMjMuNTQyNiA3NS44MjI1IDE3LjcwMjIgODIuMDMxMyAxNS4xNDAxQzgyLjkwOTQgMTQuNzc4MSA4My44MzY1IDE0LjQ4NTkgODQuODA0NyAxNC4yNjg4TDg0LjgwMjIgMTQuMjczOVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDg1NV80MDQiPgo8cmVjdCB3aWR0aD0iMTU5IiBoZWlnaHQ9IjE3NSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K') center/contain no-repeat}
#cashout-result .currency-icon{padding:0;font-size:inherit}.bet-heading .currency-icon{font-size:15px}.control-panel .bet-control>span{padding:0;margin-left:6px;font-size:19px}.limit-input>.currency-icon{font-size:17px}
#difficulty-info{display:none}
.control-panel input:focus-visible{outline:none}
.control-panel .bet-control:focus-within,.control-panel .number-combo:focus-within,.control-panel .limit-input:focus-within,.control-panel .adjust-control:focus-within{box-shadow:inset 0 0 0 1px #94a77b;background:#202e28}
.control-panel button:focus-visible,.control-panel select:focus-visible{outline:2px solid #becf8f;outline-offset:2px}
.control-panel .round-info{display:none}
.scene-audio #rules{border:0;border-radius:8px;background:#1b252bdd;box-shadow:none;color:#eddfb4;font-size:20px;font-weight:bold;text-decoration:none}
body[data-layout=portrait] .scene-audio #rules,body[data-layout=landscape] .scene-audio #rules{font-size:calc(20px / var(--scene-scale))}
.scene-heading .recent-wins{max-width:calc(100% - 104px)}
body[data-layout=portrait] .scene-heading .recent-wins,body[data-layout=landscape] .scene-heading .recent-wins{max-width:calc(100% - 84px / var(--scene-scale))}
body[data-layout=portrait] .scene-heading #next-label{gap:calc(3px / var(--scene-scale))}body[data-layout=portrait] .scene-heading .win-chip{font-size:calc(8px / var(--scene-scale))}
/* Squared illustrated controls, matching the catch-card action. */
.control-panel .mode-tabs,.control-panel .bet-control,.control-panel select,.control-panel .number-combo,.control-panel .limit-input,.control-panel .adjust-control{border-radius:0}
.control-panel button,.control-panel .mode-tabs button,.control-panel .bet-control button,.control-panel .adjust-control button,.control-panel .number-combo button{border-radius:0}
.control-panel .decision-box button{border-radius:0;border:2px solid #101916;box-shadow:3px 4px 0 #101916}
.control-panel .bet-control button,.control-panel .adjust-control button,.control-panel .number-combo button{border:1px solid #15201b;box-shadow:2px 2px 0 #101916}
.control-panel .mode-tabs button[aria-pressed=true]{border:1px solid #17231d;box-shadow:2px 3px 0 #101916}
.control-panel .mode-tabs button[aria-pressed=false]{border:1px solid transparent}
.control-panel button:not(:disabled):active{transform:translate(1px,1px);box-shadow:1px 1px 0 #101916}
.control-panel .decision-box{padding-bottom:4px}
.scene-heading .win-chip.lost{color:#fffaf0}
.control-panel .select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 14px;border:1px solid #506151;border-radius:0;background:#1a2525;color:#f7ecd6;font:700 15px Arial,sans-serif;text-align:left;box-shadow:2px 3px 0 #101916;cursor:pointer}
.auto-row .select-trigger{margin-top:6px}
.select-arrow{width:8px;height:8px;border-right:2px solid #c2cba9;border-bottom:2px solid #c2cba9;transform:rotate(45deg);margin:0 2px 4px 12px}
.select-trigger[aria-expanded=true]{border-color:#c4d38e}
.select-trigger[aria-expanded=true] .select-arrow{transform:rotate(225deg);margin-bottom:-4px}
.select-menu{position:fixed;z-index:1000;background:#2c3b31;border:1px solid #708260;box-shadow:4px 5px 0 #101916;overflow-y:auto;overscroll-behavior:contain;padding:3px 0;scrollbar-width:thin;scrollbar-color:#94a580 #233129}
.select-option{display:flex;align-items:center;min-height:calc(44px * var(--select-scale,1));padding:8px calc(14px * var(--select-scale,1));color:#eee6cf;font:700 calc(15px * var(--select-scale,1)) Arial,sans-serif;cursor:pointer}
.select-option[aria-selected=true]{background:#53644a;color:#f5edcf}
.select-option.highlighted,.select-option:hover{background:#697b52;color:#fff7df}
#cashout-result{border-radius:0;border:2px solid #101916;box-shadow:4px 5px 0 #101916}#cashout-result span:not(.currency-icon){border-top:1px solid #101916}
/* Separate editable surfaces from the dark sidebar at every height. */
.panel.control-panel{background:#192322}
.control-panel .bet-control,.control-panel .number-combo,.control-panel .limit-input,.control-panel .adjust-control,.control-panel .select-trigger{background:#293831;border:1px solid #596a54;box-shadow:2px 3px 0 #101916}
.control-panel .bet-control:focus-within,.control-panel .number-combo:focus-within,.control-panel .limit-input:focus-within,.control-panel .adjust-control:focus-within{background:#304137;box-shadow:inset 0 0 0 1px #a7b889,2px 3px 0 #101916}
.control-panel label,.control-panel .bet-heading{color:#c4ceba}
.control-panel .auto-hint{color:#a5b49b}
.scene-audio #sound,.scene-audio #rules,.scene-heading .recent-wins{border-radius:0}
/* Stable equal-size mode tabs, with room for the active tab's offset shadow. */
.control-panel .mode-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;padding:6px 9px 9px 6px;border:1px solid #435347;background:#15201d;min-height:62px}
.control-panel .mode-tabs button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px 4px;line-height:20px;border:1px solid transparent;transform:none}
.control-panel .mode-tabs button[aria-pressed=true]{background:#495b49;border-color:#607354;box-shadow:2px 3px 0 #0d1712}
.control-panel .mode-tabs button[aria-pressed=false]{background:transparent;color:#b4c0a8;box-shadow:none}
.control-panel .mode-tabs button:not(:disabled):active{transform:none}
.control-panel .mode-tabs button[aria-pressed=false]:not(:disabled):hover{background:#25362b}
#cashout-result{box-shadow:2px 2px 0 #10191666}
.control-panel .bet-control button,.control-panel .adjust-control button,.control-panel .number-combo button{transition:background-color .12s ease,color .12s ease,border-color .12s ease}
@media(hover:hover){
.control-panel .bet-control button:not(:disabled):hover,.control-panel .adjust-control button:not(:disabled):hover,.control-panel .number-combo button:not(:disabled):hover{background:#5a6d4e;color:#fff7df;border-color:#a8ba7e}
.control-panel .adjust-control button[aria-pressed=true]:not(:disabled):hover,.control-panel .number-combo button[aria-pressed=true]:not(:disabled):hover{background:#d7e789;color:#172322;border-color:#e2ecae}
}
@media(prefers-reduced-motion:reduce){.control-panel .bet-control button,.control-panel .adjust-control button,.control-panel .number-combo button{transition:none}}
.control-panel #bet[aria-invalid=true]{box-shadow:none}.control-panel input:focus,.control-panel input:focus-visible{outline:none}
.control-panel .mode-tabs{padding:6px;min-height:0}
.control-panel .mode-tabs button,.control-panel .mode-tabs button[aria-pressed=true],.control-panel .mode-tabs button:not(:disabled):active{box-shadow:none;min-height:44px}

/* The stake editor has its own sizing, independent of scene zoom. */
body[data-layout] .control-panel .bet-control { display:grid; grid-template-columns:22px minmax(0,1fr) 32px 32px 44px; gap:4px; padding:6px 8px 6px 6px; min-width:0; height:52px; }
body[data-layout] .control-panel .bet-control>span { margin:0; padding:0; }
body[data-layout] .control-panel .bet-control input { width:100%; min-width:0; padding:0; font-size:15px; }
body[data-layout] .control-panel .bet-control button { width:100%; min-width:0; height:36px; min-height:0; padding:0; font:700 12px/1 Arial,sans-serif; }

/* Phone/tablet reading and DOM order: actions, stake, difficulty, mode, auto options. */
body[data-layout=portrait] .control-panel .decision-box { display:flex; flex-direction:column; margin:0 0 20px; padding:0 0 4px; flex:none; }
body[data-layout=portrait] .control-panel .decision-box .actions { order:-1; margin:0; }
body[data-layout=portrait] .control-panel .decision-box .return { margin-top:12px; }
body[data-layout=portrait] .control-panel #auto-profit-preview { margin:12px 0 0; }
body[data-layout=portrait] .control-panel .mode-tabs { margin:0 0 18px; }

/* Compact layouts keep touch controls and history at readable screen sizes. */
body[data-layout=portrait] .scene-heading { left:calc(10px / var(--scene-scale)); right:calc(10px / var(--scene-scale)); top:calc(10px / var(--scene-scale)); gap:calc(12px / var(--scene-scale)); }
body[data-layout=portrait] .scene-audio { flex:none; gap:calc(6px / var(--scene-scale)); }
body[data-layout=portrait] .scene-audio button { width:calc(40px / var(--scene-scale)); height:calc(40px / var(--scene-scale)); padding:calc(8px / var(--scene-scale)); }
body[data-layout=portrait] .scene-heading .recent-wins { min-width:0; max-width:calc(100% - 98px / var(--scene-scale)); padding:calc(8px / var(--scene-scale)); overflow:hidden; }
body[data-layout=portrait] .scene-heading #next-label { flex-wrap:nowrap; justify-content:flex-end; gap:calc(10px / var(--scene-scale)); overflow:hidden; }
body[data-layout=portrait] .scene-heading .win-chip { flex:none; font-size:calc(12px / var(--scene-scale)); }
body[data-layout=portrait] .scene-heading .history-empty { font-size:calc(11px / var(--scene-scale)); white-space:nowrap; }
body[data-layout=portrait] .control-panel .difficulty-field { margin-top:22px; margin-bottom:24px; }
body[data-layout=portrait] .control-panel .difficulty-field label { margin-bottom:10px; }

/* One consistent height for every item in the compact scene toolbar. */
body[data-layout=portrait] .scene-heading .recent-wins { height:calc(40px / var(--scene-scale)); min-height:calc(40px / var(--scene-scale)); display:flex; align-items:center; padding:0 calc(10px / var(--scene-scale)); background:#1b252bdd; }
body[data-layout=portrait] .scene-heading #next-label { align-items:center; min-height:0; line-height:1; }
body[data-layout=portrait] .scene-heading .win-chip { font-size:calc(12px / var(--scene-scale)); line-height:1; }

/* Reflect the modal's existing input lock in the main action buttons. */
body:has(#cheat-dialog[open], .nerf-game-dialog[open]) .control-panel .decision-box .actions button { opacity:.42; }

@media(max-width:600px) and (orientation:portrait) {
 body[data-layout=portrait] .scene-heading .win-chip:nth-last-child(n+6) { display:none; }
 body[data-layout=portrait] .scene-heading .win-chip { font-size:calc(12px / var(--scene-scale)); }
 body[data-layout=portrait] .scene-heading #next-label { gap:calc(9px / var(--scene-scale)); }
 body[data-layout=portrait] .scene-heading .recent-wins { padding-inline:calc(6px / var(--scene-scale)); }
}