: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 auto auto;align-content:center;gap:.35rem}.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;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)}.difficulty-selector{border:0;width:min(100% - 1rem,32rem);margin:0 auto;padding:0}.difficulty-selector legend{color:#2b2925c7;text-align:center;width:100%;margin-bottom:.25rem;font-size:.72rem;font-weight:950}.difficulty-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.difficulty-option{color:#342519;text-align:center;background:#fffaf0e0;border:.12rem solid #926436;border-radius:.65rem;place-content:center;gap:.08rem;min-width:0;min-height:4rem;padding:.4rem .25rem;display:grid;box-shadow:0 .14rem #53371b47}.difficulty-option span,.difficulty-option small{color:#432d1bbd;font-size:clamp(.55rem,2.5vw,.67rem);line-height:1.15}.difficulty-option strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(.66rem,3vw,.82rem);line-height:1.15}.difficulty-option.is-selected{color:#fffaf0;background:#d8523f;border-color:#883123;box-shadow:0 .18rem #883123}.difficulty-option.is-selected span,.difficulty-option.is-selected small{color:#fffaf0d1}@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;width:min(100% - 1rem,32rem);margin:0 auto;font-size:.7rem}.play-screen{grid-template-rows:auto auto minmax(18rem,1fr) auto auto;gap:.7rem}.play-screen>*{min-width:0}.hud{background:#2b2925;border:.12rem solid #5e412d;border-radius:.72rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;min-height:clamp(4rem,14vw,5rem);padding:0;display:grid;overflow:hidden;box-shadow:0 .2rem #2b29252e}.hud p{text-align:center;align-content:center;justify-items:center;gap:.28rem;min-width:0;min-height:clamp(4rem,14vw,5rem);margin:0;padding:.55rem .25rem;display:grid}.hud p+p{border-left:1px solid #fffaf03d}.hud span{color:#e9c77a;letter-spacing:.04em;font-size:clamp(.58rem,2.3vw,.75rem);font-weight:900;line-height:1.1}.hud strong{color:#fffaf0;letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-family:Courier New,monospace;font-size:clamp(1.1rem,4.6vw,1.6rem);font-weight:950;line-height:1.05}.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;top:50%;left:var(--hit-x,50%);pointer-events:none;opacity:0;width:min(74%,18rem);height:auto;position:absolute;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;grid-template-columns:repeat(var(--lane-count,1), minmax(0, 1fr));border-inline:2px dashed #2b29253d;display:grid;position:absolute;inset:0 10%}.lane-lines:before{content:"";background:repeating-linear-gradient(to right, transparent 0, transparent calc((100% / var(--lane-count,1)) - 1px), #2b292524 calc((100% / var(--lane-count,1)) - 1px), #2b292524 calc(100% / var(--lane-count,1)));grid-column:1/-1}.rhythm-note{--note-y:-20;z-index:4;top:calc(var(--note-y) * 1%);left:var(--lane-x,50%);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;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;bottom:12%;left:var(--lane-x,50%);background:#fff9df;border:.3rem solid #257da4;border-radius:50%;width:3.25rem;height:3.25rem;position:absolute;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}.lane-controls{grid-template-columns:repeat(var(--lane-count), minmax(0, 1fr));gap:.45rem;width:100%;display:grid}.lane-button{color:#2b2925;touch-action:manipulation;background:#f3cb66;border:.18rem solid #6f491b;border-radius:.8rem;place-items:center;gap:.18rem;min-width:0;min-height:clamp(3.5rem,12vw,5rem);padding:.45rem .25rem;display:grid;box-shadow:0 .22rem #6f491b}.lane-button span{font-size:clamp(.88rem,4vw,1.25rem);font-weight:950;line-height:1}.lane-button small,.lane-keyboard-note{color:#2b2925c7;text-align:center;font-size:clamp(.55rem,2.5vw,.7rem);font-weight:800;line-height:1.15}.lane-keyboard-note{margin:-.25rem 0 0}.lane-button.is-hit{transform:translateY(.12rem)scale(.98);box-shadow:0 .08rem #6f491b}.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:clamp(16.25rem,62.2vw,22rem);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(3.5rem,20vw,7rem);font-weight:950;line-height:.9}.result-title{color:var(--rhythm-secondary);letter-spacing:.08em;margin:0 0 25px;font-size:clamp(.9rem,3.7vw,1.2rem);font-weight:950;line-height:1.15}.result-stats{background:#2b2925;border:.12rem solid #5e412d;border-radius:.72rem;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:0;width:min(100%,clamp(17rem,60vw,21rem));max-width:100%;margin:0;padding:0;display:grid;overflow:hidden;box-shadow:0 .2rem #2b29252e}.result-stat{text-align:center;background:0 0;border:0;border-radius:0;place-content:center;gap:.28rem;min-width:0;min-height:clamp(4rem,14vw,5rem);padding:.55rem .25rem;display:grid}.result-stat+.result-stat{border-left:1px solid #fffaf03d}.result-stats dt{color:#e9c77a;letter-spacing:.04em;overflow-wrap:anywhere;font-size:clamp(.58rem,2.3vw,.75rem);font-weight:900;line-height:1.1}.result-stats dd{color:#fffaf0;letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:0;font-family:Courier New,monospace;font-size:clamp(1.1rem,4.6vw,1.6rem);font-weight:950;line-height:1.05}.result-actions{gap:.65rem;display:grid}.mode-change-button{color:#614326;background:#fffaf0e6;border:.12rem dashed #94673d;border-radius:999px;justify-self:center;min-height:2.75rem;padding:.55rem 1rem}.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){.rhythm-shell{width:min(calc(100vw - 2rem), var(--game-ui-shell-width))}.screen{min-height:min(48rem,100dvh - 4rem)}}