html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#1a1a1a;color:#ffffffde;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.app-container{display:flex;width:100%;height:100%}.report-panel{height:100%;overflow-y:auto;padding:.75rem;border-right:1px solid #333;background-color:#242424;transition:width .3s ease;display:flex;flex-direction:column;flex-shrink:0}.report-panel.expanded{width:33.333%;min-width:400px}.report-panel.collapsed{width:60px;min-width:60px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #444}.panel-header h2{margin:0}.toggle-button{background:#333;border:1px solid #555;color:#fff;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.toggle-button:hover{background:#444}.game-area{flex-grow:1;height:100%;position:relative;overflow:hidden}.report-section{margin-bottom:1rem;background-color:#2f2f2f;border-radius:6px;padding:.75rem}.report-section h3{margin-top:0;margin-bottom:.5rem;border-bottom:1px solid #444;padding-bottom:.25rem}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.25rem}.controls-grid div{padding:.25rem .5rem;background-color:#3a3a3a;border-radius:4px;text-align:center}.component-grid{display:flex;flex-wrap:wrap;gap:.25rem}.badge-base{display:flex;align-items:center;gap:.5rem;padding:.25rem .375rem;background-color:#3a3a3a;border-radius:4px;font-family:monospace}.component-badge{border:none}.component-name{color:#ccc}.component-count{background-color:#1976d2;color:#fff;padding:.1rem .3rem;border-radius:3px;font-weight:700;min-width:1.5rem;text-align:center}.systems-container{display:flex;flex-wrap:wrap;gap:.25rem}.system-badge{border:1px solid #555;cursor:pointer;transition:background .2s,border-color .2s,color .2s;outline:none}.system-badge:focus{outline:2px solid #1976d2}.system-badge:hover{background:#444;border-color:#888}.system-checkbox{-webkit-user-select:none;user-select:none}.system-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.system-name{color:#ccc;flex-grow:1}.debug-controls{display:flex;align-items:center;justify-content:space-between}.debug-controls label{color:#ccc}.debug-controls input[type=checkbox]{width:14px;height:14px;margin:0}.trace-buttons{display:flex;flex-direction:column;gap:.25rem}.trace-row{display:flex;align-items:center;gap:.5rem}.pool-section{margin-bottom:1rem;padding:.5rem;background-color:#262626;border-radius:4px;border-left:3px solid #1976d2}.pool-section:last-child{margin-bottom:0}.pool-section h4{margin:0 0 .5rem;color:#1976d2;font-size:.9rem;font-weight:600}.trace-label{color:#ccc;min-width:60px}.trace-row button{padding:.1rem .3rem}.report-panel.collapsed .panel-header h2,.report-panel.collapsed .report-section{display:none}.report-panel.collapsed .panel-header{justify-content:center;margin-bottom:0;border-bottom:none}.report-panel.collapsed .toggle-button{padding:.5rem}ul{list-style-type:none;padding:0;margin:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.game-state-container{display:flex;flex-direction:column;gap:.5rem}.game-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.game-button{padding:.25rem .5rem;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:background-color .2s}.game-button:hover:not(:disabled){background:#1565c0}.game-button:disabled{background:#666;cursor:not-allowed;opacity:.6}.game-state-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000c}.screen-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;background-color:#242424f2;border-radius:12px;border:2px solid #444;min-width:300px}.game-title{font-size:3rem;margin:0;color:#fff;text-shadow:0 0 20px rgba(25,118,210,.8)}.screen-title{font-size:2.5rem;margin:0;color:#fff;text-shadow:0 0 15px rgba(25,118,210,.6)}.survival-time{font-size:1.5rem;margin:0;color:#ccc;font-family:monospace}.button-group{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:250px}.game-state-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.game-state-button.primary{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;box-shadow:0 4px 12px #1976d266}.game-state-button.primary:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);box-shadow:0 6px 16px #1976d299;transform:translateY(-2px)}.game-state-button.secondary{background:#444;color:#fff;border:1px solid #666}.game-state-button.secondary:hover{background:#555;border-color:#888;transform:translateY(-2px)}.playing-hud{position:absolute;top:0;left:0;width:100%;pointer-events:none}.hud-top{display:flex;justify-content:space-between;align-items:center;padding:1rem;pointer-events:auto}.health-display{display:flex;flex-direction:column;gap:.5rem;font-size:1.5rem;background-color:#242424cc;padding:.5rem 1rem;border-radius:8px;border:1px solid #444}.player-health,.borgar-health{display:flex;align-items:center;gap:.5rem}.health-label{font-size:.875rem;color:#aaa;min-width:60px}.heart,.burger{display:inline-block}.heart.filled{filter:drop-shadow(0 0 4px rgba(255,0,0,.8))}.heart.empty{opacity:.4}.burger.filled{filter:drop-shadow(0 0 4px rgba(255,165,0,.6))}.burger.empty{opacity:.3}.threat-display{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;background-color:#242424cc;padding:.5rem 1rem;border-radius:8px;border:1px solid #444}.threat-label{font-size:.875rem;color:#aaa}.threat-count{font-weight:700;font-size:1.5rem;min-width:30px;text-align:center;transition:all .3s ease}.threat-count.threat-active{color:#f55;text-shadow:0 0 8px rgba(255,85,85,.8);animation:pulse-threat 1.5s ease-in-out infinite}.threat-count.threat-clear{color:#5f5;text-shadow:0 0 8px rgba(85,255,85,.8)}@keyframes pulse-threat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pause-button{padding:.5rem 1rem;font-size:.875rem;background-color:#242424cc;color:#ccc;border:1px solid #444}.pause-button:hover{background-color:#444444e6;border-color:#888;color:#fff;transform:none}.menu-screen .screen-content{min-width:400px}.game-over-screen .screen-title{color:#f55;text-shadow:0 0 15px rgba(255,85,85,.6)}.victory-screen .victory-title{color:#5f5;text-shadow:0 0 20px rgba(85,255,85,.8);animation:victory-pulse 2s ease-in-out infinite}.victory-message{font-size:1.5rem;margin:0;color:#fff;text-align:center}@keyframes victory-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.paused-screen .screen-content{background-color:#242424d9}@media (max-width: 600px){.game-title{font-size:2rem}.screen-title{font-size:1.75rem}.survival-time{font-size:1.25rem}.screen-content{min-width:250px;padding:1.5rem}.health-display{font-size:1.25rem;padding:.4rem .8rem}.threat-display{font-size:1rem;padding:.4rem .8rem}.threat-count{font-size:1.25rem}}