:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings{position:fixed!important;inset:0 auto auto 0!important;width:640px!important;height:480px!important;transform:scale(var(--ui-stage-scale, 1));transform-origin:top left;z-index:1100!important;background:#060403c7!important;padding:0;box-sizing:border-box}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings #overlaySettingsContentWrapper.settings-shell{position:absolute!important;inset:4px!important;margin:0!important;width:auto!important;height:auto!important;max-height:none!important;box-sizing:border-box;padding:4px!important;gap:4px!important;overflow:hidden!important;border:2px solid #855434;border-radius:2px;background-color:#21170f;background-image:linear-gradient(180deg,#0f0a07e8,#100a06f5),var(--ui-menu-image, url(assets/ui-phase1/reference/menu.png));background-position:center;background-size:cover;box-shadow:0 16px 48px #000,inset 0 1px #ffd9a83d,inset 0 0 0 4px #160c07cc;color:#e8d2b3;font-family:Arial Narrow,Arial,sans-serif}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-header{min-height:28px;border-bottom:1px solid rgba(189,126,76,.68);padding:0 0 3px}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-header h1{color:#d8a16d;font:italic 21px/1 Arial Narrow,Arial,sans-serif;letter-spacing:.025em;text-shadow:1px 2px 1px #080503,0 0 10px rgba(174,100,51,.35)}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings #closeButtonInSettingsOverlay{width:28px;height:24px;border:1px solid #ad7953;border-radius:1px;background:linear-gradient(180deg,#67442f,#27190f 54%,#120c08);color:#eed4b0;font:italic 18px/1 Arial Narrow,Arial,sans-serif;box-shadow:inset 0 1px #ffe0b642,0 2px 3px #090604}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-tabs{gap:4px;border-bottom:1px solid rgba(167,111,69,.6);padding-bottom:3px}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-tabs .tab-button{min-height:28px;border:1px solid #705039;border-radius:1px;background:linear-gradient(180deg,#583a26eb,#1c130df5);color:#c6a17d;font:italic 13px/1 Arial Narrow,Arial,sans-serif;text-shadow:1px 1px #080503;box-shadow:inset 0 1px #ffdcb31f}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-tabs .tab-button.active{border-color:#c18454;background:linear-gradient(180deg,#895a39,#382316 58%,#1e140d);color:#f2d1a2;box-shadow:inset 0 1px #ffe4be57,0 0 8px #af69383d}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-options{min-height:19px;align-items:center;justify-content:flex-start;color:#d3b391;font-size:11px}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-options label{min-height:18px;color:#e0c4a2;cursor:pointer}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-options input{accent-color:#b97646}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings #settingsTabContent,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings #uiSettingsTabContent{min-height:0;overflow:visible}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings #overlaySettingsContent,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings #overlayUiSettingsContent{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px;padding:1px}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-group{min-width:0;padding:3px 4px 2px;border:1px solid rgba(168,111,69,.72);border-radius:1px;background:linear-gradient(180deg,#322015f7,#140e0afb);box-shadow:inset 0 1px #ffdaaf1f,inset 0 0 0 2px #09060459}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-group h2{margin:0 0 2px;padding:0 0 2px;border-bottom:1px solid rgba(162,105,65,.62);color:#d39b67;font:italic 12px/1.05 Arial Narrow,Arial,sans-serif;letter-spacing:.015em;text-shadow:1px 1px #090604}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .setting-row{grid-template-columns:minmax(0,1fr) minmax(62px,38%);gap:2px;border-bottom:1px solid rgba(151,108,75,.28);padding:0}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .setting-label{min-width:0;color:#dfc9ad;font:10px/1 Arial Narrow,Arial,sans-serif;overflow-wrap:break-word;word-break:normal;hyphens:manual}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .setting-help-button{width:23px;min-width:23px;height:28px;border:1px solid rgba(177,126,83,.65);background:linear-gradient(180deg,#513823,#21160e);color:#ebbd83;font:italic 15px/1 Arial Narrow,Arial,sans-serif}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .setting-control button,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .setting-control input[type=password]{min-height:20px;height:20px;border:1px solid #916443;border-radius:1px;background:linear-gradient(180deg,#513824,#271a11 55%,#17100b);color:#f0d1a7;font:10px/1 Arial Narrow,Arial,sans-serif;box-shadow:inset 0 1px #ffe0b833,0 1px 2px #090604}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .setting-control input[type=checkbox]{accent-color:#b87748}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-footer{min-height:30px;border-top:1px solid rgba(189,126,76,.55);padding-top:3px}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings .settings-footer button{min-width:80px;min-height:25px;border:1px solid #aa744d;border-radius:1px;background:linear-gradient(180deg,#754b30,#332116 58%,#1d130c);color:#f0d2ab;font:italic 12px/1 Arial Narrow,Arial,sans-serif;box-shadow:inset 0 1px #ffe3bf40,0 2px 3px #090604}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings #playGameButtonInSettingsOverlay{border-color:#d69a5e;background:linear-gradient(180deg,#bd8250,#714324 58%,#392115);color:#fff0d5}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings :is(button,input,summary,label):focus-visible,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #saveLoadPanel button:focus-visible,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay :is(button,input):focus-visible,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay :is(button,input,select,[tabindex]):focus-visible{outline:2px solid #72dff1!important;outline-offset:2px;box-shadow:0 0 0 3px #15687e85,0 0 10px #63dbf39e}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #settingsButton,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #startPauseButton,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #leftRail #saveLoadPanel button,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #saveLoadPanel button,body.layout-landscape1[data-view=desktop-landscape] #leftRail #saveLoadPanel button{min-height:32px;border:1px solid #8e6143!important;border-radius:1px!important;background:linear-gradient(180deg,#69462f,#322116 54%,#1b120c)!important;color:#ead1b2!important;font:italic 13px/1.1 Arial Narrow,Arial,sans-serif!important;letter-spacing:.015em!important;text-shadow:1px 1px #090604;box-shadow:inset 0 1px #ffdeb72e,0 2px 3px #080604!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #startPauseButton{border-color:#b27a4e!important;background:linear-gradient(180deg,#825638,#3d2718 56%,#21150d)!important;color:#f4d2a2!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #saveLoadPanel{position:fixed!important;inset:auto 18px 70px auto!important;z-index:40!important;gap:5px!important;padding:6px!important;border:1px solid #795338!important;border-radius:1px!important;background-image:linear-gradient(#130c08db,#130c08eb),var(--ui-menu-image, url(assets/ui-phase1/reference/menu.png))!important;background-position:center!important;background-size:cover!important;box-shadow:inset 0 1px #ffdbb02b,0 3px 8px #080604!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #saveLoadPanel button{padding:4px 9px!important;text-align:left;cursor:pointer}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #saveGameButton{border-color:#c08a50!important;background:linear-gradient(180deg,#92633d,#48301d 57%,#26180f)!important;color:#ffe0b0!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #saveLoadPanel .save-load-icon{display:none}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay{position:fixed!important;inset:0 auto auto 0!important;width:640px!important;height:480px!important;transform:scale(var(--ui-stage-scale, 1));transform-origin:top left;padding:0!important;background:#050302c2!important;backdrop-filter:blur(1px)}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-box{width:570px;max-height:440px;overflow-x:hidden;overflow:hidden;padding:0 0 12px;border:2px solid #98633f;border-radius:1px;background-color:#291b12;background-image:linear-gradient(#23160eb3,#130c08e0),var(--ui-request-image, url(assets/ui-phase1/reference/request-0.png));background-position:center;background-size:100% 100%;color:#ebd6b8;box-shadow:inset 0 1px #ffe1be42,inset 0 0 0 3px #0d0805ad,0 14px 42px #000;font-family:Arial Narrow,Arial,sans-serif}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-hazard{height:5px;border:0;border-bottom:1px solid #3f2819;border-radius:0;background:linear-gradient(90deg,#653e27,#cd8b54 24%,#71462c 58%,#301d12);opacity:1}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-title{color:#dca574;font:italic 24px/1.1 Arial Narrow,Arial,sans-serif;letter-spacing:.02em;text-transform:none;text-shadow:1px 2px #090604,0 0 8px rgba(190,120,69,.32)}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-label,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-message{color:#ead3b5;font:16px/1.45 Arial Narrow,Arial,sans-serif}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-option{min-height:52px;border:1px solid #795237;border-radius:1px;background:linear-gradient(180deg,#47301f,#20150d);color:#e8ceb0;font:italic 17px/1.2 Arial Narrow,Arial,sans-serif;box-shadow:inset 0 1px #ffddb621,0 2px 3px #0a0604}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-option.active{border-color:#e0a768;color:#ffe0ad;background:linear-gradient(180deg,#865937,#3c2617);text-shadow:0 0 7px rgba(239,164,92,.58);box-shadow:inset 0 1px #ffe5c44d,0 0 8px #c07a4466}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-btn{min-width:104px;min-height:42px;border:1px solid #a4744d;border-radius:1px;font:italic 16px/1 Arial Narrow,Arial,sans-serif}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-btn-cancel{background:linear-gradient(180deg,#573923,#21150d);color:#e7c7a0}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay .appmodal-btn-ok{border-color:#d29a61;background:linear-gradient(180deg,#a66f42,#4c2d19);color:#fff0d5}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay{position:fixed!important;inset:0 auto auto 0!important;width:640px!important;height:480px!important;transform:scale(var(--ui-stage-scale, 1));transform-origin:top left;padding:0!important;box-sizing:border-box;background:#050302c7!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-modal-content{width:604px!important;height:444px!important;max-height:444px!important;padding:0 14px 12px!important;gap:8px!important;border:2px solid #98633f!important;border-radius:1px!important;background-color:#24180f!important;background-image:linear-gradient(#20140dc2,#0f0a07e6),var(--ui-menu-image, url(assets/ui-phase1/reference/menu.png))!important;background-position:center;background-size:cover;box-shadow:inset 0 1px #ffdeb833,inset 0 0 0 3px #0c0805a6,0 14px 42px #000!important;font-family:Arial Narrow,Arial,sans-serif}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-modal-content>div:first-child{height:6px!important;margin:0 -14px!important;border-radius:0!important;background:linear-gradient(90deg,#58351f,#d08c53 24%,#7b4b2d 58%,#301d12)!important;opacity:1!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-modal-content{display:grid!important;grid-template-rows:6px 34px auto minmax(0,1fr) 36px!important;box-sizing:border-box!important;overflow:hidden!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-toolbar{min-height:0;padding:4px!important;gap:5px!important;flex-wrap:nowrap}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-toolbar>div{min-width:0}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-toolbar input,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-toolbar select{min-height:26px;height:26px;box-sizing:border-box;font:11px/1 Arial Narrow,Arial,sans-serif}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-toolbar label{font-size:11px}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay #loadModalGrid{min-height:0!important;overflow:hidden!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .save-tile{min-width:0;min-height:0}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay h2{color:#dca574!important;font:italic 23px/1.1 Arial Narrow,Arial,sans-serif!important;letter-spacing:.02em!important;text-transform:none;text-shadow:1px 2px #090604}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay button[aria-label="Lademen\fc  schlie\df en"]{min-width:42px;min-height:38px;border:1px solid #a57954!important;border-radius:1px!important;background:linear-gradient(180deg,#65432e,#25180f)!important;color:#f0d2aa!important;box-shadow:inset 0 1px #ffe1bd38,0 2px 4px #090604!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-toolbar{border:1px solid rgba(160,109,72,.74)!important;border-radius:1px!important;background:#110b07b8!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .save-tile{border:1px solid #81593b!important;border-radius:1px!important;background:linear-gradient(180deg,#402b1df5,#150e09fa)!important;box-shadow:inset 0 1px #ffe1ba26,0 3px 6px #080604!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .save-tile:hover{border-color:#d29a61!important;box-shadow:inset 0 1px #ffe1ba38,0 0 10px #be78455c!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .save-preview{border:1px solid rgba(184,128,82,.72)!important;border-radius:0!important}:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay .load-pagination button{min-width:44px;min-height:40px;border:1px solid #9b6b46;border-radius:1px;background:linear-gradient(180deg,#563923,#20150d);color:#f0d1a7}@media(prefers-reduced-motion:reduce){:is(body[data-view=desktop-landscape],html[data-design=modern] body) #overlaySettings *,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #appModalOverlay *,:is(body[data-view=desktop-landscape],html[data-design=modern] body) #loadModalOverlay *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-design=modern] body #overlaySettings,html[data-design=modern] body #appModalOverlay,html[data-design=modern] body #loadModalOverlay{inset:auto!important;left:calc(var(--swing-viewport-left, 0px) + var(--swing-viewport-width, 100vw) / 2)!important;top:calc(var(--swing-viewport-top, 0px) + var(--swing-viewport-height, 100dvh) / 2)!important;transform:translate(-50%,-50%) scale(var(--ui-stage-scale, 1))!important;transform-origin:center center!important}html[data-design=modern] body #overlaySettings{background:#100b07!important;opacity:1!important}html[data-design=modern] body #overlaySettings #overlaySettingsContentWrapper.settings-shell{background-color:#21170f!important;background-image:linear-gradient(145deg,#342316,#21170f 42%,#17100b)!important;opacity:1!important}html[data-design=modern] body #overlaySettings .settings-group{background:#18110c!important}html[data-design=modern] body #appModalOverlay{background:#100b07!important}html[data-design=modern] body #appModalOverlay .appmodal-box,html[data-design=modern] body #loadModalOverlay .load-modal-content{background-color:#21170f!important;background-image:linear-gradient(145deg,#342316,#21170f 42%,#17100b)!important}
