:root{--w: min(calc(100svh / 2.2), 100svw);--h: min(100svh, calc(100svw*2.2));--u: calc(var(--w)/100);--bo: calc(var(--w)/200);--stage-area-col: #aaa}*{margin:0}html{display:flex;align-items:center;justify-content:center;height:100%}h1{font-family:Cherry Bomb One,system-ui;font-size:calc(var(--u)*10)}#root{width:var(--w);height:var(--h);display:grid}#app{width:100%;height:100%;display:grid}.size-selector{display:flex;align-items:flex-end}.size-selector *{display:inline-block;text-align:center;margin:0;padding:0;font-family:Jockey One,sans-serif;border-color:#000;border-top-left-radius:calc(var(--u)*4);border-top-right-radius:calc(var(--u)*4);height:calc(var(--u) * 10);min-height:calc(var(--u) * 10)}.size-selector button{font-size:calc(var(--u)*6);width:calc(var(--w) / 5.2);padding:0;margin:0;color:#000;border-color:#000}.size-selector div{font-size:calc(var(--u)*6);width:calc(var(--w) / 5.2 * 1.2);background-color:#000;color:#fff}div,button{font-size:calc(var(--u)*6);margin:0;padding:0}button{border:solid black calc(var(--u)*.5);color:#000;background-color:#dedede}button.stage-num{border:solid #888 calc(var(--u)*.5);width:calc(var(--w) / 4.01 - var(--u) * 2);font-family:Jockey One,sans-serif;margin:calc(var(--u) * 1);border-radius:calc(var(--u) * 2)}button.stage-num span{font-size:calc(var(--u)*3.6)}.sound-selected{border:solid black calc(var(--u)*1);margin:calc(var(--u)*1);padding:calc(var(--u)*1) calc(var(--u)*3);font-size:calc(var(--u)*6)}.sound-not-selected{border:solid #888 calc(var(--u)*.1);font-size:calc(var(--u)*5);margin:calc(var(--u)*1);padding:calc(var(--u)*1) calc(var(--u)*3)}@keyframes colorHueLoop{0%{color:#d7397b}25%{color:#9d7c00;color:oklch(.6 .2 90deg)}50%{color:#009583;color:oklch(.6 .2 180deg)}75%{color:#5471f5}to{color:#d7397b}}@keyframes backgroundHueLoop{0%{background-color:#ffe7ee4d;background-color:oklch(.95 .4 0deg / .3)}25%{background-color:#ffedbe4d;background-color:oklch(.95 .4 90deg / .3)}50%{background-color:#bafff04d;background-color:oklch(.95 .4 180deg / .3)}75%{background-color:#e8eeff4d;background-color:oklch(.95 .4 270deg / .3)}to{background-color:#ffe7ee4d;background-color:oklch(.95 .4 360deg / .3)}}#completed-wrapper{position:absolute;top:calc(var(--h) * .3)}#completed{border-radius:calc(var(--u) * 4);border:solid black calc(var(--u) * 1);width:calc(var(--w) * .8);margin:10% auto auto 10%;animation:backgroundHueLoop 2s linear infinite}#completed p{width:100%;text-align:center}#completed #completed-head{font-family:Jockey One,sans-serif;font-size:calc(var(--u) * 8)}#completed #new-record{font-family:Jockey One,sans-serif;font-size:calc(var(--u) * 10);animation:colorHueLoop .5s linear infinite}#completed #rank-text{font-family:Cherry Bomb One;font-size:calc(var(--u) * 10)}#completed #completed-buttons{display:grid;grid-template-columns:1fr 1fr}#completed #completed-buttons button{margin:calc(var(--u) * 2) calc(var(--u) * 2);border-radius:calc(var(--u) * 2);background-color:#fff;color:#000}#completed #completed-buttons button.phase-control{font-family:Jockey One,sans-serif;font-size:calc(var(--u) * 7)}#completed #completed-buttons button.taiitsu{font-family:Cherry Bomb One;font-size:calc(var(--u) * 9);grid-column:span 2}#stage-sel{font-family:Hiragino Maru Gothic Pro,Yu Gothic,sans-serif;display:grid;grid-template-rows:auto auto calc(var(--h)*.7) 1fr}#stage-sel #sound-ui{text-align:right}#stage-sel #sound-ui *{border-radius:calc(var(--u) * 3)}#stage-sel #title-img{width:var(--w)}#stage-sel #game-sel{display:grid;grid-template-rows:auto 1fr}#stage-sel #stage-sel-bottom{grid-row:4;text-align:center}#stage-sel #stage-sel-bottom button{font-family:Cherry Bomb One,system-ui;font-size:calc(var(--u)*6);border-radius:calc(var(--u)*3);padding:0 calc(var(--u)*3);margin:calc(var(--u)*3)}#stage-sel #stage-sel-story{grid-row:3;background-image:url(./bg-CZOx2VCc.webp)}#stage-sel #stage-sel-story div{margin:auto;padding-top:calc(var(--h)*.1);width:fit-content;height:fit-content}#stage-sel #stage-sel-story div div{border:solid black calc(var(--u)*1);text-align:center;font-family:Cherry Bomb One,system-ui;font-size:calc(var(--u)*20);border-radius:calc(var(--u)*3);background-color:#fff;padding:calc(var(--u)*3)}#stage-sel #stage-sel-story div div button{font-family:Cherry Bomb One,system-ui;font-size:calc(var(--u)*10);border-radius:calc(var(--u)*3);padding:0 calc(var(--u)*6)}#stage-sel #stage-sel-etc{grid-row:3;background-image:url(./bg-CZOx2VCc.webp)}#stage-sel #stage-sel-etc #rule .taitsu{font-family:Cherry Bomb One,system-ui;font-size:calc(var(--u)*6)}#stage-sel #stage-sel-etc div{margin:auto;padding-top:calc(var(--h)*.1);width:fit-content;height:fit-content}#stage-sel #stage-sel-etc div div{border:solid black calc(var(--u)*1);text-align:center;font-family:Hiragino Maru Gothic ProN,ヒラギノ丸ゴ ProN,HGMaruGothicMPRO,sans-serif;font-size:calc(var(--u)*5);border-radius:calc(var(--u)*3);background-color:#eff;padding:calc(var(--u)*3)}#stage-sel #stage-sel-etc div div div{border:solid black calc(var(--u)*.1);padding:calc(var(--u)*.5) calc(var(--u)*5);margin:calc(var(--u)*2) auto;background-color:#fff}#stage-sel #stage-sel-etc div div div a{text-decoration:none}#stage-sel #stage-sel-etc div div button{font-family:Cherry Bomb One,system-ui;font-size:calc(var(--u)*10);border-radius:calc(var(--u)*3);padding:0 calc(var(--u)*6);background-color:#dedede}#game-state-panel{font-family:Cherry Bomb One;font-size:calc(var(--u)*10);margin:0;padding:0;position:relative}#game-state-panel #top-retry-button{font-family:Cherry Bomb One;font-size:calc(var(--u)*8);background-color:#fff4;border-radius:0 0 calc(var(--u)*7) 0;border-right:solid black calc(var(--u)*1.5);border-bottom:solid black calc(var(--u)*1.5);border-left:none;border-top:none;padding:0 calc(var(--u)*3);position:absolute;color:#000;top:0;left:0}#game-state-panel #retry-dialog-wrapper{position:absolute;width:100%;top:0;left:0;margin:0 auto auto 0}#game-state-panel #retry-dialog-wrapper #retry-dialog{background-color:#d1e3de;margin:calc(var(--u) * 4) calc(var(--u) * 15);padding:calc(var(--u) * 3);border-radius:calc(var(--u) * 4);border:solid black calc(var(--u) * 1);display:grid;grid-template-columns:1fr;position:relative}#game-state-panel #retry-dialog-wrapper #retry-dialog .close{position:absolute;right:calc(var(--u) * 4);font-family:Cherry Bomb One,system-ui;color:red;background-color:transparent;border:none;font-size:calc(var(--u) * 12)}#game-state-panel #retry-dialog-wrapper #retry-dialog .phase-control{font-family:Jockey One,sans-serif;background-color:#fff;border-radius:calc(var(--u) * 2);font-size:calc(var(--u) * 8.5);width:fit-content;margin:calc(var(--u) * 2) auto;padding:0 calc(var(--u) * 2)}#game-state-panel #score-unit{font-size:calc(var(--u)*8)}#game-state-panel *{margin:0;padding:0}#game-state-panel *{text-align:center}#stage-list{overflow:scroll;background:url(./bg2-BLtGaRwt.webp);background-size:cover}#stage-list button{border:solid black calc(var(--u)*.5)}.stage-info{border:solid black calc(var(--u) * 1);border-radius:calc(var(--u) * 3);background-color:var(--stage-st-col);padding:calc(var(--u) * 1) calc(var(--u) * 3);margin:calc(var(--u) * 1) calc(var(--u) * 1);display:grid;grid-template-columns:30fr 1fr;font-family:Jockey One,sans-serif}.stage-info div{font-size:calc(var(--u) * 7.2);display:grid;grid-template-columns:1fr 1fr}#game-body{grid-row:1;grid-column:1}#bg-tights{background-image:url(./bg-CZOx2VCc.webp);grid-row:1;grid-column:1;z-index:-1}