.piano-maze-screen{position:absolute;inset:0}.piano-maze-hud{color:#f5ffe9;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 24px;height:64px;display:flex;position:absolute;top:12px;left:100px;right:100px}.piano-maze-level-select{z-index:41;color:#f5ffe9;white-space:nowrap;background:#214d3e;border:2px solid #a0c7aa;border-radius:12px;min-height:44px;padding:0 10px;font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.1;position:relative}.piano-maze-level-chooser{touch-action:pan-y;color:#f5ffe9;background:#153e32;border:2px solid #a0c7aa;border-radius:20px;width:min(680px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:20px;overflow:auto}.piano-maze-level-chooser::backdrop{background:#08271de8}.piano-maze-level-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.piano-maze-level-heading h2{margin:0;font-size:28px}.piano-maze-level-chooser button{color:#f5ffe9;background:#214d3e;border:2px solid #a0c7aa;border-radius:10px;min-height:44px;padding:8px 12px;font-size:18px}.piano-maze-level-chooser button:focus-visible,.piano-maze-level-select:focus-visible{outline-offset:3px;outline:3px solid #ffdc58}.piano-maze-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.piano-maze-levels button{flex-direction:column;gap:2px;display:flex}.piano-maze-levels button[aria-current=true]{color:#342814;background:#ffdc58;border-color:#ffdc58}.piano-maze-levels small{font-size:13px}.piano-maze-hud span{font-size:clamp(18px,2.5vw,30px)}.piano-maze-hud small{font-size:clamp(12px,1.5vw,18px);line-height:1.1}.piano-maze-restart{color:#f5ffe9;background:#214d3e;border:2px solid #a0c7aa;border-radius:22px;place-items:center;width:80px;height:72px;padding:0;display:grid;position:absolute;top:8px;right:8px}.piano-maze-restart svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.piano-maze-screen~button[aria-label="Back to games"]{width:80px;height:72px;top:8px;left:8px}.piano-maze-space{justify-content:center;align-items:center;display:flex;position:absolute;inset:88px 8px 8px}.piano-maze-board{flex-shrink:0;display:grid;position:relative}.piano-maze-cell{margin:clamp(2px, calc(var(--maze-cell) * .025), 6px);border-radius:calc(var(--maze-cell) * .13);font-size:calc(var(--maze-cell) * .34);text-shadow:0 2px 1px #0002;justify-content:center;align-items:center;font-weight:900;display:flex;position:relative}.piano-maze-path{box-shadow:inset 0 -5px #0002,inset 0 2px #fff4}.piano-maze-path[data-adjacent=yes]{outline:max(2px, calc(var(--maze-cell) * .025)) solid #fff9;outline-offset:-5px}.piano-maze-wall{background:radial-gradient(at 35% 25%,#3e7550 0%,#26543d 48%,#163f30 85%);box-shadow:inset 0 3px #72977030,0 3px #08281e}.piano-maze-goal{pointer-events:none;filter:drop-shadow(0 2px 2px #0005);place-items:center;display:grid;position:absolute;inset:3%}.piano-maze-goal svg{fill:#ffdc58;stroke:#886015;stroke-width:1.5px;stroke-linejoin:round;width:100%;height:100%}.piano-maze-note{z-index:1;position:relative}.piano-maze-cell[data-notation=staff] .piano-maze-note{width:100%;height:100%}.piano-maze-staff{z-index:1;width:100%;height:100%;display:block;position:relative}.piano-maze-cell[data-notation=staff][data-goal=yes] .piano-maze-goal{opacity:.35}.piano-maze-cell[data-notation=staff][data-goal=yes]{box-shadow:inset 0 0 0 calc(var(--maze-cell) * .06) #ffdc58, inset 0 -5px 0 #0002}.piano-maze-cell[data-goal=yes] .piano-maze-note{color:#342814;text-shadow:0 1px #fff8}.piano-maze-under-player{opacity:.3}.piano-maze-player{pointer-events:none;z-index:3;transition:left .34s,top .34s;position:absolute;transform:translate(-50%,-50%)}.piano-maze-turn{width:100%;height:100%;transition:transform .14s}.piano-maze-sprite{filter:drop-shadow(0 4px 3px #0005);background-position:0 0;background-repeat:no-repeat;background-size:400% 200%;width:100%;height:100%}.piano-maze-pounce{animation:.44s step-end piano-maze-pounce}.piano-maze-dance{animation:1.2s step-end infinite piano-maze-pounce}.piano-maze-wolf{z-index:4;background:#8bb6d520;border-radius:40%;outline:2px dashed #b9d2e6}.piano-maze-wolf-label{color:#e6f4ff;text-align:center;font-size:max(9px, calc(var(--maze-cell) * .14));background:#243d54;border-radius:8px;font-weight:900;position:absolute;bottom:0;left:15%;right:15%}.piano-maze-celebration{z-index:40;color:#fff;text-align:center;background:#08271dd9;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.piano-maze-celebration>div{font-size:80px}.piano-maze-victory-cat{width:min(260px,45vw,30dvh);height:min(260px,45vw,30dvh)}.piano-maze-party{align-items:center;gap:clamp(4px,2vw,12px);display:flex}.piano-maze-party-bunny{aspect-ratio:1;width:min(200px,27vw,28dvh);position:relative}.piano-maze-caught{background:#182a3be8;animation:.48s step-end both piano-maze-show-collision}@keyframes piano-maze-show-collision{0%{visibility:hidden}to{visibility:visible}}.piano-maze-caught p{max-width:90vw;font-size:clamp(20px,3vw,30px)}.piano-maze-celebration h1{margin:0;font-size:clamp(40px,7vw,72px)}.piano-maze-celebration p{margin:0;font-size:30px}.piano-maze-celebration button{color:#214d3e;background:#fff8d9;border-radius:44px;min-height:88px;padding:16px 40px;font-size:32px;font-weight:800}@keyframes piano-maze-pounce{0%{background-position:0 0}12.5%{background-position:33.3333% 0}25%{background-position:66.6667% 0}37.5%{background-position:100% 0}50%{background-position:0 100%}62.5%{background-position:33.3333% 100%}75%{background-position:66.6667% 100%}87.5%,to{background-position:100% 100%}}@media (width<=600px){.piano-maze-level-chooser{padding:14px}.piano-maze-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.piano-maze-level-select{font-size:22px}.piano-maze-hud{text-align:center;flex-flow:column;gap:0;left:92px;right:92px}.piano-maze-hud small{margin-top:3px;font-size:12px}.piano-maze-hud span{font-size:16px;line-height:1.1}}@media (prefers-reduced-motion:reduce){.piano-maze-player{transition:left .18s,top .18s}.piano-maze-turn{transition:none}.piano-maze-caught{animation-duration:.18s}}.piano-maze-stats{text-align:center;width:min(460px,90vw)}.piano-maze-stats dl{grid-template-columns:1fr 1fr;gap:10px 22px;margin:10px 0;display:grid}.piano-maze-stats dt{color:#d2e6d6;font-size:14px}.piano-maze-stats dd{margin:2px 0 0;font-size:clamp(19px,3vw,28px);font-weight:800}.piano-maze-stats dd small{font-size:13px;font-weight:400;display:inline-block}.piano-maze-stats>small{max-width:340px;margin:8px auto;font-size:11px;display:block}.piano-maze-stats p{font-size:14px}.piano-maze-stats p button{padding:6px 10px;font-size:14px}.piano-maze-new-record{color:#ffdc58}.piano-maze-celebration{padding:16px;overflow:auto}.piano-maze-celebration .piano-maze-wins{margin:4px 0;font-size:13px}@media (height<=700px){.piano-maze-celebration .piano-maze-victory-cat,.piano-maze-celebration .piano-maze-party{width:180px;height:90px}.piano-maze-celebration h1{margin:4px 0;font-size:28px}.piano-maze-stats dl{gap:5px 16px;margin:6px 0}}.piano-maze-completed{gap:8px}.piano-maze-completed .piano-maze-stats{font-size:16px}.piano-maze-completed .piano-maze-stats p{font-size:14px}.piano-maze-completed .piano-maze-stats p button{min-height:36px}.piano-maze-completed>button{min-height:56px;padding:10px 28px;font-size:22px}.piano-maze-completed{justify-content:safe center}.piano-maze-completed>*{flex-shrink:0}.piano-maze-completed-mark{font-weight:900}.piano-maze-completed .piano-maze-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;font-size:16px;display:flex}.piano-maze-result-actions button{min-height:52px;padding:10px 22px;font-size:clamp(18px,3vw,24px)}.piano-maze-completed .piano-maze-efficiency{margin:8px 0;font-size:14px}.piano-maze-secret-party{font-size:54px;line-height:1.2}.piano-maze-secret-unlocked{margin:8px auto;font-size:15px}:root{color:#f5ffe9;font-synthesis:none;background:#153e32;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}button,select,input{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#f5ffe9;background:#214d3e;border:2px solid #a0c7aa;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.12)}:focus-visible{outline-offset:3px;outline:3px solid #ffdc58}.fatal,.prerender{padding:24px}.setup{color:#f5ffe9;background:#153e32;border:2px solid #a0c7aa;border-radius:18px;flex-direction:column;gap:12px;width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:20px;display:flex;overflow:auto}.setup:not([open]){display:none}.setup::backdrop{background:#08271dcc}.setup h1{margin:0 40px 4px 0;font-size:26px}.setup p{margin:0;line-height:1.5}.setup .close{width:44px;padding:0;font-size:24px;position:absolute;top:12px;right:12px}.choices{gap:10px;display:grid}.choice{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;display:flex}.choice strong{font-size:20px}.choice small{color:#c9e0cd;font-weight:400}.primary{color:#342814;background:#ffdc58;border-color:#ffdc58;font-weight:800}.text-button{color:#c9e0cd;background:0 0;border:0;align-self:flex-start;min-height:0;padding:8px 0}.steps{gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.steps li{color:#a0c7aa;border-top:3px solid #3c6b58;flex:1;padding-top:6px}.steps li[aria-current=step]{color:#ffdc58;border-color:#ffdc58;font-weight:700}.setup label{font-size:14px}select{color:#f5ffe9;background:#214d3e;border:2px solid #a0c7aa;border-radius:8px;width:100%;margin-top:6px;padding:10px;display:block}.help{color:#c9e0cd;font-size:13px}.privacy-link{color:#ffdc58;text-underline-offset:3px;align-self:flex-start;align-items:center;min-height:32px;font-size:13px;display:inline-flex}.key-status{font-size:22px;font-weight:700}.received{gap:8px;min-height:44px;display:flex}.received span{background:#214d3e;border-radius:8px;padding:10px 14px}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:22px;height:22px}.error{color:#7d3023;background:#ffe8db;border-radius:10px;padding:12px}.game-shell{-webkit-user-select:none;user-select:none;color:#fff;position:fixed;inset:0;overflow:hidden}.home{z-index:45;border-radius:50%;width:64px;height:64px;padding:0;font-size:30px;position:absolute;top:10px;left:10px}.keyboard{padding:6px 6px max(6px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0c2c22;position:fixed;bottom:0;left:0;right:0}.keys{height:100%;position:relative}.key{top:0;left:var(--left);touch-action:none;border:0;border-radius:0 0 8px 8px;min-height:0;padding:0;position:absolute}.key.white{z-index:1;background:#fffdf5;border-bottom:8px solid #d9d4c3;width:calc(14.2857% - 3px);bottom:0}.key.black{z-index:2;background:#1b1b1b;border-bottom:0;width:8.57143%;height:58%;transform:translate(calc(-50% - 1.5px))}.key.white[aria-pressed=true]{background:#d9d4c3}.key.black[aria-pressed=true]{background:#555}.key:hover:not(:disabled){filter:none}.sound-status{z-index:15;color:#342e16;white-space:nowrap;background:#fff4c7;border-radius:8px;margin:0;padding:5px 10px;font-size:12px;position:fixed;bottom:4px;left:50%;transform:translate(-50%)}