:root{--ink:#24333b;--muted:#66757b;--paper:#f5f0e6;--card:#fffdf8;--sea:#dcebf0;--accent:#255f72;--accent-dark:#184553;--correct:#4f8a68;--correct-dark:#276047;--wrong:#b44f47;--line:#cbd5d3;--shadow:0 12px 30px rgba(43,57,58,.11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#edf4f4,#f6f0e6 30rem)}button{font:inherit}.page-shell{width:min(1480px,calc(100% - 32px));margin:0 auto 24px}.hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px 5px 18px}.pilot-badge{display:inline-flex;border:1px solid #a7b9b9;border-radius:999px;padding:4px 9px;color:#647372;background:#ffffffb8;font-size:.72rem;font-weight:800}.eyebrow,.panel-kicker{margin:6px 0;color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero h1{margin:4px 0;font:700 clamp(2rem,4vw,3.55rem)/1.02 Georgia,serif;color:#20373f}.hero>div>p:last-child{margin:0;color:var(--muted);font-size:clamp(.98rem,1.6vw,1.22rem)}.section-switch{display:flex;padding:4px;border:1px solid #bdc9c8;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.section-button{border:0;border-radius:10px;padding:10px 15px;background:transparent;color:#56676c;font-weight:800;cursor:pointer}.section-button.is-active{background:var(--accent);color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(310px,1fr);gap:16px;align-items:start}.map-card,.task-card{min-width:0;border:1px solid #b8c8c566;border-radius:20px;background:var(--card);box-shadow:var(--shadow);overflow:hidden}.map-head{min-height:54px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce3df;color:#526369;font-size:.86rem;font-weight:750}.text-button{border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer}.map-stage{position:relative;width:100%;min-height:540px;aspect-ratio:1.55/1;overflow:hidden;background:var(--sea)}.map-stage object{position:absolute;inset:0;width:100%;height:100%;display:block}.map-stage>svg{position:absolute;z-index:2;inset:auto;top:0;bottom:0;left:50%;width:auto;height:100%;aspect-ratio:450/456;transform:translateX(-50%);pointer-events:none}.state-hotspot{fill:transparent;stroke:transparent;pointer-events:all;cursor:pointer}.front-corridor{fill:none;stroke-linecap:round;opacity:.32;pointer-events:stroke;cursor:pointer}.front-axis{fill:none;stroke:#344d55;stroke-width:4;stroke-dasharray:10 8;pointer-events:stroke;cursor:pointer}.battle-marker{pointer-events:all;cursor:pointer}.battle-marker circle{fill:#fff5cf;stroke:#293e46;stroke-width:3}.battle-marker text{font-weight:900;font-size:22px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.front-corridor.is-hit,.front-axis.is-hit,.battle-marker.is-hit{filter:drop-shadow(0 0 5px #fff);opacity:1}.map-message{position:absolute;z-index:3;left:14px;bottom:14px;margin:0;max-width:75%;padding:8px 12px;border-radius:10px;background:#18333ddd;color:#fff;font-size:.82rem}.map-message.is-error{background:#903a35e8}.map-message.is-success{background:#276047e8}.map-legend{display:flex;flex-wrap:wrap;gap:16px;padding:11px 16px;border-top:1px solid #dce3df;color:#56666c;font-size:.8rem}.map-legend span{display:flex;align-items:center;gap:7px}.legend-swatch{width:22px;height:14px;border:2px solid #516167;border-radius:3px}.legend-swatch.neutral{background:#d9d7d0}.legend-swatch.correct{background:var(--correct)}.legend-swatch.wrong{background:var(--wrong)}.task-card{padding:23px;min-height:540px;position:sticky;top:12px}.task-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8rem;font-weight:800}.task-meta strong{color:var(--accent-dark)}.task-card h2{margin:5px 0 12px;font:700 clamp(1.55rem,2.2vw,2.1rem)/1.14 Georgia,serif}.task-help{margin:0;color:#536269;line-height:1.48}.found-box{margin:20px 0;padding:14px;border-radius:13px;background:#eef3ef}.found-box h3{margin:0 0 8px;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#5e6e70}.found-box ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.found-box li{display:flex;gap:8px;align-items:center;font-weight:750}.found-box li:not(.empty)::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--correct);color:#fff;font-size:.72rem}.found-box .empty{color:#788487;font-weight:500}.task-feedback{margin:17px 0;padding:15px;border-left:4px solid var(--correct);border-radius:0 12px 12px 0;background:#e7f3eb;line-height:1.52}.task-feedback.is-error{border-color:var(--wrong);background:#f7e8e5}.task-actions{display:flex;justify-content:space-between;gap:9px;margin-top:20px}.primary-button,.secondary-button{min-height:44px;border-radius:10px;padding:10px 15px;font-weight:850;cursor:pointer}.primary-button{border:0;background:var(--accent);color:#fff}.secondary-button{border:1px solid #b9c8c6;background:#fff;color:var(--accent)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,.state-hotspot:focus-visible,.front-corridor:focus-visible,.battle-marker:focus-visible{outline:3px solid #efb547;outline-offset:3px}.source-note{margin:14px 5px;color:#68767a;font-size:.76rem}.source-note a{color:var(--accent)}
@media(max-width:900px){.page-shell{width:min(100% - 18px,760px)}.hero{align-items:start}.workspace{grid-template-columns:1fr}.task-card{position:static;order:-1;min-height:0}.map-stage{min-height:0;aspect-ratio:1.13/1}}
@media(max-width:560px){body{overflow-x:hidden}.page-shell,.hero,.hero>div,.workspace,.map-card,.task-card{min-width:0;max-width:100%}.hero{display:grid;padding-top:17px;overflow:hidden}.hero h1{font-size:2.15rem;overflow-wrap:anywhere}.section-switch{width:100%;min-width:0;flex-wrap:wrap}.section-button{flex:1 1 45%;min-width:0;padding:9px 7px}.task-card{padding:18px;overflow:hidden}.task-card h2{overflow-wrap:anywhere}.map-head{min-height:48px}.map-head span{font-size:.76rem}.text-button{display:none}.map-stage{height:390px;aspect-ratio:auto}.map-message{left:8px;bottom:8px;font-size:.73rem}.map-legend{gap:9px;font-size:.73rem}.task-actions{width:100%;flex-wrap:wrap}.task-actions>*{flex:1 1 42%;min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
#base-map{z-index:0;pointer-events:auto}
#front-visible-layer,#battle-visible-layer,#labels-layer{pointer-events:none}
#map-hit-layer{pointer-events:none}
#country-hit-shapes .state-hotspot{pointer-events:all;cursor:pointer;opacity:1}
.front-hit{fill:none;stroke:transparent;stroke-width:130;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:pointer}
.front-hit.area{fill:transparent;stroke:transparent;pointer-events:all}
.front-visible{fill:none;stroke-width:75;stroke-linecap:round;stroke-linejoin:round;opacity:.48;animation:reveal .35s ease-out}
.front-visible.area{fill:currentColor;fill-opacity:.32;stroke-width:22}
.dated-line{fill:none;stroke:#294b56;stroke-width:30;stroke-dasharray:70 45;stroke-linecap:round;animation:reveal .35s ease-out}
.line-1915{stroke:#a24941}
.movement-arrow{stroke:#a24941;stroke-width:18;stroke-linecap:round}.movement-arrow-head{fill:#a24941;stroke:none}
.battle-hit{fill:transparent;stroke:transparent;pointer-events:all;cursor:pointer}
.battle-visible{fill:#e7bd55aa;stroke:#253e47;stroke-width:22;animation:reveal .3s ease-out}
.battle-visible.area{fill:#d7856380;stroke-width:18}
.map-label{paint-order:stroke;stroke:#fff;stroke-width:28;stroke-linejoin:round;fill:#20373f;font:800 120px/1 sans-serif;text-anchor:middle;pointer-events:none}
.compare-button{width:100%;margin-top:16px}.choice-list{display:grid;gap:9px;margin-top:18px}.choice-button{border:1px solid #b9c8c6;border-radius:10px;padding:11px 13px;background:#fff;color:#294650;text-align:left;font-weight:750;cursor:pointer}.choice-button:hover{background:#edf4f3}
@keyframes reveal{from{opacity:0}to{opacity:.5}}
#map-legend[hidden]{display:none}
.legend-swatch.wartime-neutral{background:#d8c88f}

/* Společná atlasová poznávačka front a bojišť */
#river-layer,#rail-layer,#front-visible-layer,#battle-visible-layer,#labels-layer{pointer-events:none}
.river{fill:none;stroke:#88aebd;stroke-width:12;stroke-linecap:round;opacity:.32;transition:stroke-width .25s,opacity .25s,stroke .25s}.river.is-active{stroke:#3283a2;stroke-width:28;opacity:.95}
.atlas-front{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s,stroke-width .2s,filter .2s}.atlas-front.line{stroke-width:54;opacity:.27}.atlas-front.wide{stroke-width:180;opacity:.16}.atlas-front.is-active{opacity:.9;stroke-width:86;filter:drop-shadow(0 0 16px #fff)}.atlas-front.wide.is-active{stroke-width:220;opacity:.42}.atlas-front.is-wrong,.atlas-battle.is-wrong{filter:drop-shadow(0 0 18px #b54c44);opacity:1}
.atlas-battle{opacity:.72;transition:opacity .2s,filter .2s}.battle-ring{fill:#fff8dc;stroke:#405760;stroke-width:16}.battle-dot{fill:#405760}.atlas-battle.is-active{opacity:1;filter:drop-shadow(0 0 18px #fff)}.atlas-battle.is-active .battle-ring{fill:#efbd58;stroke:#183b48;stroke-width:22}.atlas-battle.is-active .battle-dot{fill:#183b48}
.battle-hit{fill:transparent;stroke:transparent;pointer-events:all;cursor:pointer}.front-hit{fill:none;stroke:transparent;stroke-width:115;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:pointer}.front-hit.wide{stroke-width:230}
.front-hit:focus-visible,.battle-hit:focus-visible{outline:none}
.atlas-label text{paint-order:stroke;stroke:#fff;stroke-linejoin:round;text-anchor:middle;pointer-events:none}.atlas-label-title{fill:#20373f;stroke-width:30;font:800 105px/1 sans-serif}.atlas-label-period{fill:#4f6065;stroke-width:22;font:750 68px/1 sans-serif}.atlas-label.river-name .atlas-label-title{fill:#277a99;font-size:82px}.atlas-label.river-name .atlas-label-period{font-size:54px}.atlas-label.small-front-label .atlas-label-title{font-size:72px}.atlas-label.small-front-label .atlas-label-period{font-size:52px}
.rail-line,.rail-tie{fill:none;stroke:#735c48;stroke-width:18;stroke-linecap:round}.rail-tie{stroke-width:12}.rail-symbol{opacity:.9}
#theatre-feedback p{margin:.7rem 0 0}#theatre-feedback .sides{display:inline-block;margin-top:.35rem;color:#526369;font-weight:750}

/* Osobnosti */
.person-portrait{width:min(100%,210px);aspect-ratio:4/5;margin:14px auto 10px;border:1px solid #c7d1ce;border-radius:14px;overflow:hidden;background:#e4e2dc;box-shadow:0 8px 18px rgba(43,57,58,.13)}
.person-portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.08)}
.person-name{margin:0 0 12px;text-align:center;font:700 1.3rem/1.15 Georgia,serif;color:#20373f}
.person-feedback strong{color:#244f62}.person-feedback p{margin:.65rem 0 0}.person-feedback .person-state{display:inline-block;margin-bottom:.15rem;color:#674d80;font-weight:850}
@media(max-width:900px){.person-portrait{width:min(100%,190px)}}
@media(max-width:560px){.person-portrait{width:150px;margin-top:11px}.person-name{font-size:1.18rem}#people-panel .task-help{font-size:.9rem}}