/* V4.4.8 presentation only: the art fills the stage, controls float over it. */
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) { --overlay-paper:rgba(255,248,232,.68); --overlay-edge:rgba(112,92,67,.2); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell main { padding:4px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #game.game-page { display:block; position:relative; isolation:isolate; padding:0; border:0; border-radius:8px; background:#b8ad95; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-page > .game-background { inset:0; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tab-content.game-content { position:absolute; inset:76px 18px 18px; margin:0; padding:14px; background:rgba(255,248,232,.72); border:1px solid var(--overlay-edge); border-radius:10px; backdrop-filter:blur(5px); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell .game-page > [data-return-home] { position:absolute; top:14px; left:16px; z-index:5; min-height:36px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tabs.home-menu { position:absolute; z-index:4; left:18px; top:18px; width:108px; max-height:calc(100% - 36px); gap:8px; margin:0; padding:0; background:none; border:0; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .home-menu > strong,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .home-menu > small { align-self:start; background:var(--overlay-paper); padding:2px 7px; border-radius:5px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell .game-hud { position:absolute; z-index:4; top:12px; left:112px; right:16px; padding:0; background:none; border:0; display:flex; align-items:start; justify-content:flex-end; gap:12px; max-height:52px; overflow:auto; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .hud-clock { flex:none; padding:5px 10px; background:var(--overlay-paper); border-radius:8px; backdrop-filter:blur(5px); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .hud-clock > strong,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .hud-clock > small { display:block; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .hud-clock p { margin:0; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='compact'] .hud-clock { display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto; column-gap:10px; font-size:12px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='compact'] .hud-clock > strong { grid-row:1/-1; align-self:center; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .hud-updates { display:flex; align-items:center; gap:8px; min-width:0; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='compact'] .hud-updates { overflow:auto; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='compact'] .hud-updates h3 { display:none; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='compact'] .hud-updates button { width:auto; flex:none; max-width:200px; margin:0; min-height:36px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #game[data-page='home'] .game-hud { left:auto; right:18px; top:18px; width:205px; max-height:calc(100% - 36px); display:block; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='full'] .hud-updates { display:block; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='full'] h3,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='full'] .hud-updates > p { background:var(--overlay-paper); padding:3px 8px; border-radius:6px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tab-content.home-stage { inset:0; padding:16px; background:none; border:0; backdrop-filter:none; display:block; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .home-stage > h2 { position:absolute; top:18px; left:50%; transform:translateX(-50%); margin:0; background:var(--overlay-paper); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .home-stage > .game-portrait { position:absolute; left:20%; bottom:58px; width:22%; height:55%; margin:0; background:rgba(255,248,232,.12); border-color:var(--overlay-edge); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .home-stage > button { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); margin:0; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .home-stage > p { position:absolute; bottom:68px; left:30%; right:28%; background:var(--overlay-paper); padding:8px; border-radius:8px; max-height:25%; overflow:auto; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tab-content.map-stage { inset:0; padding:0; background:none; border:0; backdrop-filter:none; display:block; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-page[data-page='map'] > .game-background img { filter:blur(8px); opacity:.75; transform:scale(1.03); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .map-stage > h2 { position:absolute; bottom:12px; left:16px; z-index:2; margin:0; padding:3px 8px; border-radius:6px; background:var(--overlay-paper); font-size:14px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .map-stage .palace-map { position:absolute; inset:0; background:none; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-content .map-artboard .map-marker { background:rgba(255,248,232,.7); border:1px solid var(--overlay-edge); box-shadow:0 2px 8px #372b172b; border-radius:8px; backdrop-filter:blur(3px); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tab-content.location-stage { inset:0; padding:76px 20px 16px; background:none; border:0; backdrop-filter:none; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .location-stage > h2,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .location-stage > p { background:var(--overlay-paper); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .location-stage .location-actions { padding:6px; background:none; border:0; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-action > p,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .cost-explanation { background:rgba(255,248,232,.78); border-radius:5px; padding:3px 6px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) button,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) input,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) select,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) textarea { background:var(--overlay-paper); border:1px solid var(--overlay-edge); color:#342f29; border-radius:8px; box-shadow:0 2px 8px #372b1718; backdrop-filter:blur(5px); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) button:hover:not(:disabled) { background:rgba(255,248,232,.86); border-color:rgba(112,92,67,.48); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) button:focus-visible,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) input:focus-visible,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) select:focus-visible,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) textarea:focus-visible { outline:2px solid #705c43; outline-offset:2px; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) button[aria-pressed='true'],body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) button[aria-selected='true'] { background:rgba(112,92,67,.8); color:#fff8e8; }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .imperial-menu { inset:18% auto auto 50%; transform:translateX(-50%); width:min(420px,86%); max-height:75%; background:rgba(255,248,232,.82); border-color:var(--overlay-edge); border-radius:12px; backdrop-filter:blur(10px); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .v3-card,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .action-row { background:rgba(255,248,232,.4); border-color:var(--overlay-edge); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .scene-text { background:rgba(255,248,232,.73); border:1px solid var(--overlay-edge); border-radius:10px; backdrop-filter:blur(6px); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .scene-heading { justify-self:start; padding:4px 10px; border-radius:8px; background:var(--overlay-paper); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .portrait-placeholder { border-color:var(--overlay-edge); background:rgba(255,248,232,.18); }
body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-portrait > strong,body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-portrait > small { background:var(--overlay-paper); border-radius:4px; }
@media (orientation:landscape) and (max-height:500px) {
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tabs.home-menu { left:14px; top:14px; width:94px; gap:5px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #game[data-page='home'] .game-hud { top:14px; right:14px; width:176px; max-height:calc(100% - 28px); }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tab-content.location-stage { padding-top:68px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tab-content.game-content:not(.home-stage):not(.map-stage):not(.location-stage) { top:68px; }
}
@media (orientation:portrait) and (max-width:700px) {
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tabs.home-menu { left:12px; top:16px; width:96px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #game[data-page='home'] .game-hud { left:auto; right:12px; top:16px; width:calc(100% - 140px); max-height:42%; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .home-stage > h2 { top:auto; bottom:78px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .home-stage > .game-portrait { left:18%; bottom:140px; width:30%; height:35%; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell .game-hud { left:108px; right:10px; gap:6px; max-height:90px; flex-direction:column; justify-content:start; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='compact'] .hud-clock { font-size:10px; gap:3px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-hud[data-hud-level='compact'] .hud-updates button { font-size:10px; min-height:28px; padding:4px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tab-content.game-content:not(.home-stage):not(.map-stage):not(.location-stage) { top:110px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']).game-shell #tab-content.location-stage { padding:110px 12px 12px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-content .map-artboard .map-marker { font-size:10px; min-height:32px; }
 body:is([data-version='4.4.8'],[data-version='4.4.9'],[data-version='4.4.10']) .game-content .map-artboard .map-marker small { font-size:8px; }
}