:root{--green: #36e07a;--orange: #e07b2a;--ink: #0b1410;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--ink);font-family:ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}.game-root{position:fixed;inset:0;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.game-canvas{display:block;width:100%;height:100%}.hud-top{position:absolute;top:max(14px,env(safe-area-inset-top));left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:0 18px;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.8)}.lives{font-size:1rem;letter-spacing:1px;margin-top:8px}.score-wrap{display:flex;flex-direction:column;align-items:center}.score{font-size:clamp(2.2rem,8.5vw,3.4rem);font-weight:800;line-height:1}.combo{font-size:clamp(.8rem,3.6vw,1.1rem);font-weight:800;color:var(--green);height:1.4em;letter-spacing:.04em}.clock{min-width:58px;text-align:right;margin-top:8px;font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums}.banner{position:absolute;left:50%;top:30%;transform:translate(-50%);font-size:clamp(1.4rem,6.5vw,2.2rem);font-weight:900;letter-spacing:.02em;text-align:center;white-space:nowrap;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.85);pointer-events:none}.banner.green{color:var(--green);text-shadow:0 0 26px rgba(54,224,122,.8)}.banner.make{color:#ffd76a}.banner.miss{color:#ff5a5a;text-shadow:0 0 22px rgba(255,90,90,.6)}.meter-wrap{position:absolute;left:50%;bottom:max(48px,calc(env(safe-area-inset-bottom) + 40px));transform:translate(-50%);width:min(86%,460px);pointer-events:none;transition:opacity .15s}.meter{position:relative;height:30px;border-radius:16px;background:#ffffff17;border:1px solid rgba(255,255,255,.18);overflow:hidden;box-shadow:0 6px 24px #0006}.meter .ok{position:absolute;top:0;bottom:0;background:#ffd76a47}.meter .green{position:absolute;top:0;bottom:0;background:var(--green);box-shadow:0 0 18px #36e07ae6;border-radius:3px}.meter .marker{position:absolute;top:-3px;bottom:-3px;width:5px;margin-left:-2.5px;background:#fff;border-radius:3px;box-shadow:0 0 10px #ffffffe6}.meter-label{text-align:center;margin-top:8px;font-size:.8rem;font-weight:700;letter-spacing:.14em;color:#ffffffa6}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px;text-align:center;background:radial-gradient(120% 80% at 50% 42%,#0b141033,#0b1410d9);pointer-events:none;animation:fade .4s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.emoji{font-size:clamp(3rem,13vw,4.6rem);line-height:1}.overlay h1{font-size:clamp(2.4rem,11vw,4rem);line-height:.98;color:#fff;text-shadow:0 0 40px rgba(54,224,122,.4)}.overlay h1 span{color:var(--green)}.overlay h2{font-size:clamp(1.6rem,7vw,2.4rem);color:#fff}.tag{font-size:1.1rem;color:var(--green);font-style:italic;font-weight:600}.how{max-width:34ch;color:#ffffffd1;line-height:1.55;font-size:.95rem;margin-bottom:6px}.how b{color:var(--green)}.final{font-size:clamp(3rem,15vw,5rem);font-weight:800;color:var(--green);text-shadow:0 0 28px rgba(54,224,122,.5)}.best{color:#ffffffbf;letter-spacing:.02em;font-size:.92rem}.play{margin-top:8px;padding:14px 36px;font-size:1.15rem;font-weight:800;font-family:inherit;color:#08160e;background:linear-gradient(180deg,#6cf0a2,var(--green));border:none;border-radius:999px;box-shadow:0 8px 28px #36e07a73;animation:pulse 1.9s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}