@layer base{:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--surface:#f2e8d5;--on-surface:#1b1612;--on-surface-muted:#1b1612a6;--surface-inverse:#1b1612;--on-inverse:#f2e8d5;--on-inverse-muted:#f2e8d5cc;--on-inverse-faint:#f2e8d540;--accent:#c42a1c;--on-accent:#f2e8d5;--highlight:#ffc23a;--line:#1b1612;--line-subtle:#d9cbb2;--border:3px solid var(--line);--scrim:#1b161299;--scrim-strong:#1b1612c7;--skin-0:#bfcad5;--skin-1:#ef765b;--skin-2:#a084d8;--skin-3:#eab74c;--pad-a:#5dc21e;--pad-b:#e3353b;--pad-x:#2f7fe0;--pad-y:#f3c32b;--display:"Bungee",Impact,"Arial Black",sans-serif;--text:"Archivo",system-ui,"Segoe UI",sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--fs-sm:clamp(14px,12.2px + .5vmin,16px);--fs-md:clamp(16px,12.4px + 1vmin,20px);--fs-lg:clamp(20px,12.8px + 2vmin,28px);--fs-xl:clamp(26px,13.4px + 3.5vmin,40px);--fs-hero:clamp(22px,16.6px + 1.5vmin,28px);--fs-logo:clamp(30px,13.8px + 4.5vmin,48px);--sp-s:clamp(6px,4.2px + .5vmin,8px);--sp-m:clamp(8px,4.4px + 1vmin,12px);--sp-l:clamp(12px,8.4px + 1vmin,16px);--sp-xl:clamp(16px,8.8px + 2vmin,24px);--ctl:clamp(44px,36.8px + 2vmin,52px);--ctl-sm:calc(var(--ctl) - 4px);--ctl-lg:clamp(52px,44.8px + 2vmin,60px);--pick-h:clamp(60px,45.6px + 4vmin,76px);--swatch:clamp(22px,16.6px + 1.5vmin,28px);--skill:clamp(52px,41.2px + 3vmin,64px);--joy:clamp(100px,74.8px + 7vmin,128px);--act:clamp(72px,50.4px + 6vmin,96px);--act-big:clamp(84px,58.8px + 7vmin,112px);--edge:clamp(12px,10.2px + .5vmin,16px);--touch-top:max(8px,var(--sat));--timer-h:calc(var(--fs-xl)*1.1 + 8px);--hud-stack:calc(var(--timer-h) + var(--sp-s) + var(--fs-lg)*1.3 + var(--sp-l));--touch-below-hud:calc(var(--touch-top) + var(--hud-stack))}@media (max-height:520px){:root{--touch-below-hud:calc(var(--touch-top) + var(--timer-h) + var(--sp-m))}}}@layer base{*,*:before,*:after{box-sizing:border-box}:where(h1,h2,p,ul,ol){margin:0;padding:0}html,body,#app{width:100%;height:100%;min-width:320px;height:100dvh;margin:0}html{overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{position:fixed;overflow:hidden;overscroll-behavior:none;background:var(--surface);color:var(--on-surface);font:600 var(--fs-sm)/1.3 var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;inset:0}button,input{color:inherit;font:inherit;border-radius:0;font-weight:800}button{cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}input{-webkit-user-select:text;user-select:text}input::placeholder{color:var(--on-surface-muted);opacity:1}input[type=text]{min-height:var(--ctl-sm);border:var(--border);background:var(--surface);font-size:var(--fs-md);width:100%;padding:8px 12px}input[type=range]{accent-color:var(--line);touch-action:none;width:100%;margin:8px 0 0}.pad :focus{outline:3px solid var(--focus,var(--line));outline-offset:3px}:focus-visible{outline:3px solid var(--focus,var(--line));outline-offset:3px}.pad body.in-game{cursor:none}.pad-btn{--pad:var(--pad-a);display:inline-grid;background:var(--surface-inverse);color:var(--pad);box-shadow:inset 0 0 0 2px var(--pad);border-radius:50%;place-items: center;min-width:1.6em;height:1.6em}.pad-btn.pad-b{--pad:var(--pad-b)}.pad-btn.pad-x{--pad:var(--pad-x)}.pad-btn.pad-y{--pad:var(--pad-y)}.world{position:fixed;z-index:0;background:var(--surface);touch-action:none;inset:0}.loading{position:fixed;z-index:20;display:flex;background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:8px;padding:16px;inset:0}.loading span{color:var(--on-surface-muted)}.layer{position:fixed;pointer-events:none;inset:0}.t-md{font-weight:800;font-size:var(--fs-md)}.t-lg{font-weight:800;font-size:var(--fs-lg)}.hidden{display:none!important}.visually-hidden{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;margin:-1px!important}.touch-only{display:none}.touch .touch-only{display:inline-block}.stack{display:flex;gap:var(--stack-gap,var(--sp-m));flex-direction:column}.halo,.skills .skill:after,.outlined,.pop{--o:2px;--o-color:var(--surface);text-shadow:calc(var(--o)*-1)calc(var(--o)*-1)0 var(--o-color),var(--o)calc(var(--o)*-1)0 var(--o-color),calc(var(--o)*-1)var(--o)0 var(--o-color),var(--o)var(--o)0 var(--o-color),0 calc(var(--o)*-1)0 var(--o-color),0 var(--o)0 var(--o-color),calc(var(--o)*-1)0 0 var(--o-color),var(--o)0 0 var(--o-color)}.outlined,.pop{--o:3px;--o-color:var(--line);color:var(--on-inverse);pointer-events:none}.ink-box,.seg[aria-pressed=true]{--focus:var(--on-inverse);background:var(--surface-inverse);color:var(--on-inverse)}.btn{min-height:var(--ctl);padding:var(--sp-m)clamp(20px,3vmin + 9px,32px);background:var(--accent);color:var(--on-accent);box-shadow:4px 4px 0 var(--line);font-size:var(--fs-md);border:0}.btn:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.btn:disabled{box-shadow:none}.btn--hero{min-height:var(--ctl-lg);font-size:var(--fs-hero);width:100%}.ghost{min-height:var(--ctl-sm);border:var(--border);background:0 0;padding:0 12px}.ghost.new:after{content:"";display:inline-block;border:2px solid var(--line);background:var(--highlight);vertical-align:middle;width:12px;height:12px;margin-left:8px}:-webkit-any(.ghost,.seg,.mini):hover{background:var(--line-subtle)}:-moz-any(.ghost,.seg,.mini):hover{background:var(--line-subtle)}:is(.ghost,.seg,.mini):hover{background:var(--line-subtle)}.link{text-decoration:underline 2px;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:10px 8px}.link:hover{text-decoration-thickness:4px}.touch .link{min-height:48px}.bots{display:grid;grid-template-columns:auto 1fr;align-items: center;gap:var(--sp-s)var(--sp-m)}.bots-label{font-weight:800}.segments{display:grid;grid-template-columns:repeat(3,1fr);border:var(--border)}.segments.two{grid-template-columns:repeat(2,1fr)}.seg{min-height:var(--ctl-sm);white-space:nowrap;background:0 0;border:0;padding:0 4px}.seg+.seg{border-left:var(--border)}.seg:focus-visible{outline-offset:-8px}.note{color:var(--on-surface-muted)}.pbtn i,.slot i{width:var(--swatch);height:var(--swatch);border:2px solid var(--line);flex:none}.chip i,.final-scores i{width:16px;height:16px}.keycap{background:var(--surface);color:var(--on-surface);font:800 var(--fs-sm)/24px var(--text);text-align:center}}@layer base{.scene-tags{position:absolute;pointer-events:none;inset:0}.tag{--size:calc(var(--u)*var(--k)*var(--grow,1))}.tag svg{position:absolute;overflow:visible;width:1px;height:1px}.tag text{font-size:calc(var(--size)*var(--px));text-anchor:middle;fill:var(--fill);transform:translateY(calc(var(--size)*var(--dy)))}.tag .back{fill:none;stroke:var(--stroke);stroke-width:calc(var(--size)*var(--line));stroke-linejoin:round;transform:translateY(calc(var(--size)*(var(--dy) + 2)))}.hp{width:calc(var(--u)*(var(--w) + .1));height:calc(var(--u)*(var(--h) + .1))}.hp i{position:absolute;top:calc(var(--u)*.05);left:calc(var(--u)*.05);width:calc(var(--u)*var(--w)*var(--hp));height:calc(var(--u)*var(--h))}.hp i:first-child{width:calc(var(--u)*var(--w)*var(--ghost))}}@layer screens{.menu{z-index:5}.menu-head{position:absolute;padding:max(var(--sp-l),var(--sat))max(20px,var(--sar))0 max(20px,var(--sal));inset:0 auto auto 0}.logo{font:400 min(var(--fs-logo),11vw)/1 var(--display);text-transform:uppercase}.tagline{margin-top:var(--sp-s)}.menu-panel,.lobby-panel{overflow-y:auto;border-top:var(--border);background:var(--surface);overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;pointer-events:auto;max-height:100%;inset:auto 0 0}@media (min-width:561px) and (min-height:431px){:is(.menu-panel,.lobby-panel){inset:auto auto max(var(--sp-l),var(--sab))50%;border:var(--border);width:560px;max-height:calc(100% - 32px);transform:translate(-50%)}}.menu-panel{container:panel/inline-size;position:absolute;padding:var(--sp-l)max(var(--edge),var(--sar))max(var(--sp-l),var(--sab))max(var(--edge),var(--sal))}@media (min-width:760px) and (min-height:431px){.menu-panel{width:744px;padding:20px 24px}}@media (max-height:430px){.menu-panel{--stack-gap:var(--sp-s);display:flex;padding:max(10px,var(--sat))max(var(--edge),var(--sar))max(10px,var(--sab))var(--edge);border-top:0;border-left:var(--border);flex-direction:column;justify-content:center;width:min(400px,48vw);max-height:none;inset:0 0 0 auto}}@media (max-height:430px){.logo{white-space:nowrap}.logo br{display:none}.tagline{margin-top:4px}}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-s)}.pbtn{display:flex;min-height:var(--pick-h);align-items: center;gap:var(--sp-s);padding:var(--sp-s)2px;border:3px solid var(--line-subtle);background:var(--surface);color:var(--on-surface-muted);flex-direction:column;min-width:0;line-height:1.15}.pbtn:hover{border-color:var(--on-surface-muted)}.pbtn[aria-pressed=true]{border-color:var(--line);color:var(--on-surface)}@media (max-width:380px){.roster{gap:4px}.pbtn{padding-inline-start:0;padding-inline-end:0}}.epithet{border-left:6px solid var(--line);padding-left:10px;line-height:1.2}.level-note{grid-column:1/-1}.menu-links,.join-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-s)}.join-row{grid-template-columns:1fr auto}@container panel (width>=600px){.home{display:grid;grid-template-columns:1fr 320px;column-gap:24px}.menu-links{grid-column:1/-1}.pbtn{min-height:calc(var(--pick-h) + 16px)}.epithet{font-size:var(--fs-lg)}}}@layer screens{.lobby-panel{position:fixed;z-index:6;padding:var(--sp-l)var(--sp-xl)}.lobby-panel .btn{width:100%}@media (min-width:760px) and (min-height:431px),(max-height:430px){.lobby-panel{border:var(--border);width:min(744px,96vw);max-height:calc(100% - 12px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.lobby-panel .lobby-cols{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);align-items: start;gap:var(--stack-gap,var(--sp-xl))}}@media (max-height:430px){.lobby-panel{--stack-gap:var(--sp-s);padding:var(--sp-s)var(--sp-l)}}.lobby-head{display:flex;justify-content:space-between;align-items: center;gap:var(--sp-m)}#lobby-title{display:flex;align-items:baseline;gap:var(--sp-s)}#lobby-code{font:400 var(--fs-xl)/1 var(--display);letter-spacing:.06em}@media (max-height:430px){#lobby-code{font-size:var(--fs-lg)}}#lobby-slots{display:flex;list-style:none;flex-direction:column;gap:6px}.slot{display:flex;align-items: center;gap:var(--sp-s);padding:0 var(--sp-s)0 var(--sp-m);border:var(--border);min-height:44px}.slot.empty{border-style:dashed;border-color:var(--line-subtle);color:var(--on-surface-muted)}.slot i{background:var(--line-subtle)}.slot .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.slot .tag{flex:none;padding:0 6px;font-weight:800;line-height:1.5}.slot .tag.you{border:2px solid var(--line);line-height:1.3}.slot .mini{border:2px solid var(--line);background:0 0;flex:none;min-height:34px;padding:0 8px}.slot .mini.armed{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}@media (max-height:430px){.slot{min-height:42px}}.lobby-profile{display:flex;align-items: center;gap:var(--sp-s);flex-wrap:wrap}.lobby-profile input{flex:130px;min-width:0}#lobby-skins{display:flex;gap:6px}.dot{border:var(--border);border-radius:50%;width:40px;height:40px;padding:0}.dot[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--line)}.dot:disabled{opacity:.25}@media (max-height:430px){.dot{width:36px;height:36px}}#lobby-settings.off #lobby-difficulty{opacity:.4;pointer-events:none}#lobby-hint{text-align:center}#lobby-hint:empty{display:none}#lobby-hint.warn{color:var(--accent)}}@layer screens{.hud{z-index:4}.hud button{pointer-events:auto}.hud-top,.respawn,.skills,.keys-hint{position:absolute;left:50%;transform:translate(-50%)}.hud-top{top:var(--sp-l);display:flex;align-items: center;gap:var(--sp-s);flex-direction:column}.touch .hud-top{top:var(--touch-top)}@media (max-height:520px){.touch .hud-top{gap:var(--sp-m);flex-direction:row}}.timer{min-width:calc(var(--fs-xl)*3.5);padding:4px var(--sp-xl);font:400 var(--fs-xl)/1.1 var(--display);font-variant-numeric:tabular-nums;text-align:center}.timer.urgent{color:var(--accent)}.scoreboard{display:flex;gap:var(--sp-s)}.chip{display:flex;align-items: center;gap:var(--sp-s);padding:0 var(--sp-m);border:2px solid #0000}.chip.you{border-color:var(--on-inverse)}.chip em{font:800 var(--fs-sm)var(--text)}.chip b{font:400 var(--fs-lg)/1.3 var(--display)}.room-info{position:absolute;inset:var(--sp-l)auto auto var(--sp-l);display:flex;pointer-events:auto;align-items: center;gap:4px;padding:0 4px 0 12px}@media (max-width:560px){.room-info{top:calc(var(--sp-l) + var(--hud-stack))}}.touch .room-info{top:var(--touch-below-hud);left:max(var(--edge),var(--sal))}.respawn{top:40%}.hud-menu{position:absolute;inset:var(--sp-l)var(--sp-l)auto auto;text-decoration:none}.touch .hud-menu{inset:var(--touch-top)max(8px,var(--sar))auto auto;min-width:56px;min-height:56px}@media (max-height:520px){.touch .hud-menu{top:max(4px,var(--sat))}}.skill{--cd:0;position:relative;display:grid;width:var(--skill);height:var(--skill);border:3px solid var(--on-surface-muted);background:conic-gradient(#f2e8d566 calc(var(--cd)*1turn),var(--surface-inverse)0);color:var(--on-inverse);border-radius:50%;place-items: center;padding:0;font-weight:800}.skill[data-ready]{border-color:var(--on-inverse)}.skills,.keys-hint{display:flex;gap:var(--sp-xl)}.touch:not(.pad) :is(.skills,.keys-hint){display:none}.skills{bottom:48px}.hud.waiting .skills{visibility:hidden}.skills .skill:after{content:attr(data-name);position:absolute;color:var(--on-surface);white-space:nowrap;margin-top:6px;top:100%}.keys-hint{bottom:calc(var(--skill) + 76px);white-space:nowrap;font-weight:800}.touch-controls{display:none}.touch:not(.pad) .touch-controls{position:fixed;z-index:6;inset:auto max(var(--edge),var(--sar))max(var(--edge),var(--sab))max(var(--edge),var(--sal));display:flex;justify-content:space-between;align-items: flex-end;gap:var(--sp-m);pointer-events:none;touch-action:none}.touch:not(.pad) .touch-controls>*{pointer-events:auto}.touch.lefty .touch-controls{flex-direction:row-reverse}.joystick{position:relative;width:var(--joy);height:var(--joy);border:var(--border);touch-action:none;background:#f2e8d559;border-radius:50%;flex:none}.joystick:before{content:"";position:absolute;inset:-28px}.stick{position:absolute;width:calc(var(--joy)*.44);height:calc(var(--joy)*.44);background:var(--surface-inverse);pointer-events:none;border-radius:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.action-buttons{display:grid;grid-template:var(--act)var(--act-big)/var(--act)var(--act-big);gap:var(--sp-s);flex:none}.action-buttons .skill{width:var(--act);height:var(--act);font-size:var(--fs-sm);touch-action:none;letter-spacing:-.02em;opacity:.88;place-self: center}.action-buttons .skill.big{width:var(--act-big);height:var(--act-big)}.action-buttons .skill.down{border-color:var(--on-inverse);transform:scale(.92)}.action-buttons .skill b{text-shadow:-1px -1px 0 var(--line),1px -1px 0 var(--line),-1px 1px 0 var(--line),1px 1px 0 var(--line)}.touch-countdown{position:absolute;min-width:24px;padding:0 4px;inset:auto -4px -4px auto}.touch-countdown:empty{display:none}}@layer screens{.stamp,.notice{position:fixed;text-align:center;left:50%;transform:translate(-50%)}.stamp{--o:5px;z-index:8;font:400 clamp(40px,12vmin,96px)/1 var(--display);text-transform:uppercase;text-wrap:balance;animation:.18s ease-out stamp;max-width:94vw;top:20%}.stamp.long{--o:3px;font-size:clamp(24px,5.5vmin,40px);line-height:1.15}.points-layer{z-index:7}.pop{--o:2px;position:fixed;color:var(--highlight);font:400 calc(var(--fs-lg)*.86)/1 var(--display);animation:1s ease-out forwards rise;transform:translate(-50%,-50%)}.pop.mine{--o:3px;font-size:calc(var(--fs-lg)*1.3)}.notice{z-index:9;bottom:var(--sp-xl);padding:var(--sp-m)var(--sp-l);max-width:min(92vw,480px)}.notice.error{background:var(--accent)}html:not(.touch) body.in-game .notice{bottom:calc(48px + var(--skill) + var(--sp-m))}.touch body.in-game .notice{top:var(--touch-below-hud);bottom:auto}@keyframes stamp{0%{opacity:0;transform:translate(-50%)scale(1.25)}}@keyframes rise{to{opacity:0;transform:translate(-50%,-200%)}}@keyframes fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.stamp{animation:none}.pop{animation-name:fade}}}@layer screens{dialog{overflow-y:auto;padding:var(--sp-xl);border:var(--border);background:var(--surface);color:var(--on-surface);width:min(92vw,360px);max-height:calc(100dvh - 16px)}dialog::backdrop{background:var(--scrim)}dialog h2{margin-bottom:var(--sp-l)}dialog label{display:flex;margin-top:var(--sp-l);justify-content:space-between;font-weight:800}.touch :is(dialog){overscroll-behavior:contain;touch-action:pan-y}@media (max-height:520px){dialog{padding:var(--sp-l)var(--sp-xl)}dialog h2{margin-bottom:var(--sp-s)}}.actions{display:flex;align-items: flex-start;gap:var(--sp-s);flex-direction:column}.dialog-head{display:flex;justify-content:space-between;align-items: flex-start}.x{text-decoration:none;margin:-10px -8px 0 0}.result-dialog{--focus:var(--on-inverse);color:var(--on-inverse);background:0 0;border:0;width:min(92vw,520px)}.result-dialog::backdrop{background:var(--scrim-strong)}.result-dialog h2{margin-bottom:var(--sp-xl);font:400 min(var(--fs-logo),9vw)/1.05 var(--display);text-transform:uppercase}.result-dialog .actions{align-items: center;gap:var(--sp-m)var(--sp-xl);flex-flow:wrap}.result-dialog .ghost{border-color:var(--on-inverse)}.result-dialog .ghost:hover{background:var(--on-inverse-faint)}.final-scores{margin-bottom:var(--sp-xl);list-style:none}.final-scores li{display:grid;grid-template-columns:24px 16px 1fr auto;align-items: center;gap:var(--sp-m);padding:var(--sp-s)0;border-bottom:2px solid var(--on-inverse-faint);color:var(--on-inverse-muted)}.final-scores li.you{color:var(--on-inverse)}.final-scores b{font:400 var(--fs-lg)/1 var(--display)}@media (max-height:520px){.result-dialog h2,.final-scores{margin-bottom:var(--sp-s)}.final-scores li{padding:4px 0}}}@layer screens{.tutorial-layer{--focus:var(--on-inverse);z-index:6}.tutorial-layer:before{content:"";position:absolute;backdrop-filter:blur(3px);mask-image:radial-gradient(#0000 50%,#000 90%);opacity:0;background:radial-gradient(#0000 45%,#14100c8c 100%);transition:opacity .3s;inset:0}.moment:is(.tutorial-layer:before){opacity:1}[data-tutorial~=on]:not([data-tutorial~=score]) .hud-top{display:none}[data-tutorial~=score] .chip.you{animation:.28s step-end 4 tut-flash}.tut-bar{position:absolute;display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:4px var(--sp-l);width:min(calc(100vw - 2*var(--edge)),560px);padding:var(--sp-s)var(--sp-s)var(--sp-s)var(--sp-l);top:64px;left:50%;transform:translate(-50%)}.touch .tut-bar{top:calc(var(--touch-top) + 56px)}.tut-count{font:400 var(--fs-md)/1 var(--display);font-variant-numeric:tabular-nums}.tut-line{line-height:1.25}.tut-line kbd{display:inline-block;animation:1.1s ease-in-out infinite tut-key;min-width:28px;margin:0 2px;padding:0 6px}.tut-line kbd.done{background:var(--highlight);animation:none}.tut-line kbd.pad-btn{background:var(--surface-inverse);color:var(--pad);min-width:28px;padding:0}.tut-skip{pointer-events:auto;min-width:44px}.tut-meter{grid-column:1/-1;display:block;background:var(--on-inverse-faint);height:4px;margin-right:8px}.tut-meter.off{visibility:hidden}.tut-meter b{display:block;background:var(--on-inverse);transform:scaleX(var(--p,0));transform-origin:left;height:100%;transition:transform .12s linear}[data-tutorial~=joystick] #joystick,[data-tutorial~=attack] #touch-attack{outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}[data-tutorial~=block] :-webkit-any(#touch-block,#block-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=block] :-webkit-any(#touch-block,#block-ability){animation:none}}[data-tutorial~=block] :-moz-any(#touch-block,#block-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=block] :-moz-any(#touch-block,#block-ability){animation:none}}[data-tutorial~=block] :is(#touch-block,#block-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=block] :is(#touch-block,#block-ability){animation:none}}[data-tutorial~=dash] :-webkit-any(#touch-dash,#dash-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=dash] :-webkit-any(#touch-dash,#dash-ability){animation:none}}[data-tutorial~=dash] :-moz-any(#touch-dash,#dash-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=dash] :-moz-any(#touch-dash,#dash-ability){animation:none}}[data-tutorial~=dash] :is(#touch-dash,#dash-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=dash] :is(#touch-dash,#dash-ability){animation:none}}[data-tutorial~=special] :-webkit-any(#touch-special,#special-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=special] :-webkit-any(#touch-special,#special-ability){animation:none}}[data-tutorial~=special] :-moz-any(#touch-special,#special-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=special] :-moz-any(#touch-special,#special-ability){animation:none}}[data-tutorial~=special] :is(#touch-special,#special-ability){outline:4px solid var(--line);outline-offset:4px;animation:.9s ease-in-out infinite alternate tut-ring}@media (prefers-reduced-motion:reduce){[data-tutorial~=special] :is(#touch-special,#special-ability){animation:none}}@media (prefers-reduced-motion:reduce){:is([data-tutorial~=joystick] #joystick,[data-tutorial~=attack] #touch-attack){animation:none}}@keyframes tut-flash{50%{background:var(--surface);color:var(--on-surface)}}@keyframes tut-key{50%{transform:translateY(2px)}}@keyframes tut-ring{to{outline-offset:10px}}@media (prefers-reduced-motion:reduce){.tut-line kbd,[data-tutorial~=score] .chip.you{animation:none}.tutorial-layer:before,.tut-meter b{transition:none}}}@layer base,screens;