@font-face{font-family:PixelCode;src:url(../fonts/PixelCode.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--navy: #0a2d7a;--ink: #e8f0ff;--muted: #9bb4e0;--gold: #f0c14a;--line: rgba(180, 210, 255, .35);--paper: #f4f1e8;--paper-ink: #1c140f;--pixel: "PixelCode", "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--navy);color:var(--ink);font-family:var(--pixel);image-rendering:pixelated}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:8px;z-index:9;background:var(--gold);color:var(--navy);padding:8px 12px}#app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:2px solid var(--line);background:#071848eb;z-index:3;flex-wrap:wrap}.crumbs{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.04em}.crumbs button,.options button,.lang button,.icon-btn{font-family:inherit;cursor:pointer;image-rendering:pixelated}.crumbs button{background:none;border:0;color:var(--gold);padding:0;font-size:14px}.sep{color:var(--muted)}#crumb-here{color:var(--ink)}.options{display:flex;gap:6px;flex:1;overflow-x:auto;min-width:0}.options button{flex:0 0 auto;border:2px solid var(--line);background:transparent;color:var(--ink);padding:6px 10px;font-size:12px}.options button:hover,.options button.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}.lang{display:flex;border:2px solid var(--line);margin-left:auto}.lang button{background:transparent;color:var(--muted);border:0;padding:6px 8px;font-size:12px}.lang button[aria-pressed=true]{background:var(--gold);color:var(--navy)}.stage{position:relative;min-height:0;overflow:hidden;background:#0a2d7a}#view,.fallback-img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}#view{image-rendering:pixelated;image-rendering:crisp-edges}.hotspots{position:absolute;inset:0;width:100%;height:100%;z-index:2}.hotspots polygon{fill:#3b6cff00;stroke:transparent;cursor:pointer}.hotspots polygon:hover,.hotspots polygon:focus{fill:#f0c14a24;stroke:#f0c14a8c;stroke-width:1;outline:none}.dimmer{position:absolute;inset:0;background:#06103038;z-index:4}[hidden]{display:none!important}.panel{position:absolute;top:16px;right:16px;bottom:16px;width:min(400px,42vw);background:var(--paper);color:var(--paper-ink);z-index:5;display:none;flex-direction:column;border:2px solid #1c140f}.panel.open{display:flex}.panel-head{display:flex;justify-content:space-between;gap:12px;padding:14px 14px 8px;border-bottom:2px solid rgba(28,20,15,.16)}.panel-years{margin:0;font-size:11px;letter-spacing:.08em;color:#8a3d14}.panel h2{margin:4px 0 0;font-size:18px;line-height:1.25;font-weight:400}.panel-sub{margin:6px 0 0;color:#5c4a3c;font-size:12px}.icon-btn{width:32px;height:32px;border:2px solid rgba(28,20,15,.3);background:transparent;color:var(--paper-ink);flex-shrink:0;font-size:16px}.panel-body{overflow:auto;padding:8px 14px 20px;font-size:13px;line-height:1.55;user-select:text}.panel-body p{margin:10px 0}.panel-body ul{margin:8px 0 12px;padding-left:18px}.panel-body a{color:#8a3d14}.panel-body .role{margin:14px 0 6px;color:#8a3d14;font-size:12px}.fallback-note{position:absolute;left:14px;bottom:12px;z-index:3;color:var(--muted);font-size:12px}.noscript{padding:24px}@media(max-width:720px){.panel{inset:auto 0 0;width:100%;height:62%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}