:root{--saffron:#f2a71b;--terracotta:#c0583a;--cinnamon:#8a4b2a;--cardamom:#6e9b5b;--cream:#f6e3b4;--indigo:#2e3a6b;--drop:#6ee05b;--ink:#3a2216}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#2e3a6b linear-gradient(#9cc7e0 0%,#f6e3b4 62%,#e9cf96 100%) fixed;margin:0;font-family:Rubik,Trebuchet MS,sans-serif;overflow:hidden}#app,canvas.gl{display:block;position:fixed;inset:0}.hidden{display:none!important}#speedlines{pointer-events:none;opacity:0;z-index:2;background:repeating-conic-gradient(at 50% 55%,#fff6dc00 0deg 4deg,#fff6dc8c 4deg 4.6deg,#fff6dc00 4.6deg 9deg);position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 55%,#0000 32%,#000 75%);mask-image:radial-gradient(at 50% 55%,#0000 32%,#000 75%)}#flash{pointer-events:none;opacity:0;z-index:3;background:#fff3c4;position:fixed;inset:0}#hud{pointer-events:none;z-index:4;position:fixed;inset:0}.lbl{letter-spacing:2px;color:var(--cream);text-shadow:0 2px #3a221699;font:900 12px Rubik,sans-serif}#clockBox{text-align:center;position:absolute;top:14px;left:50%;transform:translate(-50%)}#clockLabel{letter-spacing:3px;color:var(--cream);text-shadow:0 2px #3a221699;font:900 12px Rubik}#clock{color:var(--cream);text-shadow:0 4px 0 var(--cinnamon), 0 0 18px #00000040;font:400 54px/1 Bungee,Arial Black,sans-serif}#clock.warn{color:#ff5a3a;animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}#sizeBox{position:absolute;top:14px;left:18px}#size{color:var(--saffron);text-shadow:0 3px 0 var(--cinnamon);font:400 34px/1.05 Bungee,Arial Black}#size.bump{animation:.25s bumpA}@keyframes bumpA{50%{transform:scale(1.18)}}#tierName{color:var(--cream);text-shadow:0 2px #3a221699;margin-top:2px;font:700 13px Rubik}#crackBox{width:220px;position:absolute;top:18px;right:70px}#crackBox .bar,#boostBox .bar{border:2px solid var(--cream);background:#2e3a6b8c;border-radius:8px;height:14px;margin-top:4px;overflow:hidden}#crackFill{background:repeating-linear-gradient(-45deg,#ff5a3a 0 8px,#c0583a 8px 16px);width:0%;height:100%;transition:width .2s}#crackBox.shake{animation:.3s shk}@keyframes shk{25%{transform:translate(-6px)rotate(-2deg)}75%{transform:translate(6px)rotate(2deg)}}#boostBox{width:240px;position:absolute;bottom:22px;left:18px}#boostFill{background:linear-gradient(90deg,#f2a71b,#ffe18a);width:0%;height:100%;transition:width .1s}#boostBox.full .bar{box-shadow:0 0 14px #f2a71b}.key{background:var(--cream);color:var(--ink);text-shadow:none;border-radius:4px;padding:0 4px;font-size:10px}#sub{z-index:5;text-shadow:0 2px 2px #00000073;text-align:center;max-width:70%;color:var(--cream);border-left:6px solid var(--saffron);opacity:0;background:#242c56f0;border-radius:6px;padding:8px 16px;font:700 20px Rubik;transition:opacity .25s;position:absolute;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 4px #3a221659}#sub.on{opacity:1}#sub .who{color:var(--saffron);letter-spacing:1px;margin-right:8px;font-weight:900}#waybill{border:3px solid var(--cinnamon);background:#fbf1d8;border-radius:6px;width:270px;padding:10px 12px 12px;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .3s;position:absolute;top:90px;right:18px;transform:rotate(1.5deg);box-shadow:0 6px #3a221659}#waybill.out{opacity:0;transform:translate(340px)rotate(8deg)}#waybill.pop{animation:.4s wpop}@keyframes wpop{40%{transform:rotate(-2deg)scale(1.06)}}.wbHead{color:var(--terracotta);border-bottom:2px dashed var(--cinnamon);justify-content:space-between;margin-bottom:6px;padding-bottom:4px;font:900 12px Rubik;display:flex}.wbRow{gap:8px;margin:3px 0;font:700 15px Rubik;display:flex}.wbRow .k{width:64px;color:var(--cinnamon);letter-spacing:1px;flex:none;padding-top:3px;font-size:11px;font-weight:900}.wbStamp{color:#c0583ad9;border:3px solid #c0583ad9;border-radius:4px;padding:0 6px;font:400 18px Bungee;position:absolute;bottom:6px;right:10px;transform:rotate(-12deg)}.wbNote{color:var(--cinnamon);max-width:150px;min-height:30px;margin-top:6px;padding-bottom:4px;font:italic 600 12px Rubik}#waybill{padding-bottom:34px}#floaters{position:absolute;inset:0}.floater{color:var(--drop);text-shadow:0 3px #2d5a24;white-space:nowrap;font:400 30px Bungee;animation:1.6s forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.floater.gold{color:var(--saffron);text-shadow:0 3px 0 var(--cinnamon)}.floater.red{color:#ff5a3a;text-shadow:0 3px #5a1a10}@keyframes floatUp{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-90px}}#prompt{color:var(--cream);text-shadow:0 3px 0 var(--terracotta);font:400 26px Bungee;animation:.6s infinite alternate blink;position:absolute;top:45%;left:50%;transform:translate(-50%)}@keyframes blink{to{opacity:.3}}#hint{color:var(--cream);background:#2e3a6b99;border-radius:6px;padding:6px 10px;font:700 12px Rubik;transition:opacity 1s;position:absolute;bottom:22px;right:18px}#hint.fade{opacity:0}.iconBtn{pointer-events:auto;border:3px solid var(--cream);background:var(--terracotta);width:38px;height:38px;color:var(--cream);cursor:pointer;border-radius:50%;font:900 18px Rubik}.iconBtn.muted{background:#6a5a50;text-decoration:line-through}#muteBtn{position:absolute;top:16px;right:18px}.screen{z-index:6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#title{background:linear-gradient(#2e3a6b00 30%,#2e3a6b8c)}.titleCard{text-align:center;padding:26px 40px}.titleCard .brand{letter-spacing:4px;color:var(--cream);text-shadow:0 2px 0 var(--cinnamon);font:900 14px Rubik}h1{color:var(--saffron);text-shadow:0 6px 0 var(--terracotta), 0 12px 0 var(--cinnamon), 0 18px 30px #00000059;margin:8px 0 4px;font:400 clamp(54px,10vw,112px)/.92 Bungee,Arial Black;transform:rotate(-2deg)}h2{color:var(--saffron);text-shadow:0 4px 0 var(--cinnamon);margin:6px 0;font:400 44px Bungee}.tag{color:var(--cream);text-shadow:0 2px 0 var(--cinnamon);font:700 18px Rubik}.press{color:var(--cream);text-shadow:0 3px 0 var(--terracotta);margin-top:26px;font:400 26px Bungee;animation:.7s infinite alternate blink}#title .press{border:3px solid var(--cream);box-shadow:0 5px 0 var(--cinnamon);background:#2e3a6be0;border-radius:10px;padding:6px 22px;animation:.7s infinite alternate pressPulse;display:inline-block}@keyframes pressPulse{to{background:#c0583aeb;transform:scale(1.06)}}.controls{color:var(--cream);background:#2e3a6b99;border-radius:6px;margin-top:18px;padding:8px 12px;font:700 13px Rubik;display:inline-block}.volRow{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.volSlider{pointer-events:auto;width:180px;accent-color:var(--saffron)}.titleCard.small{border:3px solid var(--cream);background:#2e3a6bd1;border-radius:12px}.sheet{border:4px solid var(--cinnamon);background:#fbf1d8;border-radius:8px;width:min(760px,94vw);padding:16px 22px 20px;position:relative;transform:rotate(-.6deg);box-shadow:0 10px #3a221666}.sheet h2{color:var(--terracotta);text-shadow:0 3px #8a4b2a59;margin:4px 0 8px}.endBody{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}#strata{width:240px;height:240px}.stats{flex:1;min-width:240px;font:700 16px Rubik}.stats .row{border-bottom:1px dashed #8a4b2a73;justify-content:space-between;padding:4px 0;display:flex}.stats .row b{color:var(--cinnamon);letter-spacing:1px;padding-top:3px;font-size:12px;font-weight:900}.endStamp{color:#6e9b5be6;border:4px solid #6e9b5be6;border-radius:6px;padding:2px 10px;font:400 30px Bungee;position:absolute;top:60px;right:24px;transform:rotate(-14deg)}.endStamp.bad{color:#c0583ae6;border-color:#c0583ae6}.endKeys{color:var(--terracotta);text-align:center;margin-top:12px;font:400 18px Bungee}#debug{z-index:9;color:#fff;white-space:pre;pointer-events:none;background:#0009;padding:6px 8px;font:12px monospace;position:fixed;bottom:60px;left:8px}#hud.cinematic>:not(#sub):not(#floaters):not(#muteBtn){opacity:0;transition:opacity .6s}#hud>*{transition:opacity .6s}#size.ready{color:#6ee05b;text-shadow:0 3px #2d5a24}.stats .row .hl{color:#f6e3b4;background:#2e3a6b;border-radius:4px;padding:0 8px;font-weight:900}#boostBox.full .bar{animation:.55s infinite alternate boostGlow}#boostBox.full .key{background:var(--saffron);animation:.55s infinite alternate keyPop}@keyframes boostGlow{0%{box-shadow:0 0 6px #f2a71b}to{box-shadow:0 0 22px #ffd36a,0 0 4px #fff}}@keyframes keyPop{to{transform:scale(1.25)}}#boostBox.gain .bar{animation:.25s gainA}@keyframes gainA{50%{transform:scaleY(1.5)}}.spark{pointer-events:none;background:radial-gradient(#fff,#ffd36a 45%,#f2a71b 70%,#0000 72%);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;transition:left .5s cubic-bezier(.5,0,.8,.6),top .5s cubic-bezier(.2,.6,.6,1),opacity .5s;position:absolute;box-shadow:0 0 10px #ffd36a}#boostTip{color:var(--cream);text-shadow:0 3px 0 var(--terracotta);font:400 26px Bungee,Arial Black;position:absolute;bottom:64px;left:18px}#boostTip .cap{background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--cinnamon);text-shadow:none;border-radius:6px;margin-right:6px;padding:0 10px;display:inline-block}#boostTip.show{animation:.4s cubic-bezier(.2,1.6,.4,1) tipIn,.5s .4s 6 alternate blink}@keyframes tipIn{0%{opacity:0;transform:translateY(30px)scale(.6)}}#clock.held{opacity:.55}#manifest{color:var(--cream);text-shadow:0 3px 0 var(--indigo);align-items:center;gap:6px;margin-top:6px;font:400 20px Bungee,Arial Black;display:flex}#manifest b{color:#ff5a3a;margin-right:4px;font-weight:400}#manifest i{border:2px solid var(--cream);background:#3a3440;border-radius:50% 50% 3px 3px;width:16px;height:16px;display:inline-block}#manifest i.lit{background:#ff2a2a;animation:.3s infinite alternate lampA;box-shadow:0 0 10px #ff2a2a}#manifest i.lit:nth-child(odd){background:#2a6bff;box-shadow:0 0 10px #2a6bff}@keyframes lampA{to{filter:brightness(1.6)}}#manifest.full b{color:#6ee05b}#manifest.bump{animation:.3s bumpA}#rattle{text-align:center;color:var(--cream);text-shadow:0 4px 0 var(--terracotta), 0 0 24px #f2a71b99;font:400 40px Bungee,Arial Black;animation:.45s infinite alternate blink;position:absolute;top:58%;left:50%;transform:translate(-50%);opacity:1!important}#rattle .cap{background:var(--cream);color:var(--ink);box-shadow:0 5px 0 var(--cinnamon);text-shadow:none;border-radius:8px;margin-right:10px;padding:0 14px;display:inline-block}#rattle .pips{justify-content:center;gap:8px;margin-top:10px;display:flex}#rattle .pips i{border:2px solid var(--cream);opacity:.35;background:repeating-linear-gradient(45deg,#f6e3b4 0 4px,#8a4b2a 4px 6px);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;width:22px;height:28px}#rattle .pips i.on{opacity:1;box-shadow:0 0 12px #ffd36a}#rattle.hit{animation:.25s shk}#banner{text-align:center;pointer-events:none;position:absolute;top:26%;left:0;right:0;opacity:1!important}#banner .t{color:var(--saffron);text-shadow:0 6px 0 var(--terracotta), 0 12px 0 var(--indigo), 0 0 50px #f2a71b80;font:400 clamp(56px,11vw,120px)/.9 Bungee,Arial Black}#banner .s{letter-spacing:6px;color:var(--cream);margin-top:10px;font:900 18px Rubik}#banner.show{animation:3.2s forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:scale(2.2)}12%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.sheet .stats{columns:2;column-gap:18px;font-size:14px}.stats .row{break-inside:avoid;padding:3px 0}.endFoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;display:flex}#endRating{align-items:baseline;gap:10px;display:flex}#endRating .score{color:var(--saffron);text-shadow:0 3px 0 var(--cinnamon);font:400 34px Bungee,Arial Black}#endRating .title{color:var(--indigo);font:900 18px Rubik}#endRating .pb{color:#fff;background:var(--cardamom);border-radius:4px;padding:1px 8px;font:400 14px Bungee}#endRating .best{color:var(--cinnamon);font:700 12px Rubik}#endSplits{flex-wrap:wrap;gap:6px;display:flex}.split{background:#2e3a6b1f;border-radius:4px;padding:2px 6px;font:700 12px Rubik}.split.ahead{color:#2d7a24;background:#6ee05b40}.split.behind{color:#b4321a;background:#ff5a3a2e}#endStamps{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.mstamp{color:var(--terracotta);border:2px solid var(--terracotta);border-radius:4px;padding:0 6px;font:400 13px Bungee;transform:rotate(-3deg)}.floater.egg{color:#ffc53a;text-shadow:0 3px 0 var(--cinnamon), 0 0 18px #fff3c4;font-size:38px}#shelf{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}#shelf .hl{pointer-events:auto;cursor:pointer;border:2px solid var(--cream);width:112px;color:var(--cream);text-align:center;background:#2e3a6bb3;border-radius:8px;padding:6px 4px;font:700 11px Rubik}#shelf .hl .k{background:var(--cream);color:var(--ink);border-radius:3px;margin-right:4px;padding:0 4px;display:inline-block}#shelf .hl .egg{background:repeating-linear-gradient(45deg,#f6e3b4 0 4px,#8a4b2a 4px 6px);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;width:18px;height:24px;margin:0 auto 3px;display:block}#shelf .hl.on{background:var(--saffron);color:var(--ink);box-shadow:0 0 14px #ffd36a}#shelf .hl.locked{opacity:.45;cursor:default}#titleMeta{color:var(--cream);text-shadow:0 2px 0 var(--cinnamon);margin-top:10px;font:700 13px Rubik}#titleMeta b{color:var(--saffron)}.bigstamp{color:#c0583af2;background:#fbf1d8d9;border:8px solid #c0583af2;border-radius:12px;padding:0 22px;font:400 72px Bungee,Arial Black;animation:2.4s forwards stampIn;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(2.4)}10%{opacity:1;transform:translate(-50%,-50%)rotate(-12deg)scale(1)}80%{opacity:1}to{opacity:0}}#polaroid{z-index:5;pointer-events:none;background:#fbf1d8;width:230px;padding:10px 10px 6px;position:fixed;bottom:14%;right:4%;transform:rotate(4deg);box-shadow:0 10px #3a221659}#polaroid img,#polaroid .ph{object-fit:cover;background:#2e3a6b;width:100%;height:140px;display:block}#polaroid .cap{color:var(--cinnamon);text-align:center;padding-top:6px;font:italic 700 16px Rubik}#polaroid.show{animation:4.5s forwards polIn}@keyframes polIn{0%{opacity:0;transform:translateY(60px)rotate(14deg)}12%{opacity:1;transform:rotate(4deg)}85%{opacity:1}to{opacity:0}}#hudArrow{text-align:center;pointer-events:none;width:84px;margin-left:-42px;position:absolute;top:86px;left:50%}#hudArrow svg{filter:drop-shadow(0 4px #3a22168c);display:block}#hudArrow path{fill:#6ee05b;stroke:#fbf1d8;stroke-width:6px;stroke-linejoin:round}#hudArrow.pickup path{fill:#f2a71b}#hudArrow.cop path{fill:#ff4a3a}#hudDist{color:var(--cream);text-shadow:0 2px 0 var(--cinnamon);margin-top:2px;font:400 18px Bungee,Arial Black}