:root{font-family:Trebuchet MS,Verdana,sans-serif;color:#17323c;background:radial-gradient(circle at top,#fff8c4 0,#fff8c4 12%,transparent 12.5%),linear-gradient(180deg,#87d4ff,#fef6d1 54%,#c6ea97);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;padding:14px 10px 24px}button,canvas{touch-action:manipulation}button{font:inherit}#app{width:100%}.shell{width:min(100%,520px);margin:0 auto;display:flex;justify-content:center}.play-stage{display:flex;justify-content:center;width:100%}.play-shell{width:min(100%,470px);display:flex;flex-direction:column;gap:12px}.stage-frame{width:100%;aspect-ratio:10 / 17;padding:12px;border-radius:30px;border:4px solid #17323c;background:linear-gradient(180deg,#13323c29,#ffffff5c),#fef6d1;box-shadow:0 18px 50px #13323c2e}.game-canvas{display:block;width:100%;height:100%;border-radius:22px;background:linear-gradient(180deg,#8ad4ff,#fff4c5)}.overlay-panel{width:100%;padding:14px 16px;border-radius:24px;background:#17323ce6;color:#fef6d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-wrap:anywhere}.overlay-title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.15}.overlay-copy,.overlay-hint{margin:6px 0 0;font-size:.96rem;line-height:1.4;color:#fef6d1e6}.overlay-button{width:100%;margin-top:12px;border:0;border-radius:999px;padding:12px 16px;font-size:1rem;font-weight:700;color:#17323c;background:linear-gradient(180deg,#fff3a6,#ffbf73);box-shadow:inset 0 -4px #8c521647}.overlay-button:active{transform:translateY(1px)}@media(min-width:900px){body{padding:24px 0 32px}}