*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{background:#1a1a2e;color:#eee;font-family:system-ui,sans-serif}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}canvas{display:block;background:#16213e;border:2px solid #0f3460}.game-controls{display:flex;align-items:center;gap:16px}.build-bar{display:flex;align-items:center;gap:8px;background:#16213e;padding:4px 8px;border-radius:8px;border:1px solid #0f3460}.build-btn{padding:8px 16px;font-size:14px;font-weight:700;font-family:inherit;color:#f1faee;background:#1b3a4b;border:2px solid #2a9d8f;border-radius:6px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .15s ease;-webkit-user-select:none;user-select:none}.build-btn:hover{background:#264653}.build-btn.active,.build-btn.selected{background:#2a9d8f;border-color:#e9c46a;box-shadow:0 0 8px #e9c46a80}.build-btn.build-cannon-btn{border-color:#e76f51}.build-btn.build-cannon-btn.active,.build-btn.build-cannon-btn.selected{background:#e76f51;border-color:#f4a261;box-shadow:0 0 8px #e76f5180}.build-btn.build-ice-btn{border-color:#4cc9f0}.build-btn.build-ice-btn.active,.build-btn.build-ice-btn.selected{background:#4cc9f0;color:#1a1a2e;border-color:#a9edff;box-shadow:0 0 8px #4cc9f099}.build-btn.cannot-afford{opacity:.55}.restart-btn{padding:8px 22px;font-size:15px;font-weight:700;font-family:inherit;color:#f1faee;background:#e63946;border:2px solid #c1292e;border-radius:6px;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:background .15s ease,transform .1s ease}.restart-btn:hover{background:#ff4d6d;transform:translateY(-1px)}.restart-btn:active{transform:translateY(1px)}