*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit}:root{--color-bg: #0d0d17;--color-bg-alt: #16162a;--color-text: #f5f5f7;--color-text-dim: #a7a7bd;--color-mm-red: #e2231a;--color-mm-yellow: #ffcc00;--color-mm-orange: #ff8200;--color-mm-green: #299617;--color-mm-blue: #0066cc;--color-mm-brown: #6f4518;--color-danger: #7b2ff7;--color-danger-dark: #1a0b2e;--color-accent: #ff1e56;--radius-lg: 20px;--radius-md: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(24px + var(--safe-top)) calc(20px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(20px + var(--safe-left));text-align:center;overflow-y:auto}.screen[hidden]{display:none}.brand-title{font-size:clamp(1.8rem,6vw,3rem);font-weight:800;letter-spacing:.5px;margin:0 0 4px;background:linear-gradient(90deg,var(--color-mm-red),var(--color-mm-yellow),var(--color-mm-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-subtitle{color:var(--color-text-dim);margin:0 0 32px;font-size:clamp(.9rem,2.5vw,1.1rem)}.panel{width:min(420px,100%);background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:clamp(20px,5vw,36px);box-shadow:0 10px 40px #0006}.field-label{display:block;text-align:left;font-size:.85rem;color:var(--color-text-dim);margin-bottom:8px}.name-input{width:100%;font-size:1.1rem;padding:14px 16px;border-radius:var(--radius-md);border:2px solid transparent;background:#232342;color:var(--color-text);outline:none;transition:border-color .15s ease}.name-input:focus{border-color:var(--color-mm-yellow)}.btn{display:inline-block;width:100%;margin-top:20px;font-size:1.1rem;font-weight:700;padding:16px 20px;border:none;border-radius:var(--radius-md);cursor:pointer;color:#101018;background:linear-gradient(90deg,var(--color-mm-yellow),var(--color-mm-orange));transition:transform .1s ease,opacity .15s ease;min-height:48px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-text-dim)}.instructions{margin-top:24px;font-size:.85rem;color:var(--color-text-dim);line-height:1.5}.instructions strong{color:var(--color-text)}.error-text{color:var(--color-accent);font-size:.85rem;min-height:1.2em;margin:8px 0 0}.result-heading{font-size:clamp(1.4rem,5vw,2rem);font-weight:800;margin:0 0 4px}.result-summary{color:var(--color-text-dim);margin:0 0 24px;font-size:1rem}.result-summary strong{color:var(--color-mm-yellow)}.leaderboard{width:min(480px,100%);background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:clamp(16px,4vw,28px);box-shadow:0 10px 40px #0006}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:grid;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:#1e1e38;font-size:.95rem}.leaderboard-row.is-top1{background:linear-gradient(90deg,#ffcc0040,#ff820026)}.leaderboard-row.is-me{outline:2px solid var(--color-mm-yellow)}.leaderboard-rank{font-weight:800;color:var(--color-text-dim)}.leaderboard-name{text-align:left;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-weight:700;color:var(--color-mm-yellow)}.leaderboard-time{font-size:.8rem;color:var(--color-text-dim)}.leaderboard-divider{text-align:center;color:var(--color-text-dim);font-size:.8rem;margin:6px 0}.result-actions{margin-top:24px;width:min(480px,100%);display:flex;gap:12px}.app-version{position:fixed;right:8px;bottom:6px;font-size:.7rem;color:var(--color-text-dim);opacity:.6;pointer-events:none;z-index:10}#screen-game{padding:0;justify-content:stretch}.game-shell{display:flex;flex-direction:column;width:100%;height:100%}.hud{display:flex;justify-content:space-between;align-items:center;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) 12px calc(16px + var(--safe-left));flex-shrink:0;z-index:10}.hud-stat{display:flex;flex-direction:column;line-height:1.1}.hud-stat--score{align-items:flex-start}.hud-stat--lives{align-items:center}.hud-stat--timer{align-items:flex-end}.hud-label{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim)}.hud-value{font-size:clamp(1.4rem,5vw,2rem);font-weight:800;font-variant-numeric:tabular-nums}.hud-value--score{color:var(--color-mm-yellow)}.hud-value--timer{color:var(--color-text)}.hud-value--lives{font-size:clamp(1rem,4vw,1.4rem);letter-spacing:2px}.playfield-wrap{flex:1;display:flex;justify-content:center;min-height:0;padding:0 calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}#playfield{position:relative;width:100%;max-width:900px;height:100%;background:radial-gradient(circle at 50% 0%,#1c1c38 0%,var(--color-bg) 70%);border-radius:var(--radius-lg);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}@media(orientation:landscape)and (max-height:500px){.hud{padding-top:calc(6px + var(--safe-top));padding-bottom:6px}.hud-value{font-size:1.2rem}.hud-label{font-size:.6rem}}.falling-el{position:absolute;top:0;left:0;width:clamp(48px,8vw,84px);height:clamp(48px,8vw,84px);display:flex;align-items:center;justify-content:center;will-change:transform;cursor:pointer}.falling-el.is-popping{animation:pop-out .18s ease-out forwards;pointer-events:none}@keyframes pop-out{to{transform:scale(1.6);opacity:0}}.elem-mm{width:100%;height:100%;border-radius:50%;box-shadow:inset -6px -6px 12px #00000040,inset 4px 4px 8px #ffffff40,0 4px 10px #00000059;position:relative}.elem-mm:after{content:"m";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-weight:800;font-size:.9em;font-family:Georgia,serif;text-shadow:0 1px 1px rgba(0,0,0,.4)}.elem-mm--red{background:var(--color-mm-red)}.elem-mm--yellow{background:var(--color-mm-yellow)}.elem-mm--yellow:after{color:#0009;text-shadow:none}.elem-mm--orange{background:var(--color-mm-orange)}.elem-mm--green{background:var(--color-mm-green)}.elem-mm--blue{background:var(--color-mm-blue)}.elem-danger{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.elem-danger:before{content:"AVOID";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:800;letter-spacing:1px;color:var(--color-accent);white-space:nowrap}.elem-danger--blob{background:var(--color-danger);clip-path:polygon(50% 0%,63% 20%,85% 12%,80% 35%,100% 50%,80% 65%,85% 88%,63% 80%,50% 100%,37% 80%,15% 88%,20% 65%,0% 50%,20% 35%,15% 12%,37% 20%);box-shadow:0 0 14px #7b2ff7b3}.elem-danger--bomb{font-size:clamp(1.6rem,5vw,2.4rem);filter:drop-shadow(0 0 8px rgba(255,30,86,.6))}.falling-el img{width:100%;height:100%;object-fit:contain;pointer-events:none}.score-popup{position:absolute;top:0;left:0;font-weight:800;font-size:1.1rem;color:var(--color-mm-yellow);pointer-events:none;animation:float-up .6s ease-out forwards}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}