@font-face{font-family:Bungee Shade;font-display:swap;src:url(../fonts/bungee-shade-latin.woff2)format("woff2")}@font-face{font-family:"Press Start 2P";font-display:swap;src:url(../fonts/press-start-2p-latin.woff2)format("woff2")}@font-face{font-family:Squada One;font-display:swap;src:url(../fonts/squada-one-latin.woff2)format("woff2")}html,body,#mania{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;color:#fff;background:#a2c3e7;margin:0;font-family:Squada One,Arial Narrow,sans-serif;position:fixed;inset:0;overflow:hidden}.hidden{display:none!important}.fa{font-family:FA Solid;font-style:normal;font-weight:900}#probe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;top:0;left:0}#stage{transform-origin:50% 60%;will-change:transform;position:fixed;inset:-24px}#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#stage.dying{filter:grayscale();transition:filter .8s}body.playing #stage{cursor:none}#frame{top:0;bottom:0;left:calc(var(--fl) + 24px);width:var(--pw);pointer-events:none;border-left:2px solid #fff;border-right:2px solid #fff;display:none;position:absolute;box-shadow:0 0 0 100vmax #00000059,2px 2px 4px #000}h1,.title-h1{color:#fff;text-shadow:2px 2px 8px #f70e0e;margin:0;font-family:Bungee Shade,Impact,sans-serif;font-weight:400}h2{text-shadow:2px 2px 8px #f70e0e;margin:12px 0;font-family:"Press Start 2P",monospace;font-weight:400}h3{margin:4px 0;font-family:Squada One,Arial Narrow,sans-serif;font-weight:400}p{margin:6px 0}.panel{background:#c99c6d89;border:.1rem solid #fff;box-shadow:2px 2px 4px #000}.card{color:#212529;background:#fffafa87;border-radius:6px}.btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#dc3545;border:2px solid #dc3545;border-radius:4px;min-width:44px;min-height:48px;margin:6px;padding:8px 22px;font:22px Squada One,Arial Narrow,sans-serif;display:inline-block}.btn:active{background:#c82333;border-color:#c82333}.btn:disabled{opacity:.75;cursor:default}.btn-outline{background:#00000059;border-color:#fff}.btn:focus:not(:focus-visible){outline:none}.pulse:not(:disabled){animation:.4s infinite alternate pulse}@keyframes pulse{0%{transform:scale(.98)}to{transform:scale(1.02)}}.bowser{filter:drop-shadow(5px 5px 5px #650e0e);max-width:40%;max-height:28vh;animation:10s infinite anim}@keyframes anim{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.mario-clap{filter:drop-shadow(0 0 30px #fff);background:50%/contain no-repeat;width:min(40vh,70%);height:30vh;margin:0 auto;animation:.2s infinite alternate shrink}@keyframes shrink{0%{transform:scale(.98)}to{transform:scale(1.02)}}a,.link{color:#fff}.screen{z-index:10;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);text-align:center;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scroll{touch-action:pan-y;box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;max-width:560px;max-height:100%;padding:12px 16px;overflow-y:auto}#title .scroll{max-width:640px}.title-h1{margin-top:8px;font-size:34px;line-height:1.1}.stamp{background:linear-gradient(90deg,#ff2a2a,#ffa62b,#ffe14d,#5cff5c,#3dd6ff,#b44dff,#ff2fa0,#ff2a2a) 0 0/200% 100%;color:#0000;filter:drop-shadow(2px 2px #3a0a0a);-webkit-background-clip:text;background-clip:text;margin:-6px 0 2px;font:72px/1 Bungee Shade,Impact,sans-serif;animation:.35s ease-out slam,.5s .35s infinite alternate wobble,3s linear infinite rainbow;display:inline-block;transform:rotate(-7deg)}@keyframes slam{0%{opacity:0;transform:rotate(-7deg)scale(3)}to{opacity:1;transform:rotate(-7deg)scale(1)}}@keyframes wobble{0%{transform:rotate(-7deg)scale(1)}to{transform:rotate(-4deg)scale(1.06)}}@keyframes rainbow{0%{background-position:0 0}to{background-position:200% 0}}.title-h2{font-size:12px;line-height:1.6}.legend{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.legend .card{flex-direction:column;align-items:center;padding:6px 4px;display:flex}.legend img{object-fit:contain;width:40px;height:40px}.legend b{color:#212529;font-size:18px;font-weight:400}.legend span{font-size:14px}.rules{color:#212529;text-shadow:none;padding:6px 12px;font-size:17px}.rules b{color:#000}.best{text-shadow:2px 2px 4px #000;font-family:"Press Start 2P",monospace;font-size:11px}.footer{text-shadow:1px 1px 3px #000;font-size:15px}@media (pointer:coarse){.fine-only{display:none}}@media (pointer:fine){.touch-only{display:none}}@media (min-width:768px){.title-h1{font-size:64px}.stamp{font-size:140px}.title-h2{font-size:16px}.legend{grid-template-columns:repeat(4,1fr)}}#hud{top:0;left:var(--fl);width:var(--pw);z-index:5;pointer-events:none;padding-top:calc(env(safe-area-inset-top) + 6px);box-sizing:border-box;position:fixed}.row1{justify-content:space-between;align-items:flex-start;padding:0 6px;display:flex}#lives{gap:1px;min-width:88px;padding-top:4px;display:flex}#lives img{object-fit:contain;filter:drop-shadow(1px 1px 1px #000);width:22px;height:22px}#lives img.lost{animation:.6s ease-out forwards lifeLost}@keyframes lifeLost{to{opacity:0;transform:translate(-20px,-30px)rotate(360deg)}}.scorebox{text-align:center;flex:1}#score{text-shadow:2px 2px 8px #f70e0e;font:18px "Press Start 2P",monospace}#hud.mania #score{animation:.6s linear infinite scoreHue}@keyframes scoreHue{0%{text-shadow:2px 2px 8px #ff2a2a}33%{text-shadow:2px 2px 8px #ffe14d}66%{text-shadow:2px 2px 8px #3dd6ff}to{text-shadow:2px 2px 8px #ff2a2a}}#sub{text-shadow:1px 1px 2px #000;margin-top:2px;font-size:13px}.hudbtns{justify-content:flex-end;gap:4px;min-width:88px;display:flex}.iconbtn{pointer-events:auto;color:#fff;cursor:pointer;touch-action:manipulation;background:#00000059;border:0;border-radius:50%;width:44px;height:44px;padding:0;font-size:18px}#strip{background:#c99c6d8c;border-radius:20px;justify-content:center;align-items:center;gap:2px;margin:6px 6px 0;padding:3px 6px;display:flex}#strip-icons{gap:2px;display:flex}#strip-icons img{width:calc(min(22px, (var(--pw) - 70px) / 15 - 2px));height:calc(min(22px, (var(--pw) - 70px) / 15 - 2px));object-fit:contain;filter:grayscale()brightness(.6);opacity:.45}#strip-icons img.got{filter:none;opacity:1}#strip-count{text-shadow:1px 1px 2px #000;min-width:36px;margin-left:4px;font:10px "Press Start 2P",monospace}#combo{text-align:center;margin-top:8px}#combo-text{text-shadow:2px 2px #3a0a0a;font:12px "Press Start 2P",monospace}.combo-bar{background:#00000059;width:80px;height:4px;margin:4px auto 0}#combo-fill{transform-origin:0;background:#fff;height:100%}#maniabar{text-align:center;margin-top:8px}#mania-label{text-shadow:2px 2px #3a0a0a;font:12px "Press Start 2P",monospace}.mania-track{background:#00000059;height:6px;margin:4px 10px 0}#mania-fill{transform-origin:0;background:linear-gradient(90deg,#ff2a2a,#ffa62b,#ffe14d,#5cff5c,#3dd6ff,#b44dff,#ff2fa0);height:100%}#maniabar.blink{animation:.33s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.3}}@media (min-width:768px){#score{font-size:26px}}#ready{z-index:8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ready-text{text-shadow:2px 2px 8px #f70e0e,0 0 4px #000;font:24px "Press Start 2P",monospace}#pause{z-index:12;background:#0009}#pause .scroll>.btn{min-width:200px;margin:10px auto;display:block}.bigscore{text-shadow:2px 2px 8px #f70e0e;margin:8px 0;font:22px "Press Start 2P",monospace}#over{z-index:11;background:#00000073}.over-h3{color:#fff;text-shadow:0 0 2px #000,0 0 6px #000;font-size:22px}.over-h2{min-height:30px;margin:4px 0 8px;font-size:26px}.over-h2 span{animation:.25s ease-out backwards dropIn;display:inline-block}@keyframes dropIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}#over-line{text-shadow:0 0 2px #000,0 0 6px #000;font-size:20px}.rank{color:gold;text-shadow:0 0 2px #000,0 0 6px #000;font-size:22px}.stats,.tip{text-shadow:0 0 2px #000,0 0 6px #000;font-size:15px}#rotate{z-index:20;background:#000c}#rotate img{width:90px;margin:20px;transform:rotate(90deg)}#rotate p{font-size:22px}#debug{left:4px;bottom:calc(env(safe-area-inset-bottom) + 4px);z-index:30;pointer-events:none;color:#0f0;background:#0009;padding:2px 4px;font:10px monospace;position:fixed}@media (prefers-reduced-motion:reduce){.pulse:not(:disabled),.stamp,.bowser,.mario-clap,#hud.mania #score,#maniabar.blink{animation:none}.stamp{transform:rotate(-7deg)}}a.btn{box-sizing:border-box;line-height:28px;text-decoration:none}#pause .scroll>a.btn{max-width:200px;margin:10px auto;display:block}.home-btn{z-index:11;top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px);color:#fff;touch-action:manipulation;background:#dc3545;border-radius:22px;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px;font:18px Squada One,Arial Narrow,sans-serif;text-decoration:none;display:flex;position:fixed;box-shadow:2px 2px 4px #0009}@media (max-width:575.98px){.home-btn span{display:none}.home-btn{justify-content:center;padding:0}}