*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#3a6fd8;color:#fff;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}main{transform:scale(1.75);transform-origin:center center}.timer{text-align:center;margin-bottom:28px}.timer__label{font-size:14px;letter-spacing:3px;text-transform:uppercase;opacity:.85}.timer__value{font-size:64px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:4px 4px 0 #00000040;margin-top:6px}.stage{position:relative;width:min(92vw,820px);height:320px;background:linear-gradient(#6db3f2,#9ecffb 55%,#bfe3ff 62%);border-radius:12px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.35)}.ground{bottom:0;height:38%;background-color:#d2852c;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 3px,transparent 3px 32px),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 3px,transparent 3px 16px);background-size:32px 100%;background-repeat:repeat}.ground,.ground:before{position:absolute;left:0;right:0}.ground:before{content:"";top:-10px;height:10px;background:linear-gradient(#7ce85f 0 35%,#3fbf4a 35% 100%);box-shadow:0 2px 0 rgba(0,0,0,.2)}.deco{position:absolute;pointer-events:none;will-change:transform}.deco--hill{bottom:38%;width:150px;height:74px;background:#3aa64a;border-radius:90px 90px 0 0;box-shadow:inset -10px -8px 0 0 #2f8b3d}.deco--cloud{width:74px;height:26px;background:#fff;border-radius:26px;box-shadow:20px -12px 0 0 #fff,42px -4px 0 0 #fff,-18px -8px 0 0 #fff;opacity:.95}.deco--bush{bottom:38%;width:70px;height:26px;background:#3fbf4a;border-radius:30px;box-shadow:26px -12px 0 0 #3fbf4a,52px 0 0 0 #3fbf4a}.block{position:absolute;left:0;bottom:38%;width:46px;height:46px;margin-bottom:58px;will-change:transform}.block__box{width:100%;height:100%;background:#f4a900;border:3px solid #000;border-radius:4px;box-shadow:inset 0 0 0 3px #ffd34d,inset 0 -10px 0 0 #c47e00;position:relative}.block__box:after{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;color:#fff;text-shadow:2px 2px 0 #7a4a00}.block:not(.block--hit) .block__box{animation:qpulse 1.2s ease-in-out infinite}@keyframes qpulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.block--hit .block__box{background:#8a6a3a;box-shadow:inset 0 0 0 3px #a07f4d,inset 0 -10px 0 0 #5e4525;animation:none}.block--hit .block__box:after{content:""}.block--bump .block__box{animation:bump .26s ease}@keyframes bump{0%{transform:translateY(0)}40%{transform:translateY(-14px)}to{transform:translateY(0)}}.star{position:absolute;width:38px;height:38px;pointer-events:none;transform-origin:center;will-change:transform;filter:drop-shadow(0 0 8px #ffe259)}.star__sprite{display:block;font-size:38px;line-height:38px;text-align:center;animation:starspin .7s linear infinite}@keyframes starspin{to{transform:rotate(1turn)}}.mario{position:absolute;left:0;bottom:38%;width:36px;height:45px;will-change:transform}.char__name{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.55);white-space:nowrap;pointer-events:none}.mario__shadow{bottom:calc(38% - 8px);width:40px;height:10px;background:rgba(0,0,0,.25);border-radius:50%;will-change:transform,opacity}.castle,.mario__shadow{position:absolute;left:0}.castle{bottom:38%;width:104px;height:104px;display:none;will-change:transform}.castle__pole{position:absolute;left:50px;bottom:100%;width:3px;height:42px;background:#4a4a4a}.castle__flag{position:absolute;left:53px;bottom:calc(100% + 28px);width:20px;height:14px;background:#e52521;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);opacity:0;transform-origin:left center;will-change:transform}