/* Pasmo Popiołu — wspólna oprawa zatwierdzonej panoramy. Bez zmian stanu gry. */
/* Hidden overflow still scrolls on focus; camera movement belongs to the renderer. */
#photoScene{overflow:clip}
:root{
  color-scheme:dark;--bg:#090e12;--panel:#10171c;--panel2:#192228;
  --text:#eeeae0;--ink:#eeeae0;--dim:#b3b8b6;--gold:#e1bf7c;--amber:#e8ac51;
  --accent:#dbaf63;--light:#e1bf7c;--line:#77808759;--edge:#77808770;
  --focus:#ffcf7c;--r:2px;--radius:2px;
  --pp-steel:linear-gradient(125deg,#202a30f5,#10171cf5 45%,#080d11fa);
  --pp-display:'Bahnschrift SemiCondensed',Bahnschrift,'Arial Narrow','Segoe UI',sans-serif;
}
body{color:var(--text);background:radial-gradient(ellipse at 50% 0,#2b343c80,transparent 65%),#090e12}
:where(button,input,select,textarea){border-radius:2px;accent-color:var(--amber)}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
:where(input,select,textarea){color:var(--text);background:#090f14;border-color:#79848a80}
:where(button):disabled{cursor:not-allowed}
/* Metaliczne refleksy ramek; pogoda i dane świata pozostają rzeczywiste. */
.game-wordmark,.gl-wordmark,.pd-wordmark,.st-wordmark{font-family:var(--pp-display);font-weight:700;font-stretch:condensed;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 2px 1px #000,0 -1px 0 #a8b1b450}
.game-wordmark .wordmark-first,.gl-w1,.pd-w1,.st-w1{color:#bfc7c9;font-family:var(--pp-display);letter-spacing:.19em}
.game-wordmark .wordmark-light,.gl-w2,.pd-w2,.st-w2{font-family:var(--pp-display);color:#dcba85;letter-spacing:.08em;text-shadow:0 1px 0 #fff0ca45,0 3px 2px #000,0 0 18px #d8a34b20}
.game-wordmark:after{background:linear-gradient(90deg,transparent,#a8a899,#d0ad68,#a8a899,transparent)}
.concept-brand{background:linear-gradient(#28343f9c,#080e12e6);border-bottom-color:#858c8d80}
.concept-brand .game-wordmark{font-size:31px}
.concept-brand small{color:#c7cbcb}
#topbar,#visionSidebar,.hud-world-map,.hud-frame,.hud-research-summary{
  background:var(--pp-steel);border-color:#808a8c70;
  box-shadow:inset 0 1px #c7d2d220,0 4px 18px #0009;
}
#topbar .res{border-right-color:#858d8d4d}
#topbar .res b{font-weight:650;letter-spacing:.03em}
.resource-emblem{filter:drop-shadow(0 2px 2px #000)}
#visionSidebar button{min-height:43px;border-bottom-color:#b2bdc519}
#visionSidebar button.on{background:linear-gradient(90deg,#a977324f,#8a622b12);border-left-color:#e7bd6e}
#visionSidebar button:hover{background-color:#c4d5df0d}
.hud-heading,.hud-frame h3,.activity-card>strong{font-family:var(--pp-display);font-weight:400;letter-spacing:.07em}
.hud-heading{font-size:18px;background:linear-gradient(90deg,#131c23,#080d11)}
.hud-world-map{text-decoration:none;color:inherit;cursor:pointer}
.hud-frame h3{font-size:14px}
#photoMarkers button{background:linear-gradient(110deg,#040709f5,#11191cef);border-color:#90978d8c;box-shadow:inset 0 1px #d5d8c51a,0 3px 8px #000a}
#photoMarkers button b{font-size:11px;font-weight:600}
#photoMarkers button .building-seal{color:#e9debd;border-color:#ccc7ad99}
#photoMarkers button.on{border-color:#e5b65e;box-shadow:0 0 0 1px #e5b65e70,0 4px 15px #000b}
#activityStrip{gap:6px}
.activity-card{border-color:#929b9b80;box-shadow:inset 0 1px #e3e8e533,0 4px 14px #000c;isolation:isolate}
.activity-card:before{background:linear-gradient(#04080b9e,transparent 35%,#04080bc2 72%,#04080bf5)}
.activity-card>strong{font-size:18px}
.activity-card b{font-size:12px;line-height:1.4}
.activity-card small{color:#d0d3c9}
.activity-card:hover{background-color:#28343b;background-blend-mode:screen}
.activity-expedition{background-image:url('assets/ui/activity-expedition-v1.png')}
.activity-research{background-image:url('assets/ui/activity-research-v1.png')}
.activity-guild{background-image:url('assets/ui/activity-guild-v1.png')}
.activity-campaign{background-image:url('assets/ui/activity-campaign-v1.png')}
#panel,#intPanel,.environment-dialog,.auth-box{background:var(--pp-steel);border-color:#929b9b7a;box-shadow:inset 0 1px #d9e1e124,0 12px 45px #000b}
#panel h2{font:400 25px/1.2 var(--pp-display);letter-spacing:.035em;border-bottom:1px solid #76818666;padding-bottom:10px}
#panel h3{color:#e0c58f}
#panel .card,#panel .story-process,#panel .comparison-source,#panel .earth-map-entry,
#panel .instrument-diagram,#panel .reconstruction-cards>li{background:linear-gradient(130deg,#1d292f,#10191e);border-color:#7b8b8c70;border-radius:2px;box-shadow:inset 0 1px #f3f1d809}
#panel :where(input,select,textarea){background:#090f14;border-color:#76878b80}
#panel button:not(:disabled){box-shadow:inset 0 1px #e7ede512}
#panel button:focus-visible{outline-offset:-3px}
.auth-box{border-top:2px solid #c8a465}
.auth-box h1.game-wordmark{font-size:clamp(38px,10vw,58px)}
/* Pozostałe ekrany: wspólna stal, bursztyn i istniejące ilustracje. */
.gl-header,.pd-header,.st-header{background:linear-gradient(90deg,#070c11f5,#10171ce8),url('assets/ui/activity-guild-v1.png') center/cover;border-bottom:1px solid #a4a99770;box-shadow:0 6px 25px #0008}
.gl-main,.pd-main,.st-main{background:linear-gradient(#0a1015a6,#0a1015ed);min-height:calc(100dvh - 110px)}
body:has(.gl-header){background:linear-gradient(#080e12b8,#080e12ed),url('assets/ui/guild-fortress-v1.webp') center top/cover fixed}
body:has(.st-header){background:linear-gradient(#080e12bc,#080e12ef),url('assets/ui/activity-research-v1.png') center top/cover fixed}
body:has(.pd-header){background:linear-gradient(#080e12c9,#080e12ed),url('assets/ui/activity-expedition-v1.png') center top/cover fixed}
.gl-main :is(h1,h2),.pd-main :is(h1,h2),.st-main :is(h1,h2),.st-h2{font-family:var(--pp-display);font-weight:400;letter-spacing:.035em}
.gl-box,.gl-side>section,.gl-task,.pd-card,.pd-box,.pd-article,.st-card,.st-box{border-color:var(--line);border-radius:2px;background:var(--pp-steel);box-shadow:inset 0 1px #d9e1e112,0 3px 12px #0004}
.gl-tab,.pd-filter,.st-tab{border-radius:2px;background:#10191e;border-color:#79858a70}
.gl-tab[aria-selected=true],.st-tab[aria-selected=true]{background:linear-gradient(110deg,#75522e80,#1a2429);border-color:#d6ad69;color:#f2d9a9}
.em-top{background:linear-gradient(#080e12fa,#111b22e8 75%,#080e1240);border-bottom:1px solid #c1c6c024}
.em-title{font:400 23px/1.2 var(--pp-display);letter-spacing:.08em;color:#e3e5df;text-shadow:0 2px 2px #000}
.em-info,.em-status,.em-controls button,.live-footer,.live-footer a{background:var(--pp-steel);border-color:#7d8d9080;border-radius:2px;box-shadow:inset 0 1px #e1e9e51a,0 3px 12px #0006}
.em-controls button:hover,.live-footer a:hover{border-color:#e3b56a}
.em-info h2,.em-info h3{font-family:var(--pp-display);font-weight:400;letter-spacing:.035em}
body:has(#message){background:linear-gradient(#080e12bd,#080e12ed),url('assets/ui/activity-research-v1.png') center top/cover fixed}
body:has(#message) main{background:linear-gradient(#0a1015b8,#0a1015ed);min-height:100dvh}
body:has(#message) :is(h1,h2){font-family:var(--pp-display);font-weight:400;letter-spacing:.025em}
body:has(#message) section{background:var(--pp-steel);border-color:#7e8c8e70;border-radius:2px;box-shadow:inset 0 1px #d1dfd51a,0 5px 18px #0006}
body:has(#message) button{background:linear-gradient(#35434a,#172329);border-color:#939c9280}
body:has(#message) a{color:var(--gold)}
body:has(#message) :is(p,footer,.meta){color:#bec7c6}
#panel :is(.story-task-board,.story-task,.story-evidence-controls,.story-focus-controls,.story-building-wait,.story-r3-workbench,.story-optional){background:linear-gradient(130deg,#1d292f,#10191e);border-color:#7b8b8c70;border-radius:2px}
#panel .story-task>a:hover{background:#35434b}
#panel :is(.story-reading-tools,.story-evidence-controls) :is(select,input){background:#0c151b;border-color:#7b8b8c80}
#visionSidebar{
  background:radial-gradient(ellipse at 0 35%,#9aabb21c,transparent 55%),
    repeating-linear-gradient(107deg,transparent 0 6px,#c6d5de08 7px,transparent 8px 13px),
    linear-gradient(118deg,#34414bed,#111a22f5 47%,#29353eea)!important;
  border-right-color:#9aaab18c;box-shadow:inset -1px 0 #dce4e21a,6px 5px 22px #0008;
}
#visionSidebar .concept-brand{background:linear-gradient(115deg,#59656a38,#14202966);box-shadow:inset 0 1px #c6d7df26}
#visionSidebar button{color:#d3dfe0;letter-spacing:.035em;font-family:Bahnschrift,'Segoe UI',sans-serif}
#visionSidebar button span{color:#c4ced1}
#visionSidebar button.on{color:#f2d4a0;background:linear-gradient(90deg,#ca99434d,#293b4212)}
#panel .guild-buildings{gap:12px!important}
#panel .guild-building-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:10px;text-align:center;overflow:hidden;background:linear-gradient(140deg,#29363e,#0e171d);border-color:#8a9b9d80}
#panel .guild-building-card picture{max-width:none!important;margin:0 0 12px!important;border-bottom:1px solid #788a8859;background:radial-gradient(ellipse at 50% 72%,#87928945,transparent 65%),linear-gradient(#18252c,#101b22)}
#panel .guild-building-card picture img{aspect-ratio:1.45!important;object-fit:contain!important;filter:drop-shadow(0 7px 5px #0009)}
#panel .guild-building-card>b{font:600 16px/1.3 Bahnschrift,'Segoe UI',sans-serif;color:#eee6d4}
.guild-building-level{display:block;margin:7px 0;color:#d4b47b;font-size:12px}
#panel .guild-building-card>p{font-size:12px;line-height:1.6;flex:1}
#panel .guild-building-card>button{white-space:normal;overflow-wrap:anywhere;min-height:44px;margin-top:auto}
#photoMarkers .photo-reserved{position:absolute;transform:translate(-50%,-50%);padding:5px 8px;text-align:center;white-space:nowrap;background:#111a20e8;border:1px dashed #c6af79bd;border-radius:2px;box-shadow:0 2px 8px #0008;pointer-events:none}
#photoMarkers .photo-reserved b{font:600 11px/1.3 Bahnschrift,'Segoe UI',sans-serif;color:#e2c791}
#photoMarkers .photo-reserved small{font:9px/1.3 'Segoe UI',sans-serif;color:#c0c9c7}
@media(min-width:900px){
  #buildingDock{background:linear-gradient(90deg,#070b10cb,#162027a6)!important}
}
@media(max-width:899px){
  #hudRight .hud-world-map{display:block;position:fixed;top:calc(74px + var(--safe-t));right:6px;width:clamp(100px,29vw,114px)}
  #hudMapOpen .hud-heading{font-size:10px;padding:5px;letter-spacing:.03em}
  #hudMapStatus{font-size:8px;line-height:1.25;padding:3px 4px;max-height:26px;overflow:hidden}
  #environmentBar{max-width:calc(100% - 184px)!important}
  /* Zachowaj menu również przy czytaniu kampanii i powiększonym tekście. */
  #panel.adventure:has(.story-reading){left:var(--hud-left);right:0;width:auto}
  #visionSidebar button{min-height:44px}
  #photoMarkers button b{font-size:9px}
  .activity-card>strong{font-size:15px}
  .activity-card b{font-size:11px}
  #panel h2{font-size:23px}
  #topbar .res b{letter-spacing:0}
  .em-title{font-size:19px}
  body:has(.gl-header),body:has(.pd-header),body:has(.st-header),body:has(#message){background-attachment:scroll}
}
@media(max-height:500px) and (max-width:899px){
  #panel.adventure:has(.story-reading){top:calc(67px + var(--safe-t));bottom:calc(var(--hud-bottom) + 7px + var(--safe-b))}
}
@media(max-width:500px){
  #panel .guild-buildings{grid-template-columns:minmax(0,1fr)!important}
  #photoMarkers .photo-reserved{padding:4px 5px}
  #photoMarkers .photo-reserved b{font-size:9px}
  #photoMarkers .photo-reserved small{font-size:8px}
}
@media(prefers-contrast:more){:root{--line:#b7c1c5;--dim:#d7dedd}#panel,.hud-frame,.activity-card{border-color:#c0c7c7}}
@media(forced-colors:active){
  .game-wordmark,.game-wordmark .wordmark-first,.game-wordmark .wordmark-light,.gl-w1,.gl-w2,.pd-w1,.pd-w2,.st-w1,.st-w2{color:CanvasText;text-shadow:none}
  .activity-card{background:Canvas;color:CanvasText}.activity-card:before{display:none}
}