:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--game-ui-shell-width:30rem;--game-ui-space-1:.25rem;--game-ui-space-2:.5rem;--game-ui-space-3:.75rem;--game-ui-space-4:1rem;--game-ui-space-6:1.5rem;--game-ui-space-8:2rem;--game-ui-radius-sm:.5rem;--game-ui-radius-md:1rem;--game-ui-focus-color:currentColor;--game-ui-toast-bg:CanvasText;--game-ui-toast-text:Canvas}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:20rem;min-height:100%}body{min-height:100dvh;margin:0;overflow-x:hidden}button,a,input,select,textarea,.tap-target{min-width:2.75rem;min-height:2.75rem}button,a{touch-action:manipulation}:focus-visible{outline:.1875rem solid var(--game-ui-focus-color);outline-offset:.1875rem}.game-shell{width:min(100%, var(--game-ui-shell-width));min-height:100dvh;padding:max(var(--game-ui-space-4), env(safe-area-inset-top)) max(var(--game-ui-space-4), env(safe-area-inset-right)) max(var(--game-ui-space-4), env(safe-area-inset-bottom)) max(var(--game-ui-space-4), env(safe-area-inset-left));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-toast{z-index:100;right:max(var(--game-ui-space-4), env(safe-area-inset-right));bottom:max(var(--game-ui-space-4), env(safe-area-inset-bottom));left:max(var(--game-ui-space-4), env(safe-area-inset-left));width:fit-content;max-width:min(28rem,100% - 2rem);padding:var(--game-ui-space-3) var(--game-ui-space-4);color:var(--game-ui-toast-text);background:var(--game-ui-toast-bg);border-radius:var(--game-ui-radius-sm);margin-inline:auto;position:fixed;box-shadow:0 .5rem 1.5rem #0003}@media (width>=48rem){body{place-items:center;display:grid}.game-shell{min-height:min(50rem,100dvh - 2rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:var(--rhythm-text,#2b2925);background:var(--rhythm-bg,#f5ead2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--game-ui-shell-width:32rem;--game-ui-focus-color:#d8523f;--game-ui-toast-bg:#2b2925;--game-ui-toast-text:#fffaf0;font-family:Hiragino Maru Gothic ProN,Yu Gothic,sans-serif}body{background-color:var(--rhythm-bg);background-image:url(/images/ui/page-doodles.png),radial-gradient(circle at 10% 0,#ffffffd1,#0000 35%);background-position:50%;background-repeat:no-repeat;background-size:cover}button,a{color:inherit;font:inherit;letter-spacing:.04em;font-weight:800}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.rhythm-shell{background-color:#fffaf0b8;background-image:url(/images/ui/shell-frame.png);background-position:top;background-repeat:repeat-y;background-size:100%;border-inline:1px solid #2b292540;position:relative;overflow:hidden;box-shadow:0 0 3rem #563b1c24}.screen{z-index:1;min-height:calc(100dvh - max(1rem, env(safe-area-inset-top)) - max(1rem, env(safe-area-inset-bottom)));display:grid;position:relative}.campaign-header{justify-content:flex-end;display:flex}.campaign-header--ready{z-index:1;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:start;margin-top:clamp(-.8rem,-2vw,-.4rem);display:grid;position:relative}.campaign-header--ready h1{grid-column:2;width:100%;max-width:22rem;margin:0}.campaign-header--ready .icon-button{grid-column:3}.icon-button{background:0 0;place-items:center;width:3rem;min-height:3rem;padding:0;display:grid}.icon-button img{aspect-ratio:1;width:100%;height:auto;display:block}.ready-screen{grid-template-rows:auto auto;align-content:center;gap:0}.campaign-header--ready h1 img,.instruction-image,.image-button img{width:100%;height:auto;display:block}.mikke-portrait{filter:drop-shadow(.25rem .35rem #2b292538);width:min(64vw,17rem);height:auto}.ready-card{z-index:0;aspect-ratio:4/5;background-image:url(/images/ui/ready-card-panel.png);background-position:50%;background-repeat:no-repeat;background-size:contain;grid-template-rows:minmax(0,1fr) auto auto auto;align-content:stretch;place-self:center;gap:.5rem;width:100%;max-width:32rem;margin-top:clamp(-1.5rem,-4vw,-.75rem);padding:10% 13% 12%;display:grid;position:relative}.instruction-image{max-width:25rem;margin-inline:auto}.ready-card .mikke-portrait{place-self:center;width:clamp(8rem,45vw,13rem)}@media (width>=34rem){.ready-card .mikke-portrait{width:min(50vw,16rem)}}.image-button{background:0 0;width:100%;padding:0;display:block}.start-button,.retry-button{justify-self:center;max-width:23rem}.keyboard-note{color:#2b2925b8;text-align:center;margin:0;font-size:.7rem}.play-screen{grid-template-rows:auto auto minmax(18rem,1fr) auto auto;gap:.7rem}.play-screen>*{min-width:0}.hud{aspect-ratio:1200/387;background-image:url(/images/ui/hud-panel.png);background-position:50%;background-repeat:no-repeat;background-size:contain;grid-template-columns:repeat(3,1fr);align-items:center;gap:0;padding:5% 6%;display:grid}.hud p{text-align:center;align-content:center;justify-items:center;gap:.1rem;margin:0;padding:0;display:grid}.hud span{color:#2b29259c;letter-spacing:.05em;font-size:clamp(.75rem,3.2vw,.9rem)}.hud strong{font-size:clamp(1.35rem,6vw,1.8rem)}.note-highway{--hit-color:transparent;box-sizing:border-box;cursor:pointer;border:2px solid var(--rhythm-text);outline-offset:-.35rem;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#fffaf0db;background-image:url(/images/ui/note-highway.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.75rem;width:100%;min-width:0;max-width:100%;min-height:18rem;position:relative;overflow:hidden;box-shadow:.2rem .24rem #2b292540}.hit-burst{z-index:6;pointer-events:none;opacity:0;width:min(74%,18rem);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.55)rotate(-14deg)}.note-highway.is-hit-perfect .hit-burst{filter:drop-shadow(0 0 .35rem #f3b632)}.note-highway.is-hit-great .hit-burst{filter:drop-shadow(0 0 .35rem #3d9dc5)hue-rotate(38deg)}.note-highway.is-hit-good .hit-burst{filter:drop-shadow(0 0 .35rem #e3818e)hue-rotate(290deg)}.note-highway.is-hit .hit-burst{animation:.42s cubic-bezier(.2,.85,.32,1) both hit-burst}.play-mikke{z-index:0;opacity:1;width:11rem;height:auto;position:absolute;bottom:-3.3rem;right:-1.75rem;transform:rotate(-8deg)}.lane-lines{z-index:1;border-inline:2px dashed #2b29253d;position:absolute;inset:0 17%}.lane-lines:before,.lane-lines:after{content:"";background:#2b292524;width:1px;position:absolute;top:0;bottom:0}.lane-lines:before{left:33.333%}.lane-lines:after{right:33.333%}.rhythm-note{--note-y:-20;z-index:4;top:calc(var(--note-y) * 1%);width:3.25rem;height:3.25rem;color:var(--rhythm-text);border:2px solid var(--rhythm-text);background:#f3cb66;border-radius:50% 48% 52%;place-items:center;font-family:system-ui,sans-serif;font-size:2.3rem;line-height:1;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%)rotate(-10deg);box-shadow:.16rem .18rem #2b29253d}.rhythm-note:before{content:"🐾";filter:sepia(.22)saturate(1.25)}.rhythm-note.is-perfect,.rhythm-note.is-great,.rhythm-note.is-good,.rhythm-note.is-miss{opacity:0}.hit-line{z-index:3;background:#fff9df;border:.3rem solid #257da4;border-radius:50%;width:3.25rem;height:3.25rem;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 0 0 .14rem #2b2925,.18rem .22rem #2b292552}.hit-line:before{color:#257da4;content:"🐾";font-size:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hit-line:after{content:"";background:#2b2925;border-radius:999px;width:1.35rem;height:.45rem;position:absolute;bottom:-.5rem;right:-1.05rem;transform:rotate(44deg);box-shadow:.08rem .08rem #2b292542}.judgement,.pause-overlay{z-index:7;text-align:center;letter-spacing:.04em;pointer-events:none;margin:0;font-weight:950;position:absolute;inset:43% 0 auto}.judgement{place-items:center;display:grid}.judgement img{pointer-events:none;width:min(62%,18rem);max-width:100%;height:auto;display:block}.judgement img[hidden]{display:none}.note-highway.is-hit .judgement img:not([hidden]){animation:.33s cubic-bezier(.2,.85,.32,1) both judgement-pop}.judgement[data-rank=perfect] img{filter:drop-shadow(0 .12rem #f3b632)}.judgement[data-rank=great] img{filter:drop-shadow(0 .12rem #3d9dc5)}.judgement[data-rank=good] img,.judgement[data-rank=miss] img{filter:drop-shadow(0 .12rem #e3818e)}.pause-overlay{color:#fffaf0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b2925d6;place-items:center;font-family:Courier New,monospace;font-size:1.45rem;display:grid;inset:0}.progress-track{background:#2b292529;border:1px solid #2b29255e;border-radius:999px;height:.42rem;overflow:hidden}.progress-track span{background:var(--rhythm-secondary);width:0;height:100%;display:block}.tap-button{justify-self:center;max-width:25rem}.result-screen{grid-template-rows:auto 1fr auto;gap:1rem}.result-card{aspect-ratio:4/5;text-align:center;background-image:url(/images/ui/ready-card-panel.png);background-position:50%;background-repeat:no-repeat;background-size:contain;grid-template-columns:minmax(0,1fr);place-content:center;place-self:center;justify-items:center;width:100%;max-width:32rem;padding:10% 14% 12%;display:grid}.result-kicker{width:min(62.2vw,16.25rem);max-width:100%;margin:0 auto}.result-kicker img{width:100%;height:auto;display:block}.result-card h1{letter-spacing:-.08em;margin:20px 0;font-family:Courier New,monospace;font-size:clamp(3rem,19.14vw,5rem);line-height:.9}.result-title{color:var(--rhythm-secondary);letter-spacing:.08em;margin:0 0 25px;font-size:.82rem;font-weight:900}.result-stats{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:clamp(.25rem,1.5vw,.5rem);width:min(100%,17rem);max-width:100%;margin:0;padding:0;display:grid}.result-stat{aspect-ratio:1;text-align:center;background:0 0;border:.16rem solid #9c633c;border-radius:50%;place-content:center;gap:.2rem;min-width:0;padding:.25rem;display:grid}.result-stat-score{border-color:#ce745f}.result-stat-combo{border-color:#4b9ebb}.result-stat-best{border-color:#c38a35}.result-stats dt{color:#2b29259e;letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(.49rem,2.3vw,.62rem);font-weight:800}.result-stats dd{margin:0;font-size:clamp(.76rem,3.4vw,1rem);font-weight:950}.result-actions{gap:.65rem;display:grid}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.share-action{color:#fff;background:#242424;border:1px solid #00000038;border-radius:.55rem;justify-content:center;align-items:center;min-width:0;min-height:3rem;padding:.45rem;font-size:clamp(.6rem,3vw,.78rem);line-height:1.2;display:flex}.share-action span{min-width:0}.share-icon{flex:none;width:1.7rem;height:1.7rem;margin-right:.35rem}.share-action-x{background:#000;grid-column:1/-1}.share-action-threads{background:#242424}.share-action-line{background:#06c755}.share-action-line .share-icon{width:2.5rem;height:2.5rem}.share-action-native{background:#2776c9}.share-action-copy{background:#b75c2a}.share-feedback{color:#2b2925cc;text-align:center;min-height:1.25em;margin:0;font-size:.72rem}.stream-link{min-height:2.8rem;color:var(--rhythm-secondary);place-items:center;text-decoration:none;display:grid}@keyframes hit-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-18deg)}28%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)rotate(22deg)}}@keyframes judgement-pop{0%{opacity:0;transform:scale(.7)rotate(-5deg)}55%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.note-highway.is-hit .hit-burst,.note-highway.is-hit .judgement img{animation:none}}@media (width>=48rem){.screen{min-height:min(48rem,100dvh - 4rem)}}