.pad{width:100px;height:100px;border-radius:12px;border:none;cursor:pointer;opacity:.5;transform:scale(1);transition:transform .2s ease,opacity .2s ease}.pad.active{opacity:1;transform:scale(1.12);box-shadow:0 0 24px #fff9}.app-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;background:#f5f7fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#1e1e1e}.controls{display:flex;justify-content:center;align-items:center;margin-top:8px}.hud{text-align:center;margin-bottom:24px}.hud-status{font-size:1.4rem;font-weight:700;margin-bottom:16px}.hud-meta{display:flex;gap:20px;justify-content:center;font-size:1rem;color:#4b5563}.hud-meta span{padding:4px 12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000f}.hud-difficulty{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.hud-difficulty-label{font-size:.9rem;color:#555}.hud-difficulty-buttons{display:flex;gap:.25rem}.difficulty-button{border-radius:9999px;padding:.35rem 1rem;border:1px solid #c7d2fe;background:#e5edff;color:#1d4ed8;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.difficulty-button--active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.pad-grid{display:grid;grid-template-columns:repeat(2,140px);grid-template-rows:repeat(2,140px);gap:28px;margin-top:20px;margin-bottom:24px;padding:28px;background:#fff;border-radius:24px;box-shadow:0 4px 12px #0000001a,0 1px 3px #0000000f}.pad-grid--game-over .pad{animation:shake .25s linear 0s 2}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.pad{width:140px;height:140px;border-radius:22px;border:none;cursor:pointer;opacity:.55;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.pad.active{opacity:1;transform:scale(1.08);box-shadow:0 0 22px #00000040}.pad:active{transform:scale(1.04)}.controls button{padding:10px 18px;font-size:1rem;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;min-width:120px;text-align:center}.controls button:hover{background:#1e54c6}.controls button:active{transform:scale(.96);box-shadow:0 2px 6px #0000001f}