@font-face{font-family:Cubic11;src:url(./Cubic_11-Bd-l3la-.woff2)format("woff2");font-display:block}:root{--page:#000;--ink:#3b2a22;--paper:#fff6e6;--red:#d6402f;--gold:#ffe38a;--p:1px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#000}}:root[data-theme=dark]{--page:#000}*{box-sizing:border-box}html,body{touch-action:none;overscroll-behavior:none;height:100%;margin:0}body{background:var(--page);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:Cubic11,PingFang TC,Noto Sans TC,monospace;overflow:hidden}#app{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{touch-action:none;background:#f9d9a0;position:relative;overflow:hidden}#gl,#fx{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;inset:0}#ui{pointer-events:none;font-size:calc(var(--p) * 11);line-height:1;position:absolute;inset:0}.hide{display:none!important}.px{background:var(--paper);box-shadow:0 calc(var(--p) * -2) 0 var(--ink), 0 calc(var(--p) * 2) 0 var(--ink), calc(var(--p) * -2) 0 0 var(--ink), calc(var(--p) * 2) 0 0 var(--ink), 0 calc(var(--p) * 4) 0 #3b2a2259}.shadowtxt{text-shadow:var(--p) 0 0 var(--ink), calc(var(--p) * -1) 0 0 var(--ink), 0 var(--p) 0 var(--ink), 0 calc(var(--p) * -1) 0 var(--ink), var(--p) var(--p) 0 var(--ink), calc(var(--p) * -1) var(--p) 0 var(--ink), var(--p) calc(var(--p) * -1) 0 var(--ink), calc(var(--p) * -1) calc(var(--p) * -1) 0 var(--ink), 0 calc(var(--p) * 3) 0 var(--ink)}#logo{pointer-events:auto;cursor:pointer;left:calc(var(--p) * 12);top:calc(var(--p) * 12);width:calc(var(--p) * 40);padding:calc(var(--p) * 3) calc(var(--p) * 4) calc(var(--p) * 2);z-index:5;display:block;position:absolute}#logo img{width:100%;height:auto;display:block}#topbar{right:calc(var(--p) * 12);top:calc(var(--p) * 16);align-items:center;gap:calc(var(--p) * 10);z-index:6;display:flex;position:absolute}#hud{align-items:center;gap:calc(var(--p) * 5);padding:calc(var(--p) * 5) calc(var(--p) * 8);font-size:calc(var(--p) * 22);white-space:nowrap;display:flex}#hud.bump{transform:translateY(calc(var(--p) * -2))}#hud.warn{color:var(--red)}.fishico{width:calc(var(--p) * 20);height:calc(var(--p) * 10);image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5' shape-rendering='crispEdges'%3E%3Cpath fill='%23EE8436' d='M2 0h4v1H2zM9 0h1v1H9zM1 1h6v1H1zM8 1h2v1H8zM0 2h9v1H0zM1 3h6v1H1zM8 3h2v1H8zM2 4h4v1H2zM9 4h1v1H9z'/%3E%3Cpath fill='%233B2A22' d='M1 2h1v1H1z'/%3E%3C/svg%3E") 50%/contain no-repeat;display:inline-block}.pxbtn,.btn{font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;pointer-events:auto;box-shadow:0 calc(var(--p) * -2) 0 var(--ink), 0 calc(var(--p) * 2) 0 var(--ink), calc(var(--p) * -2) 0 0 var(--ink), calc(var(--p) * 2) 0 0 var(--ink), 0 calc(var(--p) * 4) 0 #3b2a2259;border:0}.pxbtn:focus-visible,.btn:focus-visible{outline:calc(var(--p) * 2) solid var(--gold);outline-offset:calc(var(--p) * 4)}.btn{font-size:calc(var(--p) * 22);padding:calc(var(--p) * 8) calc(var(--p) * 14)}.btn:active,.pxbtn:active{transform:translateY(calc(var(--p) * 2))}.btn.red{background:var(--red);color:#fff}#pauseBtn{width:calc(var(--p) * 30);height:calc(var(--p) * 30);font-size:calc(var(--p) * 11)}#banner{text-align:center;position:absolute;top:24%;left:0;right:0}#banner .band{padding:calc(var(--p) * 12) calc(var(--p) * 10) calc(var(--p) * 14);box-shadow:0 calc(var(--p) * -3) 0 var(--gold), 0 calc(var(--p) * 3) 0 var(--gold);background:#1c1218d1}#banner .w{color:var(--gold);font-size:calc(var(--p) * 22);letter-spacing:.3em}#banner .t{color:var(--paper);font-size:calc(var(--p) * 44);margin-top:calc(var(--p) * 6);letter-spacing:.04em;white-space:nowrap}#banner .h{color:var(--paper);font-size:calc(var(--p) * 22);margin-top:calc(var(--p) * 8);white-space:nowrap;line-height:1.4}#banner.in .band{animation:.18s steps(3,end) both bandIn}#banner.in .w{animation:.24s steps(4,end) 50ms both slam}#banner.in .t{animation:.28s steps(4,end) .1s both slam}#banner.in .h{animation:.3s steps(3,end) .2s both rise}@keyframes bandIn{0%{transform:scaleY(0)}to{transform:none}}#banner.dock{top:calc(var(--p) * 90)}#banner.dock .band{padding:calc(var(--p) * 5) calc(var(--p) * 8);box-shadow:0 calc(var(--p) * -2) 0 var(--gold), 0 calc(var(--p) * 2) 0 var(--gold);animation:.18s steps(3,end) both bandIn}#banner.dock .w{font-size:calc(var(--p) * 11);letter-spacing:.1em;margin-right:calc(var(--p) * 6);animation:none;display:inline}#banner.dock .t{font-size:calc(var(--p) * 22);animation:none;display:inline}#banner.dock .h{display:none}#banner.dock .band{background:#1c121899}#waveChip{left:calc(var(--p) * 12);top:calc(var(--p) * 62);padding:calc(var(--p) * 5) calc(var(--p) * 8);font-size:calc(var(--p) * 11);z-index:5;align-items:center;line-height:1;display:flex;position:absolute}#ruleStrip{left:calc(var(--p) * 12);right:calc(var(--p) * 12);bottom:calc(var(--p) * 8);text-align:center;color:var(--paper);box-shadow:0 calc(var(--p) * -2) 0 var(--gold);font-size:calc(var(--p) * 11);padding:calc(var(--p) * 4) calc(var(--p) * 6);z-index:4;background:#1c1218b3;position:absolute}#waveChip b{color:var(--red);margin-right:calc(var(--p) * 4);font-weight:400}@keyframes slam{0%{opacity:0;transform:translate(-60%)}to{opacity:1;transform:none}}@keyframes rise{0%{transform:translateY(calc(var(--p) * 8));opacity:0}to{opacity:1;transform:none}}#say{left:calc(var(--p) * 18);right:calc(var(--p) * 18);padding:calc(var(--p) * 16) calc(var(--p) * 12) calc(var(--p) * 10);position:absolute;top:13%}#say .name,.nameplate{top:calc(var(--p) * -11);left:calc(var(--p) * 10);background:var(--red);color:#fff;padding:calc(var(--p) * 3) calc(var(--p) * 8);font-size:calc(var(--p) * 11);box-shadow:0 calc(var(--p) * -2) 0 var(--ink), 0 calc(var(--p) * 2) 0 var(--ink), calc(var(--p) * -2) 0 0 var(--ink), calc(var(--p) * 2) 0 0 var(--ink);position:absolute}#say p{font-size:calc(var(--p) * 22);white-space:pre-line;margin:0;line-height:1.5}#lanes{pointer-events:auto;touch-action:none;display:flex;position:absolute;inset:57% 0 0}.lane{padding-top:var(--laneTop,calc(var(--p) * 154));justify-content:flex-start;align-items:center;gap:calc(var(--p) * 8);flex-direction:column;flex:1;display:flex;position:relative}.lane .plate{background:var(--red);color:#fff;padding:calc(var(--p) * 3) calc(var(--p) * 4);font-size:var(--plateFont,calc(var(--p) * 22));box-shadow:0 calc(var(--p) * -2) 0 var(--ink), 0 calc(var(--p) * 2) 0 var(--ink), calc(var(--p) * -2) 0 0 var(--ink), calc(var(--p) * 2) 0 0 var(--ink);white-space:nowrap}.lane .plate.flip{animation:.3s steps(3,end) flip}@keyframes flip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}.lane .band{left:calc(var(--p) * 10);right:calc(var(--p) * 10);top:calc(var(--laneTop,calc(var(--p) * 154)) - var(--p) * 8);height:calc(var(--p) * 2);position:absolute}.lane .key{color:var(--paper);font-size:calc(var(--p) * 11);opacity:.55}.lane.hit{background:#fff6e61f}#anyKey{left:0;right:0;bottom:calc(var(--p) * 14);pointer-events:none;justify-content:center;display:flex;position:absolute}#anyKey .plate{background:var(--ink);color:var(--paper);padding:calc(var(--p) * 3) calc(var(--p) * 10);font-size:calc(var(--p) * 11);box-shadow:0 calc(var(--p) * -2) 0 var(--ink), 0 calc(var(--p) * 2) 0 var(--ink), calc(var(--p) * -2) 0 0 var(--ink), calc(var(--p) * 2) 0 0 var(--ink)}.lane .next{font-size:calc(var(--p) * 11);color:var(--gold)}#screen>*{pointer-events:auto}.scr{flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.scr.dim{background:#1c12188c}.title-a{color:var(--paper);font-size:calc(var(--p) * 50);letter-spacing:.04em;white-space:nowrap;margin-top:22%}.title-b{margin-top:calc(var(--p) * 6);color:var(--gold);font-size:calc(var(--p) * 22);white-space:nowrap}.blink{animation:.9375s step-end infinite blink}@keyframes blink{50%{visibility:hidden}}.card{margin:0 calc(var(--p) * 18);padding:calc(var(--p) * 18) calc(var(--p) * 14) calc(var(--p) * 14);position:relative}.card h2{margin:0 0 calc(var(--p) * 12);font-size:calc(var(--p) * 22);font-weight:400}.card p{margin:0 0 calc(var(--p) * 8);font-size:calc(var(--p) * 11);line-height:1.6}.row{justify-content:space-between;align-items:center;gap:calc(var(--p) * 8);font-size:calc(var(--p) * 11);padding:calc(var(--p) * 4) 0;display:flex}.row b{font-weight:400;font-size:calc(var(--p) * 22)}.chip{width:calc(var(--p) * 8);height:calc(var(--p) * 8);margin-right:calc(var(--p) * 4);box-shadow:0 0 0 var(--p) var(--ink);display:inline-block}.btns{gap:calc(var(--p) * 14);margin-top:calc(var(--p) * 18);flex-wrap:wrap;justify-content:center;display:flex}.grade{font-size:calc(var(--p) * 88);color:var(--gold);text-align:center;line-height:1}.gradePlate{padding:calc(var(--p) * 4) calc(var(--p) * 30)}.row b small{font-size:calc(var(--p) * 11);margin-left:calc(var(--p) * 3)}.gradeName{text-align:center;color:var(--paper);font-size:calc(var(--p) * 22);margin-top:calc(var(--p) * 8)}.small{font-size:calc(var(--p) * 11)}.toggle{min-width:calc(var(--p) * 44)}.row.rule{justify-content:flex-start;gap:calc(var(--p) * 8);align-items:flex-start;line-height:1.5}.row.rule .tag{font-size:calc(var(--p) * 11);background:var(--ink);color:var(--paper);padding:calc(var(--p) * 2) calc(var(--p) * 5);min-width:calc(var(--p) * 30);text-align:center;flex:none}.where{margin-top:calc(var(--p) * 6)}.whereGrid{gap:calc(var(--p) * 3) calc(var(--p) * 6);font-size:calc(var(--p) * 11);grid-template-columns:repeat(4,1fr);display:grid}.whereCell{white-space:nowrap}.whereCell span{margin-left:calc(var(--p) * 3)}.whereCell span.over{color:var(--red)}.row.vs{color:#6f9a3a;justify-content:flex-end;padding-top:0}.notebook{margin-top:calc(var(--p) * 8);padding-top:calc(var(--p) * 8);border-top:calc(var(--p) * 2) dashed #3b2a2259}.nbTitle{font-size:calc(var(--p) * 11);margin-bottom:calc(var(--p) * 6);opacity:.75}.nbRow{font-size:calc(var(--p) * 11);margin-bottom:calc(var(--p) * 4);line-height:1.5}.nbRule{opacity:.7;padding-left:calc(var(--p) * 12)}.resultBtns{row-gap:calc(var(--p) * 10);position:absolute;bottom:2%;left:0;right:0}.appLink{max-width:calc(var(--p) * 250);text-align:center;flex-basis:100%;margin:0 auto;text-decoration:none;display:block}#ghostHud{right:0;top:calc(var(--p) * 46);align-items:center;gap:calc(var(--p) * 5);padding:calc(var(--p) * 5) calc(var(--p) * 8);white-space:nowrap;font-size:calc(var(--p) * 11);line-height:1;display:flex;position:absolute}#ghostHud.fat{color:#6b4c9a}body.reduce *{transition:none!important;animation:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}