:root{--ink:#1b1420;--card:#c9955b;--card-dark:#a8743f;--paper:#f3e2b8;--go:#ffcf3a;--danger:#ff5a3c;--blue:#2fb6ff;--text:#1b1420;--shadow:4px 5px 0 var(--ink);font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#2a2130;margin:0;overflow:hidden}canvas#game{touch-action:none;outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}.screen{z-index:10;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.screen.dim{z-index:30;background:#1b14208c;justify-content:center}#title{pointer-events:none;padding:3vh 6vw}.title-panel{pointer-events:auto;flex-direction:column;gap:14px;width:min(420px,92vw);display:flex}.logo{margin:0;font-family:Bungee,Arial Black,sans-serif;font-weight:400;line-height:.9;transform:rotate(-3deg)}.logo-line{color:var(--card);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 6px 0 var(--ink);display:block}.logo .l1{font-size:clamp(38px,6vw,64px)}.logo .l2{color:var(--go);font-size:clamp(52px,8.5vw,92px);transform:rotate(2deg)translate(18px)}.tagline{color:#fff;text-shadow:2px 2px 0 var(--ink);margin:0;font-size:17px;font-weight:800}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:10px 14px 8px 12px;padding:16px}.menu{flex-direction:column;gap:10px;display:flex}.field{color:#fff;text-shadow:2px 2px 0 var(--ink);flex-direction:column;gap:4px;font-weight:900;display:flex}input:not([type]),input[type=text]{border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fffaf0;border-radius:8px;outline:none;padding:10px 12px;font:800 18px Nunito,sans-serif}input:focus-visible{box-shadow:0 0 0 3px var(--go), 3px 3px 0 var(--ink)}.btn{letter-spacing:.5px;color:var(--ink);background:var(--card);border:3px solid var(--ink);box-shadow:var(--shadow);cursor:pointer;border-radius:8px 12px 9px 11px;padding:12px 16px;font:400 20px Bungee,Arial Black,sans-serif;transition:transform 80ms,box-shadow 80ms,background .1s}.btn:hover{box-shadow:6px 7px 0 var(--ink);transform:translate(-1px,-2px)rotate(-.6deg)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,4px)}.btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-go{background:var(--go)}.btn-danger{background:var(--danger);color:#fff}.btn-quiet{background:#d8cfc0;font-size:16px}.btn-small{padding:10px 14px;font-size:16px}.btn-tiny{box-shadow:2px 2px 0 var(--ink);padding:4px 8px;font-size:12px}.btn-link{color:var(--ink);cursor:pointer;background:0 0;border:none;font:700 14px Nunito;text-decoration:underline}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:4px;flex:1;min-width:0;font-family:Bungee,monospace}.status{color:#fff;margin:0;font-weight:800}.status:not(:empty){border:2px solid var(--ink);background:#1b1420d1;border-radius:8px;padding:8px 12px}.status.error:not(:empty){background:#b8321c}.invite{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;transform:rotate(-1deg)}.invite-label{font-weight:900}.code-big{letter-spacing:6px;font:400 44px Bungee,monospace}.title-footer{color:#fff;text-shadow:1px 1px 0 var(--ink);pointer-events:none;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex;position:fixed;bottom:12px;left:16px}.badge{background:var(--danger);color:#fff;border:2px solid var(--ink);border-radius:6px;padding:3px 8px;font:400 12px Bungee,sans-serif}.sound-hint{opacity:.85;font-style:italic}#loading{z-index:40;background:#1b142099;justify-content:center}.loading-box{text-align:center;color:#fff;text-shadow:2px 2px 0 var(--ink);font-size:20px;font-weight:900}.spinner-box{background:var(--card);border:4px solid var(--ink);border-radius:4px;width:64px;height:52px;margin:0 auto 14px;animation:.8s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(8deg)scale(1.08,.92)}}#hud{pointer-events:none;z-index:20;position:fixed;inset:0}#crosshair{border:2px solid var(--ink);background:#fff;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.hud-card{pointer-events:auto;width:250px;padding:10px 12px;font-weight:800;position:absolute;top:14px;left:14px}.lp-title{font:400 16px Bungee,sans-serif}.lp-code-row{align-items:center;gap:6px;margin:4px 0 6px;display:flex}.lp-code-row b{letter-spacing:2px;font:400 18px Bungee,monospace}#lp-players{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}#lp-players li{align-items:center;gap:6px;display:flex}#lp-players .dot{border:2px solid var(--ink);border-radius:50%;flex:none;width:14px;height:14px}#lp-players .tag{background:var(--ink);color:#fff;border-radius:4px;padding:0 5px;font-size:11px}#lp-players .off{opacity:.5;font-style:italic}.lp-hint{opacity:.8;margin-top:6px;font-size:12px}.hud-badge{position:absolute;top:14px;right:14px}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%)}.toast{background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:6px 12px;font-weight:900;animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.6)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.banner{background:var(--danger);color:#fff;border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:10px;padding:10px 18px;font:400 20px Bungee;position:absolute;top:40%;left:50%;transform:translate(-50%)}.debug{color:#aef;white-space:pre;background:#0009;border-radius:6px;padding:6px 8px;font:12px monospace;position:absolute;bottom:40px;right:14px}.controls-hint{text-align:center;color:#fff;max-width:min(640px,60vw);text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink);opacity:.85;font-size:13px;font-weight:800;position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:12px!important}.pause-card,.settings-card{flex-direction:column;gap:10px;width:min(380px,92vw);display:flex}.settings-card{width:min(520px,94vw);max-height:90vh;overflow:auto}h2{margin:0;font:400 28px Bungee,sans-serif}.small{margin:0;font-size:13px;font-weight:700}.settings-grid{flex-direction:column;gap:10px;font-weight:800;display:flex}.settings-grid label{flex-direction:column;gap:4px;display:flex}.settings-grid label.check{flex-direction:row;align-items:center;gap:8px}.settings-grid input[type=range]{accent-color:var(--card-dark);width:100%}.settings-grid input[type=checkbox]{width:20px;height:20px;accent-color:var(--card-dark)}@media (prefers-reduced-motion:reduce){.spinner-box,.toast{animation:none}.btn{transition:none}}.fatal{z-index:100;color:#fff;border:3px solid var(--ink);box-shadow:var(--shadow);white-space:pre-wrap;background:#b8321c;border-radius:10px;padding:10px 14px;font:800 15px Nunito,sans-serif;position:fixed;bottom:48px;left:16px;right:16px}.stamina{border:2px solid var(--ink);background:#1b14208c;border-radius:7px;width:120px;height:12px;margin-left:-60px;transition:opacity .4s;position:absolute;top:calc(50% + 34px);left:50%;overflow:visible}.stamina.full{opacity:0}#stamina-fill{background:#7fe07a;border-radius:4px;width:100%;height:100%}.stamina.winded #stamina-fill{background:var(--danger)}.winded-label{color:var(--danger);text-shadow:1px 1px 0 var(--ink);opacity:0;white-space:nowrap;font:400 13px Bungee,sans-serif;position:absolute;top:14px;left:50%;transform:translate(-50%)}.stamina.winded .winded-label{opacity:1;animation:.5s ease-in-out infinite pant}@keyframes pant{50%{transform:translate(-50%)scale(1.15)}}.dodge-pip{border:2px solid var(--ink);color:#fff;opacity:.5;background:#6f6a78;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font:400 11px Bungee,sans-serif;transition:opacity .2s,background .2s;display:flex;position:absolute;top:calc(50% + 29px);left:calc(50% + 72px)}.dodge-pip.ready{background:var(--blue);opacity:.9}@media (prefers-reduced-motion:reduce){.stamina.winded .winded-label{animation:none}}.prompt{text-align:center;color:#fff;max-width:min(560px,90vw);text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);font:800 17px Nunito,sans-serif;position:absolute;top:calc(50% + 58px);left:50%;transform:translate(-50%)}.prompt b{font-family:Bungee,sans-serif;font-weight:400}.prompt .key{background:var(--paper);min-width:24px;color:var(--ink);border:2px solid var(--ink);text-shadow:none;box-shadow:2px 2px 0 var(--ink);border-radius:5px;padding:1px 6px;font:400 14px Bungee,sans-serif;display:inline-block}.prompt .price{color:#7fe07a;font-family:Bungee,sans-serif}.prompt .meta{opacity:.95;margin-top:3px;font-size:12px;font-weight:700}.flash{color:#fff;text-shadow:2px 2px 0 var(--ink);white-space:nowrap;font:400 22px Bungee,sans-serif;animation:.2s ease-out pop;position:absolute;top:calc(50% - 70px);left:50%;transform:translate(-50%)}.flash.bad{color:#ffb4a3}.flash.good{color:#9dff95}.pockets{align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.slot-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.slot-label{color:#fff;text-shadow:1px 1px 0 var(--ink);font:400 10px Bungee,sans-serif}.slot{text-align:center;color:#ffffff8c;background:#1b14208c;border:3px solid #1b1420cc;border-radius:8px;justify-content:center;align-items:center;width:104px;height:40px;padding:2px 6px;font:800 11px/1.1 Nunito,sans-serif;display:flex;overflow:hidden}.slot.filled{color:#fff;background:#1b1420cc}.slot.hand{width:130px}.slot.sel{box-shadow:0 0 0 3px var(--go)}.charge{--p:0;background:conic-gradient(var(--go) calc(var(--p) * 1%), #1b142059 0);border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 17px,#000 18px);mask:radial-gradient(circle,#0000 17px,#000 18px)}.charge.max{background:conic-gradient(var(--danger) 100%, transparent 0)}@media (max-width:700px){.slot{width:72px}.slot.hand{width:90px}}.heat{color:#fff;text-shadow:1px 1px 0 var(--ink);pointer-events:auto;align-items:center;gap:8px;font:400 13px Bungee,sans-serif;transition:opacity .5s;display:flex;position:absolute;top:118px;left:50%;transform:translate(-50%)}.heat.cold{opacity:0;pointer-events:none}.heat-bar{border:2px solid var(--ink);background:#1b14208c;border-radius:6px;width:110px;height:10px;overflow:hidden}#heat-fill{background:linear-gradient(90deg,#ffcf3a,#ff5a3c);width:0;height:100%;transition:width .3s;display:block}.heat.hot .heat-label{color:#ff5a3c;animation:.6s ease-in-out infinite pant}.fx{pointer-events:none;position:absolute;inset:0}.fx-flash{opacity:0;background:#fff}.fx-flash.on{animation:1.2s ease-out forwards camflash}@keyframes camflash{0%{opacity:.95}25%{opacity:.85}to{opacity:0}}.fx-knocked{background:radial-gradient(#0000 45%,#1b14208c 100%)}.fx-knocked .daze{color:#ffe14a;letter-spacing:18px;text-shadow:2px 2px 0 var(--ink);font:400 44px Bungee,sans-serif;animation:.9s linear infinite daze;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes daze{0%{transform:translate(-50%)rotate(-8deg)}50%{transform:translate(-50%)rotate(8deg)}to{transform:translate(-50%)rotate(-8deg)}}.fx-swarm i{border:4px solid var(--ink);background:#8a94a8;border-radius:50%;width:90px;height:60px;animation:.25s ease-in-out infinite alternate flap,2.4s linear infinite circle;position:absolute;box-shadow:inset -12px -8px #6f7a91}.fx-swarm i:after{content:"";border:10px solid #0000;border-left:16px solid #ffcf3a;position:absolute;top:18px;right:-14px}.fx-swarm i:first-child{animation-delay:0s,-.3s;top:8%;left:4%}.fx-swarm i:nth-child(2){animation-delay:-.1s,-1.1s;top:14%;right:6%}.fx-swarm i:nth-child(3){animation-delay:-.05s,-.7s;bottom:18%;left:10%}.fx-swarm i:nth-child(4){animation-delay:-.15s,-1.8s;bottom:12%;right:12%}.fx-swarm i:nth-child(5){animation-delay:-.2s,-.4s;top:4%;left:38%}.fx-swarm i:nth-child(6){animation-delay:-.12s,-2s;top:50%;left:22%}.fx-swarm i:nth-child(7){animation-delay:-.08s,-1.4s;top:58%;right:24%}@keyframes flap{0%{transform:scaleY(1)}to{transform:scaleY(.7)}}@keyframes circle{0%{translate:0}25%{translate:40px -20px}50%{translate:0 -40px}75%{translate:-40px -20px}to{translate:0}}@media (prefers-reduced-motion:reduce){.fx-swarm i,.fx-knocked .daze,.heat.hot .heat-label{animation:none}.fx-flash.on{animation-duration:.4s}}.match-hud{text-align:center;color:#fff;text-shadow:2px 2px 0 var(--ink);pointer-events:none;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mh-round{opacity:.9;font:400 13px Bungee,sans-serif}.mh-time{font:400 34px/1 Bungee,sans-serif}.mh-time.warn{color:#ffcf3a}.mh-time.danger{color:#ff5a3c;animation:.5s ease-in-out infinite pant}.mh-sub{margin-top:2px;font:800 14px Nunito,sans-serif}.event-hud{color:#ffe14a;border:2px solid var(--ink);white-space:nowrap;background:#1b1420b3;border-radius:8px;padding:4px 10px;font:400 13px Bungee,sans-serif;position:absolute;top:88px;left:50%;transform:translate(-50%)}.event-hud.bad{color:#ff8a7a}.home-arrow{color:#fff;text-shadow:1px 1px 0 var(--ink);flex-direction:column;align-items:center;gap:2px;font:400 12px Bungee,sans-serif;display:flex;position:absolute;top:calc(50% + 90px);left:50%;transform:translate(-50%)}.home-arrow .ha-arrow{border-left:11px solid #0000;border-right:11px solid #0000;border-bottom:22px solid var(--home,#fff);width:0;height:0;filter:drop-shadow(1px 1px 0 var(--ink)) drop-shadow(-1px -1px 0 var(--ink))}.home-arrow.urgent span{color:#ff5a3c;animation:.5s ease-in-out infinite pant}.scores{border:2px solid var(--ink);background:#1b142099;border-radius:8px;min-width:170px;margin:0;padding:6px 8px;list-style:none;position:absolute;top:48px;right:14px}.scores:empty{display:none}.scores li{color:#fff;align-items:center;gap:6px;padding:1px 0;font:800 13px Nunito,sans-serif;display:flex}.scores li .dot{border:2px solid var(--ink);border-radius:50%;flex:none;width:10px;height:10px}.scores li .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:110px;overflow:hidden}.scores li .cash{color:#7fe07a;font-family:Bungee,sans-serif;font-weight:400}.scores li .bank{color:#ffe14a;font-size:11px}.scores li.me .nm{text-decoration:underline}.big-banner{text-align:center;color:#fff;pointer-events:none;max-width:92vw;animation:.35s ease-out bannerIn;position:absolute;top:24%;left:50%;transform:translate(-50%)}.big-banner #bb-title{text-shadow:3px 3px 0 var(--ink), -2px -2px 0 var(--ink);font:400 44px/1.05 Bungee,sans-serif}.big-banner #bb-sub{text-shadow:2px 2px 0 var(--ink);margin-top:6px;font:900 18px Nunito,sans-serif}.big-banner.good #bb-title{color:#ffe14a}.big-banner.bad #bb-title{color:#ff6a5a}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)scale(1.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.tally{z-index:5;pointer-events:auto;width:min(520px,92vw);padding:16px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tally h2{text-align:center;margin:0 0 10px;font:400 24px Bungee,sans-serif}.tally table{border-collapse:collapse;width:100%;font:800 15px Nunito,sans-serif}.tally th{text-align:right;opacity:.7;padding:2px 6px;font:400 11px Bungee,sans-serif}.tally th:first-child,.tally td:first-child{text-align:left}.tally td{text-align:right;border-top:2px solid #1b142026;padding:5px 6px}.tally td .dot{border:2px solid var(--ink);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.tally td.money{color:#2f8f3a;font-family:Bungee,sans-serif;font-weight:400}.tally td.neg{color:#c0392b}.tally tr.winner td{background:#ffcf3a59}.tally p{text-align:center;margin:10px 0 0;font-weight:800}@media (prefers-reduced-motion:reduce){.big-banner,.mh-time.danger,.home-arrow.urgent span{animation:none}}.wipeout{color:#fff;pointer-events:none;background:radial-gradient(#1b14201a 30%,#1b1420a6 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wipeout .wo-title{color:#ff5a3c;text-shadow:3px 3px 0 var(--ink);font:400 56px Bungee,sans-serif}.wipeout #wipeout-sub{text-shadow:2px 2px 0 var(--ink);font:900 20px Nunito,sans-serif}.heat-bar{position:relative}.heat-bar i{background:#1b1420cc;width:2px;position:absolute;top:0;bottom:0}.stars{gap:2px;font-size:20px;line-height:1;display:flex}.stars b{color:#1b142073;-webkit-text-stroke:1px #ffffff59;transition:color .2s,transform .2s}.stars b.on{color:#ffcf3a;-webkit-text-stroke:1.5px var(--ink);animation:1.1s ease-in-out infinite starPulse;transform:scale(1.15)}@keyframes starPulse{50%{color:#ff5a3c}}.heat.wanted .heat-label{color:#ffcf3a}@media (prefers-reduced-motion:reduce){.stars b.on{animation:none}}.jail{z-index:20;pointer-events:none;background:repeating-linear-gradient(90deg,#1b1420b8 0 18px,#1b142073 18px 64px);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.jail.hidden{display:none}.jail-title{color:#ff5a3c;text-shadow:3px 3px 0 var(--ink);text-align:center;font:400 44px Bungee,sans-serif}.jail-title span{color:#f3e2b8;text-shadow:2px 2px 0 var(--ink);font:900 17px Nunito,sans-serif;display:block}.jail-timer{color:#fff;text-shadow:2px 2px 0 var(--ink);font:900 18px Nunito,sans-serif}.jail-timer.urgent{color:#7dff9a}.jail canvas{pointer-events:auto;cursor:none;background:#1b142080;border-radius:18px;width:min(640px,92vw);height:auto;box-shadow:0 8px #1b142099}.jail-help{color:#f3e2b8;text-shadow:1px 1px 0 var(--ink);text-align:center;max-width:92vw;font:700 15px Nunito,sans-serif}.jail-help b{color:#ffe14a}body.jailed #prompt,body.jailed #charge,body.jailed .crosshair{display:none!important}.bigshot{color:#fff;text-shadow:1px 1px 0 var(--ink);pointer-events:none;background:#1b142099;border:2px solid #ffcf3a;border-radius:12px;align-items:center;gap:8px;padding:4px 12px;font:900 15px Nunito,sans-serif;display:flex;position:absolute;top:148px;left:50%;transform:translate(-50%)}.bigshot.hidden{display:none}.bigshot .bs-cash{color:#ffcf3a;font:400 16px Bungee,sans-serif}.bigshot .bs-arrow{color:#ffcf3a;transition:transform .1s linear;display:inline-block}