*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body,html,#root{width:100vw;height:100vh;overflow:hidden;background-color:#263238}.game-container{position:relative;width:100%;height:100%}#phaser-game{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.glass-card{background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 8px 32px #0000002e;pointer-events:auto}.hud-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;width:100%;max-width:1200px;margin:0 auto}.hud-section{display:flex;align-items:center;gap:16px}.hud-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#37474f}.hud-item svg{color:#26a69a}.rci-container{display:flex;align-items:center;gap:8px;border-left:2px solid #cfd8dc;padding-left:16px}.rci-meter{display:flex;flex-direction:column;gap:3px;width:12px;height:32px;justify-content:flex-end}.rci-bar{width:100%;border-radius:2px;transition:height .3s ease}.rci-bar.res{background-color:#ff8a65}.rci-bar.com{background-color:#26a69a}.rci-bar.ind{background-color:#78909c}.speed-controls{display:flex;gap:4px;border-left:2px solid #cfd8dc;padding-left:16px}.btn-speed{background:transparent;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:800;cursor:pointer;color:#78909c;transition:all .2s ease}.btn-speed.active{background-color:#26a69a;color:#fff}.btn-speed:hover:not(.active){background-color:#0000000d}.toolbar-container{display:flex;justify-content:center;width:100%}.toolbar-dock{display:flex;gap:8px;padding:8px 12px;align-items:center}.btn-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:10px;font-weight:800;color:#546e7a;gap:6px;transition:all .2s ease}.btn-tool:hover{background-color:#26a69a1a;color:#26a69a}.btn-tool.active{background-color:#26a69a;color:#fff;box-shadow:0 4px 12px #26a69a59}.btn-tool.active svg{color:#fff}.side-panel{position:absolute;top:90px;right:16px;width:320px;max-height:calc(100vh - 180px);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(340px);opacity:0}to{transform:translate(0);opacity:1}}.panel-title{font-size:18px;font-weight:800;color:#37474f;border-bottom:2px solid #cfd8dc;padding-bottom:8px;display:flex;justify-content:space-between;align-items:center}.panel-close{background:transparent;border:none;cursor:pointer;color:#90a4ae}.stat-row{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#546e7a;padding:4px 0}.stat-val{color:#37474f;font-weight:700}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-group label{font-size:12px;font-weight:800;color:#78909c}.slider-control{width:100%;accent-color:#26a69a;cursor:pointer}.btn-action{width:100%;padding:10px;border:none;background-color:#37474f;color:#fff;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.btn-action:hover{background-color:#263238}.btn-action-primary{width:100%;padding:10px;border:none;background-color:#26a69a;color:#fff;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.btn-action-primary:hover{background-color:#00897b}.btn-panel-toggle{background-color:#ffffffe6;border:1px solid rgba(255,255,255,.4);padding:8px 14px;border-radius:8px;font-size:12px;font-weight:800;color:#37474f;cursor:pointer;display:flex;align-items:center;gap:6px;pointer-events:auto;transition:all .2s ease;box-shadow:0 4px 12px #00000014}.btn-panel-toggle:hover{background-color:#eceff1}.panel-toggles-container{position:absolute;top:90px;left:16px;display:flex;flex-direction:column;gap:8px}