@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fff8ea;--paper-soft:#f1e2c8;--amber:#ffb53d;--amber-ink:#4a2603;--card:#fff6e2;--ink:#2b2530;--ink-soft:#665b69;--teal:#1aa89c;--teal-deep:#136a64;--ui:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--u:1px;--col:100%;--lift:0 1px 2px #060a126b, 0 3px 12px #060a1242;--lift-big:0 2px 3px #060a1257, 0 8px 22px #060a124d;--glass:linear-gradient(#ffffff42, #ffffff12);--glass-shadow:inset 0 1px 0 #ffffff8c, inset 0 -5px 9px #060a1229, 0 6px 16px #060a1238;--spring:cubic-bezier(.3, 1.7, .5, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html,body{overscroll-behavior:none;height:100%;color:var(--paper);font-family:var(--ui);-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0a3540;overflow:hidden}[hidden]{display:none!important}#app{background:#0a3540;position:fixed;inset:0}#stage{position:relative;overflow:hidden;container-type:size}#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#safe{visibility:hidden;pointer-events:none;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);position:absolute}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.card button:focus-visible,.card input:focus-visible{outline-color:var(--teal-deep)}.btn,.chip,.icon{transition:transform .26s var(--spring)}.btn:active,.chip:active{transition-duration:70ms;transform:scale(1.05,.9)}.icon:active{transition-duration:70ms;transform:scale(.88)}.btn{isolation:isolate;min-height:max(46px, calc(var(--u) * 52));padding:0 calc(var(--u) * 28);font-weight:800;font-size:max(16px, calc(var(--u) * 18));letter-spacing:.01em;border-radius:999px;position:relative}.btn.primary{color:var(--amber-ink);background:linear-gradient(#ffdc82,#ffb53d 50%,#f6931f);box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -7px 12px #c45c005c,0 10px 24px #f08a1c66,0 2px 5px #060a123d}.btn.primary:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffffb8,#ffffff0d);border-radius:999px;height:40%;position:absolute;top:8%;left:7%;right:7%}.btn.big{min-height:max(52px, calc(var(--u) * 60));min-width:calc(var(--u) * 210);font-size:max(18px, calc(var(--u) * 21))}.chip{min-height:max(44px, calc(var(--u) * 46));padding:0 max(16px, calc(var(--u) * 18));background:var(--glass);box-shadow:var(--glass-shadow);font-weight:700;font-size:max(14px, calc(var(--u) * 15));color:var(--paper);text-shadow:0 1px 2px #060a1259;border-radius:999px;align-items:center;gap:7px;display:inline-flex}.chip svg{width:max(18px, calc(var(--u) * 19));height:max(18px, calc(var(--u) * 19))}.card .chip{color:var(--ink);text-shadow:none;background:linear-gradient(#fff,#efe3cc);box-shadow:inset 0 1px #fff,inset 0 -4px 7px #78603221,0 3px 9px #2b253026}.chip.small{margin-left:6px;padding:0 14px}.card>.chip{align-self:center}.icon{width:max(44px, calc(var(--u) * 46));height:max(44px, calc(var(--u) * 46));color:var(--ink);border-radius:50%;place-items:center;display:grid}#btn-gear,#btn-rank,#btn-album,.icon.code{color:var(--paper);background:var(--glass);box-shadow:var(--glass-shadow)}.icon svg{width:max(22px, calc(var(--u) * 24));height:max(22px, calc(var(--u) * 24))}.icon.code{font-weight:800;font-size:max(14px, calc(var(--u) * 15));letter-spacing:.04em;text-shadow:0 1px 2px #060a1259}.link{min-height:44px;color:var(--teal-deep);text-underline-offset:3px;padding:0 10px;font-weight:700;text-decoration:underline}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.seg{background:#2b25301a;border-radius:999px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 3px #2b253024}.seg button{color:#4f4552;border-radius:999px;min-width:44px;min-height:44px;padding:0 14px;font-size:14px;font-weight:700}.seg button[aria-pressed=true],.seg button[aria-selected=true]{color:var(--ink);background:linear-gradient(#fff,#f4ead7);box-shadow:inset 0 1px #fff,0 2px 6px #2b253033}.logo{font-weight:900;font-size:calc(var(--u) * 50);letter-spacing:.06em;color:var(--paper);white-space:nowrap;text-shadow:var(--lift-big);align-items:baseline;line-height:1;display:inline-flex}.logo .pin{width:.34em;height:.84em;filter:drop-shadow(0 calc(var(--u) * 4) calc(var(--u) * 5) #060a1259);margin:0 .05em 0 .04em;overflow:visible}.tagline{color:var(--paper-soft);font-weight:600;font-size:max(14px, calc(var(--u) * 16));letter-spacing:.02em;text-shadow:var(--lift)}.note{color:var(--paper-soft);font-size:max(13px, calc(var(--u) * 14));text-shadow:var(--lift);font-weight:600}.card .note{color:var(--ink-soft);text-shadow:none;font-weight:500}#hud,.title-top{top:var(--safe-top,0px);left:calc(50% - var(--col) / 2);width:var(--col);height:calc(var(--u) * 84);pointer-events:none;position:absolute}#hud{height:calc(var(--u) * 92);padding:calc(var(--u) * 6) max(14px, calc(var(--u) * 15)) 0;grid-template-columns:1fr auto 1fr;align-items:center;animation:.24s cubic-bezier(.2,.8,.2,1) backwards drop;display:grid}#btn-gear{z-index:2;top:calc(var(--safe-top,0px) + var(--u) * 42);left:calc(50% + var(--col) / 2 - max(14px, var(--u) * 15));position:absolute;transform:translate(-100%,-50%)}#btn-gear:active{transform:translate(-100%,-50%)scale(.88)}.hud-side{color:var(--paper-soft);font-size:max(12px, calc(var(--u) * 12));letter-spacing:.08em;text-transform:uppercase;text-shadow:var(--lift);flex-direction:column;align-items:flex-start;gap:2px;font-weight:700;display:flex}.hud-side b{color:var(--paper);font-size:max(17px, calc(var(--u) * 21));letter-spacing:0;font-weight:800;line-height:1}#hud-chase{width:max(46px, calc(var(--u) * 54));background:#060a1257;border-radius:3px;height:6px;margin-top:3px;display:block;overflow:hidden}#hud-chase b{background:linear-gradient(#ffd97a, var(--amber));border-radius:3px;height:100%;transition:width .18s ease-out;display:block}.hud-side.beaten span{color:var(--amber);animation:.42s backwards jelly}.hud-side.beaten b{color:var(--amber)}.hud-mid{text-align:center}#hud-score{font-size:calc(var(--u) * 46);color:var(--paper);text-shadow:var(--lift-big);font-weight:800;line-height:1}#hud-round{max-width:calc(var(--col) - 2 * (max(44px, var(--u) * 46) + max(14px, var(--u) * 15) + 6px));text-wrap:balance;margin-top:calc(var(--u) * 4);color:var(--paper);line-height:1.2;font-size:max(12px, calc(var(--u) * 13));letter-spacing:.1em;text-transform:uppercase;text-shadow:var(--lift);font-weight:700;display:inline-block}#hud-round.boss{color:#ffd97a}#hud-round.record{padding:calc(var(--u) * 4) calc(var(--u) * 13);color:var(--amber-ink);text-shadow:none;background:linear-gradient(#ffdc82,#ffb53d 55%,#f6931f);border-radius:999px;font-weight:800;animation:.42s backwards jelly;box-shadow:inset 0 1px #ffffffb3,inset 0 -3px 5px #c45c004d,0 5px 14px #f08a1c66}#hud-stage{justify-content:center;align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 13);margin-top:calc(var(--u) * 4);display:flex}#hud-stage i{width:max(7px, calc(var(--u) * 8));height:max(7px, calc(var(--u) * 8));background:#ffffff42;border-radius:50%}#hud-stage i.done{background:var(--amber)}#hud-stage i.now{background:var(--paper);animation:1s ease-in-out infinite now;box-shadow:0 0 0 3px #ffffff3d}#hud-stage i.boss{width:max(12px, calc(var(--u) * 13));height:max(12px, calc(var(--u) * 13));box-shadow:none;clip-path:polygon(50% 0%,62% 34%,98% 35%,69% 57%,79% 91%,50% 71%,21% 91%,31% 57%,2% 35%,38% 34%);background:#ffffff57;border-radius:0}#hud-stage i.boss.done{background:var(--amber)}#hud-stage i.boss.now{background:var(--paper)}@keyframes now{50%{transform:scale(1.3)}}@keyframes jelly{0%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1.1,.92)}70%{transform:scale(.96,1.05)}to{transform:scale(1)}}@keyframes breathe{50%{box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -7px 12px #c45c005c,0 12px 38px #ffb042c7,0 2px 5px #060a123d}}@keyframes drop{0%{opacity:0;transform:translateY(-18px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}#hint{text-wrap:balance;width:min(100% - 32px,520px);left:0;right:0;top:calc(var(--free-top,70%) + var(--u) * 14);text-align:center;color:var(--paper);font-size:max(15px, calc(var(--u) * 17));text-shadow:var(--lift);pointer-events:none;margin-inline:auto;font-weight:700;animation:.26s ease-out backwards rise;position:absolute}#stage:has(:is(#settings,#rank,#album,#rotate,#audio,#ad-wait):not([hidden])) :is(#hud,#hint,#btn-gear,#title,#result){visibility:hidden}#stage:has(#nick:not([hidden])) :is(#hint,#result,#title .below){visibility:hidden}.screen{pointer-events:none;position:absolute;inset:0}.screen>*,.below>*{pointer-events:auto}.pulse{color:var(--paper);font-weight:800;font-size:max(17px, calc(var(--u) * 20));letter-spacing:.08em;text-transform:uppercase;text-shadow:var(--lift-big);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{50%{color:#ffd97a;text-shadow:0 2px 3px #060a1257,0 0 22px #ffc45cbf}}#btn-play{min-height:48px;padding:0 18px;animation:.26s cubic-bezier(.2,.8,.2,1) 50ms backwards rise,1.5s ease-in-out .31s infinite pulse}.title-top{place-items:center;animation:.3s cubic-bezier(.2,.8,.2,1) backwards drop;display:grid}.title-top .icon{left:max(14px, calc(var(--u) * 15));pointer-events:auto;position:absolute}.below{left:calc(50% - var(--col) / 2);width:var(--col);top:var(--below-top,62%);bottom:var(--safe-bottom,0px);justify-content:flex-start;align-items:center;gap:max(8px, calc(var(--u) * 10));padding:calc(var(--u) * 6) 18px calc(var(--u) * 10);text-align:center;pointer-events:none;flex-direction:column;display:flex;position:absolute}.below>*{animation:.26s cubic-bezier(.2,.8,.2,1) backwards rise}.below>:nth-child(2){animation-delay:50ms}.below>:nth-child(3){animation-delay:.1s}.below>:nth-child(4){animation-delay:.15s}.below .chip{animation:.42s backwards jelly}#btn-again{animation:.42s backwards jelly,1.7s ease-in-out .7s infinite breathe}#btn-rank,#btn-album{width:48px;height:48px;top:calc(var(--wait-y,70%) - var(--u) * 24 - 32px);position:absolute}#btn-rank{left:calc(50% - var(--u) * 105 - 24px)}#btn-album{left:calc(50% + var(--u) * 105 - 24px)}.side-note{width:calc(var(--u) * 150);top:calc(var(--wait-y,70%) - var(--u) * 24 + 19px);text-align:center;color:var(--paper);letter-spacing:.03em;white-space:nowrap;text-shadow:var(--lift);pointer-events:none;font-size:12px;font-weight:700;line-height:1.1;position:absolute}#title-best{left:calc(50% - var(--u) * 180)}#title-album{left:calc(50% + var(--u) * 30)}.album{grid-template-columns:repeat(6,1fr);gap:8px;padding:4px 0;display:grid}.album canvas{aspect-ratio:1;width:100%;display:block}.album canvas.got{filter:drop-shadow(0 2px 3px #2b253040)}.revive{align-items:center;gap:max(8px, calc(var(--u) * 9));flex-direction:column;display:flex}.revive .btn{justify-content:center;align-items:center;gap:9px;display:inline-flex}.revive .btn svg{width:1.25em;height:1.25em}.bar{width:calc(var(--u) * 170);background:#060a1257;border-radius:3px;height:6px;display:block;overflow:hidden}.bar b{background:linear-gradient(#ffd97a, var(--amber));border-radius:3px;height:100%;display:block}#stage.compact #title .tagline{display:none}#result{top:var(--result-top,66%);gap:max(8px, calc(var(--u) * 10));padding-top:calc(var(--u) * 10)}.stats{justify-content:center;gap:calc(var(--u) * 20);color:var(--paper-soft);font-size:max(13px, calc(var(--u) * 15));text-shadow:var(--lift);font-weight:600;display:flex}.stats b{color:var(--paper);margin-left:6px;font-weight:800}#res-rank .link{color:#ffd97a}.short{color:#ffd97a;font-size:max(14px, calc(var(--u) * 15));text-shadow:var(--lift);font-weight:800}.actions{margin-top:calc(var(--u) * 4);justify-content:center;align-items:center;gap:12px;display:flex}.actions .btn.big{min-width:calc(var(--u) * 190)}@container (width<=400px){#btn-res-rank{justify-content:center;width:48px;padding:0}#btn-res-rank span{display:none}}.sheet{z-index:5;padding:calc(var(--safe-top,0px) + 10px) 14px calc(var(--safe-bottom,0px) + 10px);text-align:center;background:#060a1280;place-items:center;animation:.16s ease-out backwards fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)}}.sheet.solid{background:linear-gradient(#115d63,#0a3540)}.card{background:linear-gradient(#fffaf0, var(--card));width:min(100%,400px);max-height:100%;color:var(--ink);animation:sheet-up .32s var(--spring) backwards;border-radius:30px;flex-direction:column;gap:8px;padding:16px 22px 20px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #fff,0 18px 50px #060a1273}@container (width>=561px){.sheet:not(.solid) .card:not(.bare){width:min(100%, max(400px, calc(var(--col) + 24px)))}}@container (width>=1180px){.sheet:not(.solid){padding-left:calc(50% + var(--col) / 2 + 24px);place-items:center start}.sheet:not(.solid) .card:not(.bare){width:min(100%,380px)}}@container (width<=560px){.sheet:not(.solid){padding:calc(var(--safe-top,0px) + 10px) 0 0;place-items:end center}.sheet:not(.solid) .card:not(.bare){width:100%;max-width:480px;padding-bottom:calc(var(--safe-bottom,0px) + 20px);border-radius:30px 30px 0 0;animation-timing-function:cubic-bezier(.2,.9,.3,1)}.sheet:not(.solid) .card.bare{align-self:center}}.card.bare{box-shadow:none;color:var(--paper);background:0 0;align-items:center;gap:10px}#audio{background:#081e28eb}#ad-wait{color:var(--paper)}.card header{justify-content:space-between;align-items:center;display:flex}.card h2{font-size:21px;font-weight:800}.card.bare p{color:var(--paper-soft)}.card.bare p.pulse{color:var(--paper)}.big-icon{width:56px;height:56px;color:var(--paper)}#pause-actions{flex-direction:column;gap:12px;padding-bottom:8px;display:flex}.slider,.toggle,.field{text-align:left;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:44px;font-size:15px;font-weight:600;display:flex}.slider input{min-width:120px;height:44px;accent-color:var(--teal);flex:0 56%}.toggle i{background:#8f867c;border-radius:999px;flex:none;width:50px;height:30px;transition:background .16s;position:relative;box-shadow:inset 0 2px 4px #2b25304d}.toggle i:after{content:"";width:24px;height:24px;transition:transform .26s var(--spring);background:linear-gradient(#fff,#f0ead9);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #060a124d}.toggle[aria-checked=true] i{background:linear-gradient(#22b8ab,#138a80)}.toggle[aria-checked=true] i:after{transform:translate(20px)}#rank-tabs{display:flex}#rank-tabs button{flex:1;padding:0 6px}.board{flex-direction:column;min-height:60px;padding:0;list-style:none;display:flex}.board li{text-align:left;border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:30px;padding:0 10px;font-size:15px;display:grid}.board li span:first-child{color:var(--ink-soft);font-weight:700}.board li span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board li b{font-weight:800}.board li.me{background:#ffb53d59;font-weight:700}.board li:nth-child(-n+3):not(.empty) span:first-child{color:#9a5a00;font-weight:900}.mine{background:#ffb53d59;border-radius:12px;justify-content:space-between;align-items:center;min-height:34px;padding:0 12px;font-size:15px;font-weight:700;display:flex}.board li.empty{color:var(--ink-soft);text-align:center;padding:16px 8px;display:block}.inline{gap:8px;display:flex}.inline input{min-width:0;height:50px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:0;border-radius:999px;flex:1;padding:0 18px;font-size:16px;box-shadow:inset 0 2px 5px #2b253033}.ad-test{z-index:9;color:#fff;text-align:center;background:#1d1a20;place-content:center;gap:16px;display:grid;position:absolute;inset:0}.ad-test button{color:#fff;min-height:44px;text-decoration:underline}#stage.compact .card{gap:4px;padding-top:10px}#stage.compact .album{gap:6px;padding:0 12%}#stage.compact #pause-actions{gap:10px;padding-bottom:6px}#stage.tiny #hud-round{letter-spacing:.04em}#stage.tiny .board li{min-height:26px;font-size:14px}#app.calm :is(.pulse,#hud,#hint,.title-top,.below>*,.below .chip,#btn-again,.card,.sheet,#hud-stage i.now,#hud-round.record,.hud-side.beaten span){animation:none}#app.calm :is(.btn,.chip,.icon),#app.calm .toggle i:after{transition:none}@media (prefers-reduced-motion:reduce){:is(.pulse,#hud,#hint,.title-top,.below>*,.below .chip,#btn-again,.card,.sheet,#hud-stage i.now,#hud-round.record,.hud-side.beaten span){animation:none}.btn,.chip,.icon,.toggle i:after{transition:none}}