:root{--ink:#14181f;--paper:#f5efe2;--teal:#19b3a6;--orange:#ff5d3b;--yellow:#ffd23f;--purple:#7a4ff2;--red:#ff4757;--cyan:#22d3ee}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background:var(--ink);width:100%;height:100%;color:var(--ink);touch-action:none;font-family:Rubik,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}.hidden{display:none!important}#vignette{pointer-events:none;z-index:5;background:radial-gradient(at 50% 42%,#0000 55%,#0a0c146b 100%);position:absolute;inset:0}#flash{pointer-events:none;z-index:6;opacity:0;background:radial-gradient(#ff475729,#ff475780);position:absolute;inset:0}#flash.on{animation:.5s ease-out damage}@keyframes damage{0%{opacity:1}to{opacity:0}}#popups{pointer-events:none;z-index:8;position:absolute;inset:0}.popup{color:var(--yellow);text-shadow:2px 2px 0 var(--ink), -1px -1px 0 var(--ink), 4px 4px 0 #0000004d;white-space:nowrap;font-family:Bungee,cursive;font-size:26px;animation:.95s cubic-bezier(.2,.8,.3,1) forwards floatUp;position:absolute;transform:rotate(-3deg)}.popup.pop-hot{color:var(--orange);font-size:32px}.popup.pop-perfect{color:var(--cyan)}.popup.pop-power{color:var(--purple);font-size:30px}@keyframes floatUp{0%{opacity:0;transform:translateY(14px)rotate(-3deg)scale(.6)}18%{opacity:1;transform:translateY(0)rotate(-3deg)scale(1.12)}30%{transform:translateY(-4px)rotate(-3deg)scale(1)}to{opacity:0;transform:translateY(-84px)rotate(-3deg)scale(1)}}.plaque{background:var(--paper);border:3px solid var(--ink);padding:12px 18px;box-shadow:5px 5px #14181fd9}#menu{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:26px 30px 64px;display:flex;position:absolute;inset:0}#menu>*{pointer-events:auto}#menu-left{flex-direction:column;align-items:flex-start;gap:14px;display:flex}#title-plaque{padding:16px 26px 12px;position:relative;transform:rotate(-2.5deg)}#title-plaque:before{content:"";background:#ffd23fbf;border:1px solid #14181f33;width:74px;height:26px;position:absolute;top:-14px;left:34px;transform:rotate(-4deg)}#title-plaque h1{color:var(--ink);text-shadow:4px 4px 0 var(--orange), 8px 8px 0 #14181f2e;letter-spacing:1px;font-family:Bungee,cursive;font-size:clamp(44px,7.2vw,84px);line-height:.92}#title-plaque h1 em{color:var(--teal);text-shadow:4px 4px 0 var(--ink), 8px 8px 0 #14181f2e;font-style:normal}#tag{letter-spacing:3px;background:var(--ink);color:var(--paper);margin-top:8px;padding:4px 10px;font-family:Bungee,cursive;font-size:13px;display:inline-block;transform:rotate(1deg)}.stat-plaque{align-items:baseline;gap:10px;font-family:Bungee,cursive;display:flex;transform:rotate(1.6deg)}.stat-plaque .label{letter-spacing:2px;opacity:.65;font-size:12px}.stat-plaque .value{font-size:26px}#bank-plaque .coin-dot{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;align-self:center;width:18px;height:18px}#menu-right{flex-direction:column;align-items:flex-end;gap:14px;max-width:320px;display:flex}#quests-card{width:100%;transform:rotate(1.8deg)}#quests-card h3{letter-spacing:2px;color:var(--purple);margin-bottom:8px;font-family:Bungee,cursive;font-size:14px}.quest{grid-template-columns:1fr auto;gap:4px 8px;padding:5px 0;font-size:13px;font-weight:600;display:grid}.quest.done .q-name{opacity:.5;text-decoration:line-through}.q-reward{color:var(--orange);font-family:Bungee,cursive;font-size:11px}.quest.done .q-reward{color:var(--teal)}.q-bar{border:1.5px solid var(--ink);background:#14181f26;grid-column:1/-1;height:7px;display:block}.q-bar span{background:var(--teal);height:100%;transition:width .4s;display:block}#controls-card{width:100%;font-size:12.5px;font-weight:600;line-height:1.9;transform:rotate(-1.4deg)}#controls-card b{background:var(--ink);color:var(--paper);margin-right:6px;padding:2px 7px;font-family:Bungee,cursive;font-size:11px;display:inline-block;transform:rotate(-1deg)}#start-btn{letter-spacing:2px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);cursor:pointer;padding:14px 44px;font-family:Bungee,cursive;font-size:30px;transition:transform .12s,box-shadow .12s;position:relative;transform:rotate(-2deg);box-shadow:7px 7px #14181fe6}#start-btn:hover{background:#fd6;transform:rotate(-2deg)translate(-2px,-2px)scale(1.03);box-shadow:10px 10px #14181fe6}#start-btn:active{transform:rotate(-2deg)translate(4px,4px);box-shadow:2px 2px #14181fe6}#mute-btn,#mute-btn2{letter-spacing:1px;background:var(--paper);border:3px solid var(--ink);cursor:pointer;padding:8px 14px;font-family:Bungee,cursive;font-size:12px;transition:transform .12s;transform:rotate(1.5deg);box-shadow:4px 4px #14181fd9}#mute-btn:hover,#mute-btn2:hover{transform:rotate(1.5deg)scale(1.05)}#tips-marquee{background:var(--ink);color:var(--paper);border-top:3px solid var(--yellow);padding:9px 0;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#tips-marquee div{white-space:nowrap;letter-spacing:2px;font-family:Bungee,cursive;font-size:13px;animation:26s linear infinite marquee;display:inline-block}#tips-marquee i{color:var(--yellow);margin:0 18px;font-style:normal}@keyframes marquee{0%{transform:translate(100vw)}to{transform:translate(-100%)}}#hud{z-index:15;pointer-events:none;padding:18px 22px;position:absolute;inset:0}#score-box{position:absolute;top:14px;left:20px;transform:rotate(-1.5deg)}#score{color:var(--paper);text-shadow:3px 3px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 6px 7px 0 #00000059;font-family:Bungee,cursive;font-size:46px;line-height:1}#score.pop{animation:.22s scorePop}@keyframes scorePop{40%{transform:scale(1.13)rotate(-1deg)}}#score-label{letter-spacing:4px;color:var(--yellow);text-shadow:2px 2px 0 var(--ink);margin-top:2px;font-family:Bungee,cursive;font-size:11px}#best-live{letter-spacing:1px;color:var(--paper);opacity:.75;text-shadow:2px 2px 0 var(--ink);margin-top:5px;font-family:Bungee,cursive;font-size:12px;transition:color .3s}#best-live.passed{color:var(--orange);opacity:1;animation:.7s infinite alternate bestPulse}#coin-box{background:var(--paper);border:3px solid var(--ink);align-items:center;gap:9px;padding:6px 16px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)rotate(1deg);box-shadow:4px 4px #14181fcc}#coin-box .coin-dot{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:17px;height:17px}#coins{font-family:Bungee,cursive;font-size:20px}#mult-badge{color:var(--paper);background:var(--purple);border:3px solid var(--ink);padding:3px 12px;font-family:Bungee,cursive;font-size:22px;position:absolute;top:84px;left:24px;transform:rotate(-4deg);box-shadow:3px 3px #14181fcc}#mult-badge.pop{animation:.35s multPop}@keyframes multPop{40%{background:var(--orange);transform:rotate(-4deg)scale(1.35)}}#power-timers{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px;left:22px}.power-chip{background:var(--paper);border:3px solid var(--ink);width:108px;overflow:hidden;transform:rotate(-1deg);box-shadow:3px 3px #14181fcc}.pc-label{color:var(--paper);letter-spacing:1px;padding:2px 8px;font-family:Bungee,cursive;font-size:11px;display:block}.pc-bar{background:var(--teal);width:100%;height:7px;transition:width .15s linear;display:block}#boards{gap:7px;display:flex;position:absolute;bottom:24px;right:22px}.board-chip{background:var(--cyan);border:3px solid var(--ink);border-radius:6px;width:38px;height:12px;transform:rotate(-8deg);box-shadow:2px 2px #14181fcc}#pause-btn{pointer-events:auto;background:var(--paper);border:3px solid var(--ink);cursor:pointer;padding:8px 14px;font-family:Bungee,cursive;font-size:16px;position:absolute;top:18px;right:20px;transform:rotate(2deg);box-shadow:4px 4px #14181fd9}#over{z-index:25;background:#0e101873;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#over-card{background:var(--paper);border:4px solid var(--ink);text-align:center;min-width:340px;padding:30px 44px 34px;animation:.4s cubic-bezier(.2,1.4,.4,1) cardIn;transform:rotate(-1.5deg);box-shadow:10px 10px #14181fd9}@keyframes cardIn{0%{opacity:0;transform:rotate(-1.5deg)scale(.7)translateY(40px)}}#wrecked{color:var(--red);text-shadow:3px 3px 0 var(--ink);letter-spacing:2px;font-family:Bungee,cursive;font-size:44px;transform:rotate(-3deg)}#new-best{color:var(--paper);background:var(--orange);border:3px solid var(--ink);margin:8px 0 2px;padding:4px 14px;font-family:Bungee,cursive;font-size:16px;animation:.7s infinite alternate bestPulse;display:inline-block;transform:rotate(2deg)}@keyframes bestPulse{to{transform:rotate(2deg)scale(1.1)}}#final-score{margin:6px 0 2px;font-family:Bungee,cursive;font-size:58px;line-height:1}#final-label{letter-spacing:4px;opacity:.6;font-family:Bungee,cursive;font-size:11px}#over-stats{justify-content:center;gap:22px;margin:16px 0 20px;font-size:13px;font-weight:600;display:flex}#over-stats .os{flex-direction:column;gap:2px;display:flex}#over-stats .os b{font-family:Bungee,cursive;font-size:17px}#over-stats .os span{letter-spacing:2px;opacity:.6;font-size:10px;font-weight:700}#retry-btn{background:var(--teal);color:var(--paper);border:3px solid var(--ink);cursor:pointer;margin-right:10px;padding:12px 34px;font-family:Bungee,cursive;font-size:22px;transition:transform .12s,box-shadow .12s;transform:rotate(-1deg);box-shadow:5px 5px #14181fe6}#retry-btn:hover{transform:rotate(-1deg)translate(-2px,-2px);box-shadow:8px 8px #14181fe6}#menu-btn{background:var(--paper);border:3px solid var(--ink);cursor:pointer;padding:12px 20px;font-family:Bungee,cursive;font-size:14px;transform:rotate(1deg);box-shadow:4px 4px #14181fd9}#pause{z-index:30;background:#0e101899;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}#pause-title{color:var(--paper);text-shadow:4px 4px 0 var(--ink);font-family:Bungee,cursive;font-size:52px;transform:rotate(-2deg)}#pause button{background:var(--yellow);border:3px solid var(--ink);cursor:pointer;padding:10px 26px;font-family:Bungee,cursive;font-size:16px;transform:rotate(-1deg);box-shadow:4px 4px #14181fd9}#tutorial{z-index:16;pointer-events:none;gap:12px;display:flex;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.tut-chip{background:var(--paper);border:3px solid var(--ink);padding:7px 13px;font-size:12px;font-weight:700;animation:1.6s ease-in-out infinite alternate tutBob;transform:rotate(-1.5deg);box-shadow:3px 3px #14181fcc}.tut-chip:nth-child(2){animation-delay:.2s;transform:rotate(1.5deg)}.tut-chip:nth-child(3){animation-delay:.4s;transform:rotate(-1deg)}.tut-chip b{font-family:Bungee,cursive;font-size:11px}@keyframes tutBob{to{translate:0 -5px}}#go-stamp{z-index:18;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#go-stamp span{color:var(--yellow);text-shadow:5px 5px 0 var(--ink), -3px -3px 0 var(--ink), 3px -3px 0 var(--ink), -3px 3px 0 var(--ink), 10px 12px 0 #00000059;font-family:Bungee,cursive;font-size:110px;transform:rotate(-6deg)}#go-stamp.stamp span{animation:.85s cubic-bezier(.2,1.6,.3,1) stampIn}@keyframes stampIn{0%{opacity:0;transform:rotate(-6deg)scale(3.4)}35%{opacity:1;transform:rotate(-6deg)scale(1)}75%{opacity:1;transform:rotate(-6deg)scale(1)}to{opacity:0;transform:rotate(-6deg)scale(1.15)}}#board-card{width:300px;max-width:88vw;transform:rotate(-1.2deg)}#board-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#board-head h3{letter-spacing:2px;color:var(--orange);font-family:Bungee,cursive;font-size:14px}#board-tabs button{letter-spacing:1px;border:2px solid var(--ink);background:var(--paper);cursor:pointer;margin-left:4px;padding:3px 9px;font-family:Bungee,cursive;font-size:10px}#board-tabs button.on{background:var(--ink);color:var(--paper)}#board-rows{flex-direction:column;gap:3px;min-height:120px;display:flex}.b-row{grid-template-columns:26px 26px 1fr auto;align-items:center;gap:8px;padding:3px 5px;font-size:13px;font-weight:600;display:grid}.b-row.me{outline:2px solid var(--ink);background:#ffd23f8c}.b-row.top1 .b-rank{color:var(--orange)}.b-row.top2 .b-rank{color:var(--teal)}.b-row.top3 .b-rank{color:var(--purple)}.b-rank{text-align:right;font-family:Bungee,cursive;font-size:12px}.b-ava{border:2px solid var(--ink);object-fit:cover;background:var(--paper);border-radius:50%;width:24px;height:24px}.b-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.b-verified{background:var(--teal);border:1.5px solid var(--ink);border-radius:50%;flex:none;width:13px;height:13px;position:relative}.b-verified:after{content:"";border:solid var(--paper);border-width:0 2px 2px 0;width:3px;height:6px;position:absolute;top:2px;left:3px;transform:rotate(42deg)}.b-score{font-family:Bungee,cursive;font-size:12px}#board-me{letter-spacing:1px;border-top:2px dashed #14181f59;min-height:14px;margin-top:7px;padding-top:7px;font-family:Bungee,cursive;font-size:11px}#board-me .b-rank{color:var(--orange)}#board-offline{opacity:.55;text-align:center;padding:14px 4px;font-size:12px;font-weight:600}#id-btn{letter-spacing:1px;background:var(--teal);width:100%;color:var(--paper);border:3px solid var(--ink);cursor:pointer;margin-top:9px;padding:8px 10px;font-family:Bungee,cursive;font-size:12px;transition:transform .12s;transform:rotate(-.5deg);box-shadow:3px 3px #14181fd9}#id-btn:hover{transform:rotate(-.5deg)scale(1.03)}#rank-stamp{color:var(--paper);background:var(--purple);border:3px solid var(--ink);margin-bottom:12px;padding:6px 18px;font-family:Bungee,cursive;font-size:20px;animation:.4s cubic-bezier(.2,1.4,.4,1) cardIn;display:inline-block;transform:rotate(-2deg);box-shadow:4px 4px #14181fd9}#over-board{max-width:320px;margin:0 auto 16px}#over-board .b-row{font-size:12px}#over-board .b-row.me{background:#19b3a659}#claim-btn{letter-spacing:1px;background:var(--yellow);border:3px solid var(--ink);cursor:pointer;width:100%;margin-top:14px;padding:10px;font-family:Bungee,cursive;font-size:15px;animation:.8s infinite alternate bestPulse;display:block;transform:rotate(-1deg);box-shadow:4px 4px #14181fe6}#name-modal{z-index:40;background:#0e1018a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#name-card{background:var(--paper);border:4px solid var(--ink);text-align:center;width:min(360px,90vw);padding:26px 30px;animation:.35s cubic-bezier(.2,1.4,.4,1) cardIn;transform:rotate(1.5deg);box-shadow:10px 10px #14181fd9}#name-title{text-shadow:2px 2px 0 var(--yellow);margin-bottom:14px;font-family:Bungee,cursive;font-size:22px}#name-input{text-align:center;text-transform:uppercase;border:3px solid var(--ink);background:#fffdf6;outline:none;width:100%;margin-bottom:14px;padding:10px;font-family:Bungee,cursive;font-size:16px}#name-input:focus{box-shadow:3px 3px #14181f99}#name-hp{opacity:0;width:0;height:0;position:absolute;left:-9999px}#name-go{background:var(--teal);color:var(--paper);border:3px solid var(--ink);cursor:pointer;margin-right:8px;padding:9px 26px;font-family:Bungee,cursive;font-size:16px;box-shadow:4px 4px #14181fe6}#name-cancel{background:var(--paper);border:3px solid var(--ink);cursor:pointer;padding:9px 16px;font-family:Bungee,cursive;font-size:12px;box-shadow:3px 3px #14181fcc}#name-x{background:var(--ink);width:100%;color:var(--paper);border:3px solid var(--ink);cursor:pointer;margin-top:14px;padding:10px;font-family:Bungee,cursive;font-size:13px;display:block;box-shadow:4px 4px #14181f8c}@media (width<=760px){#menu{flex-direction:column;gap:10px;padding:18px 16px 60px}#menu-right{align-items:flex-start;max-width:none}#controls-card{display:none}#score{font-size:34px}#start-btn{font-size:22px}}