body{background:#121212;color:#fff;font-family:sans-serif;text-align:center;margin:0;padding:0}.container{max-width:500px;margin:0 auto;padding:20px}.grid.scrollable{max-height:320px;overflow-y:auto;overflow-x:hidden;width:fit-content;scroll-snap-type:y mandatory;border:2px solid #444;padding:5px;margin:20px auto;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.row{display:flex;flex-wrap:nowrap}.snap-row{scroll-snap-align:center}.cell{width:60px;height:60px;margin:4px;background-color:#1e1e2f;border:2px solid #444;font-size:24px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;transition:background .3s,opacity .3s;cursor:pointer;box-sizing:border-box;flex-shrink:0}.cell.revealed{background-color:#3a3a5a;box-shadow:0 0 10px 2px #0ff}.cell.dimmed{opacity:.3;pointer-events:none}.buttons{display:flex;justify-content:center;gap:10px}button{background:#ff0;border:none;padding:10px 20px;font-weight:700;font-size:16px;cursor:pointer;border-radius:5px}button:disabled{opacity:.5;cursor:not-allowed}.multiplier,.balance{font-size:18px;margin-bottom:10px}.controls input{width:80px;padding:5px;margin-left:8px;border-radius:5px;border:1px solid #666}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
