.consent-card{--ink: #202038;--paper: #fff8e9;margin:20px 0 4px;padding:14px 15px 15px;border:3px dashed var(--ink);border-radius:16px;background:var(--paper)}.consent-card h2{margin:0 0 8px;font-size:clamp(19px,4.5vw,24px);line-height:1.05;letter-spacing:-.03em}.consent-card p{margin:0 0 8px;font-size:12.5px;line-height:1.45}.card .consent-card__actions{gap:8px;margin:12px 0 8px}.card .consent-card__actions button{flex:0 1 auto;min-width:0;padding:9px 12px;border-width:2px;border-radius:999px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-size:12px;letter-spacing:.01em}.card .consent-card__actions button:hover:not(:disabled),.card .consent-card__actions button:active:not(:disabled){background:#f6c851}.card button.text-button.consent-card__more{padding:2px 0;border:0;background:none;box-shadow:none;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;cursor:pointer}.consent-preference{margin:6px 0 2px}.consent-preference__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.consent-preference__label{font-size:13px;letter-spacing:.04em;text-transform:uppercase}.card button.consent-toggle{min-width:74px;padding:7px 14px;border-radius:999px;background:var(--paper);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.card button.consent-toggle.is-on{background:#a9d96a}.consent-preference__note{margin:6px 0 4px;font-size:11.5px;line-height:1.4;opacity:.8}.consent-disclosure h3{margin:14px 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.consent-disclosure ul{margin:0;padding-left:20px;font-size:12.5px;line-height:1.5}.consent-disclosure p{margin:12px 0 0;font-size:12px;line-height:1.5;opacity:.85}.charge-icon{width:16px;height:16px;display:block;flex:0 0 auto;color:currentColor}.charge-badge{min-height:24px;display:inline-flex;align-items:center;justify-content:center;gap:1px;padding:2px 6px 2px 4px;border:2px solid #202038;border-radius:9px;background:#fff;color:#202038;box-shadow:1px 2px #202038;font-size:11px;line-height:1}.charge-badge b{font-size:inherit;line-height:1}.charge-badge.is-free{min-height:21px;padding-inline:5px;font-size:8px;letter-spacing:.04em}.mascot{display:block;flex:0 0 auto;width:calc(var(--mascot-height, 52px) * .758);height:var(--mascot-height, 52px);--mascot-ink: #202038;--mascot-paper: #fff8e9}.mascot-player{--mascot-cloth: #a9d96a}.mascot-rival{--mascot-cloth: #ef5b69}.mascot-echo{--mascot-height: 38px}.mascot-figure{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 88%;transition:transform .13s cubic-bezier(.22,1,.36,1)}.mascot-cloth{fill:var(--mascot-cloth);stroke:var(--mascot-ink);stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.mascot-foot{fill:var(--mascot-paper);stroke:var(--mascot-ink);stroke-width:6;stroke-linejoin:round}.mascot-fabric{stroke:none}.mascot-print-mark{fill:var(--mascot-paper);opacity:.85}.mascot-print-mark.is-faint{opacity:.4}.mascot-seam{fill:none;stroke:var(--mascot-ink);stroke-width:3.5;stroke-linecap:round;opacity:.3}.mascot-seam.is-stitched{stroke-dasharray:5 7;opacity:.45}.mascot-outline{fill:none;stroke:var(--mascot-ink);stroke-width:6;stroke-linejoin:round}.mascot-ink{fill:var(--mascot-ink)}.mascot-line{fill:none;stroke:var(--mascot-ink);stroke-width:5;stroke-linecap:round}.step-1 .mascot-groove .mascot-figure{transform:translateY(5px) scale(1.14,.82)}.step-2 .mascot-groove .mascot-figure{transform:translateY(-3px) scale(.93,1.1) rotate(4deg)}.mascot-anticipate .mascot-figure{transform:translateY(4px) scale(1.06,.93)}.mascot-defended .mascot-figure{transform:scale(1.08,.92)}.mascot-celebrate .mascot-figure{animation:mascot-cheer .42s ease-in-out infinite alternate}.mascot-recoil .mascot-figure{animation:mascot-flop .52s ease-out both}@keyframes mascot-cheer{0%{transform:translateY(0) scale(1)}to{transform:translateY(-9px) scale(.93,1.1)}}@keyframes mascot-flop{0%{transform:none}40%{transform:translateY(6px) scale(1.14,.84) rotate(-10deg)}to{transform:translateY(5px) scale(1.08,.88) rotate(-24deg)}}@media(prefers-reduced-motion:reduce){.mascot-figure,.step-1 .mascot-groove .mascot-figure,.step-2 .mascot-groove .mascot-figure,.mascot-anticipate .mascot-figure,.mascot-defended .mascot-figure{transform:none;transition:none}.mascot-celebrate .mascot-figure{animation:none;transform:translateY(-6px) scale(.95,1.07)}.mascot-recoil .mascot-figure{animation:none;transform:rotate(-24deg) scale(1.08,.88)}}.rules-guide{--guide-ink: #202038;--guide-paper: #fff8e9;color:var(--guide-ink);background:var(--guide-paper);border:3px solid var(--guide-ink);border-radius:20px;padding:clamp(14px,3vw,22px)}.rules-guide__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.rules-guide__heading h2,.rules-guide__heading p{margin:0}.rules-guide__heading h2{font-size:clamp(20px,4vw,28px);letter-spacing:-.04em}.rules-guide__heading p{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.rules-guide__rule-slot{position:relative;min-height:18px;margin-bottom:8px;overflow:hidden}.rules-guide__rule{margin:0;font-size:13px;line-height:1.4;opacity:.8;animation:rules-guide-rule-in .36s cubic-bezier(.22,1,.36,1)}@keyframes rules-guide-rule-in{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:.8}}@media(prefers-reduced-motion:reduce){.rules-guide__rule{animation:none}}.rules-guide__choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.rules-guide__choices>span{min-width:0}.rules-guide .rules-guide__choice{width:100%;aspect-ratio:1;display:grid;place-items:center;padding:7px;border:3px solid currentColor;border-radius:15px;background:#fff;box-shadow:2px 3px 0 currentColor;cursor:pointer;transition:transform .13s ease,background-color .13s ease,color .13s ease}.rules-guide .rules-guide__choice--attack,.rules-guide__selected--attack,.rules-guide__target--attack{color:#b8403d}.rules-guide .rules-guide__choice--defense,.rules-guide__selected--defense,.rules-guide__target--defense{color:#32699f}.rules-guide__target--resource{color:#b77308}.rules-guide__choice .action-glyph{width:42px;min-width:24px;max-width:100%;height:42px;max-height:100%}.rules-guide .rules-guide__choice:hover,.rules-guide .rules-guide__choice:focus-visible,.rules-guide .rules-guide__choice.is-active{z-index:1;outline:0;color:var(--guide-ink);background:#ffe99e;transform:translateY(-3px) rotate(-1deg)}.rules-guide__detail{height:140px;display:grid;grid-template-columns:minmax(62px,auto) 32px minmax(0,1fr);align-items:center;gap:8px;margin-top:14px;padding:11px;border:2px solid var(--guide-ink);border-radius:15px;background:#ffffff75}.rules-guide__detail.is-visible{background:#fff}.rules-guide__selected{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.rules-guide__selected .action-glyph{width:46px;height:46px;flex:0 0 auto}.rules-guide__selected .charge-badge{min-height:30px;font-size:13px}.rules-guide__selected .charge-icon{width:19px;height:19px}.rules-guide__arrow{color:#ec5a52;font-size:42px;font-weight:900;line-height:1;text-align:center}.rules-guide__targets{width:100%;max-width:150px;height:98px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:6px 4px;margin-inline:auto}.rules-guide__target{width:41px;min-width:41px;max-width:41px;aspect-ratio:1;flex:0 0 41px;display:grid;place-items:center;padding:1px;border:2px solid currentColor;border-radius:12px;background:#fff8e9}.rules-guide__target .action-glyph{width:31px;height:31px}.rules-guide__prompt{grid-column:1 / -1;color:#202038b8;font-size:11px;text-align:center}.rules-guide__charge-result{grid-column:2 / -1;display:flex;align-items:center;justify-content:center;gap:8px;color:#b77308}.rules-guide__charge-result .action-glyph{width:50px;height:50px}.rules-guide__charge-result span{color:var(--guide-ink);font-size:28px}.rules-guide__choice.is-action-cue{animation:rules-source-cue .42s cubic-bezier(.2,.9,.2,1) both}.rules-guide__target.is-resolving{animation:rules-target-cue .46s cubic-bezier(.2,.9,.2,1) both}.rules-guide__target.is-resolving:nth-child(2){animation-delay:55ms}.rules-guide__target.is-resolving:nth-child(3){animation-delay:.11s}.rules-guide__target.is-resolving:nth-child(4){animation-delay:165ms}@keyframes rules-source-cue{45%{transform:translateY(-5px) rotate(-2deg) scale(1.12);box-shadow:2px 3px 0 currentColor,0 0 0 5px #ffe99e}}@keyframes rules-target-cue{45%{background:#ffe99e;transform:translateY(-5px) rotate(2deg) scale(1.12)}}@media(max-width:520px){.rules-guide{padding:12px 9px}.rules-guide__choices{gap:5px}.rules-guide .rules-guide__choice{padding:0;border-width:2px;border-radius:11px}.rules-guide__choice .action-glyph{width:30px;height:30px}.rules-guide__detail{grid-template-columns:minmax(54px,auto) 24px minmax(0,1fr);gap:4px;padding:8px}.rules-guide__selected{gap:3px}.rules-guide__selected .action-glyph{width:42px;height:42px}.rules-guide__selected .charge-badge{min-height:30px;font-size:13px}.rules-guide__arrow{font-size:30px}.rules-guide__targets{max-width:150px;gap:6px 4px}.rules-guide__target{width:41px;min-width:41px;max-width:41px;flex-basis:41px;border-radius:9px}.rules-guide__target .action-glyph{width:31px;height:31px}}@media(prefers-reduced-motion:reduce){.rules-guide .rules-guide__choice{transition:none}.rules-guide .rules-guide__choice:hover,.rules-guide .rules-guide__choice:focus-visible,.rules-guide .rules-guide__choice.is-active,.rules-guide .rules-guide__choice.is-action-cue,.rules-guide__target.is-resolving{transform:none}}.setup-rhythm-demo__tiles{position:relative;z-index:8;grid-row:2;width:min(var(--battle-ui-max-width),100%);justify-self:center;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px var(--battle-ui-edge)}.setup-rhythm-demo__tile{position:relative;min-width:0;min-height:70px;display:grid;place-items:center;align-content:center;gap:2px;padding:5px 2px;border:3px solid var(--ink);border-radius:13px 11px 14px 12px;background:var(--paper);color:var(--ink);text-align:center;transition:transform 105ms cubic-bezier(.2,1.35,.5,1),box-shadow 105ms ease,background-color 105ms ease}.setup-rhythm-demo__tile>i{position:absolute;top:4px;left:5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:8px;font-style:normal}.setup-rhythm-demo__tile.is-current{z-index:2;background:#fff5d1;box-shadow:0 5px 0 var(--ink);transform:translateY(-4px) scale(1.025)}.setup-rhythm-demo__tap-cue,.setup-rhythm-demo__action-cue,.setup-rhythm-demo__resolve-cue{min-width:0;display:grid;place-items:center;gap:3px}.setup-rhythm-demo__tile b{font-size:clamp(8px,2.4vw,11px);line-height:1;letter-spacing:.03em}.setup-rhythm-demo__tap-cue small{padding:2px 4px;border:2px solid var(--ink);border-radius:6px;background:#f6c851;font-size:7px;line-height:1}.setup-rhythm-demo__action-cue .action-glyph{width:29px;height:29px}.setup-rhythm-demo__tile[data-step="4"]{background:#ef8b73}.setup-rhythm-demo__tile[data-step="4"].is-current{background:#ffd2c7}.setup-rhythm-demo__resolve-cue>span{font-size:24px;line-height:.8}@media(max-width:360px){.setup-rhythm-demo__tiles{gap:3px;padding-inline:4px}.setup-rhythm-demo__tile{min-height:66px;border-width:2px}.setup-rhythm-demo__tile>i{top:3px;left:3px;width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.setup-rhythm-demo__tile{transition:none}.setup-rhythm-demo__tile.is-current{box-shadow:none;transform:none}}.setup-action-ring{--ring-ink: #202038;--ring-paper: #fff8e9;width:calc(100% + 2*clamp(22px,5vw,46px));margin:18px calc(clamp(22px,5vw,46px)*-1);padding:18px 0 16px;background:#f6c851}.setup-action-ring__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-inline:clamp(14px,3vw,22px)}.setup-action-ring__heading h2,.setup-action-ring__heading p,.setup-action-ring__description p{margin:0}.setup-action-ring__heading h2{font-size:clamp(20px,4vw,28px);letter-spacing:-.04em}.setup-action-ring__heading p{font-size:10px;letter-spacing:.12em}.setup-action-ring__description{margin-top:4px;padding-inline:clamp(14px,3vw,22px);font-size:12px;line-height:1.35}.setup-action-ring__loop{--ink: #202038;--paper: #fff8e9;--battle-ui-max-width: 700px;--battle-ui-edge: 0px;margin:8px 0}.game-stage.is-how-to-stage{--fullscreen-floor: 0px;position:relative;inset:auto;width:100%;height:auto;min-height:0;grid-template-rows:132px auto;margin-top:14px}.is-how-to-stage .territory-bot,.is-how-to-stage .player-playfield .mascot-row,.is-how-to-stage .phase-stamp,.is-how-to-stage .arena-bot,.is-how-to-stage .arena-impact,.is-how-to-stage .arena-rhythm-center,.is-how-to-stage .player-status-row{display:none}.is-how-to-stage .conflict-arena{grid-row:1}.is-how-to-stage.phase-active .arena-player{visibility:hidden}.is-how-to-stage .arena-player{transform:none}.tutorial-step-3 .is-how-to-stage .arena-player{animation:tutorial-arena-pop .22s cubic-bezier(.2,.9,.2,1) both}.tutorial-step-4 .is-how-to-stage .conflict-arena.is-impact .arena-player{animation:none;opacity:1;transform:none}.is-how-to-stage .arena-player>.charge-badge{position:absolute;top:8px;right:8px;color:var(--ink)}.is-how-to-stage .territory-player{grid-row:2;grid-template-rows:auto;min-height:0;padding-bottom:0}.is-how-to-stage .player-playfield{grid-row:1}.is-how-to-stage .conflict-arena .resource-player{right:10px;bottom:8px;top:auto;color:var(--ink)}.setup-action-ring.is-pinned .is-how-to-stage .action-button.is-active,.setup-action-ring.is-automatic.tutorial-step-3 .is-how-to-stage .action-button.is-active,.setup-action-ring.is-automatic.tutorial-step-4 .is-how-to-stage .action-button.is-active{z-index:12;border-width:4px;background:#efffc8;box-shadow:3px 4px 0 var(--ring-ink),0 0 0 6px #fff;filter:none;opacity:1;transform:translate(-50%,-50%) scale(1.08)}.tutorial-step-3 .is-how-to-stage .action-button.is-active{animation:tutorial-action-pulse .33s cubic-bezier(.2,.9,.2,1) both}.is-how-to-stage .drum-player .drum-face{transform-origin:center;transition:transform .13s ease,background-color .13s ease,box-shadow .13s ease}.setup-action-ring.is-pinned .is-how-to-stage .drum-player[aria-pressed=true] .drum-face,.setup-action-ring.is-automatic.tutorial-step-3 .is-how-to-stage .drum-player[aria-pressed=true] .drum-face,.setup-action-ring.is-automatic.tutorial-step-4 .is-how-to-stage .drum-player[aria-pressed=true] .drum-face{background:#efffc8;box-shadow:0 0 0 5px var(--ring-ink),0 0 0 10px #fff;transform:scale(1.08)}.tutorial-step-3 .is-how-to-stage .drum-player[aria-pressed=true] .drum-face{animation:tutorial-drum-pulse .33s cubic-bezier(.2,.9,.2,1) both}.setup-action-ring__detail{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;margin:10px clamp(14px,3vw,22px) 0;padding:8px 12px;border:2px dashed rgba(32,32,56,.45);border-radius:13px;background:#ffffff75;font-size:11px;text-align:center}@keyframes tutorial-action-pulse{50%{transform:translate(-50%,-50%) scale(1.18) rotate(-2deg)}}@keyframes tutorial-drum-pulse{50%{transform:scale(1.18) rotate(-2deg)}}@keyframes tutorial-arena-pop{0%{opacity:0;transform:translateY(8px) scale(.55) rotate(4deg)}70%{transform:scale(1.12) rotate(-2deg)}to{opacity:1;transform:none}}.setup-action-ring__detail.is-visible{border-style:solid;background:#fff}.setup-action-ring__detail .action-glyph{width:34px;height:34px}.setup-action-ring__detail strong{text-transform:uppercase}.setup-action-ring__detail>.charge-badge{font-size:12px}.setup-action-ring__footnote{padding-block-start:10px;padding-inline:clamp(14px,3vw,22px);font-size:12px;line-height:1.35}.setup-action-ring__footnote p{margin:0;padding-left:10px}@media(max-width:520px){.setup-action-ring{width:calc(100% + 28px);margin-inline:-14px;padding-block:15px 16px}.game-stage.is-how-to-stage{grid-template-rows:120px auto}}@media(prefers-reduced-motion:reduce){.tutorial-step-3 .is-how-to-stage .action-button.is-active,.tutorial-step-3 .is-how-to-stage .drum-player[aria-pressed=true] .drum-face,.tutorial-step-3 .is-how-to-stage .arena-player{animation:none}}.how-to-play--compact .setup-action-ring{margin-block:12px}.rhythm-stakes{margin:16px 0 20px;padding:clamp(14px,3vw,22px);border:3px solid var(--ink);border-radius:20px 14px 22px 16px;background:#fff8e9b8;box-shadow:5px 6px 0 var(--ink)}.rhythm-stakes__heading>span{display:block;color:#a63e4d;font-size:9px;letter-spacing:.15em}.rhythm-stakes__heading h2{margin:4px 0 5px;font-size:clamp(18px,4vw,28px);line-height:1}.rhythm-stakes__heading p{max-width:62ch;margin:0;font-family:system-ui,sans-serif;font-size:13px;font-weight:750;line-height:1.35}.rhythm-stakes__outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.rhythm-stakes__outcome{min-width:0;display:flex;align-items:center;gap:10px;padding:10px;border:3px solid var(--ink);border-radius:13px;background:var(--paper)}.rhythm-stakes__outcome.is-ready{background:#ffe887}.rhythm-stakes__outcome.is-locked{background:#ffc3b8}.rhythm-stakes__beats{flex:0 0 auto;display:flex;gap:4px}.rhythm-stakes__beats i{min-width:42px;min-height:34px;display:grid;place-items:center;padding:4px;border:2px solid var(--ink);border-radius:9px;background:#f6c851;font-size:8px;font-style:normal;line-height:1}.is-locked .rhythm-stakes__beats i{background:#ef8061}.rhythm-stakes__outcome>strong,.rhythm-stakes__outcome span>strong{display:block;font-size:clamp(11px,2vw,15px);line-height:1.05}.rhythm-stakes__outcome small{display:block;margin-top:4px;font-family:system-ui,sans-serif;font-size:10px;font-weight:800;line-height:1.2}.how-to-play--compact .rhythm-stakes{margin-block:12px 16px}.how-to-play--compact .rules-guide__detail{min-height:76px}@media(max-width:680px){.rhythm-stakes__outcomes{grid-template-columns:1fr}.rhythm-stakes__outcome{justify-content:flex-start}}.sticker-count{margin:0 0 4px;font-size:14px;letter-spacing:.04em;text-transform:uppercase}.sticker-count b{font-size:20px}.sticker-group-note{margin:0 0 12px;font-size:12px;line-height:1.5;opacity:.75}.sticker-card{width:min(820px,100%)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));justify-content:center;gap:14px;margin:0;padding:0;list-style:none}.sticker-card button.sticker-slot,.result-stickers button.sticker-slot{display:block;width:100%;padding:0;border:0;border-radius:16px;background:none;box-shadow:none;font:inherit;color:inherit;cursor:pointer}.sticker-stub{display:block;width:100%;height:auto;filter:drop-shadow(3px 4px 0 rgb(32 32 56 / .32))}@media(prefers-reduced-motion:no-preference){.sticker-slot{transition:transform .14s ease-out,filter .14s ease-out}.sticker-slot:hover .sticker-stub,.sticker-slot:focus-visible .sticker-stub{transform:translate(-1px,-2px) rotate(-.4deg);filter:drop-shadow(5px 6px 0 rgb(32 32 56 / .34))}.sticker-slot:active .sticker-stub{transform:translate(1px,1px) scale(.99)}.sticker-slot .sticker-stub{animation:sticker-deal .3s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(min(var(--stub-index, 0),8)*55ms)}}@keyframes sticker-deal{0%{opacity:0;transform:translateY(14px) scale(.9) rotate(-2deg)}to{opacity:1;transform:none}}.sticker-stub__name{font-weight:800;letter-spacing:-.3px}.sticker-stub__criterion{font-weight:700;letter-spacing:.5px;opacity:.8}.sticker-stub__mark{font-size:10px;font-weight:800;letter-spacing:1.2px;opacity:.45}.sticker-stub.is-locked{opacity:.86;filter:drop-shadow(2px 3px 0 rgb(32 32 56 / .22))}.result-stickers{display:grid;justify-items:center;gap:6px;margin:12px auto 0;width:min(100%,320px)}.result-stickers__banner{padding:3px 10px;transform:rotate(-1.5deg);border:2px solid var(--ink);border-radius:999px;background:#f6c851;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.result-stickers__list{display:grid;gap:8px;margin:0;padding:0;width:100%;list-style:none}.result-stickers__list li.is-pending{opacity:0}.result-stickers.is-compact{gap:4px;margin-top:8px}.result-stickers.is-compact .result-stickers__list{grid-template-columns:repeat(auto-fit,84px);justify-content:center;gap:6px}.result-stickers.is-compact .result-stickers__banner{font-size:9px;padding:2px 8px}@media(prefers-reduced-motion:no-preference){.result-stickers__list li.is-stamped{animation:ticket-stamp-land .26s cubic-bezier(.2,.85,.25,1.2) both}}@keyframes ticket-stamp-land{0%{opacity:0;transform:scale(1.18) rotate(-3deg)}60%{opacity:1;transform:scale(.94) rotate(.6deg)}to{opacity:1;transform:scale(1) rotate(0)}}.sticker-detail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:clamp(12px,4vw,32px);background:#2020388c}.sticker-detail{display:grid;justify-items:center;gap:12px;width:min(420px,100%);max-height:100%;padding:clamp(18px,4vw,28px);overflow-y:auto;text-align:center}.sticker-detail__title{margin:0;font-size:clamp(24px,6vw,34px);line-height:1;letter-spacing:-.04em}.sticker-detail__body{display:grid;gap:3px}.sticker-detail__lead{margin:0;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.sticker-detail__headline{margin:0;font-size:15px;font-weight:800;letter-spacing:.02em}.sticker-detail__line{margin:0;font-size:12.5px;line-height:1.5;opacity:.8}@media(prefers-reduced-motion:no-preference){.sticker-detail{animation:sticker-pick-up .22s cubic-bezier(.2,1.4,.4,1) both}.sticker-detail .sticker-stub{animation:none}}@keyframes sticker-pick-up{0%{opacity:0;transform:scale(.88) rotate(-1.5deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.result-stickers__banner{animation:sticker-stamp-banner .42s cubic-bezier(.2,1.6,.35,1) both}.result-stickers .sticker-stub{animation:sticker-stamp-down .46s cubic-bezier(.2,1.5,.35,1) both;animation-delay:90ms}.result-stickers:before{content:"";position:absolute;top:42%;left:50%;width:1px;height:1px;pointer-events:none;box-shadow:0 0 0 4px #f6c851,36px 8px 0 3px #ef5b69,-34px 12px 0 3px #83cde0,14px -14px 0 3px #8fc94a;animation:sticker-stamp-burst .62s ease-out .12s both}}.result-stickers{position:relative}@keyframes sticker-stamp-banner{0%{opacity:0;transform:rotate(-1.5deg) scale(.6)}to{opacity:1;transform:rotate(-1.5deg) scale(1)}}@keyframes sticker-stamp-down{0%{opacity:0;transform:scale(1.35) rotate(2.5deg)}60%{opacity:1;transform:scale(.97) rotate(-.8deg)}to{opacity:1;transform:none}}@keyframes sticker-stamp-burst{0%{opacity:.95;transform:scale(.2)}to{opacity:0;transform:scale(3.4)}}.track-picker{position:relative;min-width:0}.track-picker .track-picker__row{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;margin:0;padding:7px 12px;border:3px solid currentColor;border-radius:13px 10px 14px 11px;background:#ffffffb8;box-shadow:3px 3px 0 currentColor;color:inherit;cursor:pointer;font:inherit;text-align:left}.track-picker.is-open .track-picker__row{background:#f6c851}.track-picker .track-picker__disc{flex:none;width:24px;height:24px;animation:track-picker-spin 1.8s linear infinite}.track-picker .track-picker__reading{display:grid;gap:1px;min-width:0;flex:1}.track-picker .track-picker__reading small{opacity:.68;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.track-picker .track-picker__reading strong{overflow:hidden;font-size:14px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.track-picker .track-picker__caret{flex:none;opacity:.6;font-size:10px}.track-picker .track-picker__scrim{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0}.track-picker .track-picker__sheet{position:absolute;z-index:2;right:0;left:0;display:grid;gap:8px;padding:11px;border:3px solid currentColor;border-radius:15px 12px 16px 13px;background:#fff8e9;box-shadow:4px 5px 0 currentColor}.track-picker--up .track-picker__sheet{bottom:calc(100% + 8px)}.track-picker--down .track-picker__sheet{top:calc(100% + 8px)}.track-picker .track-picker__options{display:grid;gap:6px}.track-picker .track-picker__option{display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 11px;border:2px solid currentColor;border-radius:11px 8px 12px 9px;background:#ffffffb3;cursor:pointer;font-size:13px;font-weight:700;line-height:1.1}.track-picker .track-picker__option input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.track-picker .track-picker__disc-dot{flex:none;width:13px;height:13px;border:2px solid currentColor;border-radius:50%}.track-picker .track-picker__option.is-current{background:#f6c851;box-shadow:2px 2px 0 currentColor}.track-picker .track-picker__option.is-current .track-picker__disc-dot{border-width:4px}.track-picker .track-picker__row:focus-visible,.track-picker .track-picker__done:focus-visible,.track-picker .track-picker__option:has(input:focus-visible){outline:3px solid #a9d96a;outline-offset:2px}.track-picker .track-picker__hint{margin:0;opacity:.72;font-size:11px;line-height:1.35}.track-picker .track-picker__done{min-height:38px;padding:8px 14px;border:3px solid currentColor;border-radius:12px 9px 13px 10px;background:#a9d96a;box-shadow:3px 3px 0 currentColor;color:inherit;cursor:pointer;font:inherit;font-size:13px;font-weight:800}@keyframes track-picker-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.track-picker .track-picker__disc{animation:none}}.ladder-screen{--ladder-ink: #202038;--ladder-paper: #fff8e9;--ladder-beat: .6666667s;--ladder-measure: 2.6666667s;position:relative;min-height:100dvh;overflow:clip;padding:22px max(16px,env(safe-area-inset-left)) calc(30px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right));background:#83cde0;color:var(--ladder-ink)}.ladder-print{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:radial-gradient(var(--ladder-ink) 1.3px,transparent 1.5px);background-size:28px 28px;pointer-events:none}.ladder-rhythm-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ladder-drum-echo{position:absolute;top:50%;width:clamp(260px,35vw,520px);aspect-ratio:1;transform:translateY(-50%);border:clamp(5px,.6vw,9px) solid var(--ladder-ink);border-radius:46% 52% 48% 54%;background:#f6c851cc;box-shadow:8px 9px 0 var(--ladder-ink);animation:home-drum-groove var(--ladder-beat) cubic-bezier(.2,.75,.3,1) infinite}.ladder-drum-echo:after{content:"";position:absolute;top:19%;right:19%;bottom:19%;left:19%;border:clamp(4px,.45vw,7px) solid var(--ladder-ink);border-radius:50%;background:#ef8061}.ladder-drum-echo--left{left:clamp(-390px,-23vw,-165px);rotate:-8deg}.ladder-drum-echo--right{right:clamp(-390px,-23vw,-165px);rotate:8deg;animation-delay:calc(var(--ladder-beat) * -.5)}.ladder-drum-echo i{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border:4px solid rgba(32,32,56,.62);border-radius:50%;animation:home-echo var(--ladder-measure) ease-out infinite}.ladder-drum-echo i:nth-child(2){animation-delay:calc(var(--ladder-beat) * -1)}.ladder-drum-echo i:nth-child(3){animation-delay:calc(var(--ladder-beat) * -2)}.ladder-equalizer{position:absolute;top:18%;bottom:18%;display:flex;align-items:flex-end;gap:clamp(3px,.4vw,7px);opacity:.58}.ladder-equalizer--left{left:2vw}.ladder-equalizer--right{right:2vw}.ladder-equalizer i{--bar: 0;width:clamp(8px,1vw,14px);height:24%;border:3px solid var(--ladder-ink);border-radius:8px 8px 3px 3px;background:#ef5b69;transform-origin:bottom;animation:home-equalizer var(--ladder-beat) steps(2,jump-none) infinite;animation-delay:calc(var(--bar) * -74.074ms)}.ladder-equalizer i:nth-child(3n+2){height:36%;background:#f6c851}.ladder-equalizer i:nth-child(3n){height:17%;background:#6dbd63}@media(prefers-reduced-motion:reduce){.ladder-drum-echo,.ladder-drum-echo i,.ladder-equalizer i{animation:none}}.ladder-shell{position:relative;width:min(720px,100%);margin:0 auto}.ladder-back{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent;color:var(--ladder-ink);cursor:pointer;font:inherit;font-size:12px;font-weight:800}.ladder-back span{width:23px;height:23px;display:grid;place-items:center;border:2px solid var(--ladder-ink);border-radius:50%;background:#a9d96a}.ladder-back:hover,.ladder-back:focus-visible{text-decoration:underline}.ladder-header{position:sticky;z-index:9;top:max(10px,env(safe-area-inset-top));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 13px;transform:rotate(-.25deg);border:4px solid var(--ladder-ink);border-radius:24px 18px 22px 20px;background:var(--ladder-paper);box-shadow:7px 8px 0 var(--ladder-ink),0 0 0 9px #fff8e933}.ladder-eyebrow,.ladder-rung-kicker,.ladder-prize-line span,.ladder-locked-label,.ladder-encore-card small,.ladder-primary-action small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.ladder-header h1{margin:2px 0 0;font-size:clamp(25px,6vw,34px);line-height:.96;letter-spacing:-.04em}.ladder-header .home-stat{position:relative;flex:none;display:grid;justify-items:center;gap:1px;padding:5px 11px 6px;transform:rotate(1.4deg);border:3px solid var(--ladder-ink);border-radius:13px 10px 14px 11px;background:var(--ladder-paper);box-shadow:3px 3px 0 var(--ladder-ink);color:var(--ladder-ink);font:inherit;cursor:pointer}.ladder-header .home-stat--ticket{padding-left:16px;border-radius:12px 10px;mask:radial-gradient(circle 5px at 0 50%,transparent 99%,#000 100%),radial-gradient(circle 5px at 100% 50%,transparent 99%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.ladder-header .home-stat--ticket:before{content:"";position:absolute;top:6px;bottom:6px;left:9px;border-left:2px dashed rgb(32 32 56 / .45)}.ladder-header .home-stat.is-new,.ladder-header .home-stat:hover,.ladder-header .home-stat:focus-visible{background:#f6c851}.ladder-unlock-beat{position:relative;min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin:24px auto 0;padding:15px 19px;transform:rotate(.35deg);border:4px solid var(--ladder-ink);border-radius:14px 11px 15px 12px;background:#ffe887;box-shadow:5px 6px 0 var(--ladder-ink);animation:ladder-unlock-land .46s cubic-bezier(.18,.9,.22,1.18) both}.ladder-unlock-stamp{display:inline-grid;place-items:center;padding:9px 12px 8px;transform:rotate(-5deg);border:4px double var(--ladder-ink);border-radius:8px 10px 7px 9px;background:#ef8b73;font-size:12px;letter-spacing:.14em;text-transform:uppercase;animation:ladder-unlock-stamp .34s .18s cubic-bezier(.18,.9,.22,1.18) both}.ladder-unlock-copy small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.ladder-unlock-copy strong{display:block;margin-top:2px;font-size:clamp(18px,5vw,27px);line-height:1.05}.ladder-encore-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:28px 0 0;padding:17px 19px;border:4px solid var(--ladder-ink);border-radius:16px 12px 18px 13px;background:#a9d96a;box-shadow:5px 6px 0 var(--ladder-ink)}.ladder-encore-card h2,.ladder-encore-card p{margin:0}.ladder-encore-card h2{margin-top:2px;font-size:clamp(24px,6vw,34px);text-transform:uppercase}.ladder-encore-card p{margin-top:4px;font-size:13px;line-height:1.35}.ladder-encore-mark{width:48px;height:48px;display:grid;place-items:center;transform:rotate(-4deg);border:3px solid var(--ladder-ink);border-radius:50%;background:var(--ladder-paper);box-shadow:2px 3px 0 var(--ladder-ink);font-size:25px}.ladder-rungs{position:relative;display:grid;gap:18px;margin:30px 0 0;padding:0;list-style:none}.ladder-rungs:before{content:"";position:absolute;top:28px;bottom:28px;left:26px;width:8px;border:3px solid var(--ladder-ink);background:var(--ladder-paper)}.ladder-rung{position:relative;scroll-margin-block:190px;display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center}.ladder-rung-marker{z-index:2;width:44px;height:44px;display:grid;place-items:center;margin-left:8px;border:3px solid var(--ladder-ink);border-radius:50%;background:var(--ladder-paper);box-shadow:2px 3px 0 var(--ladder-ink);font-size:17px}.ladder-rung-card{min-width:0;padding:17px 19px 15px;border:3px solid var(--ladder-ink);border-radius:16px 12px 18px 13px;background:var(--ladder-paper);box-shadow:4px 5px 0 var(--ladder-ink)}.ladder-rung:nth-child(2n) .ladder-rung-card{transform:rotate(.25deg)}.ladder-rung:nth-child(odd) .ladder-rung-card{transform:rotate(-.2deg)}.ladder-rung.is-current .ladder-rung-marker,.ladder-rung.is-current .ladder-rung-card,.ladder-rung.is-in-progress .ladder-rung-marker,.ladder-rung.is-in-progress .ladder-rung-card{background:#f6c851}.ladder-rung.is-current .ladder-rung-card,.ladder-rung.is-in-progress .ladder-rung-card{box-shadow:5px 6px 0 var(--ladder-ink),0 0 0 6px #fff8e95c}.ladder-rung.is-in-progress .ladder-rung-marker{border-radius:11px 14px 10px 13px}.ladder-rung.is-cleared .ladder-rung-marker{background:#a9d96a}.ladder-rung.is-locked .ladder-rung-marker,.ladder-rung.is-locked .ladder-rung-card{border-style:dashed;background:#abd9e4;box-shadow:none}.ladder-rung.is-locked .ladder-rung-card{color:color-mix(in srgb,var(--ladder-ink) 76%,#83cde0)}.ladder-rung-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ladder-rung-heading h2{margin:4px 0 0;font-size:clamp(20px,4.8vw,27px);line-height:1.04;letter-spacing:-.025em}.ladder-stars{display:inline-block;min-width:max-content;padding:5px 8px;transform:rotate(1deg);border:2px solid var(--ladder-ink);border-radius:9px 7px 10px 8px;background:#fff8e9a6;font-size:19px;letter-spacing:.08em;line-height:1}.ladder-stars i{color:var(--ladder-paper);font-style:normal;-webkit-text-stroke:1.25px var(--ladder-ink);paint-order:stroke fill}.ladder-stars i.is-green.is-earned{color:#73b64a}.ladder-stars i.is-red.is-earned{color:#e4485e}.ladder-stars i.is-gold.is-earned{color:#f2b82f}.ladder-stage-description{margin:12px 0 0;font-size:13px;line-height:1.4}.ladder-kit-row,.ladder-prize-line{font-size:12px;line-height:1.42}.ladder-prize-line{margin:12px 0 0}.ladder-prize-line span{margin-bottom:2px;opacity:.68}.ladder-kit-row{display:flex;align-items:center;gap:10px;width:100%;margin:12px 0 0;padding:7px 9px;border:2px dashed rgb(32 32 56 / .26);border-radius:8px 7px 9px 6px;background:#ffffff47;color:inherit;cursor:pointer;font:inherit;text-align:left}.ladder-kit-row:hover,.ladder-kit-row:focus-visible{border-style:solid;border-color:#20203875;background:#ffffff9e}.ladder-kit-more{margin-left:auto;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;opacity:.62}.ladder-kit-more b{margin-left:3px;font-size:14px}.ladder-kit-row:hover .ladder-kit-more,.ladder-kit-row:focus-visible .ladder-kit-more{opacity:.9}.ladder-kit-icons{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.ladder-kit-icons li,.ladder-kit-icons i{width:clamp(26px,6vw,32px);height:clamp(26px,6vw,32px);display:grid;place-items:center;border:2px dashed rgb(32 32 56 / .58);border-radius:6px 5px 7px;background:#20203809;opacity:.72}.ladder-kit-icons .action-glyph{width:clamp(17px,4vw,21px);height:clamp(17px,4vw,21px)}.ladder-prize-line{padding-top:9px;border-top:2px dashed rgb(32 32 56 / .3);font-weight:800}.ladder-prize-line.is-mystery{font-weight:600}.ladder-rung-footer{min-height:34px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:13px}.ladder-hearts{color:var(--health-heart-color);font-size:var(--health-heart-size);letter-spacing:var(--health-heart-spacing)}.ladder-here-stamp,.ladder-rung-footer button{margin-left:auto}.ladder-set-track{display:inline-flex;gap:5px}.ladder-rung-footer .ladder-set-track{margin-left:auto}.ladder-set-track i{width:24px;height:24px;display:grid;place-items:center;border:2px solid var(--ladder-ink);border-radius:50%;background:var(--ladder-paper);font-size:9px;font-style:normal}.ladder-set-track i.is-win{background:#a9d96a}.ladder-set-track i.is-loss,.ladder-set-track i.is-stalled{background:#ef8b73}.ladder-here-stamp{padding:5px 9px;transform:rotate(-2deg);border:3px solid var(--ladder-ink);border-radius:7px 9px 6px 8px;background:#ef8b73;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ladder-rung-footer button,.ladder-footer-actions button{min-height:34px;padding:7px 13px;border:2px solid var(--ladder-ink);border-radius:999px;background:var(--ladder-paper);box-shadow:2px 2px 0 var(--ladder-ink);color:var(--ladder-ink);cursor:pointer;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.ladder-assist{margin:22px auto 0;padding:11px 15px;border:3px solid var(--ladder-ink);border-radius:10px 13px 9px 12px;background:#a9d96a;box-shadow:3px 4px 0 var(--ladder-ink);text-align:center}.ladder-assist span{display:inline-grid;width:23px;height:23px;place-items:center;margin-right:5px;border:2px solid var(--ladder-ink);border-radius:50%;background:var(--ladder-paper)}.ladder-cta-dock{position:sticky;z-index:8;bottom:max(10px,env(safe-area-inset-bottom));display:grid;gap:10px;margin:24px 0 0;padding:12px;border:4px solid var(--ladder-ink);border-radius:17px 14px 19px 15px;background:#fff8e9f7;box-shadow:5px 6px 0 var(--ladder-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ladder-primary-action{width:100%;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:10px 14px;border:3px solid var(--ladder-ink);border-radius:14px 11px 15px 12px;background:#f6c851;box-shadow:4px 5px 0 var(--ladder-ink);color:var(--ladder-ink);cursor:pointer;font:inherit;text-align:left}.ladder-primary-action>span{display:grid;gap:2px}.ladder-primary-action strong{font-size:17px;line-height:1;text-transform:uppercase}.ladder-primary-action i{font-size:11px;font-style:normal;line-height:1.2}.ladder-primary-action>b{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:3px solid var(--ladder-ink);border-radius:50%;background:var(--ladder-paper);font-size:24px}.ladder-primary-action:hover,.ladder-primary-action:focus-visible{transform:translate(-1px,-1px);background:#ffe887;box-shadow:5px 6px 0 var(--ladder-ink)}.ladder-footer{margin-top:24px;padding-top:18px;border-top:3px solid rgb(32 32 56 / .45)}.ladder-footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.ladder-debug{width:fit-content;margin:14px auto 0;padding:6px 10px;border:2px dashed rgb(32 32 56 / .52);border-radius:9px;font-size:10px;opacity:.7}.ladder-debug summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase}.ladder-debug code{display:block;margin-top:6px;font-size:11px}@keyframes ladder-unlock-land{0%{opacity:0;transform:translateY(-12px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(.35deg)}}@keyframes ladder-unlock-stamp{0%{opacity:0;transform:scale(1.5) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}@media(max-width:540px){.ladder-screen{padding-top:14px}.ladder-header{gap:9px;padding:9px 10px}.ladder-header .ladder-eyebrow{display:none}.ladder-header h1{margin:0}.ladder-unlock-beat,.ladder-encore-card{grid-template-columns:1fr;gap:10px}.ladder-unlock-stamp,.ladder-encore-mark{justify-self:start}.ladder-rungs:before{left:20px}.ladder-rung{grid-template-columns:48px minmax(0,1fr)}.ladder-rung-marker{width:38px;height:38px;margin-left:1px;font-size:14px}.ladder-rung-card{padding:15px 14px 13px}.ladder-rung-heading{display:grid}.ladder-stars{justify-self:start}.ladder-rung.is-locked .ladder-rung-card{padding-block:11px}.ladder-rung.is-locked .ladder-rung-heading{display:flex;align-items:center;gap:6px}.ladder-rung.is-locked .ladder-rung-heading>div{min-width:0}.ladder-rung.is-locked .ladder-rung-heading h2{font-size:clamp(17px,5.4vw,21px)}.ladder-rung.is-locked .ladder-stars{flex:0 0 auto;padding:4px 5px;font-size:14px;letter-spacing:.02em}}@media(prefers-reduced-motion:reduce){.ladder-header,.ladder-rung-card,.ladder-here-stamp,.ladder-unlock-beat,.ladder-unlock-stamp,.ladder-header .home-stat{transform:none}.ladder-unlock-beat,.ladder-unlock-stamp{animation:none}}.kit-sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:end center;padding:max(16px,env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));background:#12122085}.kit-sheet{--ladder-ink: #202038;width:min(560px,100%);max-height:88dvh;display:flex;flex-direction:column;gap:12px;color:var(--ladder-ink);text-align:left}.kit-sheet__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kit-sheet__heading h2{margin:0;font-size:clamp(19px,5.6vw,24px)}.kit-sheet__eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.62}.kit-sheet__rule{margin:0;padding:9px 11px;border:2px dashed rgb(32 32 56 / .32);border-radius:8px 7px 9px 6px;background:#f3d88b57;font-size:13px;font-weight:800;line-height:1.4}.kit-sheet__scroll{overflow-y:auto;overscroll-behavior:contain}.kit-cards{display:grid;gap:8px;margin:0;padding:0;list-style:none}.kit-card{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 11px;border:2px solid rgb(32 32 56 / .22);border-radius:9px 7px 10px 6px;background:#ffffff80}.kit-card.is-new{border-color:#202038b3;background:#f3d88b7a}.kit-card.is-unequipped{opacity:.6}.kit-card__glyph{width:42px;height:42px;display:grid;place-items:center;border:2px solid rgb(32 32 56 / .5);border-radius:7px 6px 8px 5px;background:#fff8e9}.kit-cards{--kit-attack: #a92f45;--kit-defense: #2f6ea9}.kit-card--attack .kit-card__glyph{border-color:var(--kit-attack)}.kit-card--defense .kit-card__glyph{border-color:var(--kit-defense)}.kit-card__glyph .action-glyph{width:25px;height:25px}.kit-card__body{min-width:0}.kit-card__name{display:flex;align-items:center;gap:7px;margin:0;font-size:14px;line-height:1.2}.kit-card__name .charge-badge{margin-left:auto}.kit-card__new{padding:2px 5px;border:2px solid var(--ladder-ink);border-radius:5px 4px 6px;background:#f3d88b;font-size:9px;font-style:normal;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.kit-card__detail{margin:3px 0 0;font-size:12px;line-height:1.36;opacity:.76}.kit-card__damage{font-weight:800;white-space:nowrap}.kit-card__relation{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0 0;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.kit-card__relation>span{opacity:.6}.kit-card__relation--defense>span{color:var(--kit-defense);opacity:1}.kit-card__relation--attack>span{color:var(--kit-attack);opacity:1}.kit-card__relation i{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 4px;border:2px solid rgb(32 32 56 / .34);border-radius:6px 5px 7px 4px;background:#fff8e9;font-style:normal}.kit-card__relation i .action-glyph{width:15px;height:15px}.kit-card__relation--none>span{opacity:.52;font-style:italic}.stage-briefing{--ladder-ink: #202038;min-height:100dvh;display:grid;place-items:center;padding:22px max(16px,env(safe-area-inset-left)) calc(104px + env(safe-area-inset-bottom) + var(--fullscreen-floor)) max(16px,env(safe-area-inset-right));background:#83cde0;color:var(--ladder-ink)}.stage-briefing__card button.stage-briefing__back{display:flex;width:fit-content;min-height:30px;margin:0 0 6px;padding:2px 4px 2px 0;border:0;border-radius:0;background:transparent;box-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.stage-briefing__card button.stage-briefing__back:hover:not(:disabled),.stage-briefing__card button.stage-briefing__back:active:not(:disabled){transform:none;box-shadow:none}.stage-briefing__card{width:min(560px,100%);text-align:left}.stage-briefing__card h1{margin:4px 0 0;font-size:clamp(23px,7vw,31px)}.stage-briefing__lead,.stage-briefing__stakes,.stage-briefing__rule{margin:10px 0 0;font-size:14px;line-height:1.46}.stage-briefing__stakes,.stage-briefing__rule{padding:9px 11px;border:2px dashed rgb(32 32 56 / .32);border-radius:8px 7px 9px 6px;background:#f3d88b57;font-weight:800}.stage-briefing__subhead{margin:16px 0 0;font-size:13px;letter-spacing:.05em;text-transform:uppercase;opacity:.66}.stage-briefing__card .setup-rhythm-demo__tiles{--ink: #202038;--paper: #fff8e9;--battle-ui-max-width: 700px;--battle-ui-edge: 0px;margin-top:12px}.stage-briefing__card .kit-cards{margin-top:12px}.stage-briefing__format{margin:14px 0 0;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;opacity:.7}.stage-briefing__footer{position:fixed;z-index:40;right:0;bottom:0;left:0;width:min(650px,calc(100% - 20px));margin:0 auto;display:grid;padding:12px max(12px,env(safe-area-inset-right)) calc(max(12px,env(safe-area-inset-bottom)) + var(--fullscreen-floor)) max(12px,env(safe-area-inset-left));border:3px solid var(--ladder-ink);border-bottom:0;border-radius:18px 18px 0 0;background:#fff8e9f7;box-shadow:0 -5px #2020382e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-briefing__start{padding:12px 16px;border:3px solid var(--ladder-ink);border-radius:14px;background:#f6c851;box-shadow:3px 3px 0 var(--ladder-ink);color:var(--ladder-ink);cursor:pointer;font:inherit;font-size:17px;font-weight:900}.stage-briefing__start:focus-visible{outline:4px solid #ef5b69;outline-offset:3px}@media(max-width:600px){.stage-briefing{padding-bottom:calc(96px + env(safe-area-inset-bottom) + var(--fullscreen-floor))}.stage-briefing__footer{width:100%;border-right:0;border-left:0;border-radius:16px 16px 0 0}}.about-page{--ink: #202038;--paper: #fff8e9;position:relative;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;background:#83cde0;color:var(--ink)}.about-page__print{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background-image:radial-gradient(var(--ink) 1.4px,transparent 1.8px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,black,transparent 18%,transparent 82%,black);mask-image:linear-gradient(90deg,black,transparent 18%,transparent 82%,black)}.about-nav{position:sticky;z-index:20;top:0;width:min(100%,1040px);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto;padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));background:#83cde0f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-nav button,.about-footer button{border:3px solid var(--ink);border-radius:13px 11px 14px 12px;padding:10px 13px;color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);cursor:pointer}.about-nav__back{display:inline-flex;align-items:center;gap:7px}.about-nav__music{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#dff3c0!important}.about-nav__music[aria-pressed=true]{background:#ef8061!important}.about-nav__music:disabled{cursor:wait;opacity:.68}.about-nav__play{background:#f6c851!important;text-transform:uppercase}.about-nav button:hover,.about-footer button:hover,.about-button:hover{transform:translateY(-2px);box-shadow:3px 5px 0 var(--ink)}.about-nav button:active,.about-footer button:active,.about-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.about-nav button:focus-visible,.about-footer button:focus-visible,.about-page a:focus-visible{outline:4px solid #ef5b69;outline-offset:4px}.about-shell{position:relative;z-index:1;width:min(920px,calc(100% - 32px));display:grid;gap:clamp(20px,5vw,42px);margin:8px auto 0;padding-bottom:max(54px,env(safe-area-inset-bottom))}.about-hero,.about-beat,.about-creator,.about-cta{border:5px solid var(--ink);background:var(--paper);box-shadow:8px 9px 0 var(--ink)}.about-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,6vw,64px);padding:clamp(26px,6vw,56px);border-radius:30px 25px 34px 27px;animation:about-card-enter .42s cubic-bezier(.2,.9,.2,1) both}.about-kicker{display:inline-block;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.about-hero h1{max-width:620px;margin:10px 0 18px;font-size:clamp(48px,9vw,84px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase}.about-hero p{max-width:580px;margin:10px 0 0;font-size:14px;line-height:1.55}.about-hero .about-hero__lead{margin-top:0;font-size:clamp(16px,2.4vw,20px);line-height:1.4}.about-portrait{position:relative;width:min(180px,36vw);margin:0;padding:10px 10px 34px;border:4px solid var(--ink);border-radius:13px 10px 15px 11px;background:#f6c851;box-shadow:5px 6px 0 var(--ink);rotate:2.5deg}.about-portrait:before{content:"";position:absolute;top:-14px;left:50%;width:64px;height:25px;border:2px solid rgba(32,32,56,.42);background:#fff8e9c2;translate:-50% 0;rotate:-3deg}.about-portrait img{width:100%;height:auto;display:block;border:3px solid var(--ink);border-radius:8px 6px 9px 7px;object-fit:cover}.about-portrait figcaption{position:absolute;right:0;bottom:9px;left:0;text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.about-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.about-loop>div{min-width:0;min-height:86px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:0 9px;padding:11px;border:3px solid var(--ink);border-radius:15px 12px 16px 13px;background:var(--paper);box-shadow:3px 4px 0 var(--ink)}.about-loop>div:nth-child(3){background:#ef5b69}.about-loop>div:nth-child(4){background:#f6c851}.about-loop span{grid-row:1 / 3;width:35px;height:35px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:#83cde0}.about-loop strong{min-width:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.about-loop small{min-width:0;overflow:hidden;font-size:8px;line-height:1.15;text-overflow:ellipsis;text-transform:uppercase}.about-story{display:grid;gap:18px}.about-beat{display:grid;grid-template-columns:108px minmax(0,1fr);gap:clamp(18px,4vw,38px);padding:clamp(22px,5vw,40px);border-radius:22px 28px 24px 26px}.about-beat--two,.about-beat--resolve{margin-left:clamp(0px,5vw,48px)}.about-beat--one,.about-beat--action{margin-right:clamp(0px,5vw,48px)}.about-beat--action{background:#f7e9ac}.about-beat--resolve{background:#dff3c0}.about-beat__stamp{width:86px;height:86px;display:grid;place-content:center;align-self:start;border:4px solid var(--ink);border-radius:50%;background:#83cde0;box-shadow:4px 5px 0 var(--ink);font-size:9px;letter-spacing:.08em;text-align:center}.about-beat--action .about-beat__stamp{background:#ef5b69}.about-beat--resolve .about-beat__stamp{background:#f6c851}.about-beat__stamp b{display:block;font-size:29px;line-height:.9}.about-beat h2,.about-creator h2,.about-cta h2{margin:0 0 13px;font-size:clamp(27px,5vw,42px);line-height:.98;letter-spacing:-.045em}.about-beat p,.about-creator p,.about-cta p{margin:0 0 12px;font-size:13px;line-height:1.58}.about-text-links{display:grid;justify-items:start;gap:2px}.about-text-link{display:inline-flex;align-items:center;gap:7px;margin-top:4px;color:var(--ink);text-underline-offset:4px}.about-creator{position:relative;display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:clamp(20px,5vw,46px);padding:clamp(24px,5vw,44px);overflow:hidden;border-radius:27px 22px 30px 24px;background:#ef8061}.about-creator__hello{width:112px;height:112px;display:grid;place-items:center;border:4px solid var(--ink);border-radius:49% 44% 52% 46%;background:var(--paper);box-shadow:5px 6px 0 var(--ink);font-size:31px;rotate:-5deg}.about-creator p:last-child{margin-bottom:0}.about-next{scroll-margin-top:88px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.about-cta{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,5vw,38px);border-radius:24px 29px 22px 27px}.about-cta--collaborate{background:#dff3c0}.about-cta--support{background:#f7e9ac}.about-cta__icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:22px;border:3px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:3px 4px 0 var(--ink);font-size:25px}.about-cta h2{margin-top:8px}.about-cta p{flex:1}.about-cta small{display:block;margin-top:13px;font-size:9px;line-height:1.4}.about-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:11px 15px;border:3px solid var(--ink);border-radius:13px 11px 14px 12px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);text-align:center;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.about-button--ink{background:#83cde0}.about-button--coffee{background:#fd0}.about-button--discord{background:var(--paper, #fff8e9)}.about-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4px}.about-footer p{max-width:590px;margin:0;color:#202038bf;font-size:10px;line-height:1.45}.about-footer button{flex:0 0 auto;background:#f6c851}@keyframes about-card-enter{0%{opacity:0;transform:translateY(14px) rotate(.4deg) scale(.98)}}@media(max-width:700px){.about-shell{width:min(100% - 24px,620px)}.about-nav{min-height:62px;padding-inline:12px}.about-nav button{padding:9px 10px;font-size:11px}.about-hero{grid-template-columns:1fr;justify-items:start}.about-portrait{width:136px;justify-self:center}.about-loop>div{min-height:72px;display:flex;flex-direction:column;gap:4px;padding:8px 4px;text-align:center}.about-loop span{width:28px;height:28px;font-size:10px}.about-loop strong{font-size:8px}.about-loop small{display:none}.about-beat{grid-template-columns:1fr;margin-inline:0}.about-beat__stamp{width:66px;height:66px}.about-beat__stamp b{font-size:23px}.about-creator{grid-template-columns:78px minmax(0,1fr)}.about-creator__hello{width:72px;height:72px;font-size:22px}.about-next{grid-template-columns:1fr}.about-footer{align-items:stretch;flex-direction:column}}@media(max-width:420px){.about-nav__back span{display:none}.about-nav__music{width:42px;min-height:42px;padding:6px}.about-nav__music-label{display:none}.about-creator{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.about-hero{animation:none}.about-button{transition:none}}.records-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.records-switcher .records-back{margin-bottom:0}.records-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.records-card button.records-tab{position:relative;padding:8px 14px;border-width:2px;border-radius:999px;box-shadow:2px 2px 0 var(--ink);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase}.records-card button.records-tab.is-current{background:#f6c851;box-shadow:inset 2px 2px #2020382e;cursor:default}.records-tab__badge{position:absolute;top:-4px;right:-3px;display:grid;place-items:center;width:13px;height:13px;border:2px solid var(--ink);border-radius:999px;background:#ef5b69;color:#ef5b69;font-size:8px;line-height:1}.feedback-panel{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;background:#202038d1;color:#202038}.feedback-card{width:min(520px,100%);max-height:calc(100dvh - 24px);overflow-y:auto;padding:clamp(20px,4.5vw,34px);background:#fff8e9}.feedback-card h1{margin:4px 0 14px;font-size:clamp(34px,8vw,52px)}.feedback-kind{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;border:0}.feedback-kind__option{padding:8px 15px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.feedback-kind__option.is-chosen{background:#f6c851}.feedback-kind__option input{position:absolute;width:1px;height:1px;opacity:0}.feedback-kind__option:has(input:focus-visible){outline:4px solid #ef5b69;outline-offset:3px}.feedback-field{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.feedback-field small{font-size:10px;opacity:.65;text-transform:none;letter-spacing:.04em}.feedback-message,.feedback-contact{width:100%;margin-bottom:14px;padding:11px 12px;border:3px solid var(--ink);border-radius:13px 10px 14px 11px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;font-weight:600}.feedback-message{resize:vertical;min-height:108px;line-height:1.35}.feedback-message::placeholder,.feedback-contact::placeholder{color:#20203866;font-weight:600}.feedback-message:focus-visible,.feedback-contact:focus-visible{outline:4px solid #ef5b69;outline-offset:3px}.feedback-count{margin:-8px 0 14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.feedback-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.feedback-collected{margin-top:0;font-size:12px}.feedback-collected ul{margin:8px 0 0;padding-left:18px;line-height:1.5;font-weight:600}.feedback-collected p{margin:8px 0 0;font-weight:600;opacity:.75}.feedback-trouble{margin:14px 0 0;padding:10px 12px;border:2px dashed #ef5b69;border-radius:12px 9px 13px 10px;font-size:12.5px;line-height:1.4}.feedback-actions{margin-top:18px}.feedback-card button:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.3)}.feedback-landed{text-align:center}.feedback-landed__mark{display:block;font-size:56px;line-height:1}.feedback-landed .actions{justify-content:center}.feedback-invite{margin:12px 0 0;font-size:12px}.feedback-invite a{color:inherit;text-underline-offset:3px}.records-shell{--ink: #202038;--paper: #fff8e9;min-height:100dvh;display:grid;place-items:start center;padding:clamp(14px,4vw,40px) clamp(10px,4vw,28px) 56px;background:#83cde0}.records-card{position:relative;margin-top:clamp(8px,3vw,26px)}.records-back{margin-bottom:14px}.records-card .eyebrow{display:block}.records-card h1{margin:4px 0 16px}.records-subhead{margin:26px 0 10px;font-size:clamp(17px,4vw,21px);letter-spacing:-.02em;text-transform:uppercase}.records-notice{margin:0 0 16px;padding:10px 12px;border:3px dashed var(--ink);border-radius:12px;background:#f6c851;font-size:13px;line-height:1.4}.records-empty{margin:18px 0;font-size:14px;line-height:1.5}.records-footnote{margin:16px 0 0;font-size:11px;line-height:1.5;opacity:.75}.records-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.card button.records-filter{padding:7px 14px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.card button.records-filter.is-active{background:var(--ink);color:var(--paper)}.records-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.records-row{position:relative;padding:11px 13px 11px 17px;border:3px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.records-row:before{content:"";position:absolute;inset:3px auto 3px 3px;width:7px;border-radius:8px 0 0 8px;background:var(--ink)}.records-row.is-win:before{background:#a9d96a}.records-row.is-loss:before{background:#ef5b69}.records-row.is-draw:before{background:#f6c851}.records-row p{margin:0}.records-row__headline{font-size:14px;line-height:1.35}.records-row__headline b{letter-spacing:.06em}.records-row__ending{margin-top:3px;font-size:12.5px;line-height:1.4}.records-row__when{margin-top:3px;font-size:11px;letter-spacing:.04em;opacity:.7}.stat-tokens{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}.stat-token{flex:1 1 132px;display:grid;gap:2px;padding:11px 12px 12px;border:3px solid var(--ink);border-radius:16px;background:#f6c851;box-shadow:3px 4px 0 var(--ink)}.stat-token__label{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.stat-token__value{font-size:clamp(26px,7vw,34px);line-height:1;letter-spacing:-.04em}.stat-token__note{font-size:11px;line-height:1.3}.stat-splits{display:grid;gap:8px;margin:0;padding:0;list-style:none}.stat-splits li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:9px 12px;border:3px solid var(--ink);border-radius:12px;background:var(--paper)}.stat-splits li span{flex:1 1 auto;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.stat-splits li b{font-size:17px;letter-spacing:-.02em}.stat-splits li small{flex:0 0 auto;font-size:11px;opacity:.7}.records-danger{margin-top:28px;padding-top:6px;border-top:3px dashed var(--ink)}.records-confirm-copy{margin:8px 0 12px;font-size:13px;line-height:1.45}@media(max-width:360px){.stat-token{flex-basis:100%}}.tour-complete{--tour-ink: #202038;--tour-paper: #fff8e9;--tour-flame: #e2621f;position:relative;display:block;margin-top:14px;padding:16px 14px 18px;border:3px solid var(--tour-ink);border-radius:18px;background:#83cde0;color:var(--tour-ink);text-align:left;overflow:hidden}.tour-complete-shell{position:relative;display:flex;flex-direction:column;gap:10px}.tour-complete-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tour-complete-confetti i{position:absolute;width:9px;height:9px;border-radius:2px;opacity:0;animation-name:tour-confetti-rain;animation-timing-function:linear;animation-iteration-count:infinite}.tour-complete-confetti i:nth-child(1){left:2%;top:-12%;background:#f6c851;--tilt: -40deg;--sway: 9px;animation-duration:6.2s;animation-delay:0s}.tour-complete-confetti i:nth-child(2){left:6%;top:-7%;background:#ef5b69;--tilt: -3deg;--sway: -12px;animation-duration:6.61s;animation-delay:-.25s}.tour-complete-confetti i:nth-child(3){left:10%;top:-2%;background:#fff8e9;--tilt: 34deg;--sway: 15px;animation-duration:7.02s;animation-delay:-.54s}.tour-complete-confetti i:nth-child(4){left:14%;top:3%;background:#a9d96a;--tilt: -9deg;--sway: -10px;animation-duration:7.43s;animation-delay:-.86s}.tour-complete-confetti i:nth-child(5){left:18%;top:-8%;background:#8f7ee8;--tilt: 28deg;--sway: 13px;animation-duration:7.84s;animation-delay:-1.21s}.tour-complete-confetti i:nth-child(6){left:22%;top:-3%;background:#f6c851;--tilt: -15deg;--sway: -16px;animation-duration:8.25s;animation-delay:-1.59s}.tour-complete-confetti i:nth-child(7){left:26%;top:2%;background:#ef5b69;--tilt: 22deg;--sway: 11px;animation-duration:8.66s;animation-delay:-2s}.tour-complete-confetti i:nth-child(8){left:30%;top:-9%;background:#fff8e9;--tilt: -21deg;--sway: -14px;animation-duration:9.07s;animation-delay:-2.44s}.tour-complete-confetti i:nth-child(9){left:34%;top:-4%;background:#a9d96a;--tilt: 16deg;--sway: 9px;animation-duration:9.48s;animation-delay:-2.92s}.tour-complete-confetti i:nth-child(10){left:44%;top:1%;background:#8f7ee8;--tilt: -27deg;--sway: -12px;animation-duration:6.29s;animation-delay:-2.18s}.tour-complete-confetti i:nth-child(11){left:56%;top:-10%;background:#f6c851;--tilt: 10deg;--sway: 15px;animation-duration:6.7s;animation-delay:-2.58s}.tour-complete-confetti i:nth-child(12){left:66%;top:-5%;background:#ef5b69;--tilt: -33deg;--sway: -10px;animation-duration:7.11s;animation-delay:-3.01s}.tour-complete-confetti i:nth-child(13){left:70%;top:0%;background:#fff8e9;--tilt: 4deg;--sway: 13px;animation-duration:7.52s;animation-delay:-3.47s}.tour-complete-confetti i:nth-child(14){left:74%;top:-11%;background:#a9d96a;--tilt: -39deg;--sway: -16px;animation-duration:7.93s;animation-delay:-3.96s}.tour-complete-confetti i:nth-child(15){left:78%;top:-6%;background:#8f7ee8;--tilt: -2deg;--sway: 11px;animation-duration:8.34s;animation-delay:-4.49s}.tour-complete-confetti i:nth-child(16){left:82%;top:-1%;background:#f6c851;--tilt: 35deg;--sway: -14px;animation-duration:8.75s;animation-delay:-5.05s}.tour-complete-confetti i:nth-child(17){left:86%;top:-12%;background:#ef5b69;--tilt: -8deg;--sway: 9px;animation-duration:9.16s;animation-delay:-5.64s}.tour-complete-confetti i:nth-child(18){left:90%;top:-7%;background:#fff8e9;--tilt: 29deg;--sway: -12px;animation-duration:9.57s;animation-delay:-6.26s}.tour-complete-confetti i:nth-child(19){left:94%;top:-2%;background:#a9d96a;--tilt: -14deg;--sway: 15px;animation-duration:6.38s;animation-delay:-4.42s}.tour-complete-confetti i:nth-child(20){left:97%;top:3%;background:#8f7ee8;--tilt: 23deg;--sway: -10px;animation-duration:6.79s;animation-delay:-4.96s}.tour-complete-confetti i:nth-child(21){left:8%;top:-8%;background:#f6c851;--tilt: -20deg;--sway: 13px;animation-duration:7.2s;animation-delay:-5.54s}.tour-complete-confetti i:nth-child(22){left:20%;top:-3%;background:#ef5b69;--tilt: 17deg;--sway: -16px;animation-duration:7.61s;animation-delay:-6.15s}.tour-complete-confetti i:nth-child(23){left:32%;top:2%;background:#fff8e9;--tilt: -26deg;--sway: 11px;animation-duration:8.02s;animation-delay:-6.79s}.tour-complete-confetti i:nth-child(24){left:72%;top:-9%;background:#a9d96a;--tilt: 11deg;--sway: -14px;animation-duration:8.43s;animation-delay:-7.46s}.tour-complete-confetti i:nth-child(25){left:84%;top:-4%;background:#8f7ee8;--tilt: -32deg;--sway: 9px;animation-duration:8.84s;animation-delay:-8.16s}.tour-complete-confetti i:nth-child(26){left:92%;top:1%;background:#f6c851;--tilt: 5deg;--sway: -12px;animation-duration:9.25s;animation-delay:-8.89s}@keyframes tour-confetti-rain{0%{opacity:0;transform:translateZ(0) rotate(var(--tilt))}6%{opacity:.92}25%{transform:translate3d(calc(var(--sway) * -1),240px,0) rotate(calc(var(--tilt) + 180deg))}50%{transform:translate3d(var(--sway),480px,0) rotate(calc(var(--tilt) + 360deg))}75%{opacity:.92;transform:translate3d(calc(var(--sway) * -1),720px,0) rotate(calc(var(--tilt) + 540deg))}to{opacity:0;transform:translate3d(0,960px,0) rotate(calc(var(--tilt) + 720deg))}}.tour-complete-header{text-align:center;margin-bottom:2px}.tour-complete-eyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#1c3f57}.tour-complete-header h2{margin:3px 0 0;font-size:30px;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--tour-paper);text-shadow:2px 2px 0 var(--tour-ink),-2px 2px 0 var(--tour-ink),2px -2px 0 var(--tour-ink),-2px -2px 0 var(--tour-ink),0 5px 0 var(--tour-ink)}.tour-complete-header p{margin:8px 0 0;font-size:13px;color:#1c3f57}.tour-complete-cast{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin-top:6px;--mascot-height: 62px}.tour-complete-cast .mascot:first-child{transform:rotate(-6deg)}.tour-complete-cast .mascot:last-child{transform:rotate(6deg)}.tour-complete-rhythm,.tour-complete-stat,.tour-complete-credits{background:var(--tour-paper);border-radius:14px}.tour-complete-rhythm{padding:12px 14px 14px;border:2px solid var(--tour-ink)}.tour-complete-rhythm-label{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a6a4e}.tour-complete-rhythm-body{display:flex;align-items:center;gap:14px;margin-top:8px}.tour-complete-grade{position:relative;flex:0 0 auto;display:grid;place-items:center;width:82px;height:82px}.tour-complete-grade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(#fbdc9b 0deg 8deg,transparent 8deg 18deg);-webkit-mask:radial-gradient(circle closest-side,transparent 34%,#000 37%,#000 99%,transparent 100%);mask:radial-gradient(circle closest-side,transparent 34%,#000 37%,#000 99%,transparent 100%)}.tour-complete-grade strong{position:relative;font-size:50px;line-height:1;letter-spacing:-.03em;color:var(--tour-flame);text-shadow:3px 3px 0 #ffdca8}.tour-complete-grade.is-ungraded strong{font-size:30px;letter-spacing:-.01em}.tour-complete-rhythm-read{flex:1 1 auto;min-width:0}.tour-complete-rhythm-read p{margin:0;font-size:15px;font-weight:600;color:#3c3c56}.tour-complete-rhythm-read p b{font-size:26px;color:var(--tour-flame)}.tour-complete-rhythm-read small{display:block;margin-top:1px;font-size:11px;color:#7a6a4e}.tour-complete-meter{position:relative;height:12px;margin-top:12px;border:2px solid var(--tour-ink);border-radius:7px;background:#efe2c8;overflow:hidden}.tour-complete-meter i{display:block;height:100%;background:#f6c851}.tour-complete-meter u{position:absolute;top:0;bottom:0;width:2px;background:#20203859}.tour-complete-meter-scale{position:relative;height:12px;margin-top:2px}.tour-complete-meter-scale span{position:absolute;top:0;transform:translate(-50%);font-size:10px;font-weight:700;color:#9a8b6d}.tour-complete-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tour-complete-stat{padding:9px 12px 10px;border:2px solid var(--tour-ink)}.tour-complete-stat:nth-child(1) strong{color:#1b7f96}.tour-complete-stat:nth-child(2) strong{color:var(--tour-flame)}.tour-complete-stat:nth-child(3) strong{color:#6b5bd2}.tour-complete-stat:nth-child(4) strong{color:#1d6fb8}.tour-complete-stat span{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#7a6a4e}.tour-complete-stat strong{font-size:26px;line-height:1.15}.tour-complete-stat i{margin-left:4px;font-size:12px;font-style:normal;font-weight:400;color:#7a6a4e}.tour-complete-credits{margin-top:4px;padding:14px;border:2px solid var(--tour-ink);text-align:center}.tour-complete-rule{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1b7f96;margin-bottom:10px}.tour-complete-credits p{margin:0 0 10px;font-size:13px;line-height:1.65;color:#3c3c56}.tour-complete .tour-complete-support{display:block;white-space:nowrap;padding:11px;border:2px solid var(--tour-ink);border-radius:12px;background:#f6c851;color:#6b3a10;font-size:13.5px;font-weight:700;text-decoration:none}.tour-complete-credits small{display:block;margin-top:8px;font-size:11px;color:#7a6a4e}.tour-complete .tour-complete-share{width:100%;padding:10px;border:2px solid var(--tour-ink);border-radius:12px;background:var(--tour-paper);color:var(--tour-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.tour-complete .tour-complete-share:disabled{opacity:.6;cursor:default}.tour-complete-notice{text-align:center;font-size:12px;color:#1c3f57}@media(prefers-reduced-motion:reduce){.tour-complete-confetti i{animation:none;opacity:.9;transform:rotate(var(--tilt))}}.tour-complete .tour-complete-continue{display:block;margin:2px auto 0;padding:8px 14px;border:2px dashed rgba(32,32,56,.5);border-radius:11px 9px 12px 10px;background:transparent;box-shadow:none;color:#14384f;font:inherit;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;opacity:.85}.tour-complete .tour-complete-continue:hover{border-style:solid;background:#fff8e980;opacity:1}:root{--fullscreen-floor: 0px;--stage-height: calc(100dvh - var(--fullscreen-floor));--ring-r: 148px;--ring-button-w: 70px;--ring-button-h: 66px;--ring-pad-top: 16px;--ring-pad-bottom: 14px;--ring-origin-y: calc(var(--ring-pad-top) + var(--ring-button-h) / 2 + .924 * var(--ring-r));--player-field-height: calc( var(--ring-origin-y) + .383 * var(--ring-r) + var(--ring-button-h) / 2 + var(--ring-pad-bottom) );--player-territory-height: max( 50dvh, calc(48px + 64px + var(--player-field-height) + max(16px, env(safe-area-inset-bottom))) );--field: #f6c851;--health-heart-color: #a63e4d;--health-heart-size: 19px;--health-heart-spacing: .05em;font-family:ui-rounded,Avenir Next,system-ui,sans-serif;color:#202038;background:#fff8e9;font-weight:800;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;overscroll-behavior:none}button,input{font:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-stage{--ink: #202038;--paper: #fff8e9;--battle-ui-max-width: 700px;--battle-ui-edge: max(8px, calc((100% - var(--battle-ui-max-width)) / 2));position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;padding-bottom:var(--fullscreen-floor);display:grid;grid-template-rows:minmax(120px,1fr) clamp(144px,18dvh,200px) var(--player-territory-height);overflow:hidden;isolation:isolate;background:var(--paper);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root:fullscreen{--fullscreen-floor: 68px}@media(max-height:640px){.game-stage{grid-template-rows:minmax(0,1fr) clamp(144px,18dvh,200px) var(--player-territory-height);align-content:end}}.accuracy-border{position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:accuracy-flash .43s ease-out both}.beat-frame-pulse{position:absolute;z-index:99;inset:clamp(8px,2vw,14px);border:2px solid var(--ink);border-radius:8px;pointer-events:none;animation:beat-frame-flash .34s ease-out both}.accuracy-perfect{border:10px solid #fff;box-shadow:inset 0 0 0 5px #f6c851,inset 0 0 34px 8px #f6c851e6,0 0 26px #fff}.accuracy-good{border:6px solid #a9d96a;box-shadow:inset 0 0 18px #a9d96aa6}.territory{position:relative;min-width:0;min-height:0;overflow:hidden}.territory-bot{display:grid;grid-template-rows:minmax(0,1fr) 48px;background:#83cde0}.is-rival-hidden .territory-bot{grid-template-rows:minmax(0,1fr)}.territory-player{display:grid;grid-template-rows:48px 64px minmax(min-content,calc(var(--player-field-height) + 128px));background:var(--field);margin-bottom:calc(-1 * var(--fullscreen-floor));padding-bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--fullscreen-floor))}.territory:before{content:"";position:absolute;top:12px;right:18px;bottom:12px;left:18px;opacity:.1;pointer-events:none;background-image:radial-gradient(var(--ink) 1.3px,transparent 1.8px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.side-heading{position:absolute;z-index:8;bottom:12px;left:16px;display:flex;gap:7px;align-items:center;font-size:11px;letter-spacing:.16em}.player-heading{top:12px;bottom:auto}.health-meter{min-width:0;gap:8px;white-space:nowrap}.health-meter>span:first-child{min-width:0;max-width:clamp(86px,24vw,220px);overflow:hidden;text-overflow:ellipsis}.health-player{top:12px;bottom:auto}.player-status-row{position:relative;z-index:16;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px 2px;width:min(var(--battle-ui-max-width),100%);justify-self:center}.player-status-row.is-health-hidden{justify-content:flex-end}.bot-playfield{position:relative;min-width:0;min-height:0}.bot-status-row{position:relative;z-index:16;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 16px 6px;width:min(var(--battle-ui-max-width),100%);justify-self:center}.bot-status-row .health-meter,.bot-status-row .resource-meter{position:relative}.bot-status-row .resource-meter{flex:0 0 auto}.player-status-row .health-meter,.player-status-row .resource-meter{position:relative}.player-status-row .resource-meter{flex:0 0 auto}.health-marks{position:relative;display:inline-flex;gap:0;letter-spacing:var(--health-heart-spacing)}.health-marks>i:not(.damage-beam){width:auto;height:var(--health-heart-size);display:inline-block;border:0;background:transparent;color:var(--health-heart-color);font-family:inherit;font-size:var(--health-heart-size);font-style:normal;line-height:1;opacity:.2}.health-marks .damage-beam{position:absolute;z-index:3;left:4px;top:50%;width:clamp(120px,34vw,260px);height:9px;border:0;border-radius:5px;background:linear-gradient(90deg,#fff8e900,#fff8e9 38%,#ffd166 68%,#ef5b69);box-shadow:0 0 12px #ffd166e6,0 0 26px #ef5b698c;transform-origin:left center;pointer-events:none;animation:damage-beam-strike .32s cubic-bezier(.15,.75,.3,1) both}.health-bot .health-marks .damage-beam{animation-name:damage-beam-strike-bot}.health-marks i.is-lost{z-index:2;color:var(--health-heart-color);animation:pip-break .46s cubic-bezier(.2,.8,.3,1) .13s both}.health-meter.is-struck{animation:struck-meter-shake .36s ease-out .13s both}.meter-change{position:absolute;z-index:4;left:60%;bottom:100%;margin-bottom:3px;font-size:clamp(21px,4.4vw,30px);line-height:1;letter-spacing:.02em;text-shadow:2px 2px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink);pointer-events:none;animation:meter-change-float .76s ease-out .15s both}.meter-loss{color:#ff5f6d}.meter-gain{color:#f6c851;left:auto;right:0;bottom:100%;margin:0 0 3px}.player-status-row .meter-change{top:100%;bottom:auto;margin:3px 0 0;animation-name:meter-change-fall}@keyframes damage-beam-strike{0%{transform:rotate(-32deg) scaleX(1);opacity:0}18%{opacity:1}to{transform:rotate(-32deg) scaleX(0);opacity:.15}}@keyframes damage-beam-strike-bot{0%{transform:rotate(32deg) scaleX(1);opacity:0}18%{opacity:1}to{transform:rotate(32deg) scaleX(0);opacity:.15}}@keyframes pip-break{0%{transform:rotate(0) scale(1);opacity:1}22%{transform:rotate(0) scale(2);color:#fff8e9;opacity:1}55%{transform:rotate(9deg) scale(1.3);opacity:.9}to{transform:rotate(39deg) scale(.1);opacity:0}}@keyframes struck-meter-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}@keyframes meter-change-fall{0%{transform:translateY(-6px) scale(.55);opacity:0}22%{transform:translateY(3px) scale(1.35);opacity:1}60%{transform:translateY(11px) scale(1.1);opacity:1}to{transform:translateY(24px) scale(1);opacity:0}}@keyframes meter-change-float{0%{transform:translateY(6px) scale(.55);opacity:0}22%{transform:translateY(-3px) scale(1.35);opacity:1}60%{transform:translateY(-11px) scale(1.1);opacity:1}to{transform:translateY(-24px) scale(1);opacity:0}}.health-bot .health-marks i.is-full,.health-player .health-marks i.is-full{color:var(--health-heart-color);opacity:1}.identity-dot{width:11px;height:11px;border:3px solid var(--ink);border-radius:50%;background:#ef5b69}.territory-player .identity-dot{background:#6dbd63}.resource-meter{position:absolute;z-index:9;right:16px;bottom:9px;top:auto;display:flex;align-items:center;gap:5px;min-height:34px;padding:5px 9px;border:3px solid var(--ink);border-radius:18px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);font-size:11px}.charge-total{display:inline-flex;align-items:center;gap:2px;min-width:34px;justify-content:center}.charge-total .charge-icon{width:19px;height:19px}.charge-total b{font-size:18px;line-height:1}.resource-player{top:7px;bottom:auto}.resource-meter small{font-size:8px;text-transform:uppercase;letter-spacing:.08em}.meter-caption{font-size:9px;text-transform:uppercase;letter-spacing:.09em}.pips{display:flex;gap:2px}.pip{width:8px;height:13px;border:2px solid var(--ink);border-radius:8px 8px 4px 4px;transform:skew(-8deg);background:transparent}.pip.is-full{background:#ef5b69}.pip.is-half{background:linear-gradient(to top,#ef5b69 50%,transparent 50%)}.resource-player .pip.is-full{background:#69b964}.resource-player .pip.is-half{background:linear-gradient(to top,#69b964 50%,transparent 50%)}.drum{width:112px;aspect-ratio:1;position:absolute;z-index:6;margin:0;padding:0;border:5px solid var(--ink);border-radius:48% 52% 50% 47%;background:var(--paper);color:var(--ink);box-shadow:0 7px 0 var(--ink)}button.drum{cursor:pointer}button.drum:focus-visible{outline:5px solid #fff;outline-offset:7px}.drum-bot{left:50%;bottom:13px;transform:translate(-50%) rotate(-2deg)}.drum-player{left:50%;top:var(--ring-origin-y);transform:translate(-50%,-50%) rotate(2deg)}.drum-face{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:4px solid var(--ink);border-radius:50%;background:#ef8061}.drum-player .drum-face{background:#e85c6a}.drum-cracks{position:absolute;z-index:4;top:20px;right:20px;bottom:20px;left:20px;pointer-events:none}.drum-cracks i{position:absolute;width:4px;height:33px;border-radius:4px;background:var(--ink);transform-origin:top}.drum-cracks i:nth-child(1){top:2px;left:48%;transform:rotate(28deg)}.drum-cracks i:nth-child(2){top:23px;left:51%;height:25px;transform:rotate(-38deg)}.drum-cracks i:nth-child(3){top:20px;left:52%;height:19px;transform:rotate(76deg)}.drum-bot.is-rhythm-broken{filter:saturate(.45) contrast(1.08);box-shadow:0 5px 0 var(--ink)}.drum-bot.is-rhythm-broken .drum-face{background:#d87368}.drum-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:3px dashed var(--ink);border-radius:50%;opacity:.22;transform:scale(var(--perfect-ring, 1.158));transform-origin:center}.timing-ring{position:absolute;z-index:0;top:-5px;right:-5px;bottom:-5px;left:-5px;border:5px solid var(--ink);border-radius:50%;pointer-events:none;transform-origin:center;transition:opacity 80ms linear}.timing-ring.is-in-window{border-color:#fff;box-shadow:0 0 0 4px var(--ink)}.timing-ring.is-perfect-window{border-width:5px;border-color:#fff8a8;box-shadow:0 0 0 4px var(--ink),0 0 0 8px #fff8a8b8,0 0 28px 10px #ffe25c94}.is-terminal-resolution .timing-ring,.is-terminal-resolution .drum-hit,.is-terminal-resolution .accuracy-border{animation:none!important;opacity:0!important}.is-terminal-resolution .timing-ring{transform:scale(1)!important;transition:none}.is-terminal-resolution .beat-steps span,.is-terminal-resolution .action-button{transition:none!important}.is-terminal-resolution .action-button{filter:grayscale(.28)!important;opacity:.45;transform:translate(-50%,-50%) scale(1)!important;box-shadow:3px 4px 0 var(--ink)!important}.drum-stitch{position:absolute;z-index:2;width:20px;height:5px;border-top:3px dashed var(--ink)}.stitch-a{top:12px;left:20px;transform:rotate(28deg)}.stitch-b{right:20px;bottom:12px;transform:rotate(28deg)}.drum-hit{position:absolute;z-index:5;top:22px;right:22px;bottom:22px;left:22px;border:5px solid #fff;border-radius:50%;opacity:0;pointer-events:none;animation:drum-strike .23s ease-out}.drum-label{position:absolute;z-index:7;left:50%;bottom:16px;transform:translate(-50%);padding:3px 7px;border:2px solid var(--ink);border-radius:10px;background:var(--paper);font-size:10px;letter-spacing:.08em;pointer-events:none}.drum-hotkey{position:absolute;z-index:8;left:50%;top:-16px;min-width:48px;min-height:22px;display:grid;place-items:center;transform:translate(-50%) rotate(-2deg);border:2px solid var(--ink);border-radius:7px;background:#f6c851;box-shadow:1px 2px 0 var(--ink);font:inherit;font-size:8px;line-height:1;pointer-events:none}.step-3 .drum-label{background:#a9d96a}.mascot-row{position:absolute;z-index:3;display:flex;gap:12px;align-items:flex-end}.territory-bot .mascot-row{left:calc(50% - 141px);bottom:24px}.stage-guidance{position:absolute;z-index:14;top:46px;bottom:8px;left:50%;transform:translate(-50%) rotate(-1deg);width:min(340px,calc(100% - 16px));max-height:220px;display:grid;gap:5px;align-content:safe center;overflow:hidden;justify-items:center;text-align:center;padding:10px 16px 12px;border:3px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:3px 4px 0 var(--ink);animation:stage-guidance-in .32s ease-out both}.stage-guidance[data-objective=fire-the-gun]{background:#dff3c0}.stage-guidance[data-objective=meet-your-rival]{background:#ffd2c7}.stage-guidance h2{margin:0;font-size:clamp(16px,4.6vw,20px);letter-spacing:-.02em}.stage-guidance p{margin:0;font-size:clamp(12px,3.4vw,14px);line-height:1.3}.stage-guidance-pips{display:flex;gap:6px;margin-top:3px}.stage-guidance-pips i{width:11px;height:11px;border:3px solid var(--ink);border-radius:50%;background:transparent;transition:background-color .2s ease-out}.stage-guidance-pips i.is-full{background:var(--ink)}@keyframes stage-guidance-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.stage-guidance{animation:none}}.player-playfield .mascot-row{left:auto;right:4px;top:calc(var(--ring-origin-y) - 26px)}.conflict-arena{z-index:10;position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(30px,15vw,150px);overflow:hidden;border-block:5px solid var(--ink);background:#202038;color:var(--paper)}.phase-stamp{position:absolute;z-index:12;top:6px;left:var(--battle-ui-edge);padding:3px 8px;transform:rotate(-2deg);border:2px solid currentColor;border-radius:8px;font-size:8px;line-height:1;letter-spacing:.13em}.phase-stamp-warming{color:#f6c851}.phase-stamp-ready{background:var(--paper);color:var(--ink)}.phase-stamp-live{border-color:#a9d96a;background:#a9d96a;color:var(--ink)}.phase-stamp-practice{border-color:#f6c851;background:#f6c851;color:var(--ink)}.phase-stamp-ladder{border-color:#f3d88b;background:#f3d88b;color:var(--ink)}.phase-stamp-tutorial{border-color:#a9d96a;background:#a9d96a;color:var(--ink)}.arena-action{z-index:2;display:grid;place-items:center;gap:1px;min-width:74px;color:#f7e9ac;text-align:center;font-size:10px;letter-spacing:.08em}.arena-player{color:#a9d96a;transform:translateY(14px)}.arena-bot{transform:translateY(-14px)}.is-player-committed .arena-player{animation:enter-bottom .18s both}.action-glyph{width:61px;height:61px}.action-glyph--asset{display:block;background-color:currentColor;-webkit-mask:var(--action-glyph-mask) center / contain no-repeat;mask:var(--action-glyph-mask) center / contain no-repeat}.action-glyph--pistol{--action-glyph-mask: url("data:image/svg+xml,%3csvg%20viewBox='0%200%20512%20512'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M433.13%20123.39H78.87a18%2018%200%200%200-17.71%2017.71v104.55a18%2018%200%200%200%2017.71%2017.72h.63L61.8%20366.19c-1.92%2011.16%204.67%2022.42%2017.08%2022.42H158c7.2%200%2015.71-5.45%2017.08-13l20.41-112.24h237.64a18%2018%200%200%200%2017.71-17.72V141.1a18%2018%200%200%200-17.71-17.71ZM143.23%20353.19H99.82l15.47-89.82h44.28l-16.34%2089.82Zm37.59-125.25H96.58v-69.13h318.84v69.13Z'/%3e%3c/svg%3e")}.action-glyph--bomb{--action-glyph-mask: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m17%207-2%202m4.5-1.5%201%20.5m-4.5-4.5.5%201M19%205l1-1M5.75%208.003C6.853%207.365%208.134%207%209.5%207A7.5%207.5%200%201%201%203.003%2010.75'%20stroke='currentColor'%20stroke-width='1.75'%20stroke-linecap='round'/%3e%3c/svg%3e")}.action-glyph--rifle{--action-glyph-mask: url("data:image/svg+xml,%3csvg%20viewBox='0%200%20512%20512'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M437.761%20232.267a90.1%2090.1%200%200%201-23.456%203.072c-24.184%200-46.921-9.417-64.02-26.518l-5.615-5.615%2058.185-58.185%2010.76-10.76L512%2035.876l-21.52-21.52-17.331%2017.331L453.78%2012.319l-21.52%2021.52%2019.368%2019.368-59.534%2059.534-34.641-34.641-68.956%2068.956-12.266-12.266L92.228%20318.796%200%20411.024l88.659%2088.658%2063.533-120.921%2024.838%2024.838%2036.289-36.289%2030.895%2074.587%2073.375-30.393-24.224-58.483%2043.501-43.501a179.7%20179.7%200%200%200%2077.437%2017.202c15.907%200%2031.748-2.076%2047.082-6.169l14.717-3.928-23.653-88.278-20.304%203.919Zm-80.306-111.126%2013.12%2013.12-47.436%2047.436-13.12-13.12%2047.436-47.436ZM80.946%20448.927l-37.904-37.903%2070.706-70.707%209.995%209.995%205.911%205.911-48.708%2092.704Zm179.738-46.796-24.073-58.116%2014.2-14.2%2027.013%2065.216-17.14%207.1Zm20.074-79.545-6.654-16.064%2022.773-22.773a184.4%20184.4%200%200%200%2012.793%209.925l-28.912%2028.912Zm-5.852-59.906-13.408%2013.409-60.786%2060.787-23.683%2023.682-10.013-10.013-17.796-17.796-13.952-13.952%20140.951-140.951%2041.761%2041.761-43.075%2043.074Zm139.397%2033.606a145.3%20145.3%200%200%201-95.825-34.136l21.712-21.713a119.2%20119.2%200%200%200%2074.115%2025.338c5.48%200%2010.951-.371%2016.368-1.107l7.95%2029.667a115.6%20115.6%200%200%201-24.32%201.951Z'/%3e%3cpath%20d='m161.604%20275.493%2091.954-91.954%2021.52%2021.52-91.954%2091.954z'/%3e%3c/svg%3e")}.action-glyph--fighter-jet{--action-glyph-mask: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m7.875%204%201%209h-.844l-1.719-2.563L6.031%2010H1.781l.25%201.188L3%2016l-.969%204.813L1.781%2022h4.25l.281-.438L8.031%2019h.844l-1%209h3.531l.313-.281L20.438%2019H26c1.156%200%201.895-.672%202.563-1.219.667-.547%201.156-1.094%201.156-1.094l.656-.687-.656-.688s-.489-.547-1.156-1.094C27.895%2013.672%2027.156%2013%2026%2013h-5.563L11.719%204.281%2011.406%204H7.875Zm2.25%202h.438l8.718%208.719.313.281H26c-.051%200%20.727.328%201.281.781.137.113.133.113.25.219-.117.105-.113.105-.25.218-.554.453-1.332.782-1.281.782h-6.406l-.313.281L10.563%2026h-.438l1-9H6.938l-.282.438L4.938%2020h-.719l.75-3.813.063-.187-.063-.188L4.219%2012h.719l1.718%202.563.282.437h4.187l-1-9ZM16%207l2%202h2l1-1-1-1h-4Zm2%2016-2%202h4l1-1-1-1h-2Z'/%3e%3c/svg%3e")}.action-glyph--shield{--action-glyph-mask: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2012h6m-3-3v6m8-3c0%204.461-5.46%207.694-7.359%208.683-.205.107-.308.161-.45.188a1.2%201.2%200%200%201-.382%200%201.9%201.9%200%200%201-.45-.188C9.46%2019.694%204%2016.461%204%2012V8.218c0-.8%200-1.2.131-1.543.115-.304.303-.575.547-.789.275-.243.65-.383%201.398-.664l5.362-2.011c.208-.078.312-.117.419-.132a1.2%201.2%200%200%201%20.286%200c.107.015.211.054.419.132l5.362%202.011c.748.281%201.122.421%201.398.664.244.214.432.485.547.789.131.344.131.744.131%201.543V12Z'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.action-glyph--jump{--action-glyph-mask: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m10%204%20.707-.707L10%202.586l-.707.707L10%204Zm8%2017a1%201%200%201%200%200-2v2Zm-2.293-12.707-5-5-1.414%201.414%205%205%201.414-1.414Zm-6.414-5-5%205%201.414%201.414%205-5-1.414-1.414ZM9%204v10h2V4H9Zm7%2017h2v-2h-2v2ZM9%2014c0%203.866%203.134%207%207%207v-2a5%205%200%200%201-5-5H9Z'/%3e%3c/svg%3e")}.is-revealed .arena-bot{animation:enter-top .18s both}.is-revealed .arena-player{animation:enter-bottom .18s both}.is-impact.player-wins .arena-player{animation:player-strike .65s cubic-bezier(.2,.8,.2,1) both}.is-impact.player-wins .arena-bot{animation:bot-takes-hit .65s ease-out both}.is-impact.bot-wins .arena-bot{animation:bot-strike .65s cubic-bezier(.2,.8,.2,1) both}.is-impact.bot-wins .arena-player{animation:player-takes-hit .65s ease-out both}.is-neutral.is-impact .arena-bot{animation:neutral-bot-rebound .54s cubic-bezier(.2,.78,.2,1) both}.is-neutral.is-impact .arena-player{animation:neutral-player-rebound .54s cubic-bezier(.2,.78,.2,1) both}.arena-impact{position:absolute;display:flex;gap:5px;transform:rotate(24deg)}.arena-impact i{width:7px;height:30px;border-radius:9px;background:#fff8e9;opacity:0}.is-impact .arena-impact i{animation:impact .42s ease-out .13s both}.arena-impact i:nth-child(2){height:42px;animation-delay:.18s!important}.arena-impact i:nth-child(3){height:22px;animation-delay:.23s!important}.arena-rhythm-center{position:absolute;z-index:5;left:50%;top:50%;width:min(220px,38vw);min-height:82px;display:grid;place-items:center;transform:translate(-50%,-50%);text-align:center}.warmup-lock,.center-accuracy,.center-action-feedback,.practice-lesson,.first-input-prompt{min-width:178px;display:grid;place-items:center;padding:7px 12px;border:3px solid var(--paper);border-radius:18px;background:var(--ink);box-shadow:4px 4px #00000047}.warmup-lock strong,.center-accuracy strong,.center-action-feedback strong,.practice-lesson strong,.first-input-prompt strong{font-size:clamp(17px,2.5vw,26px);line-height:1;letter-spacing:.06em}.warmup-lock span,.center-accuracy span,.center-action-feedback span,.practice-lesson span,.first-input-prompt span{margin-top:4px;font-size:8px;letter-spacing:.12em}.warmup-lock{color:#f6c851;transform:rotate(-1deg)}.warmup-lock.is-waiting{color:var(--paper)}.countdown-callout strong{font-size:clamp(34px,5vw,48px)}.countdown-callout,.start-callout{animation:transition-beat-pop .36s cubic-bezier(.2,.9,.2,1) both}.start-callout{border-color:#a9d96a;background:#a9d96a;color:var(--ink);transform:rotate(-1deg) scale(1.04)}.start-callout strong{font-size:clamp(25px,4vw,40px)}.center-accuracy{animation:center-grade-pop .52s cubic-bezier(.2,.9,.2,1) both}.center-action-feedback{border-color:#ef8061;color:#fff8e9;animation:center-grade-pop .26s cubic-bezier(.2,.9,.2,1) both}.center-action-feedback strong{font-size:clamp(13px,2vw,20px)}.center-action-feedback span{color:#f6c851}.first-input-prompt,.practice-lesson{border-color:#f6c851;color:var(--paper);animation:first-input-beat-expand .28s ease-out both}.practice-lesson strong{display:inline-flex;align-items:center;gap:7px}.practice-lesson .action-glyph{width:clamp(26px,4.5vw,36px);height:clamp(26px,4.5vw,36px);color:#f6c851}.first-input-prompt span,.practice-lesson span{color:#f6c851}.center-perfect{border-width:6px;color:#f6c851;box-shadow:0 0 0 5px #f6c85159,0 0 28px #fff196d1;transform:rotate(-2deg) scale(1.08)}.center-good{border-color:#a9d96a;color:#a9d96a;box-shadow:0 0 14px #a9d96a73}.center-miss{border-width:2px;border-color:#9999a3;color:#b9b9c0;filter:grayscale(1);transform:scale(.94)}.warmup-pips{position:absolute;top:-17px;display:flex;gap:7px}.warmup-pips i{width:12px;height:12px;border:2px solid var(--paper);border-radius:50%;background:transparent}.warmup-pips i.is-full{background:#f6c851;box-shadow:0 0 9px #f6c851}.warmup-beat-grades{position:absolute;bottom:-20px;display:flex;gap:5px}.warmup-beat-grades i{width:18px;height:18px;display:grid;place-items:center;border:2px solid rgba(255,248,233,.52);border-radius:6px;color:#fff8e999;font-size:8px;font-style:normal}.warmup-beat-grades .grade-perfect{border-width:3px;border-color:#f6c851;background:#f6c851;color:var(--ink);box-shadow:0 0 10px #f6c851d9}.warmup-beat-grades .grade-good{border-color:#a9d96a;background:#a9d96a;color:var(--ink)}.warmup-beat-grades .grade-miss{border-color:#8b8b91;color:#8b8b91}.outcome-stamp{position:absolute;z-index:8;left:50%;bottom:5px;transform:translate(-50%) rotate(-2deg);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;border:2px solid var(--paper);border-radius:10px;background:var(--ink);color:#f6c851;font-size:10px;letter-spacing:.12em;text-transform:uppercase;animation:outcome-stamp .42s ease-out .18s both}.fallback-notice{position:absolute;z-index:10;left:50%;top:50%;max-width:82%;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-1deg);padding:7px 12px;border:3px solid #ef8061;border-radius:18px;background:var(--ink);box-shadow:4px 4px #00000047;color:#fff8e9;text-align:center;animation:center-grade-pop .26s cubic-bezier(.2,.9,.2,1) both}.fallback-notice strong{font-size:clamp(13px,2vw,20px);line-height:1;letter-spacing:.06em}.fallback-notice span{margin-top:4px;color:#f6c851;font-size:8px;letter-spacing:.12em}.beat-guide{position:relative;z-index:15;top:auto;left:auto;width:min(430px,calc(100% - 24px));justify-self:center;align-self:center;transform:none;text-align:center}.beat-steps{display:grid;grid-template-columns:.85fr .85fr 1.15fr .7fr;gap:5px}.beat-steps span{min-height:34px;display:flex;align-items:center;justify-content:center;gap:5px;border:3px solid var(--ink);border-radius:12px;background:#fff8e994;color:var(--ink);font-size:10px;letter-spacing:.04em;opacity:.48}.beat-steps span.is-current{background:var(--paper);box-shadow:3px 3px 0 var(--ink);opacity:1;transform:translateY(-2px)}.beat-steps span.is-hit{border-color:var(--ink);background:#f6c851;box-shadow:inset 0 0 0 2px #fff5d1;opacity:1}.beat-steps span.is-hit b{background:#806117}.beat-steps span.is-miss{background:linear-gradient(128deg,transparent 46%,rgba(32,32,56,.24) 47% 51%,transparent 52%),#ef8061;color:var(--ink);opacity:1;animation:miss-pill-pop .2s ease-out}.beat-steps span.is-miss b{background:#a63e4d}@keyframes miss-pill-pop{0%{transform:scale(.9)}55%{transform:scale(1.06)}to{transform:none}}.beat-steps span[data-step="4"]{gap:0;border-color:#ef8b73;background:#ef8b73;color:var(--ink);opacity:.82}.beat-steps span[data-step="4"].is-current{background:#ffd2c7;box-shadow:inset 0 0 0 3px #fff8e9,0 0 14px #ef5b6994;opacity:1;transform:none}.beat-steps b{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:10px}.beat-steps .resolve-mark{width:auto;height:auto;background:transparent;color:inherit;font-size:25px;line-height:1}.beat-steps span[data-step="4"].is-current .resolve-mark{animation:battle-resolve-shimmer .36s ease-out both}.player-playfield{position:relative;z-index:5;top:auto;bottom:auto;left:auto;width:min(520px,100%);height:var(--player-field-height);min-height:0;justify-self:center;align-self:center;transform:none}.stage-controls,.action-controls{position:absolute;top:0;right:0;bottom:0;left:0}@media(prefers-reduced-motion:reduce){.action-button.is-charge-full,.beat-steps span.is-miss{animation:none}}.action-button{--etch: color-mix(in srgb, var(--ink) 45%, var(--field));position:absolute;z-index:10;width:var(--ring-button-w);height:var(--ring-button-h);left:calc(50% + var(--ring-x) * var(--ring-r));top:calc(var(--ring-origin-y) + var(--ring-y) * var(--ring-r));display:block;padding:4px;transform:translate(-50%,-50%);border:3px solid var(--ink);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:3px 4px 0 var(--ink);cursor:pointer;font-size:8px;line-height:1;transition:opacity .12s ease,transform .12s ease,filter .12s ease}.action-button kbd{position:absolute;z-index:3;bottom:-8px;left:-7px;width:22px;height:22px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:7px;background:#f6c851;box-shadow:1px 2px 0 var(--ink);font:inherit;font-size:10px}.action-button .action-glyph{position:absolute;z-index:1;top:50%;left:50%;width:31px;height:31px;transform:translate(-50%,-50%)}.action-button>.charge-badge{position:absolute;top:-11px;right:-8px;z-index:2}.action-button>.action-damage-badge{position:absolute;right:-10px;bottom:-10px;z-index:3;min-height:21px;display:grid;place-items:center;padding:3px 5px;border:2px solid var(--ink);border-radius:7px;background:#a92f45;box-shadow:1px 2px 0 var(--ink);color:#fff8e9;font-size:10px;font-weight:950;letter-spacing:-.02em;white-space:nowrap}.action-button[data-action=grenade]{--ring-x: -.383;--ring-y: -.924}.action-button[data-action=machine-gun]{--ring-x: .383;--ring-y: -.924}.action-button[data-action=gun]{--ring-x: -.924;--ring-y: -.383}.action-button[data-action=airstrike]{--ring-x: .924;--ring-y: -.383}.action-button[data-action=block]{--ring-x: -.924;--ring-y: .383}.action-button[data-action=jump]{--ring-x: .924;--ring-y: .383}.action-button.is-preview{opacity:.78;filter:saturate(.82)}.action-button.is-playable{border-width:4px;background:#efffc8;opacity:1;filter:none;transform:translate(-50%,-50%) scale(1.03);animation:action-ready-pop .28s cubic-bezier(.2,.9,.2,1) both}.action-button.is-exact{background:#fff;box-shadow:3px 4px 0 var(--ink),0 0 0 6px #a9d96a,0 0 18px #fff;opacity:1;filter:none;transform:translate(-50%,-50%) scale(1.07)}.action-button.is-unavailable{border-style:dashed;border-color:var(--etch);background:transparent;box-shadow:none;color:var(--etch)}.action-button.is-unavailable kbd{border-color:var(--etch);background:var(--field);box-shadow:none;color:var(--etch)}.action-button.is-unavailable>.charge-badge{background:var(--field);box-shadow:none}.action-button.is-unavailable>.action-damage-badge{background:var(--field);box-shadow:none;color:var(--etch)}.action-button.is-rung-locked{z-index:8;border-style:dashed;border-color:color-mix(in srgb,var(--ink) 28%,var(--field));background:transparent;box-shadow:none!important;cursor:default;filter:none!important;opacity:1;animation:none!important;pointer-events:none}.is-terminal-resolution .action-button.is-rung-locked{box-shadow:none!important}.action-button.is-rhythm:before,.action-button.is-rhythm:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#3a3a6875;pointer-events:none}.action-button.is-rhythm:before{clip-path:inset(50% 0 0 0)}.action-button.is-rhythm:after{clip-path:inset(0 0 50% 0)}.action-button.is-charge-half:before,.action-button.is-charge-full:before,.action-button.is-charge-full:after{content:none}.action-button.is-rung-locked:before,.action-button.is-rung-locked:after{content:none}.action-button.is-charge-full{animation:charge-complete .22s ease-out}@keyframes charge-complete{0%{filter:brightness(1.5)}to{filter:brightness(1)}}.center-off-beat{border-color:#ef8061;background:#a63e4d;animation-name:off-beat-stamp-pop}.center-off-beat span{color:#ffe887}.action-button:hover:not(:disabled),.action-button:focus-visible{outline:4px solid #fff;outline-offset:3px}.action-button[aria-disabled=true]{cursor:help}.action-button:disabled{cursor:not-allowed}.action-button:disabled:not(.is-unavailable){opacity:.52;filter:grayscale(.45)}.home,.result-panel{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#83cde0;color:#202038}.home{--home-beat: .6666667s;--home-measure: 2.6666667s;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,rgba(255,248,233,.42) 0 18%,transparent 40%),#83cde0}.home-rhythm-bg{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.home-rhythm-bg:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.13;background-image:radial-gradient(#202038 1.5px,transparent 1.8px);background-size:28px 28px;animation:home-print-drift calc(var(--home-measure) * 4) linear infinite}.home-card{position:relative;z-index:2;background:#fff8e9f5;box-shadow:9px 9px 0 var(--ink),0 0 0 12px #fff8e92e}.home.is-awaiting-start .home-rhythm-bg *,.home.is-awaiting-start .home-rhythm-bg:before{animation-play-state:paused}.home.is-awaiting-start .home-card{position:absolute;visibility:hidden;pointer-events:none}.home.is-started .home-card{animation:home-card-enter .52s cubic-bezier(.2,.9,.2,1) both}.home-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.home-card .home-stat{position:relative;flex:none;display:grid;justify-items:center;gap:1px;padding:5px 11px 6px;transform:rotate(1.4deg);border:3px solid var(--ink);border-radius:13px 10px 14px 11px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:inherit;cursor:pointer}.home-card .home-stat--ticket{padding-left:16px;border-radius:12px 10px;mask:radial-gradient(circle 5px at 0 50%,transparent 99%,#000 100%),radial-gradient(circle 5px at 100% 50%,transparent 99%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.home-card .home-stat--ticket:before{content:"";position:absolute;top:6px;bottom:6px;left:9px;border-left:2px dashed rgb(32 32 56 / .45)}.home-card .home-stat.is-new{background:#f6c851}.home-card .home-stat.is-new .home-stat__label{color:var(--ink);opacity:.9}.home-card .home-stat:hover,.home-card .home-stat:focus-visible{transform:rotate(1.4deg) translate(-1px,-1px);background:#f6c851}.home-stat__label{font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:#202038a8}.home-stat__value{display:flex;align-items:center;gap:4px;font-size:19px;line-height:1;font-weight:800}.home-stat--record .home-stat__value{font-size:14px}.home-stat__value i{font-size:15px;font-style:normal}.home-stat--streak .home-stat__value i{animation:home-stat-flicker 1.6s ease-in-out infinite}@keyframes home-stat-flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.12) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.home-stat--streak .home-stat__value i{animation:none}}.home-card .home-play-actions button{flex:1 1 150px}.home-shelf{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:14px}.home-card .home-token{display:inline-flex;align-items:center;padding:8px 15px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font:inherit;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.home-card .home-token:hover:not(:disabled),.home-card .home-token:active:not(:disabled){background:#f6c851}.home-card .home-settings{margin:0}.home-card .home-settings[open]{flex-basis:100%}.home-card .home-settings summary{list-style:none}.home-card .home-settings summary::-webkit-details-marker{display:none}.home-card .home-settings[open] summary{background:#f6c851}.home-dev-tools{width:min(680px,calc(100% - 24px));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:12px auto 0;color:var(--paper);font-size:10px}.home-dev-tools>span{padding:3px 6px;border:2px solid currentColor;border-radius:7px;letter-spacing:.13em}.home-dev-tools button{min-height:34px;padding:6px 10px;border:2px solid var(--paper);border-radius:999px;background:#f6c851;color:var(--ink);box-shadow:2px 2px 0 var(--paper);font:inherit;cursor:pointer}.home-dev-tools small{opacity:.78}.battle-audio-lab{position:fixed;z-index:30;top:50px;left:50%;width:min(620px,calc(100% - 20px));transform:translate(-50%);padding:8px;border:3px solid var(--ink);border-radius:13px 10px 14px 11px;background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);box-shadow:3px 4px 0 var(--ink)}.battle-audio-lab__heading,.battle-audio-lab__variants{display:flex;align-items:center;gap:6px}.battle-audio-lab__heading{justify-content:space-between;margin-bottom:7px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.battle-audio-lab button{min-height:30px;padding:5px 9px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:1px 2px 0 var(--ink);font:inherit;font-size:9px;font-weight:850;cursor:pointer}.battle-audio-lab__variants{flex-wrap:wrap}.battle-audio-lab__variants+.battle-audio-lab__variants{margin-top:6px}.battle-audio-lab__variants button{flex:1 1 70px}.battle-audio-lab__variants button.is-active,.battle-audio-lab__level button.is-active{background:#f6c851;transform:translateY(1px);box-shadow:1px 1px 0 var(--ink)}.battle-audio-lab__level{display:flex;align-items:center;gap:6px;margin-top:6px}.battle-audio-lab__level label{flex:1;min-width:0;display:flex}.battle-audio-lab__level input[type=range]{width:100%;min-width:0;accent-color:var(--ink)}.battle-audio-lab__level b{min-width:2.6em;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:520px){.battle-audio-lab{top:46px}}.card button.quiet-note,.online-card button.quiet-note,.home-card button.home-note-link{display:block;margin:10px auto 0;padding:7px 12px;border:2px dashed rgba(32,32,56,.45);border-radius:11px 9px 12px 10px;background:transparent;box-shadow:none;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;opacity:.75}.card button.quiet-note:hover,.online-card button.quiet-note:hover,.home-card button.home-note-link:hover{border-style:solid;background:var(--paper);opacity:1}.home-card button.home-note-link{margin:16px 0 0}.home-install-hint{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:9px 10px;border:2px dashed rgba(32,32,56,.45);border-radius:12px 9px 13px 10px;text-align:left}.home-install-hint p{margin:0;font-size:10.5px;font-weight:700;line-height:1.45;opacity:.8}.home-install-hint b{white-space:nowrap}.home-card .home-install-hint__dismiss{flex:none;min-width:26px;min-height:26px;padding:0;border:2px solid rgba(32,32,56,.35);border-radius:9px 11px 8px 10px;background:transparent;box-shadow:none;font-size:14px;line-height:1;opacity:.7}.home-card .home-install-hint__dismiss:hover{background:var(--paper);opacity:1}@media(max-height:720px){.home.is-started{place-items:start center;overflow-x:hidden;overflow-y:auto}.home.is-started .home-card{margin-block:12px}}.home-entry{position:absolute;z-index:10;top:50%;left:50%;width:min(440px,calc(100% - 48px));max-height:calc(100dvh - 48px);display:grid;align-content:center;justify-items:center;overflow:visible;padding:clamp(28px,6vw,48px);border:5px solid #202038;border-radius:30px 27px 32px 26px;background:#fff8e9;box-shadow:10px 11px #202038,0 0 0 12px #fff8e933;text-align:center;translate:-50% -50%;animation:home-entry-arrive .42s cubic-bezier(.2,.9,.2,1) both}.home-entry__count{padding:6px 10px;border:3px solid #202038;border-radius:10px;background:#f6c851;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.home-entry h1{margin:15px 0 6px;font-size:clamp(58px,15vw,90px);line-height:.84;letter-spacing:-.07em;text-transform:uppercase}.home-entry p{max-width:290px;margin:14px 0 20px;font-size:13px;line-height:1.45}.home-entry__start{width:min(290px,100%);min-width:0;min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:4px solid #202038;border-radius:18px;background:#ef5b69;color:#202038;box-shadow:5px 6px #202038;font-size:clamp(17px,4vw,22px);text-transform:uppercase;cursor:pointer}.home-entry__start span{width:34px;height:34px;display:grid;place-items:center;border:3px solid #202038;border-radius:50%;background:#fff8e9;font-size:23px;line-height:1}.home-entry__start:hover:not(:disabled){transform:translateY(-2px);box-shadow:5px 8px #202038}.home-entry__start:active:not(:disabled){transform:translate(3px,4px);box-shadow:2px 2px #202038}.home-entry__start:focus-visible{outline:4px solid #fff;outline-offset:4px}.home-entry__start:disabled{cursor:wait;opacity:.72}.home-entry>small{margin-top:11px;color:#202038ad;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.home-entry .home-entry__sound-note{margin:14px 0 0;color:#202038b8;font-size:10px;letter-spacing:.04em}.online-entry-panel{position:fixed;z-index:210;top:0;right:0;bottom:0;left:0;display:grid;place-items:safe center;overflow-y:auto;padding:18px;overscroll-behavior:contain;background:#202038c7}.online-notice-card{position:relative;width:min(470px,100%);padding:clamp(26px,6vw,38px);border-radius:24px 21px 26px 20px;background:var(--paper);box-shadow:8px 9px 0 var(--ink),0 0 0 10px #fff8e929;text-align:center;animation:home-entry-arrive .26s cubic-bezier(.2,.9,.2,1) both}.online-notice-card .online-entry-close{position:absolute;top:12px;right:12px;min-width:38px;min-height:38px;padding:0;border-radius:50%;background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-size:20px;line-height:1}.online-entry-beats{display:table;margin:0 auto 15px;padding:5px 10px;border:2px solid var(--ink);border-radius:10px 8px 11px 9px;background:#f6c851;font-size:9px;font-weight:900;letter-spacing:.17em}.online-notice-card h1{margin:8px 0 14px;font-size:clamp(27px,7vw,38px);line-height:1;letter-spacing:-.04em}.online-notice-card p{max-width:370px;margin:0 auto;font-size:13px;line-height:1.55}.online-notice-card .online-entry-support{margin-top:12px;font-weight:800}.online-entry-actions{display:grid;gap:10px;margin-top:22px}.online-entry-actions button{width:100%}@media(max-height:560px){.online-entry-panel{place-items:start center}}@media(prefers-reduced-motion:reduce){.online-notice-card{animation:none}}@media(max-height:520px){.home-entry{align-content:start;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable both-edges}}.home-drum-echo{position:absolute;top:50%;width:clamp(260px,35vw,520px);aspect-ratio:1;transform:translateY(-50%);border:clamp(5px,.6vw,9px) solid #202038;border-radius:46% 52% 48% 54%;background:#f6c851cc;box-shadow:8px 9px #202038;animation:home-drum-groove var(--home-beat) cubic-bezier(.2,.75,.3,1) infinite}.home-drum-echo:after{content:"";position:absolute;top:19%;right:19%;bottom:19%;left:19%;border:clamp(4px,.45vw,7px) solid #202038;border-radius:50%;background:#ef8061}.home-drum-echo--left{left:clamp(-390px,-23vw,-165px);rotate:-8deg}.home-drum-echo--right{right:clamp(-390px,-23vw,-165px);rotate:8deg;animation-delay:calc(var(--home-beat) * -.5)}.home-drum-echo i{position:absolute;z-index:-1;top:-6%;right:-6%;bottom:-6%;left:-6%;border:4px solid rgba(32,32,56,.62);border-radius:50%;animation:home-echo var(--home-measure) ease-out infinite}.home-drum-echo i:nth-child(2){animation-delay:calc(var(--home-beat) * -1)}.home-drum-echo i:nth-child(3){animation-delay:calc(var(--home-beat) * -2)}.home-beat-lane{position:absolute;right:6vw;left:6vw;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.home-beat-lane:before{content:"";position:absolute;right:5%;left:5%;height:4px;border-radius:4px;background:#20203899}.home-beat-lane--top{top:clamp(22px,6vh,72px)}.home-beat-lane--bottom{bottom:clamp(22px,6vh,72px);transform:rotate(180deg)}.home-beat-lane span{--step: 0;position:relative;z-index:1;width:clamp(48px,7vw,74px);aspect-ratio:1;justify-self:center;display:grid;place-content:center;border:4px solid #202038;border-radius:50%;background:#fff8e9;box-shadow:4px 4px #202038;text-align:center;animation:home-step var(--home-measure) ease-out infinite;animation-delay:calc(var(--step) * var(--home-beat))}.home-beat-lane b{display:block;font-size:clamp(16px,2.2vw,25px);line-height:.9}.home-beat-lane small{display:block;margin-top:3px;font-size:clamp(5px,.65vw,8px);letter-spacing:.08em}.home-beat-lane--bottom b,.home-beat-lane--bottom small{transform:rotate(180deg)}.home-equalizer{position:absolute;top:18%;bottom:18%;display:flex;align-items:flex-end;gap:clamp(3px,.4vw,7px);opacity:.58}.home-equalizer--left{left:2vw}.home-equalizer--right{right:2vw}.home-equalizer i{--bar: 0;width:clamp(8px,1vw,14px);height:24%;border:3px solid #202038;border-radius:8px 8px 3px 3px;background:#ef5b69;transform-origin:bottom;animation:home-equalizer var(--home-beat) steps(2,jump-none) infinite;animation-delay:calc(var(--bar) * -74.074ms)}.home-equalizer i:nth-child(3n+2){height:36%;background:#f6c851}.home-equalizer i:nth-child(3n){height:17%;background:#6dbd63}@keyframes home-step{0%,19%{background:#ef5b69;transform:translateY(-7px) rotate(-3deg) scale(1.12);box-shadow:6px 7px #202038}28%,to{background:#fff8e9;transform:translateY(0) rotate(0) scale(1);box-shadow:4px 4px #202038}}@keyframes home-drum-groove{0%,to{scale:1 1}16%{scale:1.045 .94}44%{scale:.98 1.035}}@keyframes home-echo{0%{opacity:.5;transform:scale(.88)}35%,to{opacity:0;transform:scale(1.38)}}@keyframes home-equalizer{0%,to{scale:1 .52}35%{scale:1 1}68%{scale:1 .72}}@keyframes home-print-drift{to{transform:translate(28px,28px)}}@keyframes home-entry-arrive{0%{opacity:0;transform:translateY(18px) rotate(1deg) scale(.94)}}@keyframes home-card-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}58%{transform:translateY(-3px) rotate(-.3deg) scale(1.01)}}@media(prefers-reduced-motion:reduce){.home-rhythm-bg:before,.home-entry,.home.is-started .home-card,.home-drum-echo,.home-drum-echo i,.home-beat-lane span,.home-equalizer i{animation:none}.home-beat-lane span:nth-child(3){background:#ef5b69;transform:translateY(-4px) scale(1.06)}}.online-shell{--ink: #202038;--paper: #fff8e9;--online-beat: .6666667s;--online-measure: 2.6666667s;position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:clamp(14px,3vw,30px);isolation:isolate;color:var(--ink);background:radial-gradient(circle at 50% 42%,rgba(255,248,233,.58),transparent 38%),#83cde0}.online-rhythm-bg{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.online-rhythm-bg:before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;opacity:.12;background-image:radial-gradient(var(--ink) 1.5px,transparent 1.8px);background-size:28px 28px;animation:online-print-drift calc(var(--online-measure) * 5) linear infinite}.online-orbit{position:absolute;top:50%;width:clamp(250px,34vw,500px);aspect-ratio:1;border:clamp(5px,.6vw,9px) solid var(--ink);border-radius:48% 52% 46% 54%;background:#f6c851;box-shadow:8px 9px 0 var(--ink);animation:online-orbit-groove var(--online-beat) cubic-bezier(.2,.75,.3,1) infinite}.online-orbit:after{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:clamp(4px,.45vw,7px) solid var(--ink);border-radius:50%;background:#ef8061}.online-orbit--left{left:clamp(-370px,-24vw,-155px);rotate:-8deg}.online-orbit--right{right:clamp(-370px,-24vw,-155px);rotate:8deg;animation-delay:calc(var(--online-beat) * -.5)}.online-backdrop-beats{position:absolute;right:7vw;left:7vw;display:grid;grid-template-columns:repeat(4,1fr);opacity:.38}.online-backdrop-beats:before{content:"";position:absolute;top:50%;right:4%;left:4%;height:3px;background:var(--ink)}.online-backdrop-beats--top{top:clamp(13px,3vh,34px)}.online-backdrop-beats--bottom{bottom:clamp(13px,3vh,34px);rotate:180deg}.online-backdrop-beats span{position:relative;z-index:1;width:clamp(38px,5vw,58px);aspect-ratio:1;justify-self:center;display:grid;place-content:center;border:3px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:3px 3px 0 var(--ink);text-align:center;animation:online-backdrop-step var(--online-measure) ease-out infinite;animation-delay:calc(var(--online-step) * var(--online-beat))}.online-backdrop-beats b{font-size:clamp(12px,1.5vw,18px);line-height:.9}.online-backdrop-beats small{margin-top:2px;font-size:clamp(4px,.5vw,7px)}.online-backdrop-beats--bottom b,.online-backdrop-beats--bottom small{rotate:180deg}.online-card{position:relative;z-index:2;width:min(100%,760px);display:grid;gap:14px;max-height:calc(100svh - clamp(28px,6vw,60px));overflow-x:hidden;overflow-y:auto;padding:clamp(20px,4vw,38px);border:5px solid var(--ink);border-radius:28px 24px 31px 25px;background:#fff8e9f7;box-shadow:9px 10px 0 var(--ink),0 0 0 11px #fff8e933;scrollbar-color:#ef8061 transparent}.online-card h1,.online-card h2,.online-card p{margin:0}.online-card h1{font-size:clamp(42px,8vw,68px);line-height:.92;letter-spacing:-.055em}.online-card h2{font-size:19px;line-height:1}.online-card button{min-height:46px;padding:10px 15px;border:3px solid var(--ink);border-radius:13px 11px 15px 12px;background:#f6c851;color:var(--ink);box-shadow:3px 4px 0 var(--ink);font:inherit;cursor:pointer}.online-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:3px 6px 0 var(--ink)}.online-card button:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 1px 0 var(--ink)}.online-card button:focus-visible{outline:4px solid #fff;outline-offset:4px}.online-card button:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.3)}.online-card button.secondary{background:var(--paper)}.online-card button.text-button{min-height:30px;padding:2px 4px;border:0;border-radius:0;background:transparent;box-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.online-card button.text-button:hover:not(:disabled),.online-card button.text-button:active:not(:disabled){transform:none;box-shadow:none}.online-back{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-size:12px}.online-back span{width:23px;height:23px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#a9d96a;text-decoration:none}.online-entry-card{grid-template-columns:minmax(0,.82fr) minmax(280px,1.18fr);column-gap:clamp(16px,4vw,34px);text-align:center;animation:home-entry-arrive .26s cubic-bezier(.2,.9,.2,1) both}@media(prefers-reduced-motion:reduce){.online-entry-card{animation:none}}.online-entry-card>.online-back,.online-entry-card>.online-title-lockup,.online-entry-card>.online-error,.online-entry-card>.online-private-panel,.online-entry-card>.online-searching,.online-entry-card>.online-tempo-note{grid-column:1 / -1}.online-entry-card>.track-picker{align-self:end}.online-entry-card>.track-picker .track-picker__row{min-height:52px}.online-title-lockup{max-width:570px;margin-inline:auto}.online-title-lockup .eyebrow{display:inline-block;margin-bottom:7px}.online-title-lockup p{max-width:480px;margin:9px auto 0;font-size:14px;line-height:1.45}.online-error{padding:10px 13px;transform:rotate(-.5deg);border:3px solid var(--ink);border-radius:10px;background:#ffd2c7;box-shadow:2px 3px 0 var(--ink);font-size:12px;line-height:1.35}.online-card label{display:grid;gap:7px}.online-name-field>span,.join-room label{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.online-card input[type=text],.online-card input:not([type]){width:100%;min-width:0;min-height:52px;padding:9px 13px;border:3px solid var(--ink);border-radius:13px 10px 14px 11px;outline:none;background:#fff;color:var(--ink);box-shadow:inset 0 -3px #20203814;font:inherit;text-transform:none}.online-card input:focus{box-shadow:inset 0 -3px #20203814,0 0 0 4px #a9d96a}.online-primary{min-height:76px!important;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px!important;background:#ef5b69!important;text-align:left}.online-primary>span:last-child{display:grid;gap:3px}.online-primary strong{font-size:18px;line-height:1;text-transform:uppercase}.online-primary small{font-size:9px;line-height:1.2}.online-crowd{margin:7px 0 0;font-size:11px;text-align:center;opacity:.7}.online-primary--muted{background:var(--paper)!important}.online-button-burst{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--paper);font-size:24px}.online-private-panel{display:grid;grid-template-columns:1fr auto;gap:13px 16px;padding:16px;text-align:left;border:3px solid var(--ink);border-radius:17px 13px 19px 14px;background:#f7e9ac;box-shadow:3px 4px 0 var(--ink)}.online-private-panel>div:first-child{position:relative;padding-left:47px}.online-private-panel p{margin-top:4px;font-size:11px;line-height:1.35}.online-section-number{position:absolute;top:50%;left:0;width:34px;aspect-ratio:1;display:grid;place-items:center;translate:0 -50%;border:3px solid var(--ink);border-radius:50%;background:#83cde0;font-size:9px}.online-create-button{align-self:center}.join-room{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label ." "input button";gap:8px}.join-room label{grid-area:label;text-align:center}.join-room input{grid-area:input;letter-spacing:.16em;text-transform:uppercase!important}.join-room button{grid-area:button}.join-room input::placeholder{color:#2020384d}.online-tempo-note{justify-self:center;display:flex;align-items:center;gap:6px;color:#202038ad;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.online-tempo-note span{width:20px;height:20px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#f6c851;color:var(--ink)}.online-searching{display:grid;gap:8px;padding:12px;border:3px dashed var(--ink);border-radius:14px;background:#dff3c0}.online-searching .text-button{justify-self:center}.online-search{display:grid;gap:16px;justify-items:center;text-align:center}.online-search .rhythm-strip{width:100%}.online-search-copy{max-width:34ch;margin:0}.online-wait-facts{width:min(100%,430px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.online-wait-facts div{display:grid;gap:2px;padding:9px 10px;border:2px dashed rgba(32,32,56,.46);border-radius:11px 9px 12px 10px;background:#fff8e9}.online-wait-facts dt{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.68}.online-wait-facts dd{margin:0;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.online-card button.online-ticket-book-button{position:relative;width:min(100%,430px);display:grid;gap:3px;overflow:hidden;background:#dff3c0}.online-ticket-book-button:after{content:"";position:absolute;top:7px;bottom:7px;left:38px;border-left:2px dashed rgba(32,32,56,.32)}.online-ticket-book-button strong,.online-ticket-book-button small{padding-left:36px}.online-ticket-book-button strong{font-size:14px}.online-ticket-book-button small{font-size:9px;opacity:.72}.online-ticket-book-scrim{--ink: #202038;--paper: #fff8e9;position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:12px;background:#2020389e}.online-ticket-book{width:min(100%,820px);max-height:calc(100svh - 24px);grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;text-align:left}.online-ticket-book__header{display:flex;align-items:start;justify-content:space-between;gap:14px}.online-card .online-ticket-book__header h2{margin-top:3px;font-size:clamp(29px,6vw,44px);letter-spacing:-.045em}.online-ticket-book__header .text-button{flex:none}.online-ticket-book__wait{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:3px dashed rgba(32,32,56,.25)}.online-ticket-book__wait .online-wait-facts{width:min(100%,390px)}.online-ticket-book__wait .sticker-count{flex:none;margin:0}.online-ticket-book__pages{min-height:0;overflow-y:auto;padding:2px 8px 10px 2px;scrollbar-color:#ef8061 transparent}.online-ticket-book__pages>section+section{margin-top:22px}.online-ticket-book button.sticker-slot:hover:not(:disabled),.online-ticket-book button.sticker-slot:active:not(:disabled){transform:none;box-shadow:none}.online-pairing{display:grid;gap:18px;justify-items:center;text-align:center}.online-pairing-seats{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,3vw,22px);width:100%}.online-pairing-seat{display:grid;justify-items:center;gap:4px;min-width:0}.online-pairing-seat strong{font-size:clamp(15px,4vw,21px);overflow-wrap:anywhere}.online-pairing-seat small{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.online-pairing-versus{font-size:clamp(20px,6vw,32px);font-weight:800;opacity:.7}.online-pairing-count{margin:0;font-size:clamp(17px,5vw,23px);font-weight:700}.online-search h1{animation:online-search-breathe 2.667s ease-in-out infinite}@keyframes online-search-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.online-search h1{animation:none}}.warmup-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.warmup-loop b{min-width:0;min-height:54px;display:grid;place-items:center;align-content:center;gap:2px;padding:6px 3px;border:3px solid var(--ink);border-radius:12px 10px 13px 11px;background:var(--paper);font-size:clamp(7px,1.4vw,10px);text-align:center;opacity:.65}.warmup-loop b span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:9px}.warmup-loop b:last-child{background:#ffd2c7}.warmup-loop b.is-current,.is-searching .warmup-loop b{animation:online-warmup-step var(--online-measure) ease-out infinite}.is-searching .warmup-loop b:nth-child(2){animation-delay:var(--online-beat)}.is-searching .warmup-loop b:nth-child(3){animation-delay:calc(var(--online-beat) * 2)}.is-searching .warmup-loop b:nth-child(4){animation-delay:calc(var(--online-beat) * 3)}.online-lobby{width:min(100%,790px);justify-items:center;text-align:center}.online-lobby .online-back{justify-self:start}.online-lobby h1{color:#ef5b69;text-transform:uppercase}.online-lobby-copy{margin-top:-7px!important;font-size:13px;line-height:1.4}.room-code{width:min(100%,530px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 13px;padding:14px 15px;transform:rotate(-.7deg);border:3px dashed var(--ink);border-radius:16px;background:#f6c851}.room-code small{grid-column:1 / -1;font-size:8px;letter-spacing:.13em}.room-code strong{min-width:0;-webkit-user-select:all;user-select:all;font-size:clamp(28px,7vw,48px);line-height:1;letter-spacing:.18em;text-indent:.18em}.room-code button{min-height:38px;padding:7px 10px;background:var(--paper);font-size:10px}.room-code-notice{grid-column:1 / -1;margin:0;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:11px}.online-seats{width:100%;display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:10px}.online-seat{min-width:0;display:flex;align-items:center;gap:10px;padding:13px;border:3px solid var(--ink);border-radius:15px 12px 17px 13px;background:#dff3c0;box-shadow:3px 4px 0 var(--ink);text-align:left}.online-seat--rival{background:#ffd2c7}.online-seat>div{min-width:0;display:grid;gap:2px}.online-seat small{font-size:8px;letter-spacing:.15em}.online-seat strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.online-seat span:not(.online-player-token){font-size:9px}.online-seat-link{width:34px;height:34px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:#83cde0;font-size:18px}.online-player-token{--mascot-height: 61px;animation:online-token-bop var(--online-beat) ease-in-out infinite alternate}.mascot-rival.online-player-token{animation-delay:calc(var(--online-beat) * -.5)}.online-player-token.is-waiting{opacity:.42;filter:grayscale(1)}.online-ready-rule{width:min(100%,560px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:10px 12px;transform:rotate(-.4deg);border:3px solid var(--ink);border-radius:13px 11px 15px 12px;background:#dff3c0;box-shadow:2px 3px 0 var(--ink);text-align:left}.online-ready-rule strong{padding:5px 7px;border:2px solid var(--ink);border-radius:8px;background:#f6c851;font-size:10px;text-transform:uppercase;white-space:nowrap}.online-ready-rule span{font-size:10px;line-height:1.35}.online-lobby-notice{width:min(100%,560px);margin:0;padding:9px 12px;transform:rotate(.3deg);border:3px solid var(--ink);border-radius:12px 14px 11px 13px;background:#ffd9d2;box-shadow:2px 3px 0 var(--ink);font-size:11px;line-height:1.4;text-align:left}.online-ready-button{width:min(100%,420px);min-height:62px!important;background:#ef5b69!important;font-size:17px;text-transform:uppercase}.online-room-meta{color:#202038a3;font-size:8px;letter-spacing:.05em}.online-result{width:min(100%,620px);justify-items:center;text-align:center}.online-result h1{max-width:520px;color:#ef5b69;text-transform:uppercase}.online-result-shell--loss .online-result h1,.online-result-shell--disconnect .online-result h1{color:var(--ink)}.online-result-clash{width:min(100%,460px);min-height:142px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:15px;border:4px solid var(--ink);border-radius:22px 18px 24px 19px;background:#202038;color:var(--paper);box-shadow:5px 6px #ef8061}.online-result-clash>div{min-width:0;display:grid;grid-template-columns:auto auto;place-items:center;gap:4px}.online-result-clash>div small{max-width:100%;overflow:hidden;grid-column:1 / -1;font-size:8px;letter-spacing:.14em;text-overflow:ellipsis;white-space:nowrap}.online-result-clash .action-glyph{width:54px;height:54px;color:#a9d96a}.online-result-clash>div:last-child .action-glyph{color:#f7e9ac}.online-result-clash>strong{color:#f6c851;font-size:34px}.online-series{display:grid;justify-items:center;gap:3px;width:min(100%,390px);padding:9px 14px 10px;transform:rotate(-.6deg);border:3px solid var(--ink);border-radius:16px 13px 17px 12px;background:var(--paper);box-shadow:4px 5px #2020383d}.online-series__label{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#202038a8}.online-series__score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;gap:7px;margin:0;width:100%;min-width:0}.online-series__tally{display:flex;align-items:baseline;gap:7px}.online-series__score b{min-width:0;max-width:116px;overflow:hidden;font-size:10px;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.online-series__score b:first-of-type{justify-self:end}.online-series__score b:last-of-type{justify-self:start}.online-series__score em{font-size:27px;font-style:normal;line-height:1}.online-series__score i{font-style:normal;color:#20203880}.online-series--you .online-series__score em:first-of-type,.online-series--rival .online-series__score em:last-of-type{color:#ef5b69}.online-series small{font-size:9px;letter-spacing:.05em;color:#202038b3}.online-series__alltime{margin:4px 0 0;padding-top:5px;width:100%;border-top:2px dashed rgba(32,32,56,.24);font-size:9px;letter-spacing:.05em;text-align:center;color:#202038b3}.online-series__alltime b{font-size:12px;color:var(--ink)}.online-rematch-button{width:min(100%,390px)}.online-rematch-callout{padding:7px 10px;transform:rotate(-1deg);border:2px solid var(--ink);border-radius:9px;background:#dff3c0;font-size:10px}.online-result-actions{width:100%;display:grid;justify-items:center;gap:10px}.online-card button.online-rematch-button,.online-card button.online-result-rival{width:min(100%,420px)}.game-stage-online .territory:before{opacity:.14}.game-stage-online .territory-bot{background:#83cde0}.game-stage-online .territory-player{background:#f6c851}.game-stage-online .match-pause-button span{font-size:12px;letter-spacing:.08em}.game-stage-online .center-action-feedback{border-color:#f6c851}.online-countdown,.connection-overlay,.online-menu-overlay{--ink: #202038;--paper: #fff8e9;position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:24px;background:#202038e6;color:var(--paper, #fff8e9);text-align:center}.online-countdown small,.online-countdown span{display:block;letter-spacing:.15em;text-transform:uppercase}.online-countdown small{color:#a9d96a;font-size:11px}.online-countdown strong{display:block;margin:6px 0;color:#f6c851;font-size:clamp(76px,22vw,150px);line-height:.8;text-shadow:7px 8px 0 #ef5b69;animation:online-count-pop .42s cubic-bezier(.2,.9,.2,1) both}.online-countdown span{font-size:10px}.connection-overlay{justify-items:center;gap:10px}.connection-overlay .online-player-token{color:var(--paper);scale:1.35}.connection-overlay h2,.connection-overlay p{max-width:440px;margin:0}.connection-overlay h2{color:#f6c851;font-size:clamp(28px,6vw,50px);line-height:1}.connection-overlay p{font-size:12px;line-height:1.45}.connection-overlay .connection-countdown{margin-top:6px;color:#f6c851;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase}.online-menu-overlay{text-align:left}.online-menu-overlay>section{width:min(100%,440px);display:grid;gap:13px;padding:clamp(22px,5vw,36px);border:5px solid var(--paper);border-radius:24px 20px 27px 21px;background:#202038;box-shadow:8px 9px #ef8061}.online-menu-overlay h2,.online-menu-overlay p{margin:0}.online-menu-overlay h2{color:#f6c851;font-size:clamp(32px,8vw,52px);line-height:.95}.online-menu-overlay p{font-size:12px;line-height:1.45}.online-menu-overlay button{min-height:52px;padding:10px 14px;border:3px solid var(--paper);border-radius:13px;background:#a9d96a;color:var(--ink);box-shadow:3px 4px 0 var(--paper);font:inherit}.online-menu-overlay button.secondary{background:#ef8061}.online-connection-card{display:flex;align-items:center;gap:10px;padding:10px;border:2px solid rgba(255,248,233,.45);border-radius:12px}.online-connection-card>span{width:13px;height:13px;border:3px solid var(--paper);border-radius:50%;background:#ef8061}.online-connection-card>span.is-connected{background:#a9d96a}.online-connection-card>div{display:grid}.online-connection-card small{color:#fff8e9ad;font-size:8px}@keyframes online-print-drift{to{transform:translate(28px,28px)}}@keyframes online-orbit-groove{0%,to{scale:1 1}18%{scale:1.04 .94}52%{scale:.98 1.03}}@keyframes online-backdrop-step{0%,18%{background:#ef5b69;transform:translateY(-5px) rotate(-3deg) scale(1.09)}28%,to{background:var(--paper);transform:none}}@keyframes online-warmup-step{0%,18%{background:#ef5b69;box-shadow:3px 4px 0 var(--ink);opacity:1;transform:translateY(-3px)}28%,to{opacity:.65;transform:none}}@keyframes online-token-bop{to{transform:translateY(-4px) rotate(2deg)}}@keyframes online-count-pop{0%{opacity:0;transform:scale(.6) rotate(-8deg)}}@media(max-width:700px){.online-backdrop-beats{display:none}.online-entry-card{grid-template-columns:1fr}.online-entry-card>*{grid-column:1!important}.online-private-panel{grid-template-columns:1fr}.online-create-button{width:100%}.online-seats{grid-template-columns:1fr}.online-seat-link{justify-self:center;rotate:90deg}.online-ready-rule{grid-template-columns:1fr;text-align:center}.online-ready-rule strong{justify-self:center}}@media(max-width:520px){.online-shell{align-items:start;padding:9px;overflow-y:auto}.online-entry-shell,.online-result-shell,.online-search-shell,.online-pairing-shell{align-items:safe center}.online-card{max-height:none;margin-bottom:18px;padding:18px 14px;border-width:4px;border-radius:20px 17px 22px 18px;box-shadow:5px 6px 0 var(--ink)}.online-card h1{font-size:clamp(38px,14vw,58px)}.online-ticket-book-scrim{padding:9px}.online-ticket-book{max-height:calc(100svh - 18px);margin-bottom:0;padding:14px 10px}.online-ticket-book__header{align-items:center}.online-ticket-book__header .text-button{max-width:96px;text-align:right}.online-ticket-book__wait{display:grid}.online-ticket-book__wait .sticker-count{justify-self:center}.online-title-lockup p{font-size:12px}.online-private-panel{padding:13px}.join-room{grid-template-columns:1fr;grid-template-areas:"label" "input" "button"}.join-room button{width:100%}.room-code{grid-template-columns:1fr}.room-code button{width:100%}.warmup-loop{gap:3px}.warmup-loop b{min-height:48px;border-width:2px}.online-result-clash{min-height:116px;padding:9px 5px;gap:4px}.online-result-clash .online-player-token{scale:.82}.online-result-clash .action-glyph{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.online-rhythm-bg:before,.online-orbit,.online-backdrop-beats span,.is-searching .warmup-loop b,.online-player-token,.online-countdown strong{animation:none}}.match-pause-button{position:absolute;z-index:16;top:8px;left:50%;min-width:52px;min-height:34px;display:flex;align-items:center;justify-content:center;gap:4px;transform:translate(-50%);padding:4px 7px;border:3px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:2px 3px 0 var(--ink);cursor:pointer}.match-pause-button.is-held{background:#f6c851;animation:pause-held-breathe .64s ease-in-out infinite alternate}.match-pause-button span{font-size:15px;line-height:1}.match-pause-button small{font-size:7px;letter-spacing:.07em;text-transform:uppercase}.pause-held-note{position:absolute;z-index:12;top:49px;left:50%;margin:0;transform:translate(-50%) rotate(-1.5deg);padding:4px 9px;border:2px solid var(--ink);border-radius:9px 11px 8px 10px;background:#f6c851;box-shadow:1px 2px 0 var(--ink);color:var(--ink);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;pointer-events:none}@keyframes pause-held-breathe{0%{box-shadow:2px 3px 0 var(--ink)}to{box-shadow:2px 3px 0 var(--ink),0 0 0 4px #f6c8518c}}.pause-panel{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;background:#202038d1;color:#202038}.rotate-card{width:min(420px,100%);display:grid;justify-items:center;gap:10px;padding:20px 24px;text-align:center}.card.rotate-card h1{margin:0;font-size:clamp(21px,4.5vw,28px);line-height:1.05;letter-spacing:-.035em}.rotate-card p{margin:0;font-size:13px}.rotate-mark{width:40px;height:58px;border:4px solid var(--ink, #202038);border-radius:9px;background:linear-gradient(var(--ink, #202038),var(--ink, #202038)) center bottom 5px / 14px 3px no-repeat;rotate:-18deg;animation:rotate-upright 2.4s ease-in-out infinite}@keyframes rotate-upright{0%,55%{rotate:-74deg}80%,to{rotate:0deg}}.pause-card{width:min(560px,100%);max-height:calc(100dvh - 24px);margin:0;overflow-y:auto;background:#fff8e9}.pause-card.pause-card--how-to{width:min(700px,100%);height:calc(100dvh - 24px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;overflow:hidden}.pause-card--how-to .pause-heading{padding:clamp(22px,5vw,46px) clamp(22px,5vw,46px) 0}.pause-how-to-scroll{min-height:0;padding-inline:clamp(22px,5vw,46px);overflow-y:auto;overscroll-behavior:contain}.pause-how-to-actions{margin:0;padding:12px clamp(22px,5vw,46px) clamp(22px,5vw,46px);background:var(--paper);box-shadow:0 -5px 0 var(--paper)}.pause-card h1{margin-top:4px}.pause-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pause-menu-actions{display:grid;gap:9px}.pause-menu-actions button{width:100%}.pause-quit{border-color:#b8403d;color:#8f2928}.pause-shortcut{margin-bottom:0;color:#202038a8;font-size:9px;letter-spacing:.13em;text-align:center}.pause-actions{position:sticky;bottom:0;justify-content:center;padding-top:12px;background:linear-gradient(transparent,#fff8e9 24%)}.resume-count{min-height:260px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.resume-count span{font-size:11px;letter-spacing:.14em}.resume-count strong{width:112px;height:112px;display:grid;place-items:center;border:5px solid var(--ink);border-radius:50%;background:#f6c851;box-shadow:6px 7px 0 var(--ink);font-size:54px}@keyframes tutorial-cue-strike{0%{transform:scale(1)}32%{transform:scale(.89)}64%{transform:scale(1.09)}to{transform:scale(1)}}@keyframes tutorial-sequence-pulse{0%,18%,to{transform:scale(1)}7%{transform:scale(.88)}13%{transform:scale(1.1)}}.count-in-panel{background:transparent;pointer-events:none}.count-in-stage{width:100%;height:100%;display:grid;place-items:center}.card{--ink: #202038;--paper: #fff8e9;width:min(650px,100%);padding:clamp(22px,5vw,46px);border:5px solid var(--ink);border-radius:28px;background:var(--paper);box-shadow:9px 9px 0 var(--ink)}.card h1{margin:5px 0 14px;font-size:clamp(43px,10vw,78px);line-height:.92;letter-spacing:-.065em}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.loop-copy{display:inline-block;margin:4px 0;padding:7px 10px;border:3px solid var(--ink);border-radius:11px;background:#f6c851;letter-spacing:.08em}.card button:where(:not(.drum,.action-button)){border:3px solid var(--ink);border-radius:14px;padding:12px 16px;color:var(--ink);background:#f6c851;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.card button.secondary{background:var(--paper)}.card button:where(:not(.drum,.action-button)):focus-visible,.card summary:focus-visible{outline:4px solid #ef5b69;outline-offset:3px}.card details{margin-top:20px}.card summary{cursor:pointer}.setup-rhythm{display:grid;grid-template-columns:1fr 1fr 1.35fr 1.35fr;gap:7px;margin:20px 0}.setup-rhythm span{min-height:90px;display:grid;place-items:center;padding:8px;border:3px solid var(--ink);border-radius:16px;background:#f6c851;text-align:center}.setup-rhythm kbd{font-size:10px}.preference-grid{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.preference-grid label{padding:8px 10px;border:2px solid var(--ink);border-radius:12px;background:#fff;font-size:12px}.setup-settings{margin:4px 0 16px;padding:8px 10px;border:2px solid var(--ink);border-radius:12px;background:#ffffff94}.setup-settings summary{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:12px}.result-panel{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;min-height:0;overflow-y:auto;place-items:safe center;overscroll-behavior:contain;background:#202038b8}.result-card{text-align:center}.result-mark{display:block;font-size:64px;line-height:1}.result-actions{display:grid;justify-items:center;gap:10px;margin-top:16px}.card button.result-primary,.card button.result-second{width:min(100%,420px)}.card button.result-primary{min-height:74px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef5b69;text-align:left}.card button.result-primary.is-ladder-progress{background:#f6c851}.result-primary>span:last-child{display:grid;gap:3px}.result-primary strong{font-size:18px;line-height:1;text-transform:uppercase}.result-primary small{font-size:12px;line-height:1.2}.result-button-burst{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--paper);font-size:24px}.card button.ladder-prize-drop{position:relative;width:min(100%,320px);min-height:280px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:10px;overflow:hidden;padding:16px 18px 18px;border:4px solid var(--ink);border-radius:34px 34px 12px 12px;background:#ef8061;box-shadow:9px 10px 0 var(--ink);color:var(--ink);text-align:center;transform:rotate(-.7deg)}.card button.ladder-prize-drop:before,.card button.ladder-prize-drop:after{content:"";position:absolute;top:76px;width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:#f6c851}.card button.ladder-prize-drop:before{left:14px}.card button.ladder-prize-drop:after{right:14px}.ladder-prize-marquee{width:100%;display:grid;gap:2px;padding:8px 14px;border:3px solid var(--ink);border-radius:18px 18px 6px 6px;background:#f6c851;box-shadow:3px 4px 0 var(--ink);text-transform:uppercase}.ladder-prize-marquee small,.ladder-reward-kicker{font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ladder-prize-marquee strong{font-size:25px;line-height:1}.ladder-prize-hatch{width:176px;min-height:112px;display:grid;place-items:center;align-self:center;border:4px solid var(--ink);border-radius:18px 18px 42px 42px;background:var(--ink);box-shadow:inset 0 -10px #00000047}.ladder-prize-hatch i{width:74px;height:74px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:#a9d96a;box-shadow:4px 5px #080818;color:var(--ink);font-size:39px;font-style:normal;transform:rotate(8deg);animation:ladder-prize-rattle .9s ease-in-out infinite alternate}.ladder-prize-collect{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;text-align:left}.ladder-prize-collect>i{grid-row:1 / span 2;width:32px;height:32px;border:3px solid var(--ink);border-radius:50%;background:#a9d96a;box-shadow:2px 3px 0 var(--ink)}.ladder-prize-collect strong{font-size:17px;line-height:1;text-transform:uppercase}.ladder-prize-collect small{font-size:9px}.card button.ladder-prize-drop.is-pressed{transform:rotate(-.7deg) translate(5px,6px);box-shadow:4px 4px 0 var(--ink)}.card button.ladder-prize-drop.is-pressed .ladder-prize-hatch i{animation:none;background:#6c7a4a;transform:rotate(8deg) scale(.86);transition:transform .12s ease-in,background .12s ease-in}.card button.ladder-prize-drop.is-pressed .ladder-prize-collect>i{background:#6c7a4a;box-shadow:inset 1px 2px #00000059}.card button.ticket-gate{position:relative;width:min(100%,320px);display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:12px 16px;border:3px solid var(--ink);border-radius:4px;background:#8fc7e8;box-shadow:6px 7px 0 var(--ink);color:var(--ink);text-align:left;transform:rotate(.5deg)}.card button.ticket-gate.is-pressed{transform:rotate(.5deg) translate(4px,5px);box-shadow:2px 2px 0 var(--ink)}.ticket-gate-stub{grid-row:1 / span 2;width:46px;height:46px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:#f6c851;box-shadow:3px 3px 0 var(--ink);font-size:24px;font-style:normal;animation:ladder-prize-rattle .9s ease-in-out infinite alternate}.card button.ticket-gate.is-pressed .ticket-gate-stub{animation:none;transform:scale(.9)}.ticket-gate-marquee{display:grid;gap:1px}.ticket-gate-marquee small{font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ticket-gate-marquee strong{font-size:19px;line-height:1;text-transform:uppercase}.ticket-gate-collect{grid-column:2;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.card button.spotlight-continue{min-height:0;margin-top:2px;padding:6px 10px;border:0;border-radius:8px;background:none;box-shadow:none;color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.ladder-reward-reveal{width:min(100%,390px);display:grid;justify-items:center;gap:7px;padding:14px 16px;border:3px solid var(--ink);border-radius:3px;background:#f3d88b;box-shadow:5px 5px 0 var(--ink);transform:rotate(.6deg);animation:ladder-reward-open .32s cubic-bezier(.18,.9,.22,1.18) both}.ladder-reward-reveal>strong{font-size:23px;line-height:1;text-transform:uppercase}.ladder-reward-reveal>small{font-size:12px;line-height:1.35}.ladder-reward-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.ladder-reward-action{--field: #f3d88b;width:104px;display:grid;justify-items:center;gap:4px;padding-top:6px;text-transform:uppercase}.ladder-reward-action>.action-button{--ring-button-w: 66px;--ring-button-h: 58px;position:relative;top:auto;left:auto;transform:none}.ladder-reward-action>.action-button .action-glyph{width:31px;height:31px}.ladder-reward-action>strong{margin-top:7px;font-size:11px;line-height:1}.ladder-reward-action>small{font-size:11px;font-weight:800}.ladder-reward-action>small.is-heavy{padding:3px 5px;border:2px solid var(--ink);background:#a92f45;color:#fff8e9;font-weight:950}.ladder-reward-relation{max-width:104px;font-size:10px;font-style:normal;font-weight:800;line-height:1.28;letter-spacing:.02em;opacity:.74;text-wrap:balance}.ladder-reward-hearts{display:flex;gap:5px;color:#ef5b69;font-size:29px;line-height:1;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.ladder-reward-hearts i{font-style:normal}.ladder-reward-finish{font-size:46px;line-height:1;color:#ef5b69;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}@keyframes ladder-reward-open{0%{opacity:0;transform:translateY(12px) rotate(-2deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(.6deg) scale(1)}}@keyframes ladder-prize-rattle{0%{transform:translate(-5px,-2px) rotate(-8deg)}to{transform:translate(5px,3px) rotate(9deg)}}@media(prefers-reduced-motion:reduce){.ladder-reward-reveal,.ladder-prize-hatch i{animation:none}}.card button.result-share,.online-card button.online-result-share{min-height:38px;padding:6px 18px;border-width:2px;box-shadow:2px 3px 0 var(--ink);font-size:14px}.result-exit-row{width:min(100%,420px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:2px;padding-top:6px;border-top:2px dashed rgba(32,32,56,.22)}.result-exit-row button{margin:4px 0 0!important}.share-result-notice{align-self:center;font-size:11px;letter-spacing:.04em}.result-run{display:grid;gap:2px;margin:10px auto 0;padding:8px 12px;width:min(100%,300px);transform:rotate(-.5deg);border:2px dashed rgba(32,32,56,.4);border-radius:13px 10px 14px 11px}.result-run p{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.result-run small{font-size:9px;color:#202038ad}.result-run__record b{font-size:14px}.result-ladder-set{width:min(100%,330px);display:grid;justify-items:center;gap:4px;margin:11px auto 0;padding:11px 13px;transform:rotate(-.35deg);border:3px solid var(--ink);border-radius:12px 9px 13px 10px;background:#ffe887;box-shadow:3px 4px 0 var(--ink)}.result-ladder-set>span:first-child{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.result-ladder-set>strong{font-size:15px;line-height:1.1}.result-ladder-set small{max-width:250px;font-size:9px;line-height:1.25;opacity:.72}.result-ladder-track{display:flex;gap:6px;margin:4px 0}.result-ladder-track i{width:29px;height:29px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);font-size:10px;font-style:normal}.result-ladder-track i.is-win{background:#a9d96a}.result-ladder-track i.is-loss,.result-ladder-track i.is-stalled{background:#ef8b73}@keyframes drum-strike{0%{transform:scale(.45);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes accuracy-flash{0%{opacity:1}72%{opacity:.82}to{opacity:0}}@keyframes beat-frame-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes action-ready-pop{45%{transform:translate(-50%,-50%) scale(1.1);filter:brightness(1.08)}}@keyframes battle-resolve-shimmer{50%{transform:rotate(45deg) scale(1.35)}}@keyframes enter-top{0%{transform:translateY(-55px);opacity:0}}@keyframes enter-bottom{0%{transform:translateY(55px);opacity:0}}@keyframes impact{0%{opacity:0;transform:scaleY(.2)}40%{opacity:1}to{opacity:0;transform:scaleY(1.2)}}@keyframes neutral-bot-rebound{0%{transform:translateY(-14px)}46%{transform:translate(clamp(44px,7.5vw,92px)) rotate(7deg) scale(1.08)}58%{transform:translate(clamp(40px,7vw,86px)) rotate(-5deg) scale(.94)}to{transform:translate(-18px,-20px) rotate(-8deg) scale(.96)}}@keyframes neutral-player-rebound{0%{transform:translateY(14px)}46%{transform:translate(clamp(-92px,-7.5vw,-44px)) rotate(-7deg) scale(1.08)}58%{transform:translate(clamp(-86px,-7vw,-40px)) rotate(5deg) scale(.94)}to{transform:translate(18px,20px) rotate(8deg) scale(.96)}}@keyframes center-grade-pop{0%{opacity:0;transform:scale(.72) rotate(3deg)}45%{opacity:1;transform:scale(1.12) rotate(-2deg)}to{opacity:.78}}@keyframes off-beat-stamp-pop{0%{opacity:0;transform:scale(.72) rotate(3deg)}45%{opacity:1;transform:scale(1.12) rotate(-2deg)}to{opacity:1}}@keyframes first-input-beat-expand{0%{transform:scale(.97)}55%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes transition-beat-pop{0%{opacity:.5;transform:scale(.78) rotate(2deg)}55%{opacity:1;transform:scale(1.08) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(-1deg)}}@keyframes player-strike{0%{transform:translateY(14px)}52%{transform:translate(-82px,-7px) rotate(-11deg) scale(1.28)}to{transform:translate(-30px,-4px) rotate(-5deg) scale(1.16)}}@keyframes bot-takes-hit{0%{transform:translateY(-14px);opacity:1}58%{transform:translate(-55px,-24px) rotate(-22deg) scale(.58);opacity:.42}to{transform:translate(-38px,-18px) rotate(-17deg) scale(.68);opacity:.55}}@keyframes bot-strike{0%{transform:translateY(-14px)}52%{transform:translate(82px,7px) rotate(11deg) scale(1.28)}to{transform:translate(30px,4px) rotate(5deg) scale(1.16)}}@keyframes player-takes-hit{0%{transform:translateY(14px);opacity:1}58%{transform:translate(55px,24px) rotate(22deg) scale(.58);opacity:.42}to{transform:translate(38px,18px) rotate(17deg) scale(.68);opacity:.55}}@keyframes outcome-stamp{0%{opacity:0;transform:translate(-50%,12px) rotate(4deg) scale(.72)}}@media(max-width:600px){:root{--ring-r: 118px;--ring-button-w: 59px;--ring-button-h: 58px;--ring-pad-top: 14px}.arena-rhythm-center{width:min(220px,70vw);min-height:100px}.drum{width:92px;border-width:4px}.drum-face{top:13px;right:13px;bottom:13px;left:13px}.territory-bot .mascot-row{left:calc(50% - 109px);bottom:2px;transform:scale(.68)}.territory-bot{grid-template-rows:minmax(0,1fr) 44px}.bot-status-row{padding:0 8px 4px}.drum-bot{bottom:0;width:76px;border-width:4px}.player-playfield{width:min(390px,100%)}.player-playfield .mascot-row{right:max(7px,env(safe-area-inset-right));transform:scale(.72)}.player-playfield .mascot-row .mascot-echo{display:none}.action-button{border-radius:14px}.action-button kbd{bottom:-7px;left:-6px;width:19px;height:19px}.action-button .action-glyph{top:50%;left:50%;width:26px;height:26px;transform:translate(-50%,-50%)}.action-button>.charge-badge{top:-10px;right:-7px}.action-button>.action-damage-badge{right:-7px;bottom:-8px;min-height:18px;padding:2px 4px;font-size:9px}.resource-meter{right:8px;min-height:39px;padding:5px 8px}.resource-meter .meter-caption,.resource-meter .pips{display:none}.charge-total .charge-icon{width:22px;height:22px}.charge-total b{font-size:21px}.stage-guidance{top:8px}.match-pause-button{right:8px;left:auto;min-width:38px;min-height:32px;transform:none;padding-inline:7px}.match-pause-button small{display:none}.pause-held-note{top:10px;font-size:8px;letter-spacing:.07em}.pause-card{padding:20px 16px}.setup-rhythm{grid-template-columns:1fr 1fr}}@media(max-width:374px){.player-playfield .mascot-row{display:none}}@media(max-width:360px){.beat-guide{width:calc(100% - 14px)}.beat-steps span{min-height:31px;font-size:9px}:root{--ring-r: 110px;--ring-button-w: 55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.is-revealed .arena-bot,.is-revealed .arena-player{opacity:1}.accuracy-border{animation:none!important;opacity:.75}.timing-ring{transform:scale(1)!important;opacity:.4!important}.timing-ring.is-perfect-window{opacity:.95!important}}