*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#1a1a1a;color:#e5e5e5;padding:20px;min-height:100vh}#app{max-width:1200px;margin:0 auto}h1{text-align:center;margin-bottom:20px;color:#60a5fa;font-size:2rem}#visualization-container{width:100%;max-width:1200px;height:400px;margin:0 auto 30px;background-color:#0a0a0a;border:2px solid #404040;border-radius:8px;overflow:hidden;position:relative}#visualization-container canvas{display:block;width:100%;height:100%}h2{font-size:1.3rem;margin-bottom:15px;color:#93c5fd;border-bottom:2px solid #3b82f6;padding-bottom:5px}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.panel{background-color:#262626;border:2px solid #404040;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000004d}.resources-panel{grid-column:span 2}.resource{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:8px;background-color:#1a1a1a;border-radius:4px;font-size:1.1rem}.resource-label{font-weight:600;color:#d1d5db}.resource-value{font-family:Courier New,monospace;color:#4ade80;font-weight:700}.action-btn{width:100%;padding:15px;margin-bottom:10px;font-size:1.1rem;font-weight:600;border:2px solid #3b82f6;background-color:#1e40af;color:#e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s;min-height:44px}.action-btn:hover:not(:disabled){background-color:#2563eb;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.purchase-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px;margin-bottom:15px;background-color:#1a1a1a;border-radius:6px;border:1px solid #404040}.purchase-buttons{display:flex;gap:10px;align-items:center}.purchase-buttons-vertical{display:flex;flex-direction:column;gap:8px;align-items:stretch}.purchase-info{font-size:.9rem;color:#a3a3a3;margin-top:4px}.buy-btn{padding:10px 15px;font-size:.95rem;font-weight:600;border:2px solid #10b981;background-color:#047857;color:#e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s;min-width:120px;min-height:44px}.buy-btn:hover:not(:disabled){background-color:#059669;border-color:#34d399;transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.buy-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn{padding:10px 15px;font-size:.95rem;font-weight:600;border:2px solid #f59e0b;background-color:#d97706;color:#e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s;min-width:100px;min-height:44px;white-space:nowrap}.toggle-btn:hover{background-color:#f59e0b;border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d}.upgrade-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px;margin-bottom:15px;background-color:#1a1a1a;border-radius:6px;border:1px solid #404040}.upgrade-info{font-size:.9rem;color:#a3a3a3;margin-top:4px}.upgrade-btn{padding:10px 15px;font-size:.95rem;font-weight:600;border:2px solid #8b5cf6;background-color:#6d28d9;color:#e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s;min-width:140px;min-height:44px}.upgrade-btn:hover:not(:disabled){background-color:#7c3aed;border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 4px 8px #8b5cf64d}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-btn.owned{border-color:#10b981;background-color:#065f46;cursor:default}.upgrade-btn.owned:hover{transform:none;box-shadow:none}.harmonic-btn{border-color:#06b6d4;background-color:#0e7490}.harmonic-btn:hover:not(:disabled){background-color:#0891b2;border-color:#22d3ee;box-shadow:0 4px 8px #06b6d44d}.energy-label{color:#4ade80;font-weight:700}.quark-label{color:#60a5fa;font-weight:700}.toggle-btn.paused{border-color:#10b981;background-color:#047857}.toggle-btn.paused:hover{background-color:#059669;border-color:#34d399}.toggle-btn-small{padding:6px 12px;font-size:.85rem;font-weight:600;border:2px solid #f59e0b;background-color:#d97706;color:#e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s;min-height:32px;white-space:nowrap}.toggle-btn-small:hover{background-color:#f59e0b;border-color:#fbbf24}.toggle-btn-small.paused{border-color:#10b981;background-color:#047857}.toggle-btn-small.paused:hover{background-color:#059669;border-color:#34d399}.frequency-info{padding:10px;background-color:#1a1a1a;border-radius:4px;text-align:center;font-size:1.2rem;font-weight:700;color:#fbbf24;margin-bottom:15px}.slider-container{margin-bottom:15px;padding:10px;background-color:#1a1a1a;border-radius:4px}.slider-container label{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:500;color:#d1d5db}.slider-container input[type=range]{width:calc(100% - 30px);height:8px;border-radius:4px;background-color:#404040;outline:none;-webkit-appearance:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #60a5fa}.slider-container input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #60a5fa}.match-indicator{display:inline-block;margin-left:10px;font-size:1.3rem;font-weight:700;min-width:20px}.resonance-info{margin-top:15px;padding:10px;background-color:#1a1a1a;border-radius:4px}#resonance-display{margin-top:10px;padding:10px;background-color:#262626;border-radius:4px;border:1px solid #fbbf24;color:#fbbf24;text-align:center}.utility-btn{width:100%;padding:12px;margin-bottom:10px;font-size:1rem;font-weight:600;border:2px solid #6b7280;background-color:#374151;color:#e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s;min-height:44px}.utility-btn:hover{background-color:#4b5563;border-color:#9ca3af}.utility-btn.danger{border-color:#dc2626;background-color:#991b1b}.utility-btn.danger:hover{background-color:#b91c1c;border-color:#ef4444}.save-info{margin-top:10px;padding:8px;text-align:center;font-size:.9rem;border-radius:4px;background-color:#1a1a1a}.debug-controls{margin-top:20px;padding-top:20px;border-top:1px solid #404040;display:flex;flex-direction:column;gap:8px}.debug-controls label{font-size:.9rem;color:#a3a3a3;font-weight:600}.time-multiplier-select{padding:8px;font-size:1rem;background-color:#1a1a1a;color:#e5e5e5;border:2px solid #404040;border-radius:4px;cursor:pointer;transition:all .2s}.time-multiplier-select:hover{border-color:#f59e0b}.time-multiplier-select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}@media (max-width: 768px){.container{grid-template-columns:1fr}.resources-panel{grid-column:span 1}h1{font-size:1.5rem}.panel{padding:15px}#visualization-container{height:250px}.purchase-item{flex-direction:column;align-items:stretch}.purchase-buttons{width:100%;justify-content:stretch}.purchase-buttons button{flex:1}.purchase-buttons-vertical{width:100%}}