html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#fdf3ff;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game-root{width:100vw;height:100dvh;position:fixed;inset:0}#game-root canvas{display:block}.sound-toggle,.pause-button,.level-badge{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:10;cursor:pointer;touch-action:manipulation;background:#ffffffd9;border:none;border-radius:50%;width:56px;height:56px;font-size:28px;line-height:1;position:fixed;box-shadow:0 2px 8px #783c8c40}.sound-toggle:focus-visible,.pause-button:focus-visible,.level-card:focus-visible,.pause-action:focus-visible,.volume-slider:focus-visible{outline-offset:2px;outline:3px solid #7c3aed}.pause-button{background:#ffffffe6}.level-badge{left:max(12px, env(safe-area-inset-left));pointer-events:none;place-items:center;display:grid;right:auto}.level-picker{z-index:12;left:50%;bottom:max(14px, env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(720px,100vw - 24px);display:grid;position:fixed;transform:translate(-50%)}.level-card{color:#613a78;cursor:pointer;touch-action:manipulation;background:#ffffffdb;border:3px solid #fffffff2;border-radius:22px;min-width:0;min-height:72px;padding:7px 6px 6px;box-shadow:0 4px 12px #5c347438}.level-card-icon{font-size:clamp(30px,6vmin,46px);line-height:1;display:block}.level-card-label{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:700 clamp(11px,2.3vmin,16px)/1.05 system-ui,sans-serif;display:block;overflow:hidden}.pause-menu{z-index:30;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#45265761;place-items:center;display:grid;position:fixed;inset:0}.pause-panel{text-align:center;background:#fff5fdf5;border:4px solid #fffffff2;border-radius:34px;width:min(430px,100vw - 36px);padding:24px;box-shadow:0 14px 36px #45265759}.pause-title{color:#633c7d;margin:0 0 20px;font:800 clamp(24px,6vmin,36px)/1.1 system-ui,sans-serif}.volume-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:28px;display:grid}.volume-slider{accent-color:#9b6ddd;touch-action:manipulation;width:100%;height:44px}.pause-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.pause-action{cursor:pointer;touch-action:manipulation;background:#fff;border:none;border-radius:24px;min-height:78px;font-size:42px;box-shadow:0 4px 12px #5c347433}.resume-button{background:#dff8e9}.home-button{background:#fff0ca}@media (height<=520px){.level-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.level-card{min-height:66px}.level-card-label{display:none}}[hidden]{display:none!important}