:root{color-scheme:light;font-family:Arial,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:linear-gradient(180deg,#0d1b2a,#1a237e,#283593);color:#c5cae9}.brick-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:.75rem}.brick-title{margin:0;font-size:2rem;font-weight:800;color:#7986cb;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:2px}.brick-hud{display:flex;gap:1rem}.hud-box{background:#1a237ed9;border:1px solid rgba(121,134,203,.3);border-radius:8px;padding:.3rem 1rem;display:flex;flex-direction:column;align-items:center;min-width:72px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-label{font-size:.65rem;font-weight:600;text-transform:uppercase;color:#9fa8da;letter-spacing:.5px}.hud-value{font-size:1.3rem;font-weight:700;color:#fff}.canvas-wrap{position:relative;display:inline-block}.canvas-wrap canvas{display:block;border-radius:10px;border:3px solid #303F9F;box-shadow:0 6px 24px #00000080;cursor:none;touch-action:none}.powerup-popup{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;color:#69f0ae;text-shadow:0 0 10px rgba(105,240,174,.8),0 2px 6px rgba(0,0,0,.4);pointer-events:none;animation:popUp 1.5s ease forwards}.combo-popup{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem;font-weight:800;color:#ffd740;text-shadow:0 0 10px rgba(255,215,64,.8),0 2px 6px rgba(0,0,0,.4);pointer-events:none;animation:popUp 1s ease forwards}@keyframes popUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}30%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-100%) scale(1)}}.brick-hint{margin:0;font-size:.9rem;font-weight:600;color:#9fa8da;opacity:.8}@media(max-width:740px){.canvas-wrap canvas{width:95vw;height:auto}.brick-hud{gap:.5rem}.hud-box{min-width:55px;padding:.25rem .5rem}.hud-value{font-size:1rem}.brick-title{font-size:1.4rem}}