@font-face{font-family:Patrick Hand;src:url(./PatrickHand-Latin-3dlhXYY8.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--u:3px;--ink:#0f0326;--ink-soft:#5a4a78;--night-0:#0b0614;--night-2:#220c37;--night-3:#380f42;--cream:#f5f7dc;--pink:#ea78c3;--mint:#43e58a;--coral:#ea7752;--yolk:#ffc83a;--cyan:#6ff2e0;--violet:#6f58cc;--lilac:#c9b8e8;--kk:1;--text:"Patrick Hand", ui-rounded, "Comic Sans MS", "Segoe Print", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--night-0);height:100%;color:var(--cream);font-family:var(--text);font-size:calc(var(--u) * 6);overscroll-behavior:none;margin:0;line-height:1.2}html{touch-action:manipulation}[hidden]{display:none!important}canvas{image-rendering:pixelated}button{font-family:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[tabindex="-1"]:focus{outline:none}#sky{z-index:0;pointer-events:none;position:fixed;top:0;left:0}body[data-screen=stage] #sky,body[data-screen=launch] #sky,body[data-screen=fight] #sky,body[data-screen=flight] #sky,body[data-screen=rhythm] #sky{display:none}.btn{--bw:calc(var(--u) * 3);justify-content:center;align-items:center;gap:calc(var(--u) * 2);min-width:calc(var(--u) * 15);height:calc(var(--u) * 16);padding:0 calc(var(--u) * 2);border:var(--bw) solid transparent;border-image:var(--s-cream) 3 fill / var(--bw) / 0 stretch;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;image-rendering:pixelated;background:0 0;display:inline-flex}.btn.primary{height:calc(var(--u) * 24);border-image-source:var(--s-pink)}.btn:active,.btn.pressed{border-image-source:var(--s-creamDown);transform:translateY(var(--u))}.btn.primary:active,.btn.primary.pressed{border-image-source:var(--s-pinkDown)}.btn[aria-pressed=true]:not(.icon-btn){border-image-source:var(--s-creamDown)}.btn:focus-visible,.card:focus-visible,.controls:focus-visible{outline:var(--u) solid var(--ink);outline-offset:var(--u);box-shadow:0 0 0 var(--u) var(--cyan)}.btn.square{width:calc(var(--u) * 16);padding:0}.btn.icon-btn{padding:0}.card{--bw:calc(var(--u) * 3);border:var(--bw) solid transparent;border-image:var(--s-card) 3 fill / var(--bw) / 0 stretch;border-image-source:var(--s-cardOn)}#menu{z-index:1;min-height:100%;padding:calc(max(calc(var(--u) * 5), env(safe-area-inset-top)) + var(--dtop,0px)) max(calc(var(--u) * 5), env(safe-area-inset-right)) calc(max(calc(var(--u) * 3), env(safe-area-inset-bottom)) + var(--u) * 8) max(calc(var(--u) * 5), env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:relative}.menu-inner{width:100%;max-width:calc(var(--u) * 300);justify-items:center;row-gap:calc(var(--u) * 3);text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"logo""who""list";display:grid}.title-block{align-items:center;gap:calc(var(--u) * 2);flex-direction:column;grid-area:logo;width:100%;display:flex}.logo{width:100%;min-height:calc(var(--u) * 20);flex-direction:column;align-items:center;margin:0;display:flex}.logo canvas{margin:calc(var(--u) * var(--k,1) * -3) 0}.who-wrap{grid-area:who;justify-content:center;width:100%;display:flex}.who-inner{justify-items:center;row-gap:calc(var(--u) * 2);width:fit-content;display:grid}.who-stage{justify-content:center;display:flex}.who-slot{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;padding:0;display:block}.who-slot canvas{pointer-events:none}.who-plate{--bw:calc(var(--u) * 2);padding:calc(var(--u) * 2);border:var(--bw) solid transparent;border-image:var(--s-cardOn) 3 fill / var(--bw) / 0 stretch;color:var(--cream);font:inherit;cursor:pointer;touch-action:manipulation;image-rendering:pixelated;background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.who-plate:active{border-image-source:var(--s-card)}.who-plate .who-text{flex:none;align-items:center}.who-plate .who-arrow{right:calc(var(--u) * 2);position:absolute}.who-wrap[data-pick=start] .who-plate{justify-self:start}.who-wrap[data-pick=end] .who-plate{justify-self:end}.who-text{align-items:flex-start;gap:calc(var(--u) * 2);flex-direction:column;flex:1;min-width:0;line-height:0;display:flex}.who-wrap canvas{flex:none;display:block}.mode-list{gap:calc(var(--u) * 3);grid-area:list;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.mode-card{--bw:calc(var(--u) * 3);justify-content:center;align-items:center;gap:calc(var(--u) * 3);width:100%;min-width:0;height:auto;padding:calc(var(--u) * 2);flex-direction:column;display:flex}.mode-pic{box-shadow:0 0 0 var(--u) var(--ink);line-height:0;display:block}.mode-pic canvas{image-rendering:pixelated;display:block}.mode-name{line-height:0;display:block}.menu-cog{--bw:calc(var(--u) * 2);z-index:2;top:calc(max(calc(var(--u) * 1), env(safe-area-inset-top)) + var(--dtop,0px));right:max(calc(var(--u) * 2), env(safe-area-inset-right));width:calc(var(--u) * 15);min-width:44px;height:calc(var(--u) * 15);min-height:44px;position:absolute}.menu-cog.menu-trophy{right:calc(max(calc(var(--u) * 2), env(safe-area-inset-right)) + max(calc(var(--u) * 15), 44px) + calc(var(--u) * 2))}.who-slot:focus-visible,.who-plate:focus-visible,.c-tile:focus-visible,.c-slot:focus-visible,.switch:focus-visible{outline:var(--u) solid var(--ink);outline-offset:var(--u);box-shadow:0 0 0 var(--u) var(--cyan)}.window .body .unlocked{align-items:center;gap:calc(var(--u) * 2);margin:calc(var(--u) * 3) 0 0;flex-direction:column;display:flex}.window .body .unlock-row{grid-template-columns:calc(var(--u) * 28) 1fr;align-items:center;gap:calc(var(--u) * 3);text-align:left;display:grid}.window .body .unlock-row canvas{justify-self:center}.window .body .unlock-row p{margin:0}@media (height<=520px){.window .body .unlock-row canvas{display:none!important}.window .body .unlock-row{display:block}}.go{width:min(100%, calc(var(--u) * 100))}.build{left:max(calc(var(--u) * 4), env(safe-area-inset-left));bottom:max(calc(var(--u) * 3), env(safe-area-inset-bottom));margin:0;line-height:0;position:absolute}@media (width>=700px) and (orientation:landscape){.menu-inner{max-width:calc(var(--u) * 340);grid-template-columns:minmax(0, 1fr) calc(var(--u) * 130);column-gap:calc(var(--u) * 10);grid-template-areas:"logo logo""who list";align-items:center}}@media (height<=520px) and (orientation:landscape){#menu{padding-top:calc(max(calc(var(--u) * 1), env(safe-area-inset-top)) + var(--dtop,0px));padding-bottom:calc(max(calc(var(--u) * 3), env(safe-area-inset-bottom)) + var(--u) * 5)}.menu-inner{max-width:calc(var(--u) * 290);grid-template-columns:minmax(0, 1fr) calc(var(--u) * 124);column-gap:calc(var(--u) * 6);row-gap:calc(var(--u) * 2);grid-template-areas:"logo list""who list";align-items:center}.title-block{align-self:end}.who-wrap{align-self:start}.mode-list{margin-top:calc(var(--u) * 17);gap:calc(var(--u) * 2)}}@media (height<=700px) and (orientation:portrait){#menu{padding-top:calc(max(calc(var(--u) * 3), env(safe-area-inset-top)) + var(--dtop,0px));padding-bottom:calc(max(calc(var(--u) * 3), env(safe-area-inset-bottom)) + var(--u) * 6)}.menu-inner{row-gap:calc(var(--u) * 2)}.mode-list{gap:calc(var(--u) * 2)}}@media (orientation:portrait){#menu{padding-top:calc(max(calc(var(--u) * 1), env(safe-area-inset-top)) + var(--dtop,0px) + max(calc(var(--u) * 15), 44px) + calc(var(--u) * 3))}}#choose{--chipfont:2px;z-index:1;min-height:100%;padding:calc(max(calc(var(--u) * 3), env(safe-area-inset-top)) + var(--dtop,0px)) max(calc(var(--u) * 4), env(safe-area-inset-right)) max(calc(var(--u) * 4), env(safe-area-inset-bottom)) max(calc(var(--u) * 4), env(safe-area-inset-left));flex-direction:column;max-width:1240px;margin:0 auto;display:flex;position:relative}@media (width>=760px) and (height>=520px){#choose{--chipfont:3px}}#choose .bar-gap{min-width:calc(var(--u) * 36)}.choose{align-items:center;gap:calc(var(--u) * 3);flex-direction:column;flex:1;display:flex}.c-stage{width:calc(var(--u) * var(--box-w,100));align-items:center;gap:calc(var(--u) * 2);flex-direction:column;flex:none;display:flex}.c-box{padding-bottom:calc(var(--u) * 3);background:linear-gradient(to bottom, var(--night-2) calc(100% - var(--u) * 3), var(--night-3) 0);border:var(--u) solid var(--ink);image-rendering:pixelated;flex:none;justify-content:center;align-items:flex-end;display:flex}.c-box canvas{display:block}.c-name{align-items:center;gap:calc(var(--u) * 2);min-height:calc(var(--u) * 17);flex-direction:column;line-height:0;display:flex}.c-blurb{height:5.5em;width:calc(var(--u) * var(--box-w,100));text-align:center;font-size:max(calc(var(--u) * 5), 16px);color:var(--cream);text-shadow:0 0 3px var(--night-0), 0 0 6px var(--night-0);margin:0;line-height:1.25;overflow:hidden}.c-side{align-items:center;gap:calc(var(--u) * 2);flex-direction:column;width:100%;display:flex}.c-panel{align-items:center;gap:calc(var(--u) * 3);width:100%;min-height:calc(var(--u) * (var(--grid-h,60) + 32));flex-direction:column;display:flex}.c-grid{grid-template-columns:repeat(var(--cols,3), calc(var(--u) * var(--tile-w,36)));grid-auto-rows:calc(var(--u) * var(--tile-h,31));gap:calc(var(--u) * 2);height:calc(var(--u) * var(--grid-h,60));place-content:start center;display:grid}.c-grid[data-scroll]{box-sizing:content-box;padding:calc(var(--u) * 2);margin:calc(var(--u) * -2);overscroll-behavior:contain;scrollbar-width:thin;position:relative;overflow:hidden auto}.c-grid[data-scroll]:not([data-end=true]){--fade:linear-gradient(to top, #00000040 0 calc(var(--u) * 3), #00000080 0 calc(var(--u) * 6), #000000bf 0 calc(var(--u) * 9), #000 0);-webkit-mask-image:var(--fade);-webkit-mask-image:var(--fade);mask-image:var(--fade)}.c-tile{--bw:calc(var(--u) * 2);justify-content:flex-end;align-items:center;gap:calc(var(--u) * 1);min-width:0;padding:calc(var(--u) * 1) 0;border:var(--bw) solid transparent;border-image:var(--s-card) 3 fill / var(--bw) / 0 stretch;color:var(--cream);font:inherit;cursor:pointer;touch-action:manipulation;image-rendering:pixelated;background:0 0;flex-direction:column;display:flex}.c-tile[aria-pressed=true]{border-image-source:var(--s-cardOn)}.c-tile[aria-disabled=true]{opacity:.9}.c-tile canvas{display:block}.c-lab{line-height:0}.c-extras{align-items:flex-start;gap:calc(var(--u) * 2);width:calc(var(--u) * (var(--cols,3) * var(--tile-w,36) + (var(--cols,3) - 1) * 2));flex-direction:column;max-width:100%;display:flex}.c-head{line-height:0}.c-extras-row{gap:calc(var(--u) * 2);padding:calc(var(--u) * 3);margin:calc(var(--u) * -3);scroll-padding-inline:calc(var(--u) * 3);max-width:calc(100% + var(--u) * 6);scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.c-extras-row::-webkit-scrollbar{display:none}.c-slot.c-chip{justify-content:flex-end;gap:calc(var(--u) * 2);min-width:calc(var(--u) * 22);padding:calc(var(--u) * 1) calc(var(--u) * 2);scroll-snap-align:start;flex-direction:column;flex:none;position:relative}.c-slot.c-chip.c-first{margin-left:calc(var(--u) * 3)}.c-slot{--bw:calc(var(--u) * 2);align-items:center;gap:calc(var(--u) * 2);min-height:max(44px, calc(var(--u) * 18));padding:0 calc(var(--u) * 3);border:var(--bw) solid transparent;border-image:var(--s-card) 3 fill / var(--bw) / 0 stretch;color:var(--cream);font:inherit;cursor:pointer;touch-action:manipulation;image-rendering:pixelated;background:0 0;display:flex}.c-slot[aria-pressed=true]{border-image-source:var(--s-cardOn)}.c-slot[aria-disabled=true]{opacity:.9}.c-lock{right:calc(var(--u) * 1.5);top:calc(var(--u) * 1.5);position:absolute}.c-slot-text{line-height:0}.c-side{--go-h:calc(var(--u) * 24)}.c-side .go{width:min(100%, calc(var(--u) * 110));height:var(--go-h)}#choose[data-squeezed=true] .c-side{--go-h:max(44px, calc(var(--u) * 15))}#choose:not([data-wide=true]) .c-side .go{left:0;right:0;bottom:max(calc(var(--u) * 4), env(safe-area-inset-bottom));width:min(calc(100% - var(--u) * 8), calc(var(--u) * 110));z-index:3;margin-inline:auto;position:fixed}#choose:not([data-wide=true]) .c-side:after{content:"";height:var(--go-h);flex:none;display:block}#choose[data-wide=true] .choose{justify-content:center;align-items:flex-start;gap:calc(var(--u) * 8);flex-direction:row}#choose[data-wide=true] .c-side{width:calc(var(--u) * (var(--cols,2) * var(--tile-w,36) + (var(--cols,2) - 1) * 2 + 4))}#choose[data-wide=true] .c-side .go{bottom:calc(var(--u) * 2);z-index:3;width:100%;position:sticky}@media (height<=520px) and (orientation:landscape){#choose{padding-top:calc(max(calc(var(--u) * 1), env(safe-area-inset-top)) + var(--dtop,0px))}.choose{gap:calc(var(--u) * 2)}#choose .bar{min-height:calc(var(--u) * 15)}.c-side,.c-panel{gap:calc(var(--u) * 1)}.c-side{--go-h:max(44px, calc(var(--u) * 15))}}.window .body:has(.settings){padding:calc(var(--u) * 2) calc(var(--u) * 3);text-align:left}.settings,.s-groups{gap:calc(var(--u) * 3);flex-direction:column;display:flex}.s-group{gap:calc(var(--u) * 2);flex-direction:column;display:flex}.s-head{margin:0;font-weight:400;line-height:0}.switch{align-items:center;column-gap:calc(var(--u) * 3);row-gap:calc(var(--u) * 1);width:100%;min-height:max(44px, calc(var(--u) * 18));padding:calc(var(--u) * 2) calc(var(--u) * 3);border:var(--u) solid var(--ink);box-shadow:0 var(--u) 0 #5a4a78;color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:#fffdf0;grid-template-columns:1fr auto;display:grid}.switch:active{transform:translateY(var(--u));box-shadow:none}.s-name{line-height:0}.s-state{align-items:center;gap:calc(var(--u) * 2);line-height:0;display:flex}.s-track{width:calc(var(--u) * 14);height:calc(var(--u) * 8);border:var(--u) solid var(--ink);background:#cfc6e4;flex:none;display:block;position:relative}.s-track i{top:calc(var(--u) * 1);left:calc(var(--u) * 1);width:calc(var(--u) * 4);height:calc(var(--u) * 4);background:var(--ink);position:absolute}.switch[aria-checked=true] .s-track{background:var(--mint)}.switch[aria-checked=true] .s-track i{left:calc(var(--u) * 7)}.s-state canvas{min-width:calc(var(--u) * 11)}.s-about{color:var(--ink-soft);font-size:calc(var(--u) * 6);grid-column:1/-1;line-height:1.2}.s-about-us{align-items:center;gap:calc(var(--u) * 1);padding-top:calc(var(--u) * 2);border-top:var(--u) solid var(--ink-soft);text-align:center;flex-direction:column;display:flex}.s-about-us p{margin:0;line-height:0}.s-about-us .s-note,.s-about-us .s-build{color:var(--ink-soft);font-size:calc(var(--u) * 6);line-height:1.2}.s-links{gap:calc(var(--u) * 3);display:flex}.s-links a{min-height:max(44px, calc(var(--u) * 15));padding:0 calc(var(--u) * 2);color:var(--ink);font-size:calc(var(--u) * 6);text-decoration:underline;text-decoration-thickness:var(--u);text-underline-offset:var(--u);align-items:center;line-height:1.2;display:inline-flex}.s-links a:focus-visible{outline:var(--u) solid var(--ink);outline-offset:var(--u);box-shadow:0 0 0 var(--u) var(--cyan)}.levels{gap:calc(var(--u) * 2)}.lv-row .s-about{grid-column:1/-1}.lv-band{height:calc(var(--u) * 14);border:var(--u) solid var(--ink);background:#cfc6e4;grid-column:1/-1;display:block;position:relative;overflow:hidden}.lv-strip{position:absolute;top:0;left:0}.lv-head{right:calc(var(--u) * 2);bottom:calc(var(--u) * 1);outline:var(--u) solid #fffdf0;background:#2b2147;position:absolute}.lv-row[aria-disabled=true]{opacity:.7;background:#e4dcf2}.ach{gap:calc(var(--u) * 2)}.ach:focus-visible{outline:var(--u) solid var(--ink);outline-offset:calc(var(--u) * -1)}.ach-count,.ach-more{margin:0;line-height:0}.ach-list{gap:calc(var(--u) * 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ach-row{justify-content:space-between;align-items:center;column-gap:calc(var(--u) * 3);row-gap:calc(var(--u) * 1);min-height:max(44px, calc(var(--u) * 18));padding:calc(var(--u) * 2) calc(var(--u) * 3);border:var(--u) solid var(--ink);box-shadow:0 var(--u) 0 #5a4a78;color:var(--ink);background:#fffdf0;flex-wrap:wrap;display:flex}.ach-row .s-about{flex:1 0 100%}.ach-row .s-state{margin-left:auto}.ach-row:not(.on){box-shadow:0 var(--u) 0 #b6aacb;background:#e4dcf2;border-color:#5a4a78}@media (height<=520px) and (orientation:landscape){.ach-count,.ach-more{grid-column:1/-1}}.window .title:has(canvas[aria-label=ACHIEVED]){right:calc(var(--u) * 14)}.window .body .earned{grid-template-columns:repeat(auto-fit, minmax(calc(var(--u) * 70), 1fr));gap:calc(var(--u) * 3);padding:0 calc(var(--u) * 6);justify-items:start;display:grid}.window .body .earned>canvas{grid-column:1/-1;justify-self:center}.earn-row{align-items:center;gap:calc(var(--u) * 3);text-align:left;grid-template-columns:auto 1fr;display:grid}.earn-words{gap:calc(var(--u) * 1);flex-direction:column;min-width:0;display:flex}.earn-words canvas{max-width:100%}.window .body .earn-words p{font-size:calc(var(--u) * 5);color:var(--ink-soft);margin:0;line-height:1.15}#toast{z-index:12;width:max-content;max-width:calc(100vw - var(--u) * 8);box-sizing:border-box;left:0;right:0;top:var(--toast-top,calc(var(--u) * 24 + var(--dtop,0px)));align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 2) calc(var(--u) * 7) calc(var(--u) * 2) calc(var(--u) * 2);background:var(--ink);border:var(--u) solid #ffc83a;clip-path:polygon(calc(var(--u) * 3) 0, calc(100% - var(--u) * 3) 0, calc(100% - var(--u) * 3) calc(var(--u) * 1), calc(100% - var(--u) * 1) calc(var(--u) * 1), calc(100% - var(--u) * 1) calc(var(--u) * 3), 100% calc(var(--u) * 3), 100% calc(100% - var(--u) * 3), calc(100% - var(--u) * 1) calc(100% - var(--u) * 3), calc(100% - var(--u) * 1) calc(100% - var(--u) * 1), calc(100% - var(--u) * 3) calc(100% - var(--u) * 1), calc(100% - var(--u) * 3) 100%, calc(var(--u) * 3) 100%, calc(var(--u) * 3) calc(100% - var(--u) * 1), calc(var(--u) * 1) calc(100% - var(--u) * 1), calc(var(--u) * 1) calc(100% - var(--u) * 3), 0 calc(100% - var(--u) * 3), 0 calc(var(--u) * 3), calc(var(--u) * 1) calc(var(--u) * 3), calc(var(--u) * 1) calc(var(--u) * 1), calc(var(--u) * 3) calc(var(--u) * 1));color:var(--cream);pointer-events:none;margin:0 auto;display:none;position:fixed}#toast.on{display:flex}#toast.calm{transition:opacity .25s linear}#toast canvas{flex:none}.toast-badge{width:calc(var(--u) * 20);height:calc(var(--u) * 20);clip-path:polygon(calc(var(--u) * 6) calc(var(--u) * 0), calc(var(--u) * 14) calc(var(--u) * 0), calc(var(--u) * 14) calc(var(--u) * 2), calc(var(--u) * 18) calc(var(--u) * 2), calc(var(--u) * 18) calc(var(--u) * 6), calc(var(--u) * 20) calc(var(--u) * 6), calc(var(--u) * 20) calc(var(--u) * 14), calc(var(--u) * 18) calc(var(--u) * 14), calc(var(--u) * 18) calc(var(--u) * 18), calc(var(--u) * 14) calc(var(--u) * 18), calc(var(--u) * 14) calc(var(--u) * 20), calc(var(--u) * 6) calc(var(--u) * 20), calc(var(--u) * 6) calc(var(--u) * 18), calc(var(--u) * 2) calc(var(--u) * 18), calc(var(--u) * 2) calc(var(--u) * 14), calc(var(--u) * 0) calc(var(--u) * 14), calc(var(--u) * 0) calc(var(--u) * 6), calc(var(--u) * 2) calc(var(--u) * 6), calc(var(--u) * 2) calc(var(--u) * 2), calc(var(--u) * 6) calc(var(--u) * 2));background:#d98e1c;flex:none;place-items:center;animation:.4s step-end .15s both badge-pop;display:grid;position:relative}.toast-badge:before{content:"";inset:calc(var(--u) * 2);clip-path:polygon(calc(var(--u) * 5) calc(var(--u) * 0), calc(var(--u) * 11) calc(var(--u) * 0), calc(var(--u) * 11) calc(var(--u) * 2), calc(var(--u) * 14) calc(var(--u) * 2), calc(var(--u) * 14) calc(var(--u) * 5), calc(var(--u) * 16) calc(var(--u) * 5), calc(var(--u) * 16) calc(var(--u) * 11), calc(var(--u) * 14) calc(var(--u) * 11), calc(var(--u) * 14) calc(var(--u) * 14), calc(var(--u) * 11) calc(var(--u) * 14), calc(var(--u) * 11) calc(var(--u) * 16), calc(var(--u) * 5) calc(var(--u) * 16), calc(var(--u) * 5) calc(var(--u) * 14), calc(var(--u) * 2) calc(var(--u) * 14), calc(var(--u) * 2) calc(var(--u) * 11), calc(var(--u) * 0) calc(var(--u) * 11), calc(var(--u) * 0) calc(var(--u) * 5), calc(var(--u) * 2) calc(var(--u) * 5), calc(var(--u) * 2) calc(var(--u) * 2), calc(var(--u) * 5) calc(var(--u) * 2));background:#2a0f3a;position:absolute}.toast-badge canvas{position:relative}.toast-shine{width:calc(var(--u) * 5);transform:translateX(calc(var(--u) * -8)) skewX(-20deg);background:#f5f7dcbf;animation:.5s steps(6,end) .65s both badge-shine;position:absolute;top:0;bottom:0;left:0}@keyframes badge-pop{0%{transform:scale(.25)}25%{transform:scale(.6)}50%{transform:scale(1.25)}75%{transform:scale(.9)}to{transform:scale(1)}}@keyframes badge-shine{0%{transform:translateX(calc(var(--u) * -8)) skewX(-20deg)}to{transform:translateX(calc(var(--u) * 24)) skewX(-20deg)}}#toast.calm .toast-badge,#toast.calm .toast-shine{animation:none}#toast.calm .toast-shine{display:none}.toast-body{gap:calc(var(--u) * 2);text-align:left;flex-direction:column;min-width:0;display:flex}.toast-kicker{font-size:calc(var(--u) * 5);color:#cdcfa6;line-height:1}@media (height<=520px) and (orientation:landscape){.s-groups{gap:calc(var(--u) * 3);grid-template-columns:1fr 1fr;align-items:start;display:grid}}#select{z-index:1;min-height:100%;padding:calc(max(calc(var(--u) * 3), env(safe-area-inset-top)) + var(--dtop,0px)) max(calc(var(--u) * 4), env(safe-area-inset-right)) max(calc(var(--u) * 8), env(safe-area-inset-bottom)) max(calc(var(--u) * 4), env(safe-area-inset-left));max-width:1240px;margin:0 auto;position:relative}.bar{justify-content:space-between;align-items:center;gap:calc(var(--u) * 3);min-height:calc(var(--u) * 20);display:flex}.bar h1{margin:0;line-height:0}.bar .btn{min-width:calc(var(--u) * 36)}.picker{gap:calc(var(--u) * 3);flex-direction:column;display:flex}.preview{--bw:calc(var(--u) * 5);align-items:flex-start;gap:calc(var(--u) * 3);padding:calc(var(--u) * 3);border:var(--bw) solid transparent;border-image:var(--s-window) 5 fill / var(--bw) / 0 stretch;filter:drop-shadow(var(--u) var(--u) 0 #08031499);color:var(--ink);image-rendering:pixelated;display:flex;position:relative}.preview[data-wide=false]{top:calc(var(--u) * 2);z-index:2;position:sticky}.preview .stand{background:var(--night-2);flex:none;line-height:0}.preview .info{align-self:stretch;gap:calc(var(--u) * 2);flex-direction:column;flex:1;min-width:0;display:flex}.preview .who-name{min-height:calc(var(--u) * 5);line-height:0}.preview .blurb{--lines:var(--blurb-lines,8);--fs:var(--body-px,15px);font-size:var(--fs);height:calc(var(--fs) * 1.2 * var(--lines));overscroll-behavior:contain;scrollbar-width:thin;overflow-wrap:anywhere;flex:none;margin:0;line-height:1.2;overflow-y:auto}.preview .play{width:100%}.preview[data-wide=true]{top:calc(var(--u) * 3);width:var(--panel-w);flex-direction:column;flex:none;align-items:stretch;position:sticky}.preview[data-wide=true] .stand{align-self:center}.preview[data-wide=true] .who-name{text-align:center;justify-content:center;display:flex}.preview[data-wide=true] .blurb{text-align:center}@media (width>=760px) and (height>=500px){.picker{align-items:flex-start;gap:calc(var(--u) * 4);flex-direction:row}}.cards{grid-template-columns:repeat(var(--cols,4), var(--tile,85px));grid-auto-rows:var(--tile-h,130px);gap:var(--gap,6px);flex:1;justify-content:start;min-width:0;display:grid}.card{justify-content:flex-start;align-items:center;gap:calc(var(--u) * 2);width:var(--tile);height:var(--tile-h);flex-direction:column;padding:0;display:flex;overflow:hidden}.card .figure{flex:none;display:block}.card .name{justify-content:center;align-items:flex-start;line-height:0;display:flex}#select[data-strip=true]{height:100%;min-height:0;padding-top:calc(max(calc(var(--u) * 3), env(safe-area-inset-top)) + var(--dtop,0px));padding-bottom:max(calc(var(--u) * 3), env(safe-area-inset-bottom));flex-direction:column;display:flex}#select[data-strip=true] .bar{min-height:calc(var(--u) * 16);flex:none}#select[data-strip=true] .picker{grid-template-columns:var(--panel-w) minmax(0, 1fr);gap:calc(var(--u) * 2) calc(var(--u) * 4);min-height:0;padding-top:calc(var(--u) * 2);flex:1;grid-template-rows:auto minmax(0,1fr);display:grid}#select[data-strip=true] .preview{display:contents}#select[data-strip=true] .stand,#select[data-strip=true] .info{--bw:calc(var(--u) * 5);border:var(--bw) solid transparent;border-image:var(--s-window) 5 fill / var(--bw) / 0 stretch;padding:calc(var(--u) * 3);filter:drop-shadow(var(--u) var(--u) 0 #08031499);color:var(--ink);image-rendering:pixelated}#select[data-strip=true] .stand{background:0 0;grid-area:1/1/span 2;justify-content:center;align-self:start;align-items:center;display:flex}#select[data-strip=true] .stand canvas{background:var(--night-2)}#select[data-strip=true] .info{padding-block:var(--u);align-self:start;align-items:center;gap:calc(var(--u) * 2) calc(var(--u) * 2);grid-area:1/2;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name play""blurb blurb";display:grid}#select[data-strip=true] .who-name{text-align:left;grid-area:name;min-height:0}#select[data-strip=true] .play{width:auto;height:calc(var(--u) * 16);min-width:calc(var(--u) * 30);grid-area:play}#select[data-strip=true] .preview .blurb{--lines:var(--blurb-lines,3);text-align:left;grid-area:blurb}#select[data-strip=true] .cards{grid-area:2/2;grid-template-rows:none;grid-auto-flow:column;grid-auto-rows:var(--tile-h);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--pink) var(--night-2);padding:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 2);align-content:center;overflow:auto hidden}#select[data-strip=true] .card{scroll-snap-align:start;scroll-margin-inline:calc(var(--u) * 2)}#select[data-strip=true] .cards[data-more=end]{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--u) * 12), #000000bf calc(100% - var(--u) * 12) calc(100% - var(--u) * 8), #00000080 calc(100% - var(--u) * 8) calc(100% - var(--u) * 4), #00000040 calc(100% - var(--u) * 4));mask-image:linear-gradient(to right, #000 calc(100% - var(--u) * 12), #000000bf calc(100% - var(--u) * 12) calc(100% - var(--u) * 8), #00000080 calc(100% - var(--u) * 8) calc(100% - var(--u) * 4), #00000040 calc(100% - var(--u) * 4))}#select[data-strip=true] .cards[data-more=start]{-webkit-mask-image:linear-gradient(to left, #000 calc(100% - var(--u) * 12), #000000bf calc(100% - var(--u) * 12) calc(100% - var(--u) * 8), #00000080 calc(100% - var(--u) * 8) calc(100% - var(--u) * 4), #00000040 calc(100% - var(--u) * 4));mask-image:linear-gradient(to left, #000 calc(100% - var(--u) * 12), #000000bf calc(100% - var(--u) * 12) calc(100% - var(--u) * 8), #00000080 calc(100% - var(--u) * 8) calc(100% - var(--u) * 4), #00000040 calc(100% - var(--u) * 4))}#select[data-strip=true] .cards[data-more=both]{-webkit-mask-image:linear-gradient(to right, #00000040 0 calc(var(--u) * 4), #00000080 calc(var(--u) * 4) calc(var(--u) * 8), #000000bf calc(var(--u) * 8) calc(var(--u) * 12), #000 calc(var(--u) * 12) calc(100% - var(--u) * 12), #000000bf calc(100% - var(--u) * 12) calc(100% - var(--u) * 8), #00000080 calc(100% - var(--u) * 8) calc(100% - var(--u) * 4), #00000040 calc(100% - var(--u) * 4));mask-image:linear-gradient(to right, #00000040 0 calc(var(--u) * 4), #00000080 calc(var(--u) * 4) calc(var(--u) * 8), #000000bf calc(var(--u) * 8) calc(var(--u) * 12), #000 calc(var(--u) * 12) calc(100% - var(--u) * 12), #000000bf calc(100% - var(--u) * 12) calc(100% - var(--u) * 8), #00000080 calc(100% - var(--u) * 8) calc(100% - var(--u) * 4), #00000040 calc(100% - var(--u) * 4))}#stage{background:var(--night-0);position:fixed;inset:0;overflow:hidden}#screen{touch-action:none;position:absolute;top:0;left:0}.topbar{justify-content:space-between;align-items:flex-start;gap:calc(var(--u) * 2);padding:calc(max(calc(var(--u) * 3), env(safe-area-inset-top)) + var(--dtop,0px)) max(calc(var(--u) * 3), env(safe-area-inset-right)) calc(var(--u) * 2) max(calc(var(--u) * 3), env(safe-area-inset-left));pointer-events:none;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}@media (width<=520px){.topbar{row-gap:calc(var(--u) * 1);flex-wrap:wrap}.who{order:3;margin:0 auto}}.who{--bw:calc(var(--u) * 3);padding:calc(var(--u) * 1) calc(var(--u) * 2);border:var(--bw) solid transparent;border-image:var(--s-frame) 3 fill / var(--bw) / 0 stretch;text-align:center;image-rendering:pixelated;line-height:0}.side{gap:calc(var(--u) * 2);display:flex}.touch{padding:0 max(calc(var(--u) * 4), env(safe-area-inset-right)) max(calc(var(--u) * 4), env(safe-area-inset-bottom)) max(calc(var(--u) * 4), env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.touch>*{pointer-events:auto}.touch,.touch .btn,#fight-pause,#flight-pause,#flight-hyper{touch-action:none}.touch .pad{gap:calc(var(--u) * 3);align-items:flex-end;display:none}.touch .btn{width:calc(var(--u) * 22);height:calc(var(--u) * 22);padding:0}.touch .depth{flex-direction:column;display:flex}.touch .depth .btn{height:calc(var(--u) * 11)}.touch .jump{width:calc(var(--u) * 30);height:calc(var(--u) * 30)}#touch{gap:calc(var(--u) * 2) calc(var(--u) * 3);flex-wrap:wrap}#touch .acts{justify-content:center;gap:calc(var(--u) * 2);flex-wrap:wrap;flex:100%;order:-1;display:flex}#touch .acts .btn{width:auto;min-width:max(44px, calc(var(--u) * 20));height:max(44px, calc(var(--u) * 16));padding:0 calc(var(--u) * 3)}@media (pointer:coarse),(width<=760px){.touch .pad{display:flex}.touch .hop{margin-left:auto}}@media (height<=500px) and (orientation:landscape){#touch .acts{flex:1 1 0;order:0;min-width:0}}#launch{touch-action:manipulation;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#launch-screen{image-rendering:pixelated;flex:none}#launch-skip{right:max(calc(var(--u) * 4), env(safe-area-inset-right));bottom:max(calc(var(--u) * 3), env(safe-area-inset-bottom));line-height:0;position:absolute}#friday{z-index:100;touch-action:manipulation;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#friday-screen{image-rendering:pixelated;flex:none}#friday.leaving{pointer-events:none}#friday-name,#friday-caption{pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}#friday-name{top:max(calc(var(--u) * 12), calc(env(safe-area-inset-top) + var(--u) * 6))}#friday-caption{margin-top:calc(var(--u) * 3)}#friday-skip{right:max(calc(var(--u) * 4), env(safe-area-inset-right));bottom:max(calc(var(--u) * 3), env(safe-area-inset-bottom));line-height:0;position:absolute}#intro{z-index:100;touch-action:manipulation;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#intro[hidden]{display:none}#intro-screen{image-rendering:pixelated;flex:none}#intro-words{align-items:center;gap:calc(var(--u) * 3);padding:max(calc(var(--u) * 10), calc(env(safe-area-inset-top) + var(--u) * 6)) calc(var(--u) * 5) calc(var(--u) * 12);background:linear-gradient(to bottom, #0b0614bf calc(100% - var(--u) * 12), #0b061480 calc(100% - var(--u) * 12) calc(100% - var(--u) * 8), #0b061440 calc(100% - var(--u) * 8) calc(100% - var(--u) * 4), #0b061400 calc(100% - var(--u) * 4));text-align:center;pointer-events:none;flex-direction:column;line-height:0;display:flex;position:absolute;top:0;left:0;right:0}#intro-head{align-items:center;gap:calc(var(--u) * 1);flex-direction:column;display:flex}#intro-head,#intro-line,#intro-boss{visibility:hidden}#intro-head.on,#intro-line.on,#intro-boss.on{visibility:visible}#intro-line canvas,#intro-boss canvas{filter:drop-shadow(var(--u) var(--u) 0 #0b0614e6)}#intro-boss{align-items:center;gap:calc(var(--u) * 1);pointer-events:none;flex-direction:column;line-height:0;display:flex;position:absolute;transform:translate(-50%)}#intro-skip{right:max(calc(var(--u) * 4), env(safe-area-inset-right));bottom:max(calc(var(--u) * 3), env(safe-area-inset-bottom));line-height:0;position:absolute}@media (prefers-reduced-motion:no-preference){#intro[data-calm=off] #intro-head.on,#intro[data-calm=off] #intro-line.on{animation:.3s steps(5,end) both banner-in}}@media (height<=520px) and (orientation:landscape){#intro-words{text-align:left;padding-left:max(calc(var(--u) * 6), env(safe-area-inset-left));padding-right:calc(var(--u) * 12);padding-bottom:calc(var(--u) * 4);padding-top:max(calc(var(--u) * 4), env(safe-area-inset-top));background:linear-gradient(to right, #0b0614bf calc(100% - var(--u) * 12), #0b061480 calc(100% - var(--u) * 12) calc(100% - var(--u) * 8), #0b061440 calc(100% - var(--u) * 8) calc(100% - var(--u) * 4), #0b061400 calc(100% - var(--u) * 4));align-items:flex-start;right:46%}#intro-head{align-items:flex-start}}#rhythm{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#rhythm-wrap{flex:none;position:relative}#rhythm-screen{image-rendering:pixelated;display:block}.rhythm-pads{position:absolute;inset:0}.lane-pad{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}#rhythm-back{top:max(calc(var(--u) * 4), env(safe-area-inset-top));left:max(calc(var(--u) * 4), env(safe-area-inset-left));z-index:2;line-height:0;position:absolute}.tracks{gap:calc(var(--u) * 3);margin:calc(var(--u) * 3) 0;text-align:left;flex-direction:column;padding:0;list-style:none;display:flex}.track{align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 1) calc(var(--u) * 2) calc(var(--u) * 1) calc(var(--u) * 1);border:var(--u) solid var(--ink);box-shadow:0 var(--u) 0 #5a4a78;color:var(--ink);background:#fffdf0;grid-template-columns:1fr auto;display:grid}.track[data-picked=true]{background:var(--pink);box-shadow:0 var(--u) 0 #c24fa4}.track-pick{align-items:center;column-gap:calc(var(--u) * 3);row-gap:calc(var(--u) * 1);min-height:max(44px, calc(var(--u) * 18));padding:calc(var(--u) * 1) calc(var(--u) * 2);color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.track-pick:focus-visible{outline:var(--u) solid var(--ink);outline-offset:var(--u);box-shadow:0 0 0 var(--u) var(--cyan)}.t-name{align-items:center;gap:calc(var(--u) * 2);line-height:0;display:flex}.t-dot{width:calc(var(--u) * 4);height:calc(var(--u) * 4);border:var(--u) solid var(--ink);flex:none}.track[data-picked=true] .t-dot{background:var(--ink)}.t-len,.t-bpm,.t-best{color:var(--ink-soft);font-size:calc(var(--u) * 6);font-variant-numeric:tabular-nums;line-height:1.2}.track[data-picked=true] .t-len,.track[data-picked=true] .t-bpm,.track[data-picked=true] .t-best{color:var(--ink)}.t-len,.t-best{text-align:right;white-space:nowrap}.track-play{width:calc(var(--u) * 16);padding:0;line-height:0}#fight{background:var(--night-0);position:fixed;inset:0;overflow:hidden}#fight-screen,#hud{position:absolute;top:0;left:0}#fight-screen{touch-action:none}#hud{pointer-events:none}.bench-btn{--u:var(--fu,3px);z-index:2;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.bench-btn:focus-visible{outline:var(--u) solid var(--ink);outline-offset:var(--u);box-shadow:0 0 0 var(--u) var(--cyan)}.bench-btn.refused{outline:var(--u) solid var(--coral)}#fight-pause{top:calc(max(calc(var(--u) * 4), env(safe-area-inset-top)) + var(--dtop,0px));right:max(calc(var(--u) * 4), env(safe-area-inset-right));z-index:2;width:calc(var(--u) * 16);padding:0;position:absolute}.banner{pointer-events:none;opacity:0;justify-content:center;line-height:0;display:flex;position:absolute;top:22%;left:0;right:0}.banner.on{opacity:1}.banner>*{box-sizing:content-box;padding:calc(var(--u) * 3) calc(var(--u) * 6);background:var(--night-2);box-shadow:0 0 0 var(--u) var(--ink), 0 0 0 calc(var(--u) * 2) var(--pink)}@media (prefers-reduced-motion:no-preference){.banner.on{animation:.3s steps(5,end) both banner-in,.25s steps(4,end) .95s forwards banner-out}}@keyframes banner-in{0%{transform:translateY(calc(var(--u) * -6));opacity:0}70%{transform:translateY(calc(var(--u) * 2));opacity:1}to{opacity:1;transform:none}}@keyframes banner-out{to{transform:translateY(calc(var(--u) * 4));opacity:0}}.fight-bar{justify-content:center;align-items:center;gap:calc(var(--u) * 2) calc(var(--u) * 6);min-height:calc(var(--u) * 14);padding:calc(var(--u) * 2) calc(var(--u) * 6);pointer-events:none;background:#0f0326b8;flex-wrap:wrap;display:flex;position:absolute;bottom:0;left:0;right:0}.fight-bar .row{align-items:center;gap:calc(var(--u) * 2);display:flex}.meter{--bw:calc(var(--u) * 3);width:calc(var(--u) * 72);height:calc(var(--u) * 10);border:var(--bw) solid transparent;border-image:var(--s-frame) 3 fill / var(--bw) / 0 stretch;image-rendering:pixelated;position:relative}.meter i{width:var(--fill-w,0px);background:var(--pink);box-shadow:inset 0 var(--u) 0 #fbc8ea;position:absolute;top:0;bottom:0;left:0}.meter.ready i{background:var(--yolk);box-shadow:inset 0 var(--u) 0 #fff6c8}.fight-bar .key-guide{display:contents}:root{--cap-h:calc(6 + 5 * var(--kk))}@media (width>=1600px) and (height>=900px){:root{--kk:2}}.key-group{align-items:center;gap:calc(var(--u) * 2);display:inline-flex}.key-caps{gap:var(--u);display:inline-flex}.key-action{display:inline-flex}.key-guide canvas{display:block}.keycap{--bw:calc(var(--u) * 3);height:calc(var(--u) * var(--cap-h));min-width:calc(var(--u) * var(--cap-h));padding:0 calc(var(--u) * var(--kk));border:var(--bw) solid transparent;border-image:var(--s-cream) 3 fill / var(--bw) / 0 stretch;image-rendering:pixelated;justify-content:center;align-items:center;display:inline-flex}.keycap.lit{border-image-source:var(--s-pinkDown);transform:translateY(var(--u))}.flight-keys{z-index:1;justify-content:center;align-items:center;gap:calc(var(--u) * 2) calc(var(--u) * 6);padding:calc(var(--u) * 2) calc(var(--u) * 6);pointer-events:none;background:#0f0326b8;flex-wrap:wrap;display:none;position:absolute;bottom:0;left:0;right:0}@media (pointer:fine) and (width>=761px){.flight-keys{display:flex}#flight .flight-hyper{bottom:calc(var(--u) * (var(--cap-h) + 8))}}#fight-touch{z-index:1}#fight-touch,#fight-pause{--u:var(--fu,3px)}.compact .fight-touch{--bn:var(--bn-c);--col-b:var(--col-b-c)}.compact #fight-pause{top:calc(max(calc(var(--u) * 3), env(safe-area-inset-top)) + var(--dtop,0px));right:max(calc(var(--u) * 3), env(safe-area-inset-right));width:calc(var(--u) * var(--bn-c));height:calc(var(--u) * var(--bn-c))}.fight-touch{padding-left:max(calc(var(--u) * var(--deck-margin)), env(safe-area-inset-left));padding-right:max(calc(var(--u) * var(--deck-margin)), env(safe-area-inset-right));padding-bottom:max(calc(var(--u) * var(--deck-margin)), env(safe-area-inset-bottom));align-items:flex-end}.fight-touch .btn{width:100%;min-width:0;height:100%;padding:0}.fight-touch .hand{align-items:flex-start;display:flex}.fight-touch .dpad{grid-template-columns:repeat(3, calc(var(--u) * var(--bn)));grid-template-rows:repeat(3, calc(var(--u) * var(--bn)));gap:calc(var(--u) * var(--dpad-gap));touch-action:none;flex:none;display:grid;position:relative}.fight-touch .dpad:before{content:"";inset:calc(var(--u) * -2);position:absolute}.fight-touch .dpad .btn{pointer-events:none}.fight-touch .dpad .up{grid-area:1/2}.fight-touch .dpad .left{grid-area:2/1}.fight-touch .dpad .right{grid-area:2/3}.fight-touch .dpad .down{grid-area:3/2}.fight-touch .acts{grid-template-columns:calc(var(--u) * var(--col-a)) calc(var(--u) * var(--col-b));grid-template-rows:repeat(3, calc(var(--u) * var(--bn)));gap:calc(var(--u) * var(--acts-gap));display:grid}.fight-touch .acts .special{grid-area:1/1/auto/span 2}.fight-touch .acts .jump{grid-area:2/1}.fight-touch .acts .kick{grid-area:3/1}.fight-touch .acts .punch{grid-area:2/2/span 2}.btn.special,.fight-touch .acts .punch,.fight-touch .acts .kick,#touch .acts .btn{position:relative}.fight-touch .btn canvas{z-index:1;flex:none;max-width:100%;position:relative}.btn.special .level{height:var(--fill-h,0px);background:var(--mint);box-shadow:inset 0 var(--u) 0 #b8ffd4;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.btn.special.ready .level{background:var(--yolk);box-shadow:inset 0 var(--u) 0 #fff6c8}.btn.special.ready{outline:var(--u) solid var(--yolk)}@media (prefers-reduced-motion:no-preference){.btn.special.ready,.meter.ready{animation:1.6s steps(4,end) infinite glow}}.meter.ready{outline:var(--u) solid var(--yolk)}@keyframes glow{0%,to{outline-color:var(--yolk);outline-offset:0}50%{outline-offset:var(--u);outline-color:#fff6c8}}.btn.refused{outline:var(--u) solid var(--coral)}.btn.refused.move{animation:.24s step-end refuse}@keyframes refuse{0%{translate:calc(var(--u) * -1) 0}25%{translate:var(--u) 0}50%{translate:calc(var(--u) * -1) 0}75%{translate:var(--u) 0}to{translate:0}}@media (pointer:coarse),(width<=760px){.fight-bar{display:none}}@media (pointer:fine) and (width>=761px){#fight-touch{display:none!important}}.dojo{--u:var(--fu,3px);--bw:calc(var(--u) * 3);left:50%;top:var(--dojo-top,calc(var(--u) * 24));z-index:1;box-sizing:border-box;gap:calc(var(--u) * 2);width:max-content;max-width:calc(100% - var(--u) * 12);padding:calc(var(--u) * 2) calc(var(--u) * 3);border:var(--bw) solid transparent;border-image:var(--s-window) 5 fill / var(--bw) / 0 stretch;image-rendering:pixelated;flex-direction:column;line-height:0;display:flex;position:absolute;transform:translate(-50%)}.dojo[hidden]{display:none}.dojo-top{align-items:center;gap:calc(var(--u) * 2);display:flex}.dojo-pips{gap:calc(var(--u) * 1);display:flex}.dojo-pips i{width:calc(var(--u) * 3);height:calc(var(--u) * 3);box-shadow:0 0 0 var(--u) var(--ink);margin:var(--u);background:#d9ccf0;display:block}.dojo-pips i.now{background:var(--pink)}.dojo-pips i.done{background:var(--mint)}.dojo-head{justify-content:space-between;align-items:center;gap:calc(var(--u) * 4);display:flex}.dojo-words{display:block}.dojo-skip{--u:var(--fu,3px);align-self:flex-end;min-height:44px;line-height:0}.teach{outline:calc(var(--u) * 2) solid var(--yolk);outline-offset:calc(var(--u) * -1)}@media (prefers-reduced-motion:no-preference){html:not([data-calm=on]) .teach{animation:.9s steps(2,end) infinite teach}}@keyframes teach{50%{outline-color:#0000}}#flight{background:var(--night-0);position:fixed;inset:0;overflow:hidden}#flight-screen{touch-action:none;position:absolute;top:0;left:0}.flight-top{--u:var(--fu,3px);top:calc(max(calc(var(--u) * 4), env(safe-area-inset-top)) + var(--dtop,0px));right:max(calc(var(--u) * 4), env(safe-area-inset-right));z-index:2;gap:calc(var(--u) * 3);display:flex;position:absolute}#flight-pause{width:calc(var(--u) * 16);padding:0}.flight-hyper{--u:var(--fu,3px);left:max(calc(var(--u) * 4), env(safe-area-inset-left));bottom:max(calc(var(--u) * 4), env(safe-area-inset-bottom));z-index:2;min-width:calc(var(--u) * 40);position:absolute}.compact .flight-top .btn,.compact #flight-pause,.compact .flight-hyper,.compact .flight-hyper.primary{height:calc(var(--u) * var(--bn-c))}.compact .flight-top .btn{min-width:calc(var(--u) * var(--bn-c))}.compact #flight-pause{width:calc(var(--u) * var(--bn-c))}.flight-hyper.off{opacity:.55}.flight-hint{left:0;right:0;top:calc(max(var(--u) * 4, env(safe-area-inset-top)) + var(--dtop,0px) + var(--u) * 20);padding:0 calc(var(--u) * 6);text-align:center;font-size:calc(var(--u) * 7);color:var(--cream);pointer-events:none;text-shadow:var(--u) 0 0 var(--ink), calc(var(--u) * -1) 0 0 var(--ink), 0 var(--u) 0 var(--ink), 0 calc(var(--u) * -1) 0 var(--ink);margin:0;position:absolute}@media (width<=760px){.flight-hint{top:calc(max(var(--u) * 4, env(safe-area-inset-top)) + var(--dtop,0px) + var(--u) * 56)}}@media (pointer:fine) and (width>=761px){#flight-mode{display:none}}.veil{z-index:10;padding:calc(var(--u) * 20) calc(var(--u) * 8) calc(var(--u) * 4);padding-top:calc(var(--u) * 20 + var(--dtop,0px));background:#0b0614b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#menu-veil{position:fixed}.window{--bw:calc(var(--u) * 5);width:100%;max-width:calc(var(--u) * 150);--title-h:calc(var(--u) * 27);max-height:100%;padding-top:calc(var(--u) * 10);border:var(--bw) solid transparent;border-image:var(--s-window) 5 fill / var(--bw) / 0 stretch;filter:drop-shadow(var(--u) var(--u) 0 #08031499);color:var(--ink);image-rendering:pixelated;flex-direction:column;display:flex;position:relative}.window .title{left:0;right:0;top:calc(var(--title-h) * -.5 - var(--bw));pointer-events:none;flex-direction:column;align-items:center;line-height:0;display:flex;position:absolute}.window .close{top:calc(var(--u) * -12);right:calc(var(--u) * -9);width:calc(var(--u) * 15);z-index:1;padding:0;position:absolute}.window .body{overscroll-behavior:contain;min-height:0;padding:calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 3);text-align:center;font-size:calc(var(--u) * 7);flex:1;line-height:1.2;overflow-y:auto}.window .body p{margin:0 0 calc(var(--u) * 2)}.window .body .dim{color:var(--ink-soft);font-size:calc(var(--u) * 6)}.window .body .pair{justify-content:center;align-items:flex-end;gap:calc(var(--u) * 6);margin:0 0 calc(var(--u) * 3);display:flex}.window footer{gap:calc(var(--u) * 3);padding:0 calc(var(--u) * 4) calc(var(--u) * 3);flex-direction:column;display:flex}.window footer .btn,.window footer .btn.primary{width:100%;min-width:0;height:calc(var(--u) * 18);padding:0 calc(var(--u) * 2)}.window:has(.pages){max-width:calc(var(--u) * 140)}.window .body:has(.pages){padding-bottom:calc(var(--u) * 2);flex-direction:column;display:flex;overflow:hidden}.pages{gap:calc(var(--u) * 2);flex-direction:column;flex:auto;min-height:0;display:flex}.pg-view{flex:auto;grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.pg{overscroll-behavior:contain;scrollbar-width:thin;visibility:hidden;flex-direction:column;grid-area:1/1;justify-content:safe center;min-height:0;padding-bottom:2px;display:flex;overflow-y:auto}.pg.on{visibility:visible}.window .body .pg.result .words p:last-child{margin-bottom:0}.window .body .pg .unlocked{grid-template-columns:repeat(auto-fit, minmax(calc(var(--u) * 70), 1fr));justify-items:center;gap:calc(var(--u) * 3);margin:0;display:grid}.window .body .pg .unlocked>canvas{grid-column:1/-1}.pager{justify-content:space-between;align-items:center;gap:calc(var(--u) * 3);flex:none;display:flex}.pg-arrow{min-width:calc(var(--u) * 15);height:max(calc(var(--u) * 12), 44px)}.pg-arrow[aria-disabled=true]{opacity:.35;cursor:default}.pg-dots{gap:calc(var(--u) * 3);line-height:0;display:flex}.pg-dots i{width:calc(var(--u) * 3);height:calc(var(--u) * 3);background:#b6aacb;display:block}.pg-dots i.on{background:var(--ink)}.pg-dots i.new{background:var(--pink);box-shadow:0 0 0 var(--u) var(--ink)}.window:has(.pages) footer{padding:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 3);flex-flow:wrap;align-items:stretch}.window:has(.pages) footer .btn{flex:1 1 calc(var(--u) * 47);width:auto;padding:0}.window:has(.pages) footer .btn.primary{flex:1 1 calc(var(--u) * 47);width:auto;padding:0}@media (width<=420px){.window:has(.pages) .title{right:calc(var(--u) * 14)}}@media (width<=380px){.pg-dots{gap:var(--u)}.pg-dots i{width:calc(var(--u) * 2);height:calc(var(--u) * 2)}.window .body .earned{padding:0}.window .body .pg .unlocked>canvas,.window .body .pg .earned>canvas{display:none!important}.window:has(.pages) footer .btn{height:max(calc(var(--u) * 15), 44px)}.window:has(.pages) footer .btn.primary{height:max(calc(var(--u) * 15), 44px)}}#fight:has(#fight-veil[data-end]:not([hidden])) :is(#hud,#fight-banner){visibility:hidden}.window .body:has(.controls){padding-bottom:calc(var(--u) * 2);flex-direction:column;display:flex;overflow:hidden}.window .body:has(.settings){padding-bottom:calc(var(--u) * 3)}.window .body:has(.settings,.controls,.tracks)+footer{padding-top:calc(var(--u) * 3);border-top:var(--u) solid #0f03262e;margin:0 calc(var(--u) * 3);padding-left:calc(var(--u) * 1);padding-right:calc(var(--u) * 1);flex:none}.controls{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:0 calc(var(--u) * 2) calc(var(--u) * 2);text-align:left;font-size:calc(var(--u) * 6);flex:0 auto;overflow-y:auto}.controls section+section{margin-top:calc(var(--u) * 4)}.controls h2,.controls h3{margin:calc(var(--u) * 3) 0 calc(var(--u) * 1);font-weight:400;line-height:0}.controls dl{margin:0}.controls dt{color:var(--ink-soft);display:inline}.controls dt:after{content:": "}.controls dd{overflow-wrap:anywhere;margin:0;display:inline}.controls dd:after{content:"";margin-bottom:calc(var(--u) * 1);display:block}:is(.window .title:has(canvas[aria-label=CONTROLS]),.window .title:has(canvas[aria-label=SETTINGS]),.window .title:has(canvas[aria-label=LEVELS])){right:calc(var(--u) * 14)}@media (height<=520px) and (orientation:landscape){.window{max-width:calc(var(--u) * 210)}.window footer{flex-flow:row-reverse wrap;align-items:stretch}.window footer .btn{flex:1 1 calc(var(--u) * 62)}.window .body .pair{display:none}.window:has(.pages){max-width:calc(var(--u) * 230)}.window .body .pages .pair{margin:0;display:flex}.veil:has(.pages){padding-top:calc(var(--u) * 17 + var(--dtop,0px))}.window:has(.pages) footer .btn{height:calc(var(--u) * 15)}.window:has(.pages) footer .btn.primary{height:calc(var(--u) * 15)}.window .body .pg .unlocked>canvas,.window .body .pg .earned>canvas{display:none!important}.window .body .pg .unlocked,.window .body .pg .earned{gap:calc(var(--u) * 2) calc(var(--u) * 3)}.pg.result{justify-content:center;align-items:center;gap:calc(var(--u) * 6);flex-direction:row}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.btn:active,.btn.pressed,.switch:active{transform:none}}html[data-calm=on] *,html[data-calm=on] :before,html[data-calm=on] :after{transition:none!important;animation:none!important}html[data-calm=on] .btn:active,html[data-calm=on] .btn.pressed,html[data-calm=on] .switch:active{transform:none}#mini{z-index:100;background:#0b0614;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:hidden}#mini canvas{image-rendering:pixelated;flex:none;display:block}body[data-mini=on] #mini{display:flex}body[data-mini=on]>:not(#mini){visibility:hidden}.btn[aria-disabled=true]{opacity:.7}.soon-note{--bw:calc(var(--u) * 3);left:50%;bottom:calc(var(--u) * 24);z-index:100;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 1) calc(var(--u) * 2);border:var(--bw) solid transparent;border-image:var(--s-window) 5 fill / var(--bw) / 0 stretch;pointer-events:none;image-rendering:pixelated;line-height:0;display:flex;position:fixed;transform:translate(-50%)}body[data-screen=stage] .soon-note{top:calc(var(--u) * 24);bottom:auto}.soon-note[data-on=false]{display:none}