/* Scoped to Options: other classic menus retain their original theme. */
#overlay #detail.options-layout{box-sizing:border-box;padding:26px!important;background:#f1f5f1!important;color:#183c38!important;font:14px/1.55 system-ui,sans-serif!important;overflow:auto!important;overflow-x:hidden!important;border:1px solid #91ada2!important;box-shadow:inset 0 1px #fff;scrollbar-color:#7b9e92 #e1e9e2}
#detail.options-layout *{box-sizing:border-box;min-width:0}
#detail.options-layout .settings-heading{display:block;position:static;padding:0 0 22px;background:none;border:0;box-shadow:none;color:inherit}
#detail.options-layout .settings-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#487d6b}
#detail.options-layout h2{display:block!important;font:750 27px/1.2 system-ui!important;letter-spacing:-.04em;margin:6px 0 8px!important;color:#173e34}
#detail.options-layout p{font:inherit;margin:7px 0 13px;color:#567268;max-width:78ch}
#detail.options-layout .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#detail.options-layout .settings-card{display:block;padding:20px;margin:0;background:#fff;border:1px solid #d0ded5;border-radius:14px;box-shadow:0 3px 10px #1b463307;overflow:hidden}
#detail.options-layout h3{font:750 16px/1.3 system-ui!important;color:#193f36;margin:0 0 14px!important;display:flex;align-items:center;gap:9px}
#detail.options-layout h3:before{content:'';height:16px;width:4px;border-radius:2px;background:#429c79}
#detail.options-layout .settings-description{font-size:12px;margin:-5px 0 15px}
#detail.options-layout .settings-content{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#detail.options-layout .settings-content>p{flex-basis:100%;font-size:12px;margin:4px 0}
#detail.options-layout .game-language{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;width:100%;font:inherit}
#detail.options-layout .game-language small{font-size:11px;color:#668176}
#detail.options-layout label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font:600 13px system-ui;color:#32594b;width:100%}
#detail.options-layout select{font:600 13px system-ui!important;min-height:42px;border:1px solid #a6bdb0;border-radius:8px;background:#f4f8f3;color:#234c3b;padding:9px 32px 9px 11px;max-width:100%;outline-offset:3px}
#detail.options-layout button{position:static!important;display:inline-flex;align-items:center;justify-content:center;min-height:42px!important;height:auto!important;width:auto;max-width:100%;margin:0!important;padding:10px 14px!important;border:1px solid #b6cbbb!important;border-radius:8px!important;background:#edf5ee!important;color:#285442!important;box-shadow:none!important;clip-path:none!important;font:650 12px/1.4 system-ui!important;white-space:normal!important;cursor:pointer}
#detail.options-layout button:hover{background:#dcecdf!important;border-color:#699e83!important}
#detail.options-layout :is(button,select,input):focus-visible{outline:3px solid #cf9e40!important;outline-offset:3px}
#detail.options-layout button:disabled{opacity:.5;cursor:default}
#detail.options-layout input[type=range]{accent-color:#277853;min-width:95px;flex:1;width:120px;height:32px}
#detail.options-layout output{font:700 12px system-ui;color:#28734f;min-width:34px}
#detail.options-layout .settings-touch .settings-content>div{width:100%;margin:0!important;flex-wrap:wrap}
#detail.options-layout .settings-touch label{width:auto}
#detail.options-layout .settings-key-guide{padding:12px;background:#f4f7f2;border:1px solid #e0e9df;border-radius:8px;line-height:1.8}
#detail.options-layout .hud-settings-controls{margin:0;width:100%;gap:12px;align-items:center}
#detail.options-layout .settings-session-actions{display:flex;gap:10px;flex-wrap:wrap;width:100%;border-top:1px solid #e1e9e0;padding-top:12px}
#detail.options-layout #logout{color:#a14837!important;background:#fff7f3!important;border-color:#e4c1b5!important}
#detail.options-layout .toolbar-controls,#detail.options-layout #hd-remaster,#detail.options-layout .display-modes{display:none!important}
#detail.options-layout [hidden]{display:none!important}
@media(max-width:850px){#overlay #detail.options-layout{padding:16px!important}#detail.options-layout .settings-grid{gap:12px}#detail.options-layout .settings-card{padding:16px}}
@media(max-width:600px){#detail.options-layout .settings-grid{grid-template-columns:1fr}#detail.options-layout h2{font-size:23px!important}#detail.options-layout .settings-heading{padding-bottom:15px}}

#detail.options-layout .settings-zoom{display:flex;gap:8px;width:100%;margin-bottom:4px}#detail.options-layout button[aria-pressed=true]{background:#256f51!important;color:#fff!important;border-color:#256f51!important}

body.adventure-layout #overlay[data-view=panel]:has(#detail.options-layout){top:64px!important;bottom:0!important;height:auto!important;max-height:calc(100% - 64px)!important}
#detail.options-layout .settings-card{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;align-self:stretch}
#detail.options-layout .game-language{max-width:none!important;max-height:none!important}
@media(max-width:620px){body.adventure-layout #overlay[data-view=panel]:has(#detail.options-layout){top:58px!important;max-height:calc(100% - 58px)!important}}
@media(orientation:landscape) and (max-height:500px){body.adventure-layout #overlay[data-view=panel]:has(#detail.options-layout){top:47px!important;max-height:calc(100% - 47px)!important}}

body:has(#overlay[data-view=panel]:not([hidden]) #detail.options-layout) #touch-controls{display:none!important}
@media(max-width:620px){
 body.adventure-layout #screen:has(#overlay[data-view=panel]:not([hidden]) #detail.options-layout){clip-path:none!important;overflow:visible!important}
 body.adventure-layout #overlay[data-view=panel]:has(#detail.options-layout){position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;max-width:100vw!important;background:#102c27!important;z-index:15020!important;padding:6px!important}
 body.adventure-layout #overlay #detail.options-layout{inset:6px 6px 52px!important;height:auto!important;width:auto!important;padding:20px 16px!important}
 body.adventure-layout #overlay:has(#detail.options-layout) .panel-back{bottom:max(8px,env(safe-area-inset-bottom))!important;left:8px!important;min-height:38px;padding:8px 16px}
}