/* SZCZELINA — zatwierdzony kierunek: filmowy, ciemny HUD osady.
   Warstwa wizualna nie zastępuje renderera ani logiki gry. */
:root{--bg:#080d10;--bg2:#0d1419;--line:#35414a;--text:#e6e8e6;--dim:#a1adb2;--accent:#d9983c;--accent2:#ffbd59;--r:5px}
#game{background:#071017}
#topbar{min-height:66px;gap:clamp(9px,1.7vw,28px);padding:calc(9px + var(--safe-t)) clamp(10px,1.6vw,28px) 9px;background:linear-gradient(180deg,rgba(8,15,20,.98),rgba(7,12,17,.94));border-bottom:1px solid #56616a;box-shadow:0 6px 20px #0009;z-index:7}
#topbar .wordmark{flex:none;color:#eee8d9;font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2.1vw,34px);font-weight:900;letter-spacing:.14em;text-shadow:0 2px 3px #000,0 0 15px #a6a4a43b;line-height:1.05}
#topbar .wordmark small{display:block;font:600 9px/1.6 system-ui,sans-serif;letter-spacing:.28em;color:#b68c50}
#topbar .res{align-items:center;gap:8px;padding:5px 10px;border-left:1px solid #59616b55;background:linear-gradient(90deg,#26303955,transparent);border-radius:2px}
#topbar .res b{font-size:clamp(14px,1.35vw,20px);font-weight:700;color:#e9e9e5}
#topbar .res small{font-size:10px;color:#94a1a7}
#topbar .cap{margin-left:auto;white-space:nowrap;color:#d6cbb7;font-weight:600}
#topbar .mini{border-color:#46535c;background:linear-gradient(#1a252d,#0b1218);color:#d9d9d4}
#stage{background:radial-gradient(ellipse at 50% 28%,#2c3c44,#0b151c 74%,#05090d);isolation:isolate}
#stage::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 110px #0008}
#view{filter:contrast(1.07) saturate(.87)}
#sceneTitle{background:linear-gradient(90deg,rgba(8,14,18,.84),rgba(8,14,18,0));border-left:2px solid #c28b41;padding:9px 18px;text-shadow:0 2px 5px #000}
#sceneTitle h2{font-family:Georgia,serif;letter-spacing:.055em}
#environmentBar,#objectiveBar{border:1px solid #6d655555;background:linear-gradient(135deg,rgba(9,18,24,.94),rgba(22,31,37,.86));color:#e6e5dc;box-shadow:0 5px 20px #0008;backdrop-filter:blur(7px)}
#sceneTools .mini{background:#0a131acb;border:1px solid #53616c;color:#eee6d9;box-shadow:0 3px 12px #0009}
#buildingDock button{background:linear-gradient(180deg,#18252bcc,#0a1117ed);border:1px solid #65727a77;color:#e7e2d6;box-shadow:0 5px 15px #0008}
#tabs{min-height:76px;background:linear-gradient(180deg,rgba(6,10,14,.96),rgba(13,19,23,.99));border-top:1px solid #716248;box-shadow:0 -8px 24px #0008;z-index:7}
#tabs button{color:#c3c4c2;border-right:1px solid #66717a55;font-size:13px;text-shadow:0 2px 3px #000;padding:9px 5px}
#tabs button:last-child{border-right:0}
#tabs button .nav-icon{display:block;font-size:24px;line-height:1.3;color:#d0d0c9}
#tabs button.on{color:#ffcb7b;background:radial-gradient(ellipse at 50% 100%,#9b621b40,transparent 70%),linear-gradient(180deg,#30210f99,#0b1116);box-shadow:inset 0 2px 0 #d8a04b}
#tabs button.on .nav-icon{color:#ffb54b;text-shadow:0 0 16px #e49a3577}
#panel{left:auto;right:14px;top:14px;bottom:14px;width:min(385px,calc(100vw - 28px));max-height:none;border:1px solid #5c666a;border-radius:5px;background:linear-gradient(155deg,rgba(15,21,25,.97),rgba(5,10,14,.98));box-shadow:0 16px 55px #000b;padding:22px 17px 20px;z-index:6}
#panel h2,#panel h3{font-family:Georgia,serif;color:#f2ece1;letter-spacing:.035em}
#panel .primary,#panel button.primary{background:linear-gradient(#f6ba61,#bd7727);border-color:#f3b65c;color:#17130d;font-weight:800;box-shadow:inset 0 1px #ffe1a0,0 4px 15px #0008}
#panelClose{top:8px;right:8px;background:#151e24;border-color:#5c6568}
#queueBar{background:#111a20;border-top:1px solid #7e6949;color:#e9d8b6;z-index:7}
#hint{background:#07101599;padding:4px 8px;border-radius:3px}
@media(max-width:900px){#topbar{min-height:55px;gap:7px;flex-wrap:nowrap}#topbar .wordmark{font-size:19px;letter-spacing:.07em}#topbar .wordmark small{display:none}#topbar .res{padding:3px 4px}#topbar .res b{font-size:13px}#topbar .cap{font-size:10px}#panel{top:auto;bottom:0;right:0;left:0;width:100%;max-height:68%;border-radius:10px 10px 0 0;border-left:0;border-right:0}#tabs{min-height:62px}#tabs button .nav-icon{font-size:20px}}
@media(max-width:550px){#topbar .res{gap:3px}#topbar .cap{display:none}#topbar .wordmark{font-size:16px}#tabs button{font-size:11px}#tabs button .nav-icon{font-size:19px}}
@media(prefers-reduced-motion:reduce){#stage *{scroll-behavior:auto}}