html, body { width:100%; min-height:100%; margin:0; background:#000; color:#f48a8d; overflow-x:hidden; }
body { padding-top:80px; box-sizing:border-box; font-family:"Times New Roman",serif; }
.next-star { position:absolute; top:96px; left:125px; z-index:20; display:block; width:22px; height:22px; padding:5px; }
.next-star img,
.burst-star { filter:hue-rotate(305deg) saturate(3.2) brightness(1.35); }
.scene { min-height:calc(100vh - 80px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; position:relative; z-index:2; }
#lake { display:block; width:141px; height:344px; }
#bgmButton { font:12px Arial,sans-serif; padding:2px 10px; cursor:pointer; }
midi-player { display:none; }
#starLayer { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:50; }
.burst-star { position:absolute; width:11px; height:10px; will-change:transform,opacity; }
@media (max-width:520px) {
  body { padding-top:35px; }
  .next-star { top:30px; left:18px; }
  .scene { min-height:calc(100vh - 35px); }
}