:root{color-scheme:dark;--bg: #0e1525;--panel: #162236;--accent: #7bffb7;--text: #e8f1ff;--warning: #ffcc70;--grid: #0f1b2f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b1424,#0f1c33,#0b1424);color:var(--text);font-family:"Press Start 2P",Lucida Console,Monaco,monospace;min-height:100vh}#app{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100vh;min-height:0}.topbar{display:flex;align-items:center;gap:12px;background:#0d1731;border-bottom:2px solid #1f2c4b;padding:10px 16px;box-shadow:inset 0 -4px #0a0f1b}.news-ticker{display:flex;align-items:center;gap:12px;padding:6px 16px;background:linear-gradient(90deg,#101b33,#12284a 55%,#101b33);border-bottom:2px solid #223557;box-shadow:inset 0 -3px #0a0f1b;font-size:11px;letter-spacing:.3px}.news-ticker-hidden{visibility:hidden;opacity:0;pointer-events:none}.news-ticker-label{text-transform:uppercase;color:#7bffb7;font-weight:700}.news-ticker-text{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;position:relative}.news-ticker-text-inner{display:inline-block;white-space:nowrap}.news-ticker-text.news-ticker-marquee .news-ticker-text-inner{animation:news-ticker-marquee 12s linear infinite;padding-left:100%}.news-ticker-reduced .news-ticker-text.news-ticker-marquee .news-ticker-text-inner{animation:none;transform:none;padding-left:0}.news-ticker-alert .news-ticker-text{color:#ff8c8c}.news-ticker-warn .news-ticker-text{color:#ffcc70}.news-ticker-info .news-ticker-text{color:#9dd9ff}@keyframes news-ticker-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.logo{display:flex;gap:8px;align-items:center;font-weight:700}.hud{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.panel{background:var(--panel);border:2px solid #223557;border-radius:10px;padding:10px;box-shadow:0 6px #0a1020}.panel.panel-right{justify-self:end}.panel h4{margin:0 0 8px;font-size:12px;letter-spacing:.5px;color:var(--accent)}.panel strong{color:#fff}.budget-net{margin-top:4px;font-weight:700}.budget-net.positive{color:#7bffb7}.budget-net.negative{color:#ff8c8c}.budget-net.neutral{color:var(--text)}.toolbar{display:flex;flex-direction:column;gap:8px;padding:10px 16px;background:#0d1a2f;border-top:2px solid #1f2c4b;border-bottom:2px solid #1f2c4b;position:absolute;left:0;right:0;top:0;overflow-x:auto;overflow-y:visible;z-index:2000}.toolbar-row,.toolbar-sub{display:flex;gap:8px;align-items:center;position:relative}.toolbar-spacer{flex:1}.budget-button{margin-left:auto}.toolbar-sub{position:fixed;left:0;top:0;display:none;padding:8px 10px;margin:0;align-self:flex-start;background:#0f1d34;border:2px solid #223557;border-radius:14px;box-shadow:0 6px 12px #00000080;width:fit-content;min-width:max-content;z-index:2100;pointer-events:auto}.toolbar-sub:before{content:"";position:absolute;top:-4px;left:10px;right:10px;height:6px;background:#0f1d34;border-left:2px solid #223557;border-right:2px solid #223557;border-top:2px solid #223557;border-radius:12px 12px 0 0}.toolbar-sub.toolbar-sub-open{border-color:#223557;box-shadow:0 10px 18px #0000008c}.toolbar-sub.toolbar-sub-open:before{border-color:#223557}.toolbar-group-sub-open{border-color:var(--accent);box-shadow:0 4px #0a1020,0 0 10px #7bffb738;z-index:2004}.toolbar-group-sub-open:after{content:"";position:absolute;left:10px;right:10px;bottom:-6px;height:8px;background:#0f1d34;border-left:2px solid #223557;border-right:2px solid #223557;border-bottom:2px solid #223557;border-top:none;border-radius:0 0 12px 12px;z-index:-1}.tool-button,.tool-sub-button{background:#132644;border:2px solid #223557;border-radius:12px;color:var(--text);padding:10px 12px;min-width:64px;font-size:11px;cursor:pointer;transition:transform .1s ease,border-color .1s ease;box-shadow:0 4px #0a1020;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.1}.tool-button.active,.tool-sub-button.active{border-color:var(--accent);transform:translateY(-2px)}.tool-button:hover,.tool-sub-button:hover{border-color:#96d9ff}.tool-button:disabled,.tool-sub-button:disabled{opacity:.45;cursor:not-allowed;transform:none;border-color:#223557;box-shadow:none}.toolbar-group{display:flex;align-items:center;gap:6px;background:#0f1d34;border:2px solid #223557;border-radius:14px;padding:8px;box-shadow:0 4px #0a1020;position:relative;overflow:visible;z-index:2002}.toolbar-cluster{display:flex;align-items:center;gap:10px}.toolbar-group-radio{padding:6px 8px}.toolbar-group-radio-open{z-index:2006}.toolbar-radio-slot{display:flex;flex:0 0 auto;min-width:0}.toolbar-radio-station{position:relative;display:flex;align-items:center}.radio-station-button{background:#1a2d4f;border:1px solid #2a3f63;border-radius:8px;color:var(--text);width:32px;height:32px;cursor:pointer;font-size:16px;line-height:1;box-shadow:0 2px #0a1020;transition:border-color .1s ease,transform .1s ease;display:flex;align-items:center;justify-content:center}.radio-station-button:hover{border-color:#96d9ff}.radio-station-button:active{transform:translateY(1px)}.radio-station-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.radio-station-menu{position:fixed;left:0;top:0;min-width:220px;background:#0f1d34;border:2px solid #223557;border-radius:12px;box-shadow:0 10px 20px #00000059;padding:8px;display:none;flex-direction:column;gap:6px;z-index:50000;max-height:260px;overflow-y:auto}.radio-station-menu.open{display:flex}.radio-station-menu-list{display:flex;flex-direction:column;gap:4px}.radio-station-menu-item{background:#1a2d4f;border:1px solid #2a3f63;border-radius:8px;color:#e8f1ff;padding:6px 8px;text-align:left;cursor:pointer;transition:border-color .1s ease,background .1s ease}.radio-station-menu-item:hover{border-color:#96d9ff;background:#223d65}.radio-station-menu-item-active{border-color:#7bffb7;background:#1f3a5f}.radio-station-menu-description{font-size:11px;color:#c6d7f0;padding:0 2px 4px;line-height:1.3}.radio-station-menu-empty,.radio-station-menu-loading{font-size:12px;color:#c6d7f0;padding:2px}.radio-widget{position:relative;flex:0 1 360px;display:flex;align-items:center;gap:8px;background:transparent;border:none;border-radius:10px;padding:0 4px;height:44px;box-shadow:none;overflow:visible;z-index:50}.radio-cover{width:32px;height:32px;border-radius:8px;object-fit:cover;border:1px solid #223557;display:block;flex-shrink:0;background:#0b1424;opacity:0;visibility:hidden;transition:opacity .12s ease}.radio-cover.visible{opacity:1;visibility:visible}.radio-controls{display:flex;align-items:center;gap:4px}.radio-icon-button{background:#1a2d4f;border:1px solid #2a3f63;border-radius:8px;color:var(--text);width:32px;height:32px;cursor:pointer;font-size:15px;line-height:1;box-shadow:0 2px #0a1020;transition:border-color .1s ease,transform .1s ease}.radio-icon-button:hover{border-color:#96d9ff}.radio-icon-button:active{transform:translateY(1px)}.radio-icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.radio-marquee-viewport{flex:1 1 160px;min-width:120px;max-width:220px;overflow:hidden}.radio-marquee-text{white-space:nowrap;font-size:11px;color:#e8f1ff}.radio-marquee-text.scrolling{animation:radio-scroll var(--radio-marquee-duration, 14s) linear infinite}.radio-marquee-text.paused{animation-play-state:paused}@keyframes radio-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.radio-popover{position:fixed;left:0;top:0;display:flex;gap:10px;background:#101c34;border:2px solid #223557;border-radius:10px;padding:8px;box-shadow:0 10px 20px #00000059;opacity:0;pointer-events:none;transform:translateY(0);transition:opacity .12s ease;min-width:180px;z-index:9999}.radio-popover-cover{width:64px;height:64px;border-radius:10px;object-fit:cover;border:1px solid #223557;display:none;background:#0b1424}.radio-popover-cover.visible{display:block}.radio-popover-info{display:grid;gap:4px;align-content:center;min-width:0}.radio-popover-title{font-weight:700;color:#7bffb7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-popover-artist{font-size:12px;color:#d0e4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-popover-status{font-size:11px;color:#96d9ff}.radio-popover-open .radio-popover{opacity:1;pointer-events:auto;transform:translateY(0)}#viewport{position:relative;background:var(--bg);display:flex;flex-direction:column;flex:1;min-height:0;padding-top:var(--toolbar-base-height, 72px)}.canvas-wrapper{position:relative;width:100%;flex:1 1 auto;min-height:0;overflow:hidden;z-index:0}.canvas-wrapper canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.overlay{position:absolute;left:10px;bottom:10px;display:grid;gap:8px;width:300px;z-index:5;pointer-events:auto}.minimap-panel{position:absolute;right:12px;bottom:12px;background:#0c1428e6;border:2px solid #223557;border-radius:12px;padding:10px;box-shadow:0 8px 20px #0006;z-index:6;pointer-events:auto}.minimap-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.minimap-header-controls{display:flex;gap:6px}.minimap-title{color:var(--accent);font-size:12px;margin-bottom:2px}.minimap-subtitle{font-size:11px;color:#9fb2d1}.minimap-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;width:100%}.minimap-panel .chip-button{padding:8px 10px}.minimap-actions .chip-button{width:100%;min-width:0}.minimap-actions .minimap-span{grid-column:1 / -1}.minimap-legend{background:#0c1428bf;border:1px solid #1f2c4b;border-radius:8px;padding:6px 8px}.minimap-legend summary{cursor:pointer;color:var(--accent);font-size:11px;list-style:none}.minimap-legend summary::-webkit-details-marker{display:none}.minimap-legend[open] summary{margin-bottom:4px}.minimap-body{margin-top:8px;background:#090e1ad9;border:1px solid #1f2c4b;border-radius:10px;padding:8px;display:grid;gap:10px}.minimap-canvas-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:10px}.minimap-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#0b1424;border:1px solid #1f2c4b;border-radius:10px}.minimap-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.minimap-hint{margin-top:6px;font-size:11px;color:#9fb2d1}.status-line{display:flex;justify-content:space-between;font-size:12px}.demand-bar{height:12px;background:#0c1425;border:1px solid #1f2c4b;border-radius:6px;overflow:hidden}.demand-fill{height:100%;transition:width .2s ease}.map-stats{font-size:11px;color:#9fb2d1}.panel-hint{margin-top:6px;color:#9fb2d1;font-size:11px}.controls-row{display:flex;gap:8px}button.primary{background:linear-gradient(180deg,#2f6df6,#214bb6);border:2px solid #0b2f8a;color:#f2f6ff;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease}button.secondary{background:#162236;border:2px solid #223557;color:#d9e6ff;border-radius:10px;padding:8px 12px;cursor:pointer;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease}button.secondary.active{background:#1f3354;border-color:var(--accent);color:var(--text);box-shadow:0 4px #0a1020}button.primary:hover,button.secondary:hover{border-color:#96d9ff;box-shadow:0 4px #0a1020}button.primary:active,button.secondary:active{transform:translateY(0)}button.secondary.active{transform:translateY(-2px)}.info-box{background:#0a1020cc;padding:10px;border:1px solid #1f2c4b;border-radius:8px}.info-box.muted{opacity:.65}.info-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.info-label{font-size:11px;color:#9fb2d1}.info-name{font-size:14px;font-weight:700}.info-meta{font-size:11px;color:#9fb2d1;margin-top:2px}.tool-rows{display:grid;gap:4px;margin-top:6px}.info-section{display:grid;gap:6px}.info-title{display:grid;gap:2px}.info-subtitle{font-size:11px;color:#9fb2d1;margin-top:2px}.chip-button{background:#162236;border:1px solid #223557;color:#d9e6ff;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:11px;white-space:nowrap;transition:border-color .1s ease,background .1s ease,color .1s ease}.chip-button.active{border-color:var(--accent);background:#7bffb729;color:#fff;box-shadow:0 0 0 1px #7bffb726}.tool-hints{margin-top:8px;color:#9fb2d1;font-size:11px;line-height:1.4}.tool-hints.warning{color:#f08c42}.tool-hints.subtle{opacity:.9}.demand-rows{display:grid;gap:6px;margin-top:4px}.demand-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.demand-label{font-size:11px;color:#9fb2d1}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#0c1324;padding:12px 16px;border-top:2px solid #1f2c4b;color:#7bffb7}.footer-link{color:#96d9ff;text-decoration:none;font-weight:700}.footer-link:hover{color:#7bffb7;text-decoration:underline}.debug-overlay{position:absolute;right:12px;top:calc(var(--toolbar-visible-height, var(--toolbar-base-height, 72px)) + 12px);min-width:260px;max-width:360px;background:#0a1020eb;border:1px solid #35507a;border-radius:12px;padding:12px;box-shadow:0 12px 36px #0006;display:none;gap:10px}.debug-overlay.visible{display:grid}.debug-overlay.hidden{display:none}.debug-section{border-bottom:1px solid #1f2c4b;padding-bottom:8px;margin-bottom:8px}.debug-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.debug-heading{color:var(--accent);font-size:12px;margin-bottom:6px}.debug-row{display:flex;justify-content:space-between;font-size:12px}.debug-hint{color:#9fb2d1;font-size:11px;margin-top:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a14b3;display:flex;align-items:center;justify-content:center;z-index:60000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#0f1b2f;border:2px solid #223557;border-radius:12px;box-shadow:0 16px 48px #00000080;width:min(90vw,960px);height:min(80vh,720px);display:flex;flex-direction:column;overflow:hidden}.modal iframe{flex:1;border:none;background:#0f1629}.modal-close{align-self:flex-end;margin:8px 8px 0 0}.budget-modal{padding:14px 14px 16px;gap:12px;background:linear-gradient(180deg,#0f1b2f,#0b1526)}.bylaws-modal{padding:14px 14px 16px;gap:12px;background:linear-gradient(180deg,#0f1b2f,#0a1425);width:min(90vw,840px)}.bylaws-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bylaws-title-block{display:flex;flex-direction:column;gap:4px}.bylaws-title{font-size:18px;font-weight:700;color:#e8f1ff}.bylaws-subtitle{color:#9fb2d1;font-size:12px;max-width:520px}.bylaws-lede{background:#0a1224;border:1px solid #1f2c4b;border-radius:10px;padding:10px 12px;color:#d8e6ff;font-size:13px}.bylaws-body{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:0 2px 6px}.bylaws-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.bylaws-option{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:flex-start;padding:10px;border:1px solid #1f2c4b;border-radius:10px;background:#0d1830;box-shadow:inset 0 1px #132441}.bylaws-option[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px #7bffb740,inset 0 1px #132441}.bylaws-option input[type=radio]{margin-top:4px}.bylaws-option-body{display:flex;flex-direction:column;gap:4px}.bylaws-option-title{font-weight:600;color:#e8f1ff}.bylaws-option-lede{color:#b9c6e2;font-size:12px}.bylaws-option-deltas{display:flex;flex-wrap:wrap;gap:6px}.bylaws-delta{background:#132035;border:1px solid #2e4c77;border-radius:8px;padding:6px 8px;min-width:120px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d8e6ff;font-size:12px}.bylaws-delta.positive{border-color:#c28a43;color:#ffcc70}.bylaws-delta.negative{border-color:#2e7b60;color:#7bffb7}.bylaws-delta-label{font-size:11px;color:#9fb2d1}.bylaws-delta-value{font-weight:700}.bylaws-delta-hint{color:#9fb2d1;font-size:12px}.bylaws-section{background:#0a1224;border:1px solid #1f2c4b;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.bylaws-section-title{color:#e8f1ff;font-weight:600;font-size:14px}.bylaws-section-hint{color:#9fb2d1;font-size:12px}.bylaws-list{margin:0;padding-left:18px;color:#d8e6ff;display:flex;flex-direction:column;gap:4px;font-size:13px}.bylaws-list strong{color:#e8f1ff}.bylaws-callout{background:#132035;border:1px solid #2e4c77;border-radius:8px;padding:8px 10px;color:#d8e6ff;font-size:13px}.bylaws-footer{color:#9fb2d1;font-size:12px;padding:0 2px 2px}.budget-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 2px}.budget-title{font-size:18px;font-weight:700;color:#e8f1ff}.budget-subtitle{color:#9fb2d1;font-size:12px}.budget-header-actions{display:flex;gap:8px}.budget-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-card{background:#0a1224;border:1px solid #1f2c4b;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.summary-label{color:#9fb2d1;font-size:12px}.summary-value{font-size:20px;font-weight:700;color:#e8f1ff}.summary-value.positive{color:#7bffb7}.summary-value.negative{color:#f08c42}.summary-hint{color:#9fb2d1;font-size:11px}.budget-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;flex:1;min-height:0;height:100%}.budget-column{background:#0a1224;border:1px solid #1f2c4b;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:100%}.budget-section-title{font-weight:700;font-size:15px;color:#e8f1ff;letter-spacing:.01em}.budget-hint{color:#9fb2d1;font-size:11px;margin:2px 0 6px}.budget-hint.tight{margin:0 0 6px}.budget-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:2px 0}.budget-row.tight{padding:0}.budget-row.small{font-size:12px;color:#c7d5f1}.budget-row-label{color:#c7d5f1}.budget-row-label.subtle{color:#9fb2d1}.budget-row-value{color:#e8f1ff;font-weight:600}.budget-row-value.positive{color:#7bffb7}.budget-row-value.negative{color:#f08c42}.budget-total{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-weight:700;font-size:14px;color:#e8f1ff}.budget-total-label{color:#c7d5f1}.budget-total-value.positive{color:#7bffb7}.budget-total-value.negative{color:#f08c42}.budget-row-bar{height:4px;background:#0f1b2f;border-radius:3px;overflow:hidden;margin-bottom:6px}.budget-bar{height:100%;border-radius:3px}.budget-bar.bar-positive{background:linear-gradient(90deg,#5bc0eb,#7bffb7)}.budget-bar.bar-negative{background:linear-gradient(90deg,#f08c42,#f45d48)}.budget-divider{border-bottom:1px solid #1f2c4b;margin:8px 0}.budget-footer{color:#9fb2d1;font-size:11px;padding:4px 6px 2px}.budget-section{display:flex;flex-direction:column;gap:4px}.budget-subsection{display:flex;flex-direction:column;gap:6px}.budget-detail{padding:4px 0}.budget-detail-title{color:#c7d5f1;font-size:13px;margin-bottom:2px;font-weight:600}.budget-detail-hint{color:#9fb2d1;font-size:11px;margin-top:-2px}.budget-divider.subtle{border-bottom-color:#13203b;margin:6px 0}.budget-insights{gap:10px}.budget-insights-section{display:flex;flex-direction:column;gap:6px}.budget-insights-item,.budget-insights-risk{background:#0f1a30;border:1px solid #1f2c4b;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.budget-insights-risk[data-severity=high]{border-color:#7a3b2f;box-shadow:inset 0 0 0 1px #f45d4859}.budget-insights-risk[data-severity=med]{border-color:#7b5b2f;box-shadow:inset 0 0 0 1px #f08c4259}.budget-insights-risk[data-severity=low]{border-color:#254065}.budget-insights-label{color:#e8f1ff;font-size:12px;font-weight:600}.budget-insights-text{color:#c7d5f1;font-size:12px;line-height:1.3}.budget-insights-recommendation{color:#d8e6ff;font-size:12px;line-height:1.4;background:#12203a;border:1px solid #253a5a;border-radius:8px;padding:8px 10px}.settings-modal{padding:14px;gap:12px;background:linear-gradient(180deg,#0f1b2f,#0a1324)}.settings-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-header{display:grid;gap:4px}.settings-actions{display:flex;gap:8px}.settings-title{font-size:18px;font-weight:700;color:#e8f1ff}.settings-subtitle{color:#9fb2d1;font-size:12px}.settings-body{display:grid;gap:10px;overflow-y:auto;padding-right:4px}.settings-section{background:#0a1224;border:1px solid #1f2c4b;border-radius:10px;padding:10px;display:grid;gap:8px}.settings-section-header{display:flex;flex-direction:column;gap:2px}.settings-section-title{font-weight:700;color:#e8f1ff}.settings-section-hint{color:#9fb2d1;font-size:12px}.settings-row{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #13203b}.settings-row:last-child{border-bottom:none}.settings-label{font-weight:600;color:#e8f1ff}.settings-description{color:#9fb2d1;font-size:12px}.settings-row input[type=checkbox]{justify-self:end;width:18px;height:18px}.settings-row select,.settings-row input[type=range],.settings-row input[type=text]{background:#0f1d34;border:1px solid #223557;color:#e8f1ff;border-radius:8px;padding:6px 8px}.settings-row input[type=range]{width:180px}.settings-row input[type=text]{width:100%}.settings-warning{color:#9fb2d1;font-size:12px}.settings-warning.error{color:#f08c42}.hotkey-table{display:grid;gap:6px}.hotkey-row{display:grid;grid-template-columns:1fr 2fr;gap:8px;align-items:center}.hotkey-row-header{color:#9fb2d1;font-size:12px}@media (max-width: 900px){body{font-size:12px}.hud{grid-template-columns:repeat(2,minmax(120px,1fr))}.canvas-wrapper{height:60vh}.minimap-panel{width:min(100%,280px);right:8px;bottom:8px}}