:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brass:#b8860b;--teak:#3d2b1f;--parchment:#f4e8d0;--ink:#1a1410;--sea-glass:#5a7d8c;--bg:#12100e;--panel:#1e1612;--text:#f4e8d0;--accent:var(--brass);--muted:var(--sea-glass);--helm-safe-diameter:58%;--flip-duration:.5s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--elevation-parchment:0 2px 8px #1a141059;--focus-ring:0 0 0 2px var(--brass), 0 0 0 4px #b8860b40;--disabled-opacity:.45;--ring-bg:#3d2b1fd9}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:"Source Sans 3",system-ui,sans-serif}h1,h2,h3{font-family:Georgia,EB Garamond,serif}.top-bar{background:linear-gradient(180deg, #2a1f18 0%, var(--panel) 100%);border-bottom:1px solid #4a3528;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.top-bar h1{color:var(--parchment);margin:0;font-size:1.15rem}.meta{color:var(--muted);gap:1rem;font-size:.9rem;display:flex}.controls button{background:var(--teak);color:var(--parchment);cursor:pointer;border:1px solid #5c4030;border-radius:4px;padding:.35rem .65rem;font-family:inherit}.controls button.active{border-color:var(--brass);color:var(--brass);box-shadow:inset 0 0 0 1px #b8860b59}.controls a{color:var(--sea-glass);font-size:.9rem}.helm-top-meta{flex:1}.helm-top-breadcrumb{color:var(--muted);font-size:.9rem}.helm-top-controls{margin-left:auto}.layout{grid-template-columns:1fr 280px;gap:0;height:calc(100vh - 56px);min-height:480px;display:grid}.map-panel{flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex}.helm-frame{aspect-ratio:1;pointer-events:none;width:min(100%,100vh - 8rem);max-height:calc(100vh - 8rem);position:relative}.helm-stage{pointer-events:none;width:100%;height:100%;position:relative}.helm-bezel{object-fit:contain;pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.helm-viewport-mask{clip-path:circle(calc(var(--helm-safe-diameter) / 2) at center);-webkit-clip-path:circle(calc(var(--helm-safe-diameter) / 2) at center);z-index:1;pointer-events:auto;background:#0a1628;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.helm-ring-chrome{z-index:3;pointer-events:none;position:absolute;inset:0}.helm-ring-chrome.is-dimmed .helm-ring-slot{opacity:.55}.helm-ring-slot{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute}.helm-ring-top{flex-direction:column;width:52%;top:4%;left:50%;transform:translate(-50%)}.helm-ring-left{top:50%;left:6%;transform:translateY(-50%)}.helm-ring-right{top:50%;right:6%;transform:translateY(-50%)}.helm-ring-bottom{width:58%;bottom:8%;left:50%;transform:translate(-50%)}.helm-ring-legend{width:62%;max-width:420px;bottom:2%;left:50%;transform:translate(-50%)}.helm-ring-layer{top:22%;right:14%}.helm-ring-btn{padding:var(--space-1);cursor:pointer;background:0 0;border:none;border-radius:50%;line-height:0}.helm-ring-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.helm-ring-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #00000073);width:44px;height:44px}.scale-breadcrumb{text-align:center;background:var(--ring-bg);border-radius:var(--space-2);padding:var(--space-2) var(--space-3);box-shadow:var(--elevation-parchment)}.chart-title{margin:0 0 var(--space-1);color:var(--parchment);font-family:Georgia,EB Garamond,serif;font-size:.95rem}.scale-breadcrumb-nav{color:var(--muted);justify-content:center;gap:var(--space-1);flex-wrap:wrap;font-size:.72rem;display:flex}.scale-breadcrumb-link.active{color:var(--brass);text-underline-offset:3px;text-decoration:underline}.scale-breadcrumb-link.future{opacity:.5}.scale-breadcrumb-sep{margin:0 var(--space-1);opacity:.6}.zoom-readout{align-items:flex-end;gap:var(--space-1);color:var(--muted);flex-direction:column;min-width:5.5rem;font-size:.78rem;display:flex}.zoom-readout-cluster{align-items:flex-end;gap:var(--space-2);background:var(--ring-bg);padding:var(--space-2) var(--space-3);border-radius:var(--space-2);box-shadow:var(--elevation-parchment);flex-direction:column;display:flex}.zoom-buttons{gap:var(--space-1);display:flex}.zoom-btn{background:#00000040;border:1px solid #b8860b73;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.zoom-brass-glyph{color:var(--brass);text-shadow:0 1px 2px #00000080;font-family:Georgia,serif;font-size:1.35rem;font-weight:700;line-height:1}.zoom-brass-glyph--fallback-hidden{display:none}.zoom-btn-icon{object-fit:contain;width:28px;height:28px}.zoom-btn-icon[style*="display: none"]+.zoom-brass-glyph{display:block}.helm-ring-back{top:12%;left:14%}.back-chevron-btn{background:#0003;border:1px solid #b8860b59;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.back-chevron-glyph{color:var(--brass);font-size:1.75rem;font-weight:700;line-height:1}.back-chevron-glyph--fallback-hidden{display:none}.back-chevron-icon[style*="display: none"]+.back-chevron-glyph{display:block}.scale-dial{gap:var(--space-2);background:var(--ring-bg);padding:var(--space-2) var(--space-3);border-radius:var(--space-4);justify-content:center;display:flex}.scale-dial-btn{align-items:center;gap:var(--space-1);border-radius:var(--space-2);padding:var(--space-1);cursor:pointer;color:var(--muted);background:0 0;border:1px solid #0000;flex-direction:column;min-width:52px;font-size:.65rem;display:flex}.scale-dial-btn.active{border-color:var(--brass);color:var(--brass);box-shadow:inset 0 0 0 1px #b8860b59}.scale-dial-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.scale-dial-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.scale-dial-icon{width:36px;height:36px}.legend-chip-tray{background:var(--ring-bg);border-radius:var(--space-2);padding:var(--space-2) var(--space-3);box-shadow:var(--elevation-parchment)}.legend-chip-list{justify-content:center;gap:var(--space-2) var(--space-3);color:var(--parchment);flex-wrap:wrap;margin:0;padding:0;font-size:.68rem;list-style:none;display:flex}.legend-chip-list li{align-items:center;gap:var(--space-1);display:flex}.legend-chip-list .swatch{border:1px solid #444;border-radius:2px;flex-shrink:0;width:14px;height:14px}.legend-chip-label{white-space:nowrap}.helm-ring-hex-toggle{align-items:center;gap:var(--space-1);color:var(--muted);background:var(--ring-bg);padding:var(--space-2);border-radius:var(--space-2);cursor:pointer;flex-direction:column;font-size:.68rem;display:flex}.helm-ring-hex-toggle input{accent-color:var(--brass)}.hex-toggle-icon{object-fit:contain;width:32px;height:32px}.hex-toggle-label--fallback-hidden{display:none}.hex-toggle-icon[style*="display: none"]+.hex-toggle-label{display:block}.loading-chart{pointer-events:none;z-index:4;background:#0a1628b8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-chart p{margin:var(--space-3) 0 0;color:var(--parchment);font-family:Georgia,EB Garamond,serif;font-size:.9rem}.loading-chart-spinner{border:3px solid #b8860b40;border-top-color:var(--brass);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite helm-spin}@keyframes helm-spin{to{transform:rotate(360deg)}}.error-state{z-index:1;padding:var(--space-4);border-radius:var(--space-2);color:var(--parchment);box-shadow:var(--elevation-parchment);background:#0f0c0ad9;border:1px solid #6b3030;position:relative}.error-state p{margin:0 0 var(--space-3);font-size:.9rem}.error-state-retry{background:var(--teak);color:var(--parchment);border:1px solid var(--brass);border-radius:var(--space-1);padding:var(--space-2) var(--space-3);cursor:pointer;font-family:inherit}.error-state-retry:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){.helm-chart-flip{transition:opacity .15s ease-in-out}.helm-chart-flip.is-flipping{opacity:.35;transform:none}.loading-chart-spinner{border-top-color:var(--brass);animation:none}}@media (width<=1100px){.legend-chip-list{gap:var(--space-1) var(--space-2)}.legend-chip-label{display:none}.helm-ring-icon{width:36px;height:36px}}.helm-chart-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--flip-duration) ease-in-out}.helm-chart-flip.is-flipping{transform:rotateY(-88deg)}.helm-map-viewport{cursor:grab;touch-action:none;background:#0f172a;width:100%;height:100%}.helm-map-viewport.dragging{cursor:grabbing}.helm-map-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.helm-map-canvas.smooth{image-rendering:auto}.hex-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:.35rem;margin-left:.5rem;font-size:.85rem;display:inline-flex}.hex-toggle input{accent-color:var(--brass)}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.8rem}.parchment-panel{background:var(--panel);background-image:url(/public/assets/chrome/ui/ui-parchment-panel-lg.png);background-position:50%;background-size:cover;border-left:1px solid #4a3528;padding:1rem;position:relative;overflow-y:auto}.legend-panel{z-index:1;background:#0f0c0abf;border:1px solid #4a3528;border-radius:8px;margin:0 0 1rem;padding:.65rem .85rem;position:relative}.legend-title{color:var(--muted);margin:0 0 .4rem;font-size:.85rem}.legend-list{flex-direction:column;gap:.45rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.legend-list li{align-items:center;gap:.35rem;display:flex}.swatch{border:1px solid #444;border-radius:2px;flex-shrink:0;width:14px;height:14px}.swatch.forest{background:#228037}.swatch.grass{background:#8cbe5a}.swatch.water{background:#40a4ff}.swatch.road{background:#d2b478}.swatch.building{background:#6e3723}.detail-panel h2{z-index:1;margin-top:0;font-size:1rem;position:relative}.detail-panel h4{color:var(--muted);margin:1rem 0 .35rem;font-size:.85rem}.detail-panel ul{margin:0;padding-left:1.1rem;font-size:.9rem}.detail-panel li{margin-bottom:.35rem}#detail-content,[data-testid=wg-detail-content]{z-index:1;position:relative}@media (width<=800px){.layout{grid-template-columns:1fr}}.maps-first-layout{grid-template-columns:1fr;height:calc(100vh - 44px)}.maps-first-layout .map-panel{justify-content:stretch;align-items:stretch;padding:0}.maps-first-layout .helm-top-bar{min-height:44px;padding:.35rem .75rem}.maps-first-layout .hint{display:none}.helm-frame--maps-first{width:100%;height:100%;max-height:none;aspect-ratio:unset;flex:1;min-height:0}.helm-frame--maps-first .helm-viewport-mask{clip-path:none;border-radius:0;inset:0}.helm-frame--maps-first .helm-ring-top{width:auto;max-width:min(420px,55vw);top:12px;left:12px;transform:none}.helm-frame--maps-first .helm-ring-top .chart-title{display:none}.helm-frame--maps-first .helm-ring-left{top:auto;bottom:72px;left:12px;transform:none}.helm-frame--maps-first .helm-ring-right{top:auto;bottom:72px;right:12px;transform:none}.helm-frame--maps-first .helm-ring-bottom{width:auto;max-width:min(360px,90vw);bottom:12px;left:50%;transform:translate(-50%)}.helm-frame--maps-first .helm-ring-legend{width:auto;max-width:min(380px,92vw);bottom:12px;left:12px;transform:none}.helm-frame--maps-first .helm-ring-layer{top:12px;right:12px}.maps-first-layout .parchment-panel{z-index:30;width:min(320px,92vw);transition:transform .18s ease-out;position:fixed;top:44px;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000073}.maps-first-layout .parchment-panel.is-open{transform:translate(0)}body.maps-first .helm-map-canvas,body.maps-first .helm-map-canvas.smooth{image-rendering:auto}.battlemap-layout .helm-map-panel{min-height:0}.battlemap-viewport{background:#0a1628;width:100%;height:100%;min-height:320px}.battlemap-viewport.dragging .battlemap-canvas{cursor:grabbing}.battlemap-canvas{cursor:grab;width:100%;height:100%;display:block}.battlemap-layer-panel{padding:var(--space-3);overflow-y:auto}.battlemap-layer-panel__title{margin:0 0 var(--space-2);color:var(--parchment);font-family:Georgia,EB Garamond,serif;font-size:1rem}.battlemap-layer-panel__row{cursor:pointer;color:var(--parchment);margin:.35rem 0;font-size:.9rem;display:block}.battlemap-layer-panel__hint{opacity:.75;margin-top:var(--space-3);font-size:.75rem;line-height:1.4}.battlemap-top-meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.battle-meta{opacity:.85;font-size:.85rem}.helm-link-btn{color:var(--brass);padding:var(--space-1) var(--space-2);border-radius:var(--space-1);cursor:pointer;background:0 0;border:1px solid #b8860b73;font-size:.85rem}.helm-link-btn:hover{background:#b8860b1f}.battlemap-interior-rooms{margin:var(--space-3) 0 0;padding:0;font-size:.85rem;list-style:none}.battlemap-interior-rooms li{padding:var(--space-1) 0}.battlemap-reset-btn{margin-left:auto}.helm-viewport-mask .battlemap-viewport{border-radius:50%;overflow:hidden}