:root{--gold:#f4c71c;--ink:#1c1919;--paper:#f3f0e6}.page img{width:min(240px,55vw);height:auto}.page h1{margin-top:.8rem;font-size:clamp(2.2rem,7vw,3.6rem);font-weight:600;line-height:1}.page p{opacity:.75;font-size:1.15rem;font-weight:500}.replay{font:inherit;color:var(--gold);background:var(--ink);cursor:pointer;border:0;border-radius:6px;margin-top:1.4rem;padding:.55rem 1.4rem;font-size:1.05rem;font-weight:500}.replay:hover{background:#000}.replay:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.loader{z-index:100;background:var(--ink);place-items:center;transition:transform .8s cubic-bezier(.7,0,.2,1);display:grid;position:fixed;inset:0}.loader.done{transform:translateY(-100%)}.loader.gone{visibility:hidden}.stage{flex-direction:column;align-items:center;width:min(84vw,380px);display:flex}.logo{aspect-ratio:570/438;width:100%;animation:.7s cubic-bezier(.3,1.4,.5,1) both drop;position:relative}.logo img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.logo .ghost{filter:grayscale()brightness(.4);opacity:.5}.logo .fill{clip-path:inset(calc(100% - var(--p,0%)) 0 0 0);transition:clip-path .2s linear}.loader.hit .logo{animation:.45s cubic-bezier(.3,1.6,.5,1) stamp}.ice{width:86%;height:22px;margin-top:2.2rem;position:relative}.ice:before{content:"";background:#3a3434;border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.ice .bar{height:4px;width:var(--p,0%);background:var(--gold);border-radius:2px;transition:width .2s linear;position:absolute;bottom:0;left:0}.ice .puck{bottom:2px;left:var(--p,0%);width:26px;height:14px;margin-left:-13px;transition:left .2s linear;position:absolute}.ice .puck:before{content:"";box-shadow:inset 0 -4px 0 #000, 0 0 0 2px var(--paper);background:#0c0a0a;border-radius:50%;position:absolute;inset:0}.ice .puck:after{content:"";background:#2c2727;border-radius:50%;height:7px;position:absolute;top:1px;left:2px;right:2px}.loader.hit .puck{opacity:0;transition:left .35s ease-in,opacity .35s;left:115%!important}.meta{justify-content:space-between;align-items:baseline;width:86%;margin-top:.8rem;display:flex}.status{opacity:.6;font-size:1rem;font-weight:500}.count{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}@keyframes drop{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:none}}@keyframes stamp{0%{transform:scale(1)}40%{transform:scale(1.1)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.logo,.loader.hit .logo{animation:none}.loader{transition-duration:10ms}}