:root{--paper:#f1e8d4;--paper-2:#e6dabc;--ink:#16130f;--red:#c8102e;--red-deep:#8c0e20;--cream:#fffdf6;--gold:#f2b705;--silver:#b9b4a6}*{margin:0;padding:0;box-sizing:border-box}html{height:1000vh;overflow-x:hidden;scroll-behavior:auto}body{font-family:Arial Black,Arial Bold,Impact,Helvetica Neue,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}#sky{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle,rgba(22,19,15,.05) 1px,transparent 1.35px) 0 0/7px 7px,radial-gradient(circle,rgba(200,16,46,.045) 1px,transparent 1.3px) 3px 5px/11px 11px,linear-gradient(180deg,#f4ecda,#efe5cd 46%,#e5d7b8)}.splatter{position:fixed;pointer-events:none}.splatter.s1{left:-6vw;top:-4vh;width:26vw}.splatter.s2{right:-8vw;bottom:8vh;width:22vw}.picon{position:absolute;left:0;top:0;will-change:transform,opacity;line-height:0}.picon svg{display:block;width:100%;height:auto}.r b,#masthead b,#pof b{display:inline-block;padding:.02em .1em;margin:0 .015em;border-radius:2px}.r b:nth-child(odd),#masthead b:nth-child(odd),#pof b:nth-child(odd){transform:rotate(-3deg)}.r b:nth-child(3n),#masthead b:nth-child(3n),#pof b:nth-child(3n){transform:rotate(4deg) translateY(2px)}.r b:nth-child(5n),#masthead b:nth-child(5n),#pof b:nth-child(5n){transform:rotate(-6deg) translateY(-2px)}.r1{background:var(--red);color:var(--cream);font-family:Impact,Arial Black,sans-serif}.r2{background:var(--ink);color:var(--cream);font-family:Courier New,monospace;font-weight:700}.r3{background:var(--cream);color:var(--ink);border:3px solid var(--ink);font-family:Georgia,serif;font-weight:900}.r4{background:#fff;color:var(--ink);border:3px solid var(--ink);font-family:Verdana,sans-serif;font-weight:900}.r5{background:var(--red-deep);color:var(--cream);font-family:Arial Black,sans-serif}.r6{background:#fff;color:var(--red);border:3px solid var(--red);font-family:Impact,sans-serif}#masthead{position:fixed;top:4vh;left:0;right:0;z-index:9;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform,opacity}#masthead b{font-size:clamp(40px,9vw,92px);line-height:1.05}#stage{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}#egg{position:fixed;top:0;left:50%;z-index:6;will-change:transform}#egg svg{display:block;width:100%;height:auto;filter:drop-shadow(5px 6px 0 rgba(200,16,46,.3))}#speed{position:fixed;left:50%;z-index:4;display:none;transform:translate(-50%);will-change:opacity;pointer-events:none}#speed svg{display:block;width:100%;height:auto;overflow:visible}#speed .stk{stroke:var(--ink);stroke-linecap:round;animation:rush var(--dur,.6s) linear var(--delay,0s) infinite}#speed .stk.red{stroke:var(--red)}@keyframes rush{to{stroke-dashoffset:var(--to,-120px)}}#speed .arc{fill:none;stroke:var(--ink);opacity:.4;transform-box:fill-box;transform-origin:50% 100%;animation:arcPulse 1s ease-in-out infinite alternate}#speed .arc.a2{animation-delay:.25s}@keyframes arcPulse{0%{transform:scaleY(.9)}to{transform:scaleY(1.08)}}#plate{position:fixed;bottom:0;left:50%;z-index:5;will-change:transform}#plate svg{display:block;width:100%;height:auto}#splat{position:fixed;left:50%;z-index:7;display:none}#splat svg{display:block;width:100%;height:auto;filter:drop-shadow(4px 4px 0 rgba(200,16,46,.25))}#splat.go{animation:splatIn .5s cubic-bezier(.2,1.6,.35,1) both}@keyframes splatIn{0%{transform:translate(-50%) scale(1.7,.45)}55%{transform:translate(-50%) scale(.88,1.15)}to{transform:translate(-50%) scale(1)}}#pofStar{position:fixed;left:50%;z-index:7;display:none;pointer-events:none}#pofStar svg{display:block;width:100%;height:auto}#pofStar.go{animation:pofStarIn .45s cubic-bezier(.2,1.8,.35,1) both,starFade .35s .6s forwards}@keyframes pofStarIn{0%{transform:translate(-50%) scale(0) rotate(0)}60%{transform:translate(-50%) scale(1.2) rotate(9deg)}to{transform:translate(-50%) scale(1) rotate(-4deg)}}@keyframes starFade{to{opacity:0}}#pof{position:fixed;left:50%;z-index:8;display:none;pointer-events:none;font-size:clamp(40px,6vw,64px);font-weight:900}#pof.go{animation:pofIn .55s cubic-bezier(.2,1.8,.35,1) both,pofFade .35s 1.15s forwards}@keyframes pofIn{0%{transform:scale(0) rotate(-14deg)}60%{transform:scale(1.25) rotate(4deg)}to{transform:scale(1) rotate(-3deg)}}@keyframes pofFade{to{opacity:0}}#hint{position:fixed;top:24vh;left:50%;z-index:9;transform:translate(-50%) rotate(-1.2deg);background:var(--ink);color:var(--cream);padding:10px 18px;font-size:15px;letter-spacing:.08em;pointer-events:none;will-change:opacity}#hint b{display:inline-block;color:var(--gold);margin-left:6px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}#rail{position:fixed;right:16px;top:14vh;height:62vh;width:10px;z-index:9;background:var(--ink);transform:rotate(1.2deg);opacity:.92}#railDot{position:fixed;right:9px;top:14vh;width:24px;height:24px;z-index:10;background:var(--red);border:3px solid var(--ink);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);will-change:transform}#caption{position:fixed;left:50%;bottom:2.5vh;z-index:12;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:center;max-width:min(88vw,780px);background:var(--ink);color:var(--cream);padding:14px 26px;clip-path:polygon(0 14%,3% 0,97% 3%,100% 20%,99% 86%,96% 100%,4% 97%,0 82%);transform:translate(-50%) translateY(26px) rotate(-.5deg);opacity:0;visibility:hidden;transition:opacity .5s ease .18s,transform .5s cubic-bezier(.2,1.4,.4,1) .18s,visibility 0s .7s}#caption.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) rotate(-.5deg);transition:opacity .5s ease .18s,transform .5s cubic-bezier(.2,1.4,.4,1) .18s,visibility 0s 0s}#caption .r b{font-size:clamp(14px,2.4vw,20px)}#caption .tag{font-family:Verdana,sans-serif;font-size:clamp(13px,2.2vw,17px);opacity:.92}#caption a{background:var(--red);color:var(--cream);text-decoration:none;padding:8px 14px;font-weight:900;font-size:clamp(12px,2vw,15px);display:inline-block;transform:rotate(1deg);box-shadow:3px 3px #0006}#caption a:hover{background:var(--gold);color:var(--ink)}#again{position:fixed;right:16px;bottom:16px;z-index:13;display:none;width:54px;height:54px;font:inherit;font-size:26px;line-height:1;color:var(--cream);background:var(--red);border:3px solid var(--ink);cursor:pointer;transform:rotate(2deg);box-shadow:4px 4px 0 var(--ink)}#again.show{display:block}#again:hover{background:var(--ink);color:var(--gold)}#barcode{position:fixed;left:16px;bottom:14px;z-index:2;background:var(--cream);border:2px solid var(--ink);padding:5px 7px 3px;transform:rotate(-2deg);pointer-events:none}#barcode:before{content:"";display:block;width:110px;height:30px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 7px,transparent 7px 9px,var(--ink) 9px 10px,transparent 10px 14px)}#barcode span{display:block;font:700 10px/1.5 Courier New,monospace;letter-spacing:.3em;color:var(--red)}.confetti{position:fixed;z-index:8;width:10px;height:10px;border-radius:60% 40% 55% 45%;pointer-events:none;animation:fly 1.25s cubic-bezier(.15,.55,.3,1) forwards}@keyframes fly{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}#stage.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-9px,5px)}30%{transform:translate(8px,-6px)}45%{transform:translate(-6px,3px)}60%{transform:translate(5px,-3px)}75%{transform:translate(-3px,2px)}}#dbg{position:fixed;left:8px;top:8px;z-index:50;font:700 11px/1.4 Courier New,monospace;color:var(--red);background:#fffdf6d9;padding:4px 8px;border:1px solid var(--ink)}@media (prefers-reduced-motion:reduce){#speed .stk,#speed .arc,#hint b,#stage.shake{animation:none}.confetti{animation-duration:.01s}}