.uR0DVW_frame{background:linear-gradient(#4aa9ea 0%,#9fd8f8 46%,#f3dda8 100%);place-items:center;width:100%;display:grid}:fullscreen .uR0DVW_frame,[data-pseudo-fullscreen] .uR0DVW_frame{height:100%}.uR0DVW_stage{--sw:432;--sh:304;--game-bar:98px;width:min(100%, calc((100vh - var(--site-chrome) - var(--game-bar)) * var(--sw) / var(--sh)));aspect-ratio:var(--sw) / var(--sh);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:relative;container-type:size}@supports (height:100svh){.uR0DVW_stage{width:min(100%, calc((100svh - var(--site-chrome) - var(--game-bar)) * var(--sw) / var(--sh)))}}@media (min-width:640px){.uR0DVW_stage{--game-bar:62px}}@media (max-height:520px){.uR0DVW_stage{--game-bar:48px}}@media (any-pointer:coarse) and (orientation:landscape){.uR0DVW_stage[data-mode="1p"]{--sw:732}}@media (any-pointer:coarse) and (orientation:portrait){.uR0DVW_stage[data-mode="1p"]{--sh:480}}:fullscreen .uR0DVW_stage,[data-pseudo-fullscreen] .uR0DVW_stage{--game-bar:0px;aspect-ratio:auto;width:100%;height:100%}.uR0DVW_stage:focus{outline:none}.uR0DVW_stage:focus-visible:after{content:"";z-index:20;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #fffffff2,inset 0 0 0 5px #103a68b3}.uR0DVW_inner{--u:min(100cqw / var(--sw), 100cqh / var(--sh));width:calc(var(--u) * var(--sw));height:calc(var(--u) * var(--sh));color:#3a2a10;font-family:system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:max(12px, calc(var(--u) * 14));background:linear-gradient(#f6e2ab 0%,#e3b96a 100%);grid-template:"court"100%/100%;display:grid;position:relative;overflow:hidden}@supports not (container-type:size){.uR0DVW_inner{--u:calc(min(100vw - 2rem, (100vh - 8rem) * var(--sw) / var(--sh)) / var(--sw))}}.uR0DVW_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.uR0DVW_court{width:calc(var(--u) * 432);height:calc(var(--u) * 304);background:linear-gradient(#5fb7f2 0%,#c9ecff 64.4%,#2a8fd0 64.5%,#5cc8e6 86.1%,#f7e2a6 86.2%,#e4bb6a 100%);grid-area:court;position:relative;overflow:hidden}.uR0DVW_canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.uR0DVW_soundButton{z-index:2;left:calc(var(--u) * 8);top:calc(var(--u) * 8);width:max(40px, calc(var(--u) * 36));height:max(40px, calc(var(--u) * 36));border-radius:calc(var(--u) * 10);color:#fff;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 4) #0a285040;cursor:pointer;touch-action:manipulation;background:#103a686b;border:1px solid #fff6;place-items:center;display:grid;position:absolute}.uR0DVW_soundButton:after{content:"";width:max(44px,100%);height:max(44px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uR0DVW_stage[data-phase=title] .uR0DVW_soundButton{z-index:9}.uR0DVW_soundButton:hover{background:#103a689e}.uR0DVW_icon{width:max(18px, calc(var(--u) * 18));height:max(18px, calc(var(--u) * 18));flex:none}.uR0DVW_score{z-index:2;top:calc(var(--u) * 8);align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 2) calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) #0a285038;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;background:#103a686b;border:1px solid #ffffff59;border-radius:999px;line-height:1.1;display:flex;position:absolute;left:50%;transform:translate(-50%)}.uR0DVW_scoreName{font-size:max(11px, calc(var(--u) * 12));opacity:.9;font-weight:700}.uR0DVW_scoreNum{min-width:1.2em;font-size:max(16px, calc(var(--u) * 24));text-align:center;text-shadow:0 calc(var(--u) * 1.5) 0 #0a1e3c73;font-weight:900}.uR0DVW_scoreColon{font-size:max(14px, calc(var(--u) * 20));font-weight:900}.uR0DVW_banner{z-index:2;font-size:max(22px, calc(var(--u) * 40));color:#fff;white-space:nowrap;text-shadow:0 0 calc(var(--u) * 3) #b85a00, 0 calc(var(--u) * 3) 0 #b85a00;pointer-events:none;font-weight:900;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.uR0DVW_banner[data-show=false]{opacity:0}.uR0DVW_endHint{z-index:2;padding:calc(var(--u) * 4) calc(var(--u) * 11);color:#fff;font-size:max(11px, calc(var(--u) * 15));text-align:center;pointer-events:none;background:#1220389e;border-radius:999px;max-width:82%;font-weight:700;line-height:1.3;transition:opacity .18s;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.uR0DVW_endHint[data-show=false]{opacity:0}.uR0DVW_pad,.uR0DVW_buttons{display:none}.uR0DVW_pad{border-radius:calc(var(--u) * 22);box-shadow:inset 0 0 0 calc(var(--u) * 2.5) #78501459, 0 calc(var(--u) * 3) 0 #78501440;color:#6b4410;background:#ffffff52;position:relative}.uR0DVW_pad:after{content:"";left:calc(var(--u) * 10);right:calc(var(--u) * 10);border-top:calc(var(--u) * 1.5) dashed #7850144d;position:absolute;top:55%}.uR0DVW_padLeft,.uR0DVW_padRight,.uR0DVW_padDown{border-radius:calc(var(--u) * 14);pointer-events:none;place-items:center;line-height:1;display:grid;position:absolute}.uR0DVW_padLeft,.uR0DVW_padRight{top:calc(var(--u) * 8);height:calc(55% - var(--u) * 12);width:calc(33% - var(--u) * 6);font-size:max(20px, calc(var(--u) * 30))}.uR0DVW_padLeft{left:calc(var(--u) * 6)}.uR0DVW_padRight{right:calc(var(--u) * 6)}.uR0DVW_padDown{left:50%;bottom:calc(var(--u) * 6);width:calc(var(--u) * 48);height:calc(45% - var(--u) * 10);font-size:max(14px, calc(var(--u) * 20));transform:translate(-50%)}.uR0DVW_pad[data-dir=left] .uR0DVW_padLeft,.uR0DVW_pad[data-dir=right] .uR0DVW_padRight,.uR0DVW_pad[data-down=true] .uR0DVW_padDown{color:#5b3714;background:#ffd84ae6}.uR0DVW_touchButton{width:max(56px, calc(var(--u) * 100));height:max(56px, calc(var(--u) * 100));font-size:max(12px, calc(var(--u) * 15));color:#fff;text-shadow:0 calc(var(--u) * 1.5) 0 #00000040;border-radius:50%;flex:none;place-items:center;font-weight:900;transition:transform 60ms ease-out;display:grid}.uR0DVW_jumpButton{box-shadow:0 calc(var(--u) * 5) 0 #1d5aa0;background:radial-gradient(circle at 35% 30%,#7cc4ff,#2f7fd6 70%)}.uR0DVW_hitButton{box-shadow:0 calc(var(--u) * 5) 0 #9e3313;background:radial-gradient(circle at 35% 30%,#ffb070,#e2562a 70%)}.uR0DVW_touchButton[data-active=true]{transform:translateY(calc(var(--u) * 4)) scale(.96);box-shadow:0 calc(var(--u) * 1) 0 #00000059;filter:brightness(1.12)}@media (any-pointer:coarse) and (orientation:landscape){.uR0DVW_stage[data-mode="1p"] .uR0DVW_inner{grid-template-columns:calc(var(--u) * 150) calc(var(--u) * 432) calc(var(--u) * 150);grid-template-areas:"pad court buttons"}.uR0DVW_stage[data-mode="1p"] .uR0DVW_pad{width:calc(var(--u) * 136);height:calc(var(--u) * 180);margin-bottom:calc(var(--u) * 14);grid-area:pad;place-self:end center;display:block}.uR0DVW_stage[data-mode="1p"] .uR0DVW_buttons{justify-content:flex-end;align-items:center;gap:calc(var(--u) * 10);padding-bottom:calc(var(--u) * 14);flex-direction:column;grid-area:buttons;display:flex}.uR0DVW_stage[data-mode="1p"] .uR0DVW_jumpButton{margin-right:calc(var(--u) * 30)}.uR0DVW_stage[data-mode="1p"] .uR0DVW_hitButton{margin-left:calc(var(--u) * 30)}}@media (any-pointer:coarse) and (orientation:portrait){.uR0DVW_stage[data-mode="1p"] .uR0DVW_inner{grid-template-columns:50% 50%;grid-template-rows:calc(var(--u) * 304) calc(var(--u) * 176);grid-template-areas:"court court""pad buttons"}.uR0DVW_stage[data-mode="1p"] .uR0DVW_pad{width:calc(var(--u) * 176);height:calc(var(--u) * 150);margin-left:calc(var(--u) * 12);grid-area:pad;place-self:center start;display:block}.uR0DVW_stage[data-mode="1p"] .uR0DVW_buttons{justify-content:flex-end;align-items:center;gap:calc(var(--u) * 10);padding-right:calc(var(--u) * 12);grid-area:buttons;display:flex}.uR0DVW_stage[data-mode="1p"] .uR0DVW_jumpButton{margin-top:calc(var(--u) * 36)}.uR0DVW_stage[data-mode="1p"] .uR0DVW_hitButton{margin-bottom:calc(var(--u) * 36)}}.uR0DVW_backdrop{z-index:8;padding:calc(var(--u) * 8);touch-action:manipulation;background:#0a2d5561;place-items:center;animation:.2s ease-out both uR0DVW_fadeIn;display:grid;position:absolute;inset:0}.uR0DVW_panel{width:min(calc(var(--u) * 330), 100%);max-height:100%;padding:calc(var(--u) * 14) calc(var(--u) * 18);border-radius:calc(var(--u) * 18);box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 26) #0a285052, inset 0 calc(var(--u) * 3) 0 #ffffffe6, inset 0 calc(var(--u) * -4) 0 #dca03c40;text-align:center;background:linear-gradient(#fffdf4,#fff1cc);animation:.3s cubic-bezier(.2,1.4,.4,1) both uR0DVW_panelIn;overflow:auto}.uR0DVW_panel:focus{outline:none}.uR0DVW_titleLayer{z-index:8;padding:max(12px, calc(var(--u) * 12));touch-action:manipulation;background:#0a2d5529;place-items:center;animation:.2s ease-out both uR0DVW_fadeIn;display:grid;position:absolute;inset:0;overflow:auto}.uR0DVW_titleMenu{width:min(calc(var(--u) * 320), 100%);align-items:stretch;gap:calc(var(--u) * 9);padding:calc(var(--u) * 12) calc(var(--u) * 16) calc(var(--u) * 14);border-radius:calc(var(--u) * 22);box-shadow:inset 0 calc(var(--u) * 2) 0 #fff, inset 0 calc(var(--u) * -3) 0 #e6b45a38, 0 calc(var(--u) * 12) calc(var(--u) * 30) #0a28504d;text-align:center;background:linear-gradient(#fff8e1,#ffefc2);border:1px solid #f3dca0;flex-direction:column;animation:.3s cubic-bezier(.2,1.4,.4,1) both uR0DVW_panelIn;display:flex}.uR0DVW_logo{margin-bottom:calc(var(--u) * 2);font-size:max(24px, calc(var(--u) * 40));letter-spacing:.02em;color:#ffe14d;-webkit-text-stroke:max(2px, calc(var(--u) * 2.5)) #3a2a10;paint-order:stroke fill;text-shadow:0 max(3px, calc(var(--u) * 4)) 0 #3a2a10;font-weight:900;line-height:1.1;animation:.42s cubic-bezier(.2,1.5,.4,1) both uR0DVW_logoIn}.uR0DVW_bigButton{--edge:#c98e12;--dot:#f2692b;align-items:center;gap:calc(var(--u) * 10);min-height:max(48px, calc(var(--u) * 50));padding:calc(var(--u) * 7) calc(var(--u) * 10) calc(var(--u) * 7) calc(var(--u) * 16);border-radius:calc(var(--u) * 16);box-shadow:inset 0 calc(var(--u) * 2) 0 #ffffffa6, 0 calc(var(--u) * 5) 0 var(--edge), 0 calc(var(--u) * 6) calc(var(--u) * 12) #5a3c142e;color:#3a2a10;text-align:left;cursor:pointer;touch-action:manipulation;background:linear-gradient(#ffe66b,#ffc928);transition:transform 90ms ease-out,box-shadow 90ms ease-out,filter .12s ease-out;display:flex;position:relative}.uR0DVW_bigButton2p{--edge:#9db4d8;--dot:#4f7fd9;background:linear-gradient(#fff,#eaf2ff)}.uR0DVW_bigButton:hover{filter:brightness(1.05);transform:translateY(calc(var(--u) * -1));box-shadow:inset 0 calc(var(--u) * 2) 0 #ffffffa6, 0 calc(var(--u) * 6) 0 var(--edge), 0 calc(var(--u) * 8) calc(var(--u) * 14) #5a3c1433}.uR0DVW_bigButton:active{filter:brightness(.98);transform:translateY(calc(var(--u) * 4));box-shadow:inset 0 calc(var(--u) * 2) 0 #ffffff80, 0 calc(var(--u) * 1) 0 var(--edge), 0 calc(var(--u) * 3) calc(var(--u) * 6) #0a285038}.uR0DVW_bigButton:focus-visible{outline-offset:3px;outline:4px solid #3a2a10}.uR0DVW_bigLabel{align-items:baseline;column-gap:calc(var(--u) * 8);min-width:0;font-size:max(16px, calc(var(--u) * 21));flex-wrap:wrap;font-weight:900;line-height:1.2;display:flex}.uR0DVW_bigSub{font-size:max(12px, calc(var(--u) * 13));color:#7a5a12;font-weight:700}.uR0DVW_bigButton2p .uR0DVW_bigSub{color:#5a6e90}.uR0DVW_play{width:max(28px, calc(var(--u) * 32));height:max(28px, calc(var(--u) * 32));background:var(--dot);box-shadow:inset 0 calc(var(--u) * -2) 0 #0000002e, 0 calc(var(--u) * 1) calc(var(--u) * 2) #0003;border-radius:50%;flex:none;margin-left:auto;position:relative}.uR0DVW_play:after{content:"";border-left:max(10px, calc(var(--u) * 11)) solid #fff;border-top:max(6px, calc(var(--u) * 7)) solid transparent;border-bottom:max(6px, calc(var(--u) * 7)) solid transparent;position:absolute;top:50%;left:38%;transform:translateY(-50%)}.uR0DVW_difficulty{justify-content:center;align-items:center;gap:calc(var(--u) * 8);border:0;min-width:0;margin:0;padding:0;display:flex}.uR0DVW_difficultyLabel{float:left;font-size:max(12px, calc(var(--u) * 13));color:#6b5530;padding:0;font-weight:800}.uR0DVW_segments{padding:calc(var(--u) * 2.5);box-shadow:inset 0 calc(var(--u) * 1) calc(var(--u) * 2) #5a3c1433;background:#96641e29;border-radius:999px;display:inline-flex}.uR0DVW_segment{min-height:max(28px, calc(var(--u) * 24));padding:0 calc(var(--u) * 13);font-size:max(12px, calc(var(--u) * 13));color:#7a5a24;cursor:pointer;border-radius:999px;place-items:center;font-weight:800;transition:background-color .12s ease-out,color .12s ease-out;display:grid;position:relative}.uR0DVW_segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.uR0DVW_segment:has(input:checked){color:#3a2a10;box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #5a3c144d;background:#fff}.uR0DVW_segment:has(input:focus-visible){outline-offset:2px;outline:3px solid #2f7fd6}.uR0DVW_easyNote,.uR0DVW_titleRecords,.uR0DVW_touchNote,.uR0DVW_rotateHint{font-size:max(11px, calc(var(--u) * 12));color:#7a5a24;font-weight:700;line-height:1.35}.uR0DVW_easyNote{margin-top:calc(4px - var(--u) * 9);font-size:clamp(11px, calc(var(--u) * 10.5), 15px);line-height:1.2}.uR0DVW_easyNote[data-show=false]{visibility:hidden}.uR0DVW_titleRecords{color:#b0600f;font-weight:800}.uR0DVW_rotateHint{color:#1f5f96}.uR0DVW_records{margin-top:calc(var(--u) * 6);color:#b0600f;font-weight:800}.uR0DVW_touchNote,.uR0DVW_rotateHint,.uR0DVW_keysTouch{display:none}@media (hover:none) and (pointer:coarse){.uR0DVW_mode2p,.uR0DVW_easyNote[data-show=false]{display:none}.uR0DVW_touchNote{display:block}.uR0DVW_keysKeyboard{display:none}.uR0DVW_keysTouch{display:inline}}@media (any-pointer:coarse) and (orientation:portrait){.uR0DVW_rotateHint{display:block}.uR0DVW_stage[data-mode="1p"] .uR0DVW_titleLayer{padding-top:calc(var(--u) * 20);background:linear-gradient(#0a2d5529 calc(var(--u) * 304), #0a234680 calc(var(--u) * 304));place-items:start center}}.uR0DVW_button{margin-top:calc(var(--u) * 12);justify-content:center;align-items:center;gap:calc(var(--u) * 6);width:100%;padding:calc(var(--u) * 9) calc(var(--u) * 8);border-radius:calc(var(--u) * 12);font-size:max(14px, calc(var(--u) * 17));cursor:pointer;touch-action:manipulation;font-weight:800;line-height:1.2;display:flex}.uR0DVW_button:active{transform:translateY(calc(var(--u) * 2))}.uR0DVW_button:focus-visible,.uR0DVW_soundButton:focus-visible,.uR0DVW_pauseButton:focus-visible{outline-offset:2px;outline:3px solid #2f7fd6}.uR0DVW_primary{box-shadow:0 calc(var(--u) * 4) 0 #b24f12;color:#fff;text-shadow:0 calc(var(--u) * 1.5) 0 #0003;background:linear-gradient(#ffb347,#f0782a)}.uR0DVW_primary:active{box-shadow:0 calc(var(--u) * 1) 0 #b24f12}.uR0DVW_secondary{box-shadow:inset 0 0 0 calc(var(--u) * 2) #f0c870, 0 calc(var(--u) * 3) 0 #e0b050;color:#8a4d0e;background:#fff}.uR0DVW_secondary:active{box-shadow:inset 0 0 0 calc(var(--u) * 2) #f0c870, 0 calc(var(--u) * 1) 0 #e0b050}.uR0DVW_actions{gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 12);display:flex}.uR0DVW_actions .uR0DVW_button{flex:1;margin-top:0}.uR0DVW_resultPanel{width:min(calc(var(--u) * 400), 100%)}.uR0DVW_resultPanel .uR0DVW_actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.uR0DVW_resultPanel .uR0DVW_button{padding:calc(var(--u) * 8) calc(var(--u) * 4);font-size:max(13px, calc(var(--u) * 15))}.uR0DVW_resultTitle{font-size:max(18px, calc(var(--u) * 26));color:#1f5f96;font-weight:900;line-height:1.2}.uR0DVW_resultTitle[data-won=true]{color:#d9661f}.uR0DVW_resultScore{margin-top:calc(var(--u) * 2);font-size:max(26px, calc(var(--u) * 40));font-variant-numeric:tabular-nums;color:#3a2a10;font-weight:900;line-height:1.1}.uR0DVW_newRecord{margin-top:calc(var(--u) * 4);padding:calc(var(--u) * 2) calc(var(--u) * 12);color:#6b3a00;background:linear-gradient(#ffe066,#ffb81e);border-radius:999px;font-weight:900;animation:.5s cubic-bezier(.2,1.6,.4,1) .2s both uR0DVW_badgeIn;display:inline-block}.uR0DVW_shareStatus{min-height:calc(var(--u) * 18);margin-top:calc(var(--u) * 6);font-size:max(12px, calc(var(--u) * 13));color:#1f5f96;font-weight:700}.uR0DVW_pauseLayer{z-index:7;position:absolute;inset:0}.uR0DVW_pauseButton{justify-content:center;align-items:center;gap:calc(var(--u) * 12);color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(#081e3c94,#14325a9e);flex-direction:column;width:100%;height:100%;display:flex}.uR0DVW_pauseTitle{font-size:max(22px, calc(var(--u) * 34));font-weight:900}.uR0DVW_pausePill{padding:calc(var(--u) * 8) calc(var(--u) * 22);color:#1f5f96;font-size:max(14px, calc(var(--u) * 17));background:#fff;border-radius:999px;font-weight:800;animation:1.6s ease-in-out infinite uR0DVW_breathe}.uR0DVW_controlBar{align-items:center;gap:12px;width:100%;min-width:0;padding:6px 12px;display:flex}:fullscreen .uR0DVW_controlBar,[data-pseudo-fullscreen] .uR0DVW_controlBar{display:none}.uR0DVW_hint{color:#3f2f14;flex-wrap:wrap;flex:1;gap:2px 14px;min-width:0;margin:0;font-family:system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:12px;line-height:1.5;display:flex}@media (max-height:520px){.uR0DVW_hint{display:none}}.uR0DVW_hint>span{background:#fffdf4b8;border-radius:12px;min-width:0;max-width:100%;padding:3px 10px;box-shadow:0 1px 2px #785a282e}.uR0DVW_confetti{z-index:9;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes uR0DVW_fadeIn{0%{opacity:0}}@keyframes uR0DVW_panelIn{0%{opacity:0;transform:scale(.75)}}@keyframes uR0DVW_logoIn{0%{opacity:0;transform:translateY(-40%)scale(.8)}}@keyframes uR0DVW_badgeIn{0%{opacity:0;transform:scale(.3)}}@keyframes uR0DVW_breathe{50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.uR0DVW_panel,.uR0DVW_newRecord,.uR0DVW_logo,.uR0DVW_titleMenu{animation-name:uR0DVW_fadeIn}.uR0DVW_bigButton,.uR0DVW_segment{transition:none}.uR0DVW_bigButton:hover{transform:none}.uR0DVW_pausePill{animation:none}.uR0DVW_touchButton{transition:none}}
