@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap');
:root{--navy:#101f4b;--cream:#fff9e8;--pink:#ff4483;--cyan:#08d7e3;--yellow:#ffdd39;--purple:#9370ef;--font:"Noto Sans JP",system-ui,sans-serif;color:var(--navy);font-family:var(--font);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(circle at 10% 20%,#ffda5670 0,transparent 30%),radial-gradient(circle at 90% 80%,#0ed7e344 0,transparent 35%),repeating-linear-gradient(135deg,#fff9e8 0px,#fff9e8 22px,#f5eddc 23px,#f5eddc 25px);display:flex;justify-content:center;padding:22px 14px}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible+span{outline:4px solid #6557d5;outline-offset:4px}button:disabled{cursor:default;opacity:.65}[hidden]{display:none!important}.arcade{position:relative;isolation:isolate;background:var(--cream);width:min(100%,460px);min-height:740px;border:4px solid var(--navy);border-radius:30px;box-shadow:9px 10px 0 var(--navy),0 24px 80px #10204b25;overflow:hidden;display:flex;flex-direction:column}.topbar{height:51px;min-height:51px;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--navy);background:#fffdf4;z-index:3}.edition{font-size:12px;font-weight:900;letter-spacing:1.5px}.edition b{display:inline-flex;background:var(--navy);color:white;padding:2px 6px;border-radius:5px;letter-spacing:0;margin-left:5px}.icon-button{border:2px solid var(--navy);border-radius:30px;background:var(--cream);height:32px;min-width:74px;font-weight:900;font-size:16px;line-height:1}.icon-button span{font-size:11px}.screen{position:relative;flex:1}.home{padding:19px 24px 10px;text-align:center;background:radial-gradient(circle at 50% 34%,#ffe87650,transparent 52%)}.home-kicker{font-size:13px;font-weight:900;letter-spacing:1px}.little-star{color:var(--pink);font-size:20px;vertical-align:-2px}.title-logo{width:109%;height:auto;max-height:212px;object-fit:contain;margin:6px -4.5% -15px;filter:drop-shadow(0 5px 0 #fff);position:relative;z-index:2}.hero-orbit{height:178px;position:relative;width:250px;margin:auto;background:repeating-conic-gradient(from -12deg,#ffe78c 0deg 12deg,transparent 12deg 30deg);border-radius:50%;display:grid;place-items:center;isolation:isolate}.hero-orbit:before{content:"";position:absolute;inset:12px 35px;background:#fff9e8;border:2px dashed #f5bf36;border-radius:50%;z-index:-1}.orbit-type{font-weight:900;font-style:italic;font-size:24px;line-height:1.1;transform:rotate(-8deg);opacity:.85}.orbit-type strong{font-size:41px;color:var(--pink);text-shadow:2px 2px 0 var(--navy)}.home-mascot{height:178px;max-width:225px;object-fit:contain;image-rendering:pixelated;animation:float 2s ease-in-out infinite}.hero-orbit:has(.home-mascot:not([hidden])) .orbit-type{display:none}.orbit-spark{position:absolute;font-size:47px;text-shadow:2px 3px var(--navy)}.spark-one{left:10px;top:45px;color:var(--cyan);transform:rotate(15deg)}.spark-two{right:-6px;top:0;color:var(--pink)}.orbit-label{position:absolute;right:-8px;bottom:22px;background:var(--yellow);border:2px solid var(--navy);box-shadow:2px 3px 0 var(--navy);padding:4px 8px;transform:rotate(-10deg);font-size:11px;font-weight:900}.home h1{font-size:24px;line-height:1.35;letter-spacing:-1px;margin:6px 0 12px;font-weight:900}.tiny-break{display:none}.genre-line{display:flex;justify-content:center;gap:7px}.genre-dot{font-weight:900;font-size:12px;border:2px solid var(--navy);border-radius:6px;padding:4px 10px;box-shadow:1px 2px 0 var(--navy)}.cyan{background:var(--cyan)}.yellow{background:var(--yellow)}.pink{background:#ff94b8}.purple{background:#c0a8ff}.course-picker{border:0;padding:0;margin:22px 0 15px;display:flex;gap:9px;text-align:left}.course-picker label{flex:1;position:relative;cursor:pointer}.course-picker input{position:absolute;opacity:0}.course-picker span{display:block;border:2px solid #c7c5c1;border-radius:12px;padding:10px 13px;background:#fffdf6}.course-picker input:checked+span{border-color:var(--navy);background:#fff0a5;box-shadow:0 3px 0 var(--navy)}.course-picker b{display:block;font-size:16px}.course-picker small{font-size:11px;white-space:nowrap}.action-button{border:3px solid var(--navy);border-radius:15px;min-height:61px;width:100%;box-shadow:0 5px 0 var(--navy);font-weight:900;position:relative;transition:transform .1s,box-shadow .1s}.action-button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--navy)}.primary{background:var(--pink);color:white;font-size:23px;text-shadow:1px 2px 0 #a21751}.button-star{position:absolute;right:15px;font-size:25px;color:var(--yellow)}.home-foot{font-size:11px;margin:14px -8px 6px}.home-best{font-size:12px;font-weight:700;margin:6px 0 1px;min-height:18px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:12px;padding:8px}.frame-footer{height:27px;min-height:27px;padding:6px 18px 7px;display:flex;justify-content:space-between;border-top:1px dashed #b8b6ae;font-size:9px;font-weight:900;letter-spacing:1px}.play{padding:13px 14px 12px;display:flex;flex-direction:column;gap:10px}.play-top{display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:11px;font-weight:900;letter-spacing:1px;display:block}.play-top strong{font-size:28px;font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums}.time-pill{display:flex;align-items:center;gap:12px;border:2px solid var(--navy);border-radius:20px;padding:5px 8px 5px 14px;background:white;font-weight:900}.time-pill>span{font-size:21px;font-variant-numeric:tabular-nums}.pause-button{border:0;border-left:1px solid #c9cedb;background:none;font-weight:900;font-size:20px;padding:0 3px 0 10px}.run-progress{height:7px;border-radius:9px;background:#e1dfd6;overflow:hidden}.run-progress span{height:100%;background:var(--pink);width:0%;display:block}.stage-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:900;letter-spacing:1px}.game-window{border:3px solid var(--navy);border-radius:19px;position:relative;overflow:hidden;height:350px;min-height:260px;flex:1;background:var(--navy);touch-action:none;user-select:none;-webkit-user-select:none}#game{width:100%;height:100%;display:block;touch-action:none}.round-banner{position:absolute;top:23%;left:-3%;width:106%;background:var(--yellow);color:var(--navy);border-block:4px solid var(--navy);padding:13px 8px;text-align:center;font-weight:900;font-size:29px;transform:rotate(-5deg) translateX(-110%);pointer-events:none;z-index:4;box-shadow:0 7px 0 #101f4b55}.round-banner small{display:block;font-size:12px;letter-spacing:2px}.round-banner.enter{animation:banner .85s both}.feedback{position:absolute;top:14%;left:0;width:100%;text-align:center;font-size:33px;font-style:italic;font-weight:900;color:#fff;text-shadow:3px 3px 0 var(--navy),-2px -2px 0 var(--navy),2px -2px 0 var(--navy),-2px 2px 0 var(--navy);pointer-events:none;z-index:3;opacity:0}.feedback.pop{animation:feedback .75s both}.combo-badge{position:absolute;right:9px;bottom:19px;background:var(--yellow);border:2px solid var(--navy);padding:4px 9px;border-radius:8px;font-weight:900;font-size:13px;transform:rotate(-4deg)}.stage-time{height:6px;position:absolute;bottom:0;width:100%;background:#ffffff30}.stage-time span{display:block;height:100%;background:var(--yellow);width:100%}.control-zone{text-align:center}#instruction{margin:0 0 9px;font-size:18px;font-weight:900;line-height:1.35;min-height:25px}.game-action{background:var(--cyan);font-size:24px;touch-action:none;user-select:none;-webkit-user-select:none;height:69px}#control-help{display:block;font-size:10px;margin-top:10px;min-height:15px}.rush-meter{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;margin-top:1px}.rush-meter>div{height:10px;flex:1;background:#ddd9cc;border:1px solid var(--navy);border-radius:4px;overflow:hidden}.rush-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yellow),var(--pink));transition:width .2s}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8}.modal{position:absolute;inset:0;background:#101f4bb8;z-index:15;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal-card{background:var(--cream);padding:26px 22px;border:3px solid var(--navy);border-radius:22px;box-shadow:5px 6px 0 var(--navy);width:100%;max-width:380px;max-height:90%;overflow:auto}.modal-card h2{font-size:24px;font-weight:900;text-align:center;margin:0 0 20px}.modal-card p{font-size:14px;line-height:1.8}.how-row{display:flex;gap:12px;align-items:center;margin:15px 0}.how-row>span{border-radius:10px;padding:9px;font-weight:900;font-size:14px;white-space:nowrap}.how-row p{margin:0;font-size:12px}.how-row b{display:block;font-size:14px}.modal-card .action-button{margin-top:10px;font-size:18px;min-height:51px}.secondary{background:white;color:var(--navy);text-shadow:none}.toast{position:absolute;left:18px;right:18px;bottom:40px;padding:14px;background:var(--navy);color:white;text-align:center;border:2px solid white;border-radius:12px;font-size:14px;font-weight:700;z-index:20;box-shadow:0 5px 18px #0003}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes banner{0%{transform:rotate(-5deg) translateX(-110%)}18%,70%{transform:rotate(-5deg) translateX(0)}100%{transform:rotate(-5deg) translateX(110%)}}@keyframes feedback{0%{opacity:0;transform:scale(.5) rotate(-5deg)}15%{opacity:1;transform:scale(1.12) rotate(-5deg)}40%,75%{opacity:1;transform:scale(1) rotate(-5deg)}100%{opacity:0;transform:translateY(-18px) rotate(-5deg)}}
@media(max-width:520px){body{padding:0;background:var(--cream)}.arcade{border:0;border-radius:0;width:100%;min-height:100svh;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.home{padding:16px 28px 12px}.title-logo{max-height:205px}.topbar{padding-inline:20px}.game-window{height:auto;min-height:270px}.play{height:calc(100svh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex:none}.frame-footer{margin-top:auto}.hero-orbit{height:175px}.home-mascot{height:175px}}@media(max-height:740px) and (max-width:520px){.home{padding-top:9px}.title-logo{max-height:155px;margin-bottom:-14px}.hero-orbit{height:133px}.home-mascot{height:139px}.home h1{font-size:21px;margin:3px 0 10px}.course-picker{margin:16px 0 12px}.home-foot{margin-top:11px}.game-window{min-height:200px}.play{gap:7px}.game-action{height:57px;min-height:57px}#instruction{font-size:16px}.topbar{height:45px;min-height:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


@media(max-height:850px){.home{padding-top:12px}.title-logo{max-height:164px}.hero-orbit{height:140px}.home-mascot{height:144px}.home h1{font-size:21px;margin:5px 0 10px}.course-picker{margin:16px 0 13px}.home-foot{margin-top:12px}}
@media(max-height:730px){.title-logo{max-height:142px}.hero-orbit{height:105px}.home-mascot{height:111px}.home h1{font-size:19px;margin:5px 0 9px}.home{padding:10px 24px 8px}.home-kicker{font-size:12px}.course-picker{margin:13px 0 12px}.course-picker span{padding:8px 10px}.home .action-button{min-height:56px}.home-best{margin-top:3px}.home-foot{font-size:10px}.orbit-label{bottom:0}.orbit-spark{font-size:35px}.home .text-button{padding:5px}}