*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a14;color:#e5e7eb;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;padding:1rem;overflow-x:hidden}.lines{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;margin:auto;width:90vw;display:flex;justify-content:space-between;pointer-events:none}.line{position:relative;width:1px;height:100%;overflow:hidden}.line::after{content:'';display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 75%,#fff 100%);animation:drop 7s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.4,0.26,0,0.97)}.line:first-child::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#ff4500 75%,#ff4500 100%);animation-delay:.5s}.line:nth-child(2)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#32cd32 75%,#32cd32 100%);animation-delay:1s}.line:nth-child(3)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#1e90ff 75%,#1e90ff 100%);animation-delay:1.5s}.line:nth-child(4)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,gold 75%,gold 100%);animation-delay:2s}.line:nth-child(5)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#8a2be2 75%,#8a2be2 100%);animation-delay:2.5s}.line:nth-child(6)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#20b2aa 75%,#20b2aa 100%);animation-delay:3s}.line:nth-child(7)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#dc143c 75%,#dc143c 100%);animation-delay:3.5s}.line:nth-child(8)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#00fa9a 75%,#00fa9a 100%);animation-delay:4s}.line:nth-child(9)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#ff1493 75%,#ff1493 100%);animation-delay:4.5s}.line:nth-child(10)::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#00bfff 75%,#00bfff 100%);animation-delay:5s}@keyframes drop{0%{top:-50%}100%{top:110%}}@media (prefers-reduced-motion:reduce){.line::after{animation:none;top:20%}}.game{width:100%;max-width:480px}.game__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.game__title{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;color:#39ff14;text-shadow:0 0 6px rgba(57,255,20,.9),0 0 16px rgba(57,255,20,.6)}.game__icon{width:2rem;height:2rem;filter:drop-shadow(0 0 6px rgba(57, 255, 20, .9))}.game__stats{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;color:#9ca3af}.game__stats strong{color:#e5e7eb}canvas{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #00f0ff;box-shadow:0 0 24px rgba(0,240,255,.35);background:#000;touch-action:none;user-select:none}.pad{display:grid;grid-template-columns:repeat(3,4.5rem);grid-template-rows:repeat(3,3.5rem);justify-content:center;gap:.4rem;margin:.9rem auto 0;width:max-content}.pad__btn{font-size:1.25rem;color:#39ff14;background:#0a0a14;border:1px solid #39ff14;border-radius:12px;box-shadow:0 0 10px rgba(57,255,20,.4);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.pad__btn:active{background:#39ff14;color:#0a0a14}.pad__up{grid-column:2;grid-row:1}.pad__left{grid-column:1;grid-row:2}.pad__right{grid-column:3;grid-row:2}.pad__down{grid-column:2;grid-row:3}@media (max-width:520px){body{padding:.5rem}.game__title{font-size:1.4rem}.game__stats{font-size:.8rem;gap:.5rem}.pad{grid-template-columns:repeat(3,5.5rem);grid-template-rows:repeat(3,4rem)}.game__controls p{display:none}}.game__controls{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:.875rem;color:#9ca3af;text-align:center}.game__controls button{background:#ff7a00;color:#111827;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600;cursor:pointer}.game__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.game__controls button{background:#ff7a00;color:#111827;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600;cursor:pointer}.game__controls button#sound{background:#374151;color:#e5e7eb}.game__home{display:inline-flex;align-items:center;border-radius:8px;padding:.6rem 1.1rem;font-weight:600;color:#00f0ff;border:1px solid #00f0ff;text-decoration:none}.game__controls button:hover{opacity:.9}.game__name{font-family:Bungee,"Press Start 2P",system-ui,sans-serif;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.game__note{font-size:.8rem;color:#9ca3af;text-align:center}