:root{--u:min(100vh / 1080, 100vw / 1920);--row:240;--ease:cubic-bezier(.22, 1, .36, 1);--ink:#fff;--ink-soft:#ffffffbd;--line:#ffffff38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-aspect-ratio:1){:root{--u:calc(100vw / 900);--row:640}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;height:100%;overflow:hidden}body{color:var(--ink);font-family:var(--font-xmb), "Hiragino Sans", system-ui, sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-weight:400}::selection{background:#ffffff4d}button{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:calc(var(--u) * 2) solid #fff9;outline-offset:calc(var(--u) * 4)}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.console{text-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #00000059;position:fixed;inset:0;overflow:hidden}.wave{width:100%;height:100%;display:block;position:absolute;inset:0}.standby{justify-content:flex-end;align-items:center;gap:calc(var(--u) * 28);padding-bottom:calc(var(--u) * 90);flex-direction:column;display:flex;position:absolute;inset:0}.standby:focus-visible{outline:none}.standby-hint{font-size:calc(var(--u) * 22);letter-spacing:.08em;color:#ffffff80;animation:fade-in 1.6s .8s var(--ease) both;transition:opacity .4s var(--ease);font-weight:300}.led{width:calc(var(--u) * 12);height:calc(var(--u) * 12);box-shadow:0 0 calc(var(--u) * 14) calc(var(--u) * 2) #ff2a1a8c;background:#ff2a1a;border-radius:50%;order:2;transition:background .12s,box-shadow .12s}@media (hover:hover) and (pointer:fine){.standby:hover .standby-hint{color:#ffffffbf}}.is-lit .led{box-shadow:0 0 calc(var(--u) * 18) calc(var(--u) * 3) #3dff6a99, 0 0 calc(var(--u) * 80) calc(var(--u) * 20) #3dff6a2e;background:#3dff6a}.is-lit .standby-hint{opacity:.5}.boot{cursor:pointer;place-items:center;transition:opacity .5s ease-out;display:grid;position:absolute;inset:0}.boot>*{grid-area:1/1}.boot.is-out{opacity:0}.boot-studio{justify-items:center;gap:calc(var(--u) * 26);opacity:0;transition:opacity .35s ease-out;display:grid}.boot-studio p{font-size:calc(var(--u) * 26);letter-spacing:.42em;text-transform:uppercase;margin-right:-.42em;font-weight:300}.boot-mark svg{width:calc(var(--u) * 64);height:calc(var(--u) * 64);filter:drop-shadow(0 0 calc(var(--u) * 16) #ffffff73)}.is-studio .boot-studio{opacity:1;transition-duration:.9s}.wordmark{width:min(calc(var(--u) * 1150), 88vw);mix-blend-mode:screen;opacity:0;filter:blur(calc(var(--u) * 6));transition:opacity .9s ease-out,filter .9s ease-out;position:relative}.is-logo .wordmark,.is-out .wordmark{opacity:1;filter:blur()}.wordmark img{width:100%;height:auto;display:block}.wordmark>img:first-child{opacity:.88}.wordmark-shine{filter:drop-shadow(0 0 calc(var(--u) * 10) #fff);position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#0000 42%,#000 50%,#0000 58%);mask-image:linear-gradient(105deg,#0000 42%,#000 50%,#0000 58%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.is-logo .wordmark-shine{animation:1.1s cubic-bezier(.77,0,.175,1) .6s both shine}@keyframes shine{to{-webkit-mask-position:0 0;mask-position:0 0}}.boot-skip{margin:0 calc(var(--u) * 96) calc(var(--u) * 56) 0;font-size:calc(var(--u) * 18);letter-spacing:.06em;color:#fff6;animation:fade-in 1s 1.4s var(--ease) both;place-self:end}.xmb{animation:.7s ease-out backwards fade-in;position:absolute;inset:0}.clock{top:calc(var(--u) * 62);right:calc(var(--u) * 96);gap:calc(var(--u) * 20);padding-bottom:calc(var(--u) * 6);font-size:calc(var(--u) * 26);font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff73;display:flex;position:absolute}.hood-tag{max-width:calc(var(--u) * 360);padding-right:calc(var(--u) * 20);text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);border-right:1px solid #ffffff59;overflow:hidden}.bar,.items{transition:opacity .3s var(--ease), translate .4s var(--ease)}.cat{left:calc(var(--u) * 300);top:calc(var(--u) * var(--row));width:calc(var(--u) * 140);height:calc(var(--u) * 100);transform:translateX(calc(var(--x) * var(--u) * 200));opacity:.5;transition:transform .22s var(--ease), opacity .22s var(--ease);place-items:center;display:grid;position:absolute}.cat.on{opacity:1}.ico{width:calc(var(--u) * 140);height:calc(var(--u) * 100);flex:none;place-items:center;display:grid}.ico svg{width:calc(var(--u) * 84);height:calc(var(--u) * 84);filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 4) #0000004d);transition:transform .24s var(--ease), filter .24s var(--ease);overflow:visible}.cat.on svg,.item.on svg{filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 4) #0000004d) drop-shadow(0 0 calc(var(--u) * 12) #ffffff8c)}.cat-label{top:calc(var(--u) * 104);white-space:nowrap;font-size:calc(var(--u) * 24);opacity:0;transition:opacity .2s;position:absolute;left:50%;translate:-50%}.cat.on .cat-label{opacity:1}.items{left:calc(var(--u) * 300);top:calc(var(--u) * (var(--row) + 156));position:absolute}.item{align-items:center;gap:calc(var(--u) * 26);width:max-content;max-width:calc(100vw - var(--u) * 360);transform:translateY(calc(var(--y) * var(--u)));opacity:.55;transition:transform .18s var(--ease), opacity .18s var(--ease);animation:item-in .22s var(--ease) backwards;display:flex;position:absolute;top:0;left:0}.item.on .t{text-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #00000059, 0 0 calc(var(--u) * 16) #ffffff73}@media (hover:hover) and (pointer:fine){.cat:not(.on):hover,.item:not(.on):hover{opacity:.85}.cat:not(.on):hover .cat-label{opacity:.6}.side button:hover{color:var(--ink);background:#ffffff14}.hints button:hover{color:var(--ink)}.dialog-ok:hover{background:linear-gradient(#ffffff5c,#ffffff24)}}.cat:active .ico,.item:active .ico,.dialog-ok:active,.hints button:active,.toast:active{scale:.96}.cat .ico,.item .ico,.dialog-ok,.hints button{transition:scale .14s var(--ease)}.item.above{opacity:.42}.item.on{opacity:1}.item:not(.on) svg{transform:scale(.74)}.cover{border-radius:calc(var(--u) * 6)}.txt{gap:calc(var(--u) * 4);min-width:0;display:grid}.txt .t{font-size:calc(var(--u) * 28);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.txt .s{font-size:calc(var(--u) * 20);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item:not(.on) .s{display:none}.is-panel .bar,.is-panel .items{opacity:0;translate:calc(var(--u) * -80) 0;pointer-events:none}.panel{left:calc(var(--u) * 300);top:calc(var(--u) * var(--row));width:min(calc(var(--u) * 1100), calc(100vw - var(--u) * 360));animation:panel-in .26s var(--ease) backwards;position:absolute}.panel-head{align-items:center;gap:calc(var(--u) * 26);display:flex}.panel-head svg{filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 4) #0000004d) drop-shadow(0 0 calc(var(--u) * 12) #ffffff8c)}.panel h1{font-size:calc(var(--u) * 46);letter-spacing:.01em;font-weight:300}.panel-body{margin:calc(var(--u) * 48) 0 0 calc(var(--u) * 166);font-size:calc(var(--u) * 26);max-width:60ch;line-height:1.6}.panel-body p+.rows{margin-top:calc(var(--u) * 36)}.rows>div{grid-template-columns:calc(var(--u) * 300) 1fr;gap:calc(var(--u) * 24);padding:calc(var(--u) * 14) 0;border-bottom:1px solid var(--line);display:grid}.rows>div:first-child{border-top:1px solid var(--line)}.rows dt{color:var(--ink-soft)}.is-choose .bar,.is-options .bar{opacity:.35}.is-choose .item:not(.on),.is-options .item:not(.on){opacity:.18}.side{width:min(calc(var(--u) * 560), 80vw);padding-top:calc(var(--u) * var(--row));scrollbar-width:none;background:linear-gradient(90deg,#0000004d,#0000009e 30%);border-left:1px solid #ffffff47;animation:.22s cubic-bezier(.32,.72,0,1) backwards side-in;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.side ul{list-style:none}.side button{width:100%;padding:calc(var(--u) * 16) calc(var(--u) * 56);font-size:calc(var(--u) * 26);color:var(--ink-soft);transition:background .18s,color .18s;display:block}.side .on button{color:var(--ink);background:linear-gradient(90deg,#ffffff4d,#ffffff0f)}.ico.wide{width:calc(var(--u) * 240);height:calc(var(--u) * 135);margin-left:calc(var(--u) * -50)}.art{width:100%;height:100%;transition:transform .24s var(--ease);display:block;position:relative}.item:not(.on) .art{transform:scale(.74)}.art img{object-fit:cover;border-radius:calc(var(--u) * 4);width:100%;height:100%;box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 14) #00000073;transition:filter .24s,box-shadow .24s;display:block}.item.on .art img{box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 14) #00000073, 0 0 0 1px #ffffff8c, 0 0 calc(var(--u) * 26) #ffffff4d}.item.locked .art img{filter:grayscale()brightness(.55)}.item.locked.on .art img{filter:brightness(.9)}.lock{right:calc(var(--u) * 8);bottom:calc(var(--u) * 8);width:calc(var(--u) * 36);height:calc(var(--u) * 36);background:#0000009e;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 1px #ffffff59}.item .art .lock svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20);filter:none;transform:none}.txt .s{font-variant-numeric:tabular-nums}.panel-art{width:calc(var(--u) * 640);aspect-ratio:16/9;object-fit:cover;max-width:100%;margin-bottom:calc(var(--u) * 36);border-radius:calc(var(--u) * 6);box-shadow:0 calc(var(--u) * 6) calc(var(--u) * 24) #00000073;display:block}.is-panel .panel:has(.panel-art){top:calc(var(--u) * (var(--row) - 120))}.panel-body.flush{margin-left:0;margin-top:calc(var(--u) * 28)}.is-dialog .bar,.is-dialog .items{opacity:.3}.dialog{animation:fade-in .2s var(--ease) both;background:#0000004d;place-items:center;display:grid;position:absolute;inset:0}.dialog-band{justify-items:center;gap:calc(var(--u) * 10);width:100%;padding:calc(var(--u) * 56) calc(var(--u) * 32);font-size:calc(var(--u) * 28);text-align:center;background:linear-gradient(#000000bd,#0009);border-block:1px solid #ffffff59;display:grid}.dialog-ok{margin-top:calc(var(--u) * 28);padding:calc(var(--u) * 10) calc(var(--u) * 64);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 24);text-align:center;background:linear-gradient(#ffffff42,#ffffff14);border:1px solid #fff9}.hints{right:calc(var(--u) * 96);bottom:calc(var(--u) * 56);gap:calc(var(--u) * 32);font-size:calc(var(--u) * 18);color:#ffffffb3;display:flex;position:absolute}.hints button{padding:calc(var(--u) * 6) 0;transition:color .18s, scale .14s var(--ease)}.hints kbd{margin-right:calc(var(--u) * 8);padding:calc(var(--u) * 1) calc(var(--u) * 8);border-radius:calc(var(--u) * 5);font:inherit;border:1px solid #ffffff8c;display:inline-block}.hints,.clock{transition:opacity .25s}.is-choose .clock,.is-options .clock{opacity:0}@media (hover:none){.hints{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + var(--u) * 40);justify-content:center;gap:calc(var(--u) * 20);font-size:calc(var(--u) * 26)}.hints button{padding:calc(var(--u) * 12) calc(var(--u) * 30);background:#0000002e;border:1px solid #ffffff59;border-radius:999px}}.toast{top:calc(var(--u) * 130);right:calc(var(--u) * 96);z-index:3;align-items:center;gap:calc(var(--u) * 18);max-width:min(calc(var(--u) * 620), calc(100vw - var(--u) * 80));padding:calc(var(--u) * 14) calc(var(--u) * 28) calc(var(--u) * 14) calc(var(--u) * 20);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 21);text-align:left;background:#0000008c;line-height:1.35;transition:opacity .18s ease-out;animation:.24s ease-out backwards toast-in;display:flex;position:absolute}.toast.out{opacity:0}.toast svg{width:calc(var(--u) * 40);height:calc(var(--u) * 40);filter:drop-shadow(0 0 calc(var(--u) * 8) #fff6);flex:none}.toast-txt{display:grid}.toast-txt .s{color:var(--ink-soft)}@keyframes toast-in{0%{opacity:0;translate:calc(var(--u) * 16) 0}}.is-choose .toast,.is-options .toast{opacity:0}@media (max-aspect-ratio:1){.toast{right:calc(var(--u) * 40);left:calc(var(--u) * 40);top:calc(var(--u) * 150);max-width:none;font-size:calc(var(--u) * 32)}.toast svg{width:calc(var(--u) * 52);height:calc(var(--u) * 52)}.hints{font-size:calc(var(--u) * 30)}}.xmb{transition:opacity .4s var(--ease)}.xmb.is-away{opacity:0;pointer-events:none}.game{z-index:5;touch-action:none;animation:fade-in .6s var(--ease) both;background:#000;position:fixed;inset:0}.game-loading{justify-content:flex-end;align-items:flex-end;gap:calc(var(--u) * 18);padding:0 calc(var(--u) * 96) calc(var(--u) * 72) 0;font-size:0;animation-duration:.3s;display:flex}.game-loading:before{content:"";width:calc(var(--u) * 46);height:calc(var(--u) * 46);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--u) * 8), #000 calc(100% - var(--u) * 7)), repeating-conic-gradient(#000 0 22deg, transparent 22deg 30deg);mask:radial-gradient(farthest-side, transparent calc(100% - var(--u) * 8), #000 calc(100% - var(--u) * 7)), repeating-conic-gradient(#000 0 22deg, transparent 22deg 30deg);-webkit-mask-composite:source-in;background:conic-gradient(#ffffff14,#fff);border-radius:50%;order:2;animation:.9s linear infinite spin;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes spin{to{rotate:1turn}}.game-canvas{width:100%;height:100%;display:block}.hud{top:calc(var(--u) * 44);left:calc(var(--u) * 64);right:calc(var(--u) * 64);pointer-events:none;text-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) #00000080;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-score{gap:calc(var(--u) * 6);font-size:calc(var(--u) * 60);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;display:grid}.hud-coins{align-items:center;gap:calc(var(--u) * 10);font-size:calc(var(--u) * 30);font-weight:500;display:flex}.coin-dot{width:calc(var(--u) * 24);height:calc(var(--u) * 24);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) #0006;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffcc4d 45%,#a8740a);border-radius:50%}.hud-hint{font-size:calc(var(--u) * 18);color:var(--ink-soft)}.countdown{font-size:calc(var(--u) * 220);text-shadow:0 calc(var(--u) * 6) calc(var(--u) * 30) #00000073;pointer-events:none;animation:count-pop .6s var(--ease) both;place-items:center;font-style:italic;font-weight:800;display:grid;position:absolute;inset:0}@keyframes count-pop{0%{opacity:0;filter:blur(calc(var(--u) * 10));scale:1.6}}.game-help{bottom:calc(var(--u) * 80);text-align:center;width:100%;font-size:calc(var(--u) * 24);position:absolute}.game-help kbd,.dialog kbd{min-width:1.6em;padding:0 calc(var(--u) * 6);border-radius:calc(var(--u) * 5);font:inherit;border:1px solid #ffffff8c;display:inline-block}.touch-only{display:none}@media (hover:none){.touch-only{display:inline}.key-only{display:none}}.choices{justify-content:center;gap:calc(var(--u) * 20);flex-wrap:wrap;display:flex}.choices .dialog-ok{margin-top:calc(var(--u) * 12);padding-inline:calc(var(--u) * 36)}.pause-btn{pointer-events:auto;width:calc(var(--u) * 72);height:calc(var(--u) * 72);padding:calc(var(--u) * 16);background:#00000059;border-radius:50%}.band-title{font-size:calc(var(--u) * 68);font-style:italic;font-weight:800;line-height:1.1}.band-line{color:var(--ink-soft)}.stats{justify-content:center;gap:calc(var(--u) * 24) calc(var(--u) * 64);margin:calc(var(--u) * 28) 0;flex-wrap:wrap;display:flex}.stats div{gap:calc(var(--u) * 4);display:grid}.stats dt{font-size:calc(var(--u) * 18);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.stats dd{font-size:calc(var(--u) * 44);font-variant-numeric:tabular-nums;font-weight:500}.stats .ath{color:#ffd34d}@keyframes fade-in{0%{opacity:0}}@keyframes item-in{0%{opacity:0;translate:calc(var(--dir,1) * var(--u) * 200) 0}}@keyframes panel-in{0%{opacity:0;translate:calc(var(--u) * 40) 0}}@keyframes side-in{0%{translate:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.game-loading:before{animation-duration:1.6s!important}}