*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#fff;background:#3a6fd8;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.page-volcano{z-index:0;pointer-events:none;opacity:0;will-change:opacity;background:radial-gradient(90% 55% at 50% 110%,#ff4a00 0%,#0000 55%),radial-gradient(70% 40% at 20% 100%,#f20 0%,#0000 50%),radial-gradient(70% 40% at 80% 100%,#c10 0%,#0000 50%),linear-gradient(#1a0508 0%,#4a0a10 35%,#8b1a12 70%,#c43a14 100%);position:fixed;inset:0}.page-volcano:after{content:"";opacity:.7;background-image:radial-gradient(1px 1px at 12% 20%,#ffc8788c 0,#0000 100%),radial-gradient(1px 1px at 28% 55%,#ffa05066 0,#0000 100%),radial-gradient(1.5px 1.5px at 45% 30%,#ffdc8c80 0,#0000 100%),radial-gradient(1px 1px at 62% 70%,#ff8c3c73 0,#0000 100%),radial-gradient(1px 1px at 78% 25%,#ffc86466 0,#0000 100%),radial-gradient(1.5px 1.5px at 90% 60%,#ffb45a80 0,#0000 100%);animation:18s linear infinite ashdrift;position:absolute;inset:0}main{z-index:1;transform-origin:50%;position:relative;transform:scale(1.75)}.timer{text-align:center;margin-bottom:28px}.timer__label{letter-spacing:3px;text-transform:uppercase;opacity:.85;font-size:14px}.timer__value{font-variant-numeric:tabular-nums;text-shadow:4px 4px #00000040;margin-top:6px;font-size:64px;font-weight:800}.stage{background:linear-gradient(#6db3f2 0%,#9ecffb 55%,#bfe3ff 62%);border-radius:12px;width:min(92vw,820px);height:320px;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000059}.stage__volcano{z-index:0;pointer-events:none;opacity:0;will-change:opacity;background:radial-gradient(55% 35% at 72% 58%,#ff5a00bf 0%,#0000 70%),radial-gradient(40% 28% at 72% 52%,#ffdc508c 0%,#0000 65%),linear-gradient(#2a060c 0%,#6b1018 28%,#b82818 52%,#e85a20 70%,#ffb040 88%,#ffd080 100%);position:absolute;inset:0}.stage__volcano:before{content:"";clip-path:polygon(0% 100%,8% 88%,18% 92%,28% 78%,38% 85%,48% 70%,58% 76%,66% 42%,70% 48%,72% 48%,74% 48%,78% 40%,88% 72%,94% 80%,100% 76%,100% 100%);background:radial-gradient(18% 55% at 72% 100%,#ff6a00 0%,#f20 35%,#0000 70%),linear-gradient(175deg,#0000 40%,#1a0a08 40.5%),#1c0c0a linear-gradient(185deg,#0000 48%,#120806 48.5%);height:42%;position:absolute;bottom:38%;left:0;right:0;box-shadow:0 -8px 24px #ff3c0073}.stage__volcano:after{content:"";filter:blur(2px);transform-origin:bottom;background:radial-gradient(70% 40% at 50% 100%,#ffc828f2 0%,#0000 70%),radial-gradient(90% 70% at 50% 80%,#ff5000b3 0%,#0000 75%),radial-gradient(120% 100% at 50% 40%,#2814148c 0%,#0000 70%);width:18%;height:48%;animation:2.4s ease-in-out infinite eruptpulse;position:absolute;bottom:55%;left:64%}.stage__ash{opacity:.85;mix-blend-mode:screen;background-image:radial-gradient(1.5px 1.5px at 10% 15%,#ffd28cd9 0,#0000 100%),radial-gradient(1px 1px at 22% 40%,#ffa050b3 0,#0000 100%),radial-gradient(2px 2px at 35% 22%,#ffe6a0cc 0,#0000 100%),radial-gradient(1px 1px at 48% 55%,#c85028a6 0,#0000 100%),radial-gradient(1.5px 1.5px at 60% 18%,#ffc864bf 0,#0000 100%),radial-gradient(1px 1px at 72% 45%,#ff8c3cb3 0,#0000 100%),radial-gradient(2px 2px at 85% 30%,#ffdc78cc 0,#0000 100%),radial-gradient(1px 1px at 93% 60%,#b43c1e99 0,#0000 100%);animation:14s linear infinite ashdrift;position:absolute;inset:0}@keyframes ashdrift{0%{transform:translateY(8%)translate(0)}to{transform:translateY(-12%)translate(3%)}}@keyframes eruptpulse{0%,to{opacity:.75;transform:scaleY(1)scaleX(1)}50%{opacity:1;transform:scaleY(1.12)scaleX(1.06)}}.stage>.deco,.stage>.ground,.stage>.block,.stage>.star,.stage>.mario__shadow,.stage>.mario,.stage>.runner,.stage>.runner__shadow,.stage>.bullet,.stage>.castle{z-index:1}.ground{background-color:#d2852c;background-image:repeating-linear-gradient(90deg,#00000047 0 3px,#0000 3px 32px),repeating-linear-gradient(0deg,#00000029 0 3px,#0000 3px 16px);background-repeat:repeat;background-size:32px 100%;height:38%;position:absolute;bottom:0;left:0;right:0}.ground:before{content:"";background:linear-gradient(#7ce85f 0 35%,#3fbf4a 35% 100%);height:10px;position:absolute;top:-10px;left:0;right:0;box-shadow:0 2px #0003}.deco{pointer-events:none;will-change:transform;position:absolute}.deco--hill{background:#3aa64a;border-radius:90px 90px 0 0;width:150px;height:74px;bottom:38%;box-shadow:inset -10px -8px #2f8b3d}.deco--cloud{opacity:.95;background:#fff;border-radius:26px;width:74px;height:26px;box-shadow:20px -12px #fff,42px -4px #fff,-18px -8px #fff}.deco--bush{background:#3fbf4a;border-radius:30px;width:70px;height:26px;bottom:38%;box-shadow:26px -12px #3fbf4a,52px 0 #3fbf4a}.block{will-change:transform;width:46px;height:46px;margin-bottom:58px;position:absolute;bottom:38%;left:0}.block__box{background:#f4a900;border:3px solid #000;border-radius:4px;width:100%;height:100%;position:relative;box-shadow:inset 0 0 0 3px #ffd34d,inset 0 -10px #c47e00}.block__box:after{content:"?";color:#fff;text-shadow:2px 2px #7a4a00;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex;position:absolute;inset:0}.block:not(.block--hit) .block__box{animation:1.2s ease-in-out infinite qpulse}@keyframes qpulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}.block--hit .block__box{background:#8a6a3a;animation:none;box-shadow:inset 0 0 0 3px #a07f4d,inset 0 -10px #5e4525}.block--hit .block__box:after{content:""}.block--bump .block__box{animation:.26s bump}@keyframes bump{0%{transform:translateY(0)}40%{transform:translateY(-14px)}to{transform:translateY(0)}}.star{pointer-events:none;transform-origin:50%;will-change:transform;filter:drop-shadow(0 0 8px #ffe259);width:38px;height:38px;position:absolute}.star__sprite{text-align:center;font-size:38px;line-height:38px;animation:.7s linear infinite starspin;display:block}@keyframes starspin{to{transform:rotate(360deg)}}.mario{will-change:transform;width:36px;height:45px;position:absolute;bottom:38%;left:0}.char__name{letter-spacing:1px;color:#fff;text-shadow:1px 1px #0000008c;white-space:nowrap;pointer-events:none;font-size:9px;font-weight:800;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.mario__shadow{will-change:transform, opacity;background:#00000040;border-radius:50%;width:40px;height:10px;position:absolute;bottom:calc(38% - 8px);left:0}.bullet{will-change:transform, opacity;filter:drop-shadow(2px 3px #00000059);width:60px;height:48px;position:absolute;bottom:calc(38% + 28px);left:0}.runner{will-change:transform, opacity;width:48px;height:48px;position:absolute;bottom:38%;left:0}.runner__shadow{will-change:transform, opacity;background:#00000040;border-radius:50%;width:40px;height:10px;position:absolute;bottom:calc(38% - 8px);left:0}.castle{will-change:transform, opacity;width:104px;height:104px;display:none;position:absolute;bottom:38%;left:0}.castle__pole{background:#4a4a4a;width:3px;height:42px;position:absolute;bottom:100%;left:50px}.castle__flag{clip-path:polygon(0 0,100% 50%,0 100%);opacity:0;transform-origin:0;will-change:transform;background:#e52521;width:20px;height:14px;position:absolute;bottom:calc(100% + 28px);left:53px}.castle__rubble{pointer-events:none;display:none;position:absolute;inset:0}.castle--broken .castle__sprite,.castle--broken .castle__pole,.castle--broken .castle__flag{display:none}.castle--broken .castle__rubble{display:block}.castle--broken .castle__rubble:before,.castle--broken .castle__rubble:after{content:"";background:#9a9a9a;position:absolute;box-shadow:12px -8px #7a7a7a,-10px 6px #b0b0b0,22px 10px #5a5a5a,-18px -4px #8a8a8a,4px 18px #6a6a6a}.castle--broken .castle__rubble:before{width:28px;height:22px;animation:.7s ease-out forwards rubble-a;bottom:8px;left:18px;transform:rotate(-18deg)}.castle--broken .castle__rubble:after{background:#8a8a8a;width:34px;height:18px;animation:.75s ease-out forwards rubble-b;bottom:4px;right:14px;transform:rotate(14deg)}@keyframes rubble-a{0%{opacity:1;transform:translate(0)rotate(-18deg)}to{opacity:.2;transform:translate(-36px,40px)rotate(-48deg)}}@keyframes rubble-b{0%{opacity:1;transform:translate(0)rotate(14deg)}to{opacity:.2;transform:translate(42px,36px)rotate(52deg)}}