/* Development scenarios share the illustrated Settings surround. */
#modal[data-kind="test"]{--dev-height:min(800px,calc(100dvh - 24px));--dev-width:min(640px,calc(100vw - 24px));box-sizing:border-box;width:var(--dev-width);height:var(--dev-height);max-width:none;max-height:none;margin:auto;padding:calc(var(--dev-height)*.115) calc(var(--dev-width)*.11);overflow:hidden;border:0;clip-path:none;background:url('../public/assets/settings-v1/panel.png') center/100% 100% no-repeat;color:#e7f8ff;filter:drop-shadow(0 14px 28px #000b)}
#modal[data-kind="test"]::backdrop{background:#010712b5;backdrop-filter:blur(6px)}
#modal[data-kind="test"] .modal-header{position:static;margin:0;height:40px;min-height:40px;box-sizing:border-box;padding:0 6px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #2fcaff42;background:none;box-shadow:none}
#modal[data-kind="test"] #modal-kicker{font:700 10px/1.2 Rajdhani,sans-serif;color:#82eaff;letter-spacing:1px}
#modal[data-kind="test"] #close-modal{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #4ddcff99;background:linear-gradient(135deg,#07517c,#07142b);color:#e6faff;font-size:18px;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%)}
#modal[data-kind="test"] #modal-content{height:calc(100% - 40px);min-width:0;overflow-y:auto;overflow-x:hidden;padding:0 6px 4px;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:#35caff #051429;overscroll-behavior:contain}
.dev-controls{min-width:0;color:#dff5ff;font-family:Rajdhani,Arial,sans-serif}.dev-controls-heading{display:flex;align-items:center;gap:12px;padding:18px 0 10px}.dev-chip{display:grid;place-items:center;flex:none;width:42px;height:36px;border:1px solid #7bf1ff;color:#8ff7ff;background:#087b9a35;font:bold 12px/1 'Chakra Petch',sans-serif;letter-spacing:1px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
#modal .dev-controls h2{margin:0;font:700 italic clamp(21px,3.2vw,29px)/1.1 'Chakra Petch',sans-serif;color:#f1fcff;letter-spacing:.4px}#modal .dev-controls-heading p{margin:6px 0 0;color:#76e1ff;font:700 11px/1.2 Rajdhani,sans-serif;letter-spacing:1.8px}#modal .dev-controls-intro{margin:4px 0 20px;font-size:14px;line-height:1.4;color:#b8d2e4}
.dev-fields{padding:16px 0;border-top:1px solid #3ac8f43d;border-bottom:1px solid #3ac8f43d}.dev-fields label{display:block;margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:1.4px;color:#81dff8}.dev-fields select{box-sizing:border-box;min-width:0;width:100%;height:43px;padding:8px 10px;border:1px solid #258bbb;border-radius:3px;background:#031425;color:#e8faff;font:600 14px/1.2 Rajdhani,Arial,sans-serif;cursor:pointer}.dev-fields select:disabled{opacity:.45;cursor:default}.dev-bonus-fields{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:12px;margin-top:18px}.dev-bonus-fields>div{min-width:0}#modal .dev-field-note{margin:10px 0 0;font-size:12px;line-height:1.3;color:#8faebf}
.dev-next{margin:18px 0;padding:12px;border:1px solid #3ec6ff38;border-left:3px solid #63e6ff;background:linear-gradient(100deg,#05799c22,#06152588)}.dev-next span{display:block;margin-bottom:7px;font-size:9px;font-weight:700;letter-spacing:1.7px;color:#7bb5cd}.dev-next strong{display:block;font:700 13px/1.5 'Chakra Petch',sans-serif;color:#c4f7ff;overflow-wrap:anywhere}.dev-actions{display:flex;gap:10px;flex-wrap:wrap}.dev-action{box-sizing:border-box;flex:1;min-width:130px;min-height:42px;padding:10px;border:1px solid #18bdf3;background:linear-gradient(135deg,#063559,#041328);color:#c6f4ff;font:700 italic 12px/1.25 'Chakra Petch',sans-serif;letter-spacing:.3px;white-space:normal;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.dev-action-preview{border-color:#c6a744;color:#ffe599;background:linear-gradient(135deg,#4c3811,#16160e)}#modal .dev-controls-footnote{margin:12px 0;font:500 11px/1.4 Rajdhani,sans-serif;color:#91aec4}
.dev-controls :is(button,select):focus-visible,.drift-mode-badge:focus-visible{outline:2px solid #c6faff;outline-offset:3px}.dev-controls button:disabled{opacity:.35;cursor:default}
.drift-mode-access{position:fixed;left:max(10px,env(safe-area-inset-left));bottom:max(9px,env(safe-area-inset-bottom));z-index:60;pointer-events:none}.drift-mode-access[hidden]{display:none!important}.drift-mode-access .drift-mode-badge{box-sizing:border-box;position:relative;display:flex!important;align-items:center;justify-content:center;gap:8px;width:auto;min-width:57px;height:32px;padding:6px 10px;margin:0;border:1px solid #3cbdde99;border-radius:4px;background:#04121be8;color:#8deaff;box-shadow:0 2px 12px #0007;font:700 10px/1 'Chakra Petch',sans-serif;letter-spacing:1px;clip-path:none;pointer-events:auto}.drift-mode-badge b{font:inherit}.drift-mode-badge span{color:#b5d0dc;font-size:9px}.drift-mode-badge i{font-style:normal;font-size:18px;line-height:10px}.drift-mode-access .drift-mode-badge-demo{border-color:#d0a34488;color:#ffe08e;pointer-events:none}.drift-mode-badge-dev:hover{border-color:#a8f8ff;background:#073346}
/* Keep the tools readable while retaining the app's loading/inert boundary. */
@media(orientation:landscape){#app.setup-reference:is([data-screen="garage"],[data-screen="tracks"])>.drift-mode-access{left:calc(max(10px,env(safe-area-inset-left)) / var(--reference-scale,1));bottom:calc(max(9px,env(safe-area-inset-bottom)) / var(--reference-scale,1));transform:scale(calc(1 / var(--reference-scale,1)));transform-origin:left bottom}}
@media(max-width:520px){#modal[data-kind="test"]{--dev-height:min(800px,calc(100dvh - 12px));--dev-width:calc(100vw - 12px)}#modal[data-kind="test"] .modal-header{padding-inline:0}#modal[data-kind="test"] #modal-kicker{font-size:9px;letter-spacing:.6px}#modal .dev-controls h2{font-size:22px}.dev-controls-heading{gap:9px}.dev-chip{width:36px;font-size:10px}.dev-fields select{font-size:13px}.dev-bonus-fields{grid-template-columns:minmax(0,1fr) 85px;gap:8px}.dev-fields label{font-size:10px;letter-spacing:.8px}.dev-actions{gap:8px}.dev-action{flex-basis:100%}.drift-mode-access{left:7px;bottom:max(5px,env(safe-area-inset-bottom))}.drift-mode-access .drift-mode-badge{height:28px;padding:5px 8px;font-size:9px;gap:6px}}
/* Mobile tools remain available in Settings without covering game controls. */
@media(max-width:900px) and (orientation:portrait){
 .drift-mode-access .drift-mode-badge-dev{display:none!important}
 .drift-mode-access:has(.drift-mode-badge-demo){left:50%;top:calc(env(safe-area-inset-top) + 4px);bottom:auto;transform:translateX(-50%)}
 .drift-mode-access .drift-mode-badge-demo{min-width:38px;height:16px;padding:2px 6px;font-size:8px;letter-spacing:.7px}
 #app.setup-reference:is([data-screen="garage"],[data-screen="tracks"])>.drift-mode-access:has(.drift-mode-badge-demo){position:absolute;left:53%;right:22%;top:8.2%;width:auto;transform:none}
 #app.setup-reference:is([data-screen="garage"],[data-screen="tracks"]) .drift-mode-badge-demo{width:max-content;min-width:32px;height:12px;margin:auto;padding:1px 4px;font-size:7px}
}