:root{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-raised: #1c2129;--color-border: #30363d;--color-text: #e6edf3;--color-text-muted: #7d8590;--color-code: #79c0ff;--color-accent: #58a6ff;--color-idle: #5a6a7a;--color-patrol: #3fb950;--color-alert: #d29922;--color-chase: #f85149;--color-flee: #e6edf3;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--panel-width: 220px;--transition-speed: .2s;--panel-radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}#dungeon-canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}.controls-panel{position:fixed;top:1rem;right:1rem;width:var(--panel-width);background-color:#161b22eb;border:1px solid var(--color-border);border-radius:var(--panel-radius);padding:.875rem 1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10;display:flex;flex-direction:column;gap:.75rem}.panel-header{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-border)}.panel-title{font-size:.9375rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.panel-subtitle{font-size:.6875rem;color:var(--color-text-muted);line-height:1.4}.panel-subtitle code{font-family:var(--font-mono);color:var(--color-code)}.state-counts{display:flex;flex-direction:column;gap:.3rem}.count-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.75rem}.count-label{font-weight:600}.count-label.state-idle{color:var(--color-idle)}.count-label.state-patrol{color:var(--color-patrol)}.count-label.state-alert{color:var(--color-alert)}.count-label.state-chase{color:var(--color-chase)}.count-label.state-flee{color:var(--color-flee)}.count-value{color:var(--color-text);min-width:2ch;text-align:right}.control-group{display:flex;flex-direction:column;gap:.35rem}.control-label{font-size:.75rem;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.range-input{width:100%;accent-color:var(--color-accent);cursor:pointer}.checkbox-input{accent-color:var(--color-accent);cursor:pointer;width:14px;height:14px;flex-shrink:0}.spawn-btn{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:#fff;background-color:#1f6feb;border:1px solid transparent;border-radius:6px;padding:.45rem .75rem;cursor:pointer;transition:background-color var(--transition-speed) ease;text-align:center}.spawn-btn:hover:not(:disabled){background-color:#388bfd}.spawn-btn:disabled{opacity:.5;cursor:default}.attack-hint{font-size:.6875rem;color:var(--color-text-muted);line-height:1.4;text-align:center;font-style:italic}.critter-inspector{position:fixed;bottom:1rem;right:1rem;width:var(--panel-width);background-color:#161b22eb;border:1px solid var(--color-border);border-radius:var(--panel-radius);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10;display:flex;flex-direction:column;gap:.625rem;padding-bottom:.75rem;overflow:hidden}.inspector-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.inspector-title{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.inspector-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.125rem;line-height:1;padding:0 .125rem;transition:color var(--transition-speed) ease}.inspector-close:hover{color:var(--color-text)}.inspector-state{display:flex;justify-content:center;padding:0 .75rem}.inspector-state-badge{display:inline-block;font-family:var(--font-mono);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.3rem 1rem;border-radius:999px;text-align:center;transition:background-color .2s ease,color .2s ease}.inspector-state-badge[data-state=idle]{background-color:#5a6a7a40;color:var(--color-idle)}.inspector-state-badge[data-state=patrol]{background-color:#3fb95033;color:var(--color-patrol)}.inspector-state-badge[data-state=alert]{background-color:#d2992233;color:var(--color-alert)}.inspector-state-badge[data-state=chase]{background-color:#f8514933;color:var(--color-chase)}.inspector-state-badge[data-state=flee]{background-color:#e6edf326;color:var(--color-flee)}.inspector-history-section{display:flex;flex-direction:column;gap:.3rem;padding:0 .75rem}.inspector-section-label{font-size:.625rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.inspector-history{display:flex;gap:.3rem;align-items:center;min-height:1.25rem}.inspector-history-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:dot-pop-in .15s ease-out both}.inspector-history-dot[data-state=idle]{background-color:var(--color-idle)}.inspector-history-dot[data-state=patrol]{background-color:var(--color-patrol)}.inspector-history-dot[data-state=alert]{background-color:var(--color-alert)}.inspector-history-dot[data-state=chase]{background-color:var(--color-chase)}.inspector-history-dot[data-state=flee]{background-color:var(--color-flee)}.inspector-history-arrow{color:var(--color-text-muted);font-size:.5rem;opacity:.5;flex-shrink:0}@keyframes dot-pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.inspector-stats{display:flex;flex-direction:column;gap:.25rem;padding:.625rem .75rem 0;border-top:1px solid var(--color-border)}.stat-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.6875rem}.stat-label{color:var(--color-text-muted)}.stat-value{color:var(--color-text);min-width:3ch;text-align:right}@media(prefers-reduced-motion:reduce){.inspector-history-dot{animation:none}}