:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e2e5da;background:#111a1b;font-synthesis:none;--bg: #111a1b;--arena-frame: #172521;--panel: #1b2827;--panel-alt: #14211f;--board: #22322c;--muted: #a2afa6;--muted-dark: #637066;--gold: #d8bd81;--gold-token: #d8bb7a;--gold-bright: #e3ce99;--line: #40504a;--red: #ed8977;--blue: #87b9d5;--paper: #dfd5bb;--success: #a3d995;--warning: #e5b267;--danger: #e58b79}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background-color:var(--bg);color:#e2e5da;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:4px;background:#293936;color:#e2e5da;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}button:hover:not(:disabled){border-color:#a8b6a5;background:#384d44;color:#fff}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#3c5445;border-color:var(--gold);color:#f7edd4;font-weight:600}button.primary:hover:not(:disabled){background:#4a6755;border-color:#f1dfb8;box-shadow:0 0 10px #d8bd8140}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input,select,textarea{background:var(--panel-alt);color:#e2e5da;border:1px solid var(--muted-dark);border-radius:4px;padding:8px 10px;max-width:100%;font-size:13px}input:focus,select:focus{border-color:var(--gold)}input[type=number]{width:80px}input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;cursor:pointer}h1{font:20px Georgia,serif;letter-spacing:.5px;margin:0;color:var(--gold-bright)}h2{font:18px Georgia,serif;margin:8px 0;color:#e8ede3}h3,.eyebrow,.section-title{font:600 11px/1.4 system-ui,sans-serif;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;margin:12px 0 6px}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;max-width:1600px;margin:0 auto;width:100%;padding:16px 20px 24px}.workspace-layout{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}@media(max-width:1024px){.workspace-layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;border-bottom:1px solid rgba(64,80,74,.6);padding-bottom:8px}.toast-notice{position:fixed;bottom:24px;right:24px;background:#253831;border:1px solid var(--gold);color:#f7edd4;padding:10px 18px;border-radius:4px;font-size:13px;font-weight:500;box-shadow:0 4px 16px #0006;z-index:1000;animation:toastFadeIn .2s ease-out}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#152220;border-bottom:1px solid var(--line);box-shadow:0 2px 8px #0006;gap:16px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:12px}.brand-logo{font-size:24px;filter:drop-shadow(0 0 6px rgba(216,189,129,.4))}.brand-titles{display:flex;flex-direction:column}.brand-main{font:18px Georgia,serif;color:var(--gold-bright);letter-spacing:1px;line-height:1.2}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.5px}.nav-tabs{display:flex;gap:8px;flex-wrap:wrap}.nav-tab{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;color:var(--muted);font-size:13px;padding:6px 12px;border-radius:4px;transition:all .15s ease}.nav-tab:hover{background:var(--panel);color:#fff;border-color:var(--line)}.nav-tab.active{background:var(--panel);color:var(--gold-bright);border-color:var(--gold);box-shadow:0 0 8px #d8bd8133;font-weight:600}.soon-badge{font-size:9px;text-transform:uppercase;background:#e5b26733;color:#e5b267;padding:2px 5px;border-radius:3px;border:1px solid rgba(229,178,103,.4);letter-spacing:.5px}.external-link{font-size:12px;color:var(--gold);text-decoration:none;padding:6px 10px;border:1px solid rgba(216,189,129,.3);border-radius:4px;transition:all .15s ease}.external-link:hover{background:#d8bd811a;border-color:var(--gold);color:#fff}.placeholder-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;gap:16px;margin:40px auto;max-width:600px}.placeholder-icon{font-size:48px}.placeholder-note{font-size:13px;color:var(--muted);background:var(--panel-alt);padding:12px 18px;border-radius:4px;border-left:3px solid var(--gold);max-width:480px;line-height:1.5}.control-panel{display:flex;flex-direction:column;gap:16px}.seed-badge{font-family:monospace;font-size:11px;color:var(--gold);background:#d8bd811a;padding:3px 8px;border-radius:3px;border:1px solid rgba(216,189,129,.25)}.alert-banner{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:4px;font-size:12px;line-height:1.4}.alert-banner.error{background:#e58b7926;border:1px solid var(--danger);color:#f7cece}.alert-banner.advisory{background:#e5b26726;border:1px solid var(--warning);color:#fae4c3}.control-group{display:flex;flex-direction:column;gap:6px}.control-label-row{display:flex;justify-content:space-between;align-items:center}.control-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.roll-d3-btn{padding:4px 8px;font-size:11px;background:#253831;border-color:var(--gold);color:var(--gold)}.roll-d3-btn:hover{background:#334e44}.button-group.count-group{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.count-btn{padding:8px 0;font-size:14px;font-weight:600;background:var(--panel-alt);border:1px solid var(--muted-dark)}.count-btn:hover{border-color:var(--gold);background:#233630}.count-btn.active{background:#334e44;border-color:var(--gold);color:#fff;box-shadow:0 0 6px #d8bd814d}.input-with-hint{display:flex;align-items:center;gap:10px}.hint-text{font-size:12px;color:var(--muted)}.action-buttons{display:flex;gap:10px;margin-top:8px}.generate-btn{flex:2;font-size:14px;padding:10px}.reroll-btn{flex:1}.add-terrain-action-btn{width:100%;margin-top:10px;padding:10px;background:#35543759;border:1px solid #678063;color:#cde6c7;font-size:13px;font-weight:600;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.add-terrain-action-btn:hover{background:#35543799;border-color:#9ecc98;color:#fff}.objective-list-panel{display:flex;flex-direction:column;gap:12px}.copy-btn{padding:5px 10px;font-size:12px;background:#253831;border-color:var(--line);color:var(--gold)}.copy-btn:hover{background:#344d44;border-color:var(--gold)}.orientation-status{display:flex;align-items:center;gap:8px;font-size:12px;background:var(--panel-alt);padding:8px 12px;border-radius:4px;border-left:3px solid var(--gold)}.status-label{color:var(--muted);font-weight:500}.status-badge{font-weight:600}.status-badge.both{color:#a3d995}.status-badge.top-bottom{color:var(--blue)}.status-badge.left-right{color:var(--red)}.empty-message{font-size:13px;color:var(--muted);margin:12px 0;text-align:center}.table-responsive{overflow-x:auto}.objective-table{width:100%;border-collapse:collapse;font-size:13px}.objective-table th{text-align:left;padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--line)}.objective-table td{padding:10px;border-bottom:1px solid rgba(64,80,74,.4)}.objective-table tr:hover td{background:#ffffff05}.marker-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#17221e;border:2px solid var(--gold-token);color:var(--gold-bright);font-weight:700;font-size:12px}.coord-cell{font-family:monospace;font-size:13px;color:#fff}.dist-cell{font-family:monospace;font-size:13px}.neighbor-dist{color:#a3d995;font-weight:600}.na-text{color:var(--muted);font-style:italic;font-size:11px}.edge-cell{font-family:monospace;color:var(--muted)}.rule-reminder{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:4px;background:#d8bd810f;border:1px dashed rgba(216,189,129,.3);font-size:11px;color:#dcd8c9;line-height:1.4;margin-top:4px}.reminder-icon{font-size:14px}.canvas-panel{display:flex;flex-direction:column;height:100%;min-height:580px}.canvas-header-title{display:flex;align-items:center;gap:10px}.dimension-badge{font-family:monospace;font-size:11px;color:var(--gold-bright);background:var(--panel-alt);padding:3px 8px;border-radius:3px;border:1px solid var(--line)}.canvas-toggles{display:flex;gap:6px}.toggle-btn{padding:4px 8px;font-size:11px;background:var(--panel-alt);border:1px solid var(--muted-dark)}.toggle-btn.active{background:#2b3f36;border-color:var(--gold);color:#fff}.arena-frame{flex:1;position:relative;background-color:var(--arena-frame);border:1px solid var(--line);border-radius:4px;overflow:hidden;min-height:480px;width:100%}.battlefield-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.canvas-footer-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(64,80,74,.4);font-size:11px;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:12px;height:12px;border-radius:2px;display:inline-block}.legend-swatch.blue-zone{background:#87b9d559;border:1px solid #87b9d5}.legend-swatch.red-zone{background:#ed897759;border:1px solid #ed8977}.legend-swatch.aura-ring{background:#d8bb7a33;border:1px dashed var(--gold);border-radius:50%}.legend-swatch.objective-token{background:#17221e;border:2px solid #d8bb7a;border-radius:50%}.legend-swatch.forest-swatch{background:#355437;border:1px solid #678063}.legend-swatch.ruin-swatch{background:#76664b;border:1px solid #c6a877}.legend-swatch.solid-swatch{background:#776;border:1px solid #aaa68a}.legend-swatch.danger-swatch{background:#e58b79;border:1px solid #f2a699}.legend-swatch.grid-major{background:#3a4b3e;border:1px solid #40504a}.terrain-control-panel{display:flex;flex-direction:column;gap:16px}.objective-alignment-badge{display:flex;align-items:center;gap:8px;background:#2b3f3666;border:1px solid var(--gold);border-radius:4px;padding:8px 12px;font-size:12px;color:var(--gold-bright)}.objective-alignment-badge .badge-icon{font-size:16px}.quick-presets-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;margin-bottom:8px}.preset-btn{padding:6px 8px;font-size:11px;background:var(--panel-alt);border:1px solid var(--line);color:var(--muted);border-radius:3px;cursor:pointer;transition:all .15s ease}.preset-btn:hover{border-color:var(--gold);color:#fff}.preset-btn.active{background:#2b3f36;border-color:var(--gold);color:var(--gold-bright);font-weight:700}.checkbox-options-group{display:flex;flex-direction:column;gap:10px;background:var(--panel-alt);padding:12px;border-radius:4px;border:1px solid var(--line)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px;cursor:pointer}.terrain-list-panel{display:flex;flex-direction:column;gap:16px}.terrain-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric-card{background:var(--panel-alt);border:1px solid var(--line);border-radius:4px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.metric-value{font-family:monospace;font-size:16px;font-weight:700;color:var(--gold-bright)}.metric-sub{font-size:9.5px;color:var(--muted-dark)}.terrain-table{width:100%;border-collapse:collapse;font-size:12px}.terrain-table th,.terrain-table td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(64,80,74,.4)}.terrain-table th{background:var(--panel-alt);color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}.terrain-id-badge{font-family:monospace;font-weight:700;font-size:11px;padding:2px 6px;border-radius:3px;display:inline-block}.terrain-id-badge.large{background:#3a4e42;color:var(--gold-bright);border:1px solid var(--gold)}.terrain-id-badge.scatter{background:#25332c;color:#c0cfc5;border:1px solid var(--muted-dark)}.name-cell{display:flex;flex-direction:column;gap:2px}.type-sub{font-size:10px;color:var(--muted);text-transform:capitalize}.cat-pill{font-size:10px;padding:2px 6px;border-radius:10px;display:inline-block}.cat-pill.large{background:#c6a87733;color:#f1d39b;border:1px solid rgba(198,168,119,.4)}.cat-pill.scatter{background:#67806333;color:#a2c29c;border:1px solid rgba(103,128,99,.4)}.dim-cell{font-family:monospace;font-size:11px;color:var(--muted)}.rules-tags-wrapper{display:flex;flex-wrap:wrap;gap:4px}.rule-tag{font-size:9.5px;padding:1px 5px;border-radius:2px;font-weight:500}.rule-tag.sight{background:#77776659;color:#e0dfc0;border:1px solid #777766}.rule-tag.dense{background:#35543766;color:#9ecc98;border:1px solid #678063}.rule-tag.cover{background:#76664b66;color:#f1d39b;border:1px solid #c6a877}.rule-tag.diff{background:#5b574366;color:#ded9b8;border:1px solid #aaa68a}.rule-tag.danger{background:#e58b794d;color:#ffb4a6;border:1px solid #e58b79}.rule-tag.solid{background:#77776680;color:#fff;border:1px solid #aaa68a}.rule-tag.elev{background:#6b634866;color:#e0dfc0;border:1px solid #948b68}@media(max-width:900px){.terrain-metrics-grid{grid-template-columns:repeat(2,1fr)}}.sidebar-column{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--muted-dark) rgba(18,26,23,.5)}.sidebar-column::-webkit-scrollbar{width:6px}.sidebar-column::-webkit-scrollbar-track{background:#121a1780;border-radius:3px}.sidebar-column::-webkit-scrollbar-thumb{background:var(--muted-dark);border-radius:3px}.sidebar-column::-webkit-scrollbar-thumb:hover{background:var(--gold)}.canvas-column{display:flex;flex-direction:column;height:calc(100vh - 100px);min-height:520px;position:sticky;top:16px}@media(max-width:1024px){.sidebar-column{max-height:520px;padding-right:0}.canvas-column{height:auto;min-height:480px;position:static}}