/* Mobile Options uses the existing mobile kit; classic desktop keeps its original window. */
.mobile-ui #panel-layer:has(#settings-panel:not([hidden])){padding:12px;}
.mobile-ui #settings-panel{box-sizing:border-box;width:294px;max-width:calc(var(--ui-view-width) - 24px);max-height:calc(var(--ui-view-height) - 24px);padding:16px;border:0;border-image:none;background:#1b2023 url('/ui/mobile/card.png?v=ea1529f9c8e23a06') center/100% 100% no-repeat;color:#ede5cf;overflow:auto;box-shadow:0 8px 24px #000a;line-height:1.4;}
.mobile-ui #settings-panel,.mobile-ui #settings-panel *{font-family:Arial,sans-serif!important;}
.mobile-ui #settings-panel .panel-heading{margin:0 0 10px;padding:0;border:0;}
.mobile-ui #settings-panel h2{font:600 17px/1.3 Georgia,serif!important;color:#eed18d;}
.mobile-ui #settings-panel .close-panel{width:30px;height:30px;background:transparent url('/ui/mobile/close.png?v=857481304f77e458') center/24px 24px no-repeat;}
.mobile-ui #settings-panel .options-tabs{display:flex;gap:5px;margin-bottom:12px;}
.mobile-ui #settings-panel .options-tabs button{min-height:30px;padding:5px 12px;border:0;background:url('/ui/mobile/tab.png?v=3b5f3f0e7e8c4f3a') center/100% 100% no-repeat;color:#f2ead9;font:12px Georgia,serif!important;}
.mobile-ui #settings-panel .options-tabs [aria-selected='true']{background-image:url('/ui/mobile/tabon.png?v=4532b1ded01984c6');color:#35260e;}
.mobile-ui #settings-panel .ui-size-setting{padding:8px 0 12px;border:0;}
.mobile-ui #settings-panel .ui-size-setting>label{margin-bottom:5px;color:#f6e5b2;}
.mobile-ui #settings-panel .ui-size-setting>label strong,.mobile-ui #settings-panel .ui-size-setting>label output{font:600 14px Georgia,serif!important;}
.mobile-ui #settings-panel .ui-size-setting>p{margin:0 0 8px;color:#b7b6ad;font-size:11px;line-height:1.4;}
.mobile-ui #settings-panel .ui-size-controls{display:block;}
.mobile-ui #settings-panel input[type='range']{appearance:none;-webkit-appearance:none;display:block;width:100%;height:30px;margin:0;background:transparent;accent-color:#dfbf6d;touch-action:pan-y;}
.mobile-ui #settings-panel input[type='range']::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:#dfbf6d;}
.mobile-ui #settings-panel input[type='range']::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:16px;margin-top:-5px;border-radius:10px;border:0;background:#fff;}
.mobile-ui #settings-panel input[type='range']::-moz-range-track{height:6px;border-radius:4px;background:#dfbf6d;}
.mobile-ui #settings-panel input[type='range']::-moz-range-thumb{width:23px;height:16px;border-radius:10px;border:0;background:#fff;}
.mobile-ui #settings-panel .options-range-ticks{display:flex;justify-content:space-between;color:#b7b6ad;font-size:10px;}
.mobile-ui #settings-panel .setting-row{gap:10px;min-height:36px;padding:5px 0;border:0;border-top:1px solid #c9b47726;}
.mobile-ui #settings-panel .setting-row strong{font-size:12px;font-weight:400;}
.mobile-ui #settings-panel .setting-row select{padding:6px 0 6px 8px;border:0;background:transparent;color:#b7b6ad;font-size:11px;text-align:right;}
.mobile-ui #settings-panel select option{background:#1b2023;color:#ede5cf;}
.mobile-ui #settings-panel .hide-models-setting{gap:6px 18px;padding:8px 0 10px;border:0;border-top:1px solid #c9b47726;}
.mobile-ui #settings-panel .hide-models-setting legend{margin-bottom:4px;}
.mobile-ui #settings-panel .hide-models-setting legend strong{font-size:12px;font-weight:400;}
.mobile-ui #settings-panel .graphics-setting{gap:5px;padding:0 0 10px;border:0;}
.mobile-ui #settings-panel .graphics-setting legend{margin-bottom:6px;}
.mobile-ui #settings-panel .graphics-setting legend strong{font-size:12px;font-weight:400;}
/* One choice of three, drawn as the Options tabs: tab art, tabon on the chosen level. */
.mobile-ui #settings-panel .graphics-setting label{position:relative;min-height:30px;min-width:76px;justify-content:center;padding:5px 12px;background:url('/ui/mobile/tab.png?v=3b5f3f0e7e8c4f3a') center/100% 100% no-repeat;color:#f2ead9;font:12px Georgia,serif;}
.mobile-ui #settings-panel .graphics-setting label:has(input:checked){background-image:url('/ui/mobile/tabon.png?v=4532b1ded01984c6');color:#35260e;}
.mobile-ui #settings-panel .graphics-setting input{position:absolute;opacity:0;pointer-events:none;}
.mobile-ui #settings-panel .graphics-setting label:has(input:focus-visible){outline:1px solid #dfbf6d;outline-offset:2px;}
.mobile-ui #settings-panel input[type='checkbox']{accent-color:#dfbf6d;min-width:16px;min-height:16px;}
.mobile-ui #settings-panel :is(#hud-ui-size-reset,.walk-button,.volume-controls button){min-height:30px;border:0;padding:6px 12px;background:url('/ui/mobile/btnB.png?v=6985addbe008ac4c') center/100% 100% no-repeat;color:#f5eddb;font:12px Georgia,serif!important;}
.mobile-ui #settings-panel #hud-ui-size-reset{margin-top:9px;min-width:135px;}
.mobile-ui #settings-panel .volume-setting{margin-top:8px;}
.mobile-ui #settings-panel .session-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.mobile-ui #settings-panel .panel-note{color:#b7b6ad;}
.mobile-ui #settings-panel .sound-status:empty{display:none;}
.mobile-ui #settings-panel :is(button,input,select):focus-visible{outline:2px solid #efd28a;outline-offset:2px;}
/* Kit dropdown for the Options selects (mobile-options.js kitDropdown); same art as the warehouse picker. */
.mobile-ui #settings-panel .setting-row:has(.options-drop){position:relative;}
.mobile-ui #settings-panel .options-drop{height:28px;min-width:96px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:url('/ui/mobile/dropbox.png?v=01898d346dbdb8ce') 0 0/100% 100% no-repeat;color:#e9cf8b;font:600 12px Georgia,serif!important;}
.mobile-ui #settings-panel .options-drop-tri{width:10px;height:7px;transform:rotate(180deg);}
.mobile-ui #settings-panel .options-drop[aria-expanded='true'] .options-drop-tri{transform:none;}
.mobile-ui #settings-panel .options-drop-list{position:absolute;right:0;top:calc(100% - 2px);z-index:4;width:130px;padding:6px;display:flex;flex-direction:column;gap:2px;background:#0d0e10 url('/ui/mobile/droplist.png?v=513e82954a2beb8a') 0 0/100% 100%;border:1px solid #a8894a88;border-radius:4px;box-shadow:0 8px 20px #000c;}
.mobile-ui #settings-panel .options-drop-list.up{top:auto;bottom:calc(100% - 2px);}
.mobile-ui #settings-panel .options-drop-opt{padding:6px 8px;border:0;border-radius:4px;background:none;color:#cfc6b0;text-align:left;font:600 12px Georgia,serif!important;}
.mobile-ui #settings-panel .options-drop-opt[aria-selected='true']{background:#e2c47c1f;box-shadow:inset 2px 0 0 #e9cf8b;color:#f6e7b8;}