:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--text-primary:#2c3e50;--text-secondary:#495057;--border-primary:#e9ecef;--border-secondary:#dee2e6;--shadow-light:#00000014;--shadow-medium:#0000000a;--canvas-bg:#fff}@media (prefers-color-scheme:dark){:root{--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--text-primary:#e2e8f0;--text-secondary:#cbd5e0;--border-primary:#4a5568;--border-secondary:#718096;--shadow-light:#0000004d;--shadow-medium:#0003;--canvas-bg:#2d3748}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background:var(--bg-primary);min-height:100svh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:24px 0;font-family:Inter,Segoe UI,Roboto,sans-serif;display:flex}.game-container{text-align:center;background:var(--bg-secondary);box-shadow:0 4px 24px var(--shadow-light);border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;gap:16px;padding:32px 32px 16px;display:flex;position:relative}header{margin-bottom:24px}h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:1.6rem;font-weight:600}#gameCanvas{border:1px solid var(--border-primary);background:var(--canvas-bg);width:400px;height:400px;box-shadow:0 2px 12px var(--shadow-medium);border-radius:12px;margin:0 auto;display:block}.controls{z-index:10;justify-content:end;gap:8px;display:flex}button{border:1px solid var(--border-primary);cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}button svg{width:18px;height:18px}button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);box-shadow:0 2px 8px var(--shadow-light)}button:active{box-shadow:0 1px 4px var(--shadow-light)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}button:disabled:hover{background:var(--bg-secondary);border-color:var(--border-primary);transform:none}@media (width<=900px){.game-container{margin:16px;padding:24px}#gameCanvas{width:100%;max-width:800px;height:auto}h1{font-size:1.75rem}.controls{gap:6px;bottom:24px;right:24px}button{width:28px;height:28px}button svg{width:14px;height:14px}}main{flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;display:flex}footer{font-size:1.2rem;& a{color:var(--text-secondary);opacity:.3;text-decoration:none;&:hover{opacity:.7;text-decoration:none}}}
/*# sourceMappingURL=gamedev-block-break-battle.b949db95.css.map */