:root{font-family:Trebuchet MS,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#222;background:#ededed;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#ededed}body{min-height:100vh;overflow:hidden;overscroll-behavior:none}button{font:inherit;-webkit-tap-highlight-color:transparent}#app{width:100%;min-height:100vh;display:grid;place-items:center;padding:8px}.game-shell{width:min(100%,460px);min-width:0;display:flex;flex-direction:column}.topbar{min-height:58px;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:8px;padding:2px 4px 8px}.icon-btn{width:48px;height:48px;border:0;background:transparent;color:#2c2c2c;font-size:40px;line-height:1;font-weight:700;cursor:pointer}#soundBtn{font-size:27px}.level-wrap{text-align:center;line-height:1.05}#levelLabel{display:block;font-size:27px;font-weight:950;letter-spacing:.01em}.meta-row{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:900;color:#777}#progressLabel,#difficultyLabel{display:inline-block}.meta-dot{opacity:.55}#difficultyLabel[data-difficulty="4"],#difficultyLabel[data-difficulty="5"]{color:#555}.canvas-wrap{position:relative;width:100%;aspect-ratio:9 / 16;max-height:calc(100vh - 72px);overflow:hidden;background:#ededed}canvas{display:block;width:100%;height:100%;touch-action:none}.toast{position:absolute;left:50%;top:74px;transform:translate(-50%);max-width:86%;min-height:32px;padding:7px 14px;border-radius:999px;background:#222222d1;color:#fff;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .18s ease;text-align:center}.toast.show{opacity:1}.message{position:absolute;inset:0;display:grid;place-items:center;background:#eeeeeeb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.message.hidden{display:none}.message-card{width:min(100%,300px);text-align:center}.message-title{font-size:42px;font-weight:950;margin-bottom:8px}.message-text{color:#555;font-size:16px;font-weight:700;line-height:1.4;margin-bottom:20px}#messageBtn{width:100%;min-height:52px;border:0;border-radius:18px;background:#4caf50;color:#fff;font-weight:950;font-size:19px;cursor:pointer;box-shadow:0 5px #358c39}#messageBtn:active{transform:translateY(3px);box-shadow:0 2px #358c39}@media(max-width:360px){#app{padding:2px 5px}.topbar{min-height:52px;padding-bottom:2px}#levelLabel{font-size:23px}.icon-btn{width:44px;height:44px}.canvas-wrap{max-height:calc(100vh - 58px)}}