.tutorial{z-index:2;color:#140a1c;pointer-events:none;background:#ffc23d;border:4px solid #140a1c;max-width:min(640px,90vw);padding:10px 20px;font-family:system-ui,sans-serif;position:fixed;top:16px;left:50%;transform:translate(-50%)skew(-6deg);box-shadow:8px 8px #140a1c}.tutorial.play{animation:.4s cubic-bezier(.2,1.5,.4,1) tutorial-in}@keyframes tutorial-in{0%{opacity:0;transform:translate(-50%,-30px)skew(-6deg)scale(.92)}}.tutorial-counter{letter-spacing:.18em;opacity:.75;font:italic 900 13px/1 Impact,Haettenschweiler,Arial Black,sans-serif}.tutorial-text{margin-top:5px;font:italic 800 19px/1.25 system-ui,sans-serif}.tutorial-dots{gap:6px;margin-top:8px;display:flex}.tutorial-dots span{background:#140a1c40;width:18px;height:6px;transform:skew(-20deg)}.tutorial-dots span.done{background:#140a1c}.tutorial-dots span.now{background:#ff4a2e}.tutorial-hint{letter-spacing:.06em;opacity:.75;margin-top:6px;font-size:12px}.tutorial-stamp{z-index:3;color:#3fd6ff;-webkit-text-stroke:4px #140a1c;paint-order:stroke fill;text-shadow:7px 7px #140a1c;pointer-events:none;font:italic 900 64px/1 Impact,Haettenschweiler,Arial Black,sans-serif;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.tutorial-stamp.play{animation:.9s cubic-bezier(.2,1.6,.4,1) both stamp}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(2)}20%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)rotate(-8deg)scale(1)}}:is(body:has(.menu:not([hidden])) .tutorial,body:has(.menu:not([hidden])) .tutorial-stamp){visibility:hidden}.comic{--ink:#140a1c;--paper:#f4e2b8;--comic-font:italic 900 1em/1 Impact, Haettenschweiler, "Arial Black", "Franklin Gothic Heavy", "DejaVu Sans", sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;position:fixed;inset:0;overflow:hidden}.comic [hidden]{display:none!important}body:has(.menu:not([hidden])) .comic{visibility:hidden}.comic-word{font:var(--comic-font);font-size:var(--size);color:var(--color);-webkit-text-stroke:calc(var(--size) * .075) var(--ink);paint-order:stroke fill;text-shadow:calc(var(--size) * .07) calc(var(--size) * .07) 0 var(--shadow), calc(var(--size) * .12) calc(var(--size) * .12) 0 var(--ink);letter-spacing:.02em;white-space:nowrap;transform:translate(var(--x), var(--y)) translate(-50%, -50%) rotate(var(--tilt)) skewX(var(--skew));position:absolute;top:0;left:0}.comic-word span{transform:translateY(var(--ly)) rotate(var(--lr));display:inline-block}.comic-word.play{animation:word-pop var(--life) cubic-bezier(.2, .9, .3, 1.2) both}@keyframes word-pop{0%{opacity:1;transform:translate(var(--x), var(--y)) translate(-50%, -50%) rotate(var(--tilt)) skewX(var(--skew)) scale(.2)}16%{transform:translate(calc(var(--x) + var(--shake)), var(--y)) translate(-50%, -50%) rotate(var(--tilt)) skewX(var(--skew)) scale(1.22)}28%{transform:translate(calc(var(--x) - var(--shake)), var(--y)) translate(-50%, -50%) rotate(var(--tilt)) skewX(var(--skew)) scale(1)}40%{transform:translate(var(--x), var(--y)) translate(-50%, -50%) rotate(var(--tilt)) skewX(var(--skew)) scale(1)}72%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) - 34px)) translate(-50%, -50%) rotate(var(--tilt)) skewX(var(--skew)) scale(.9)}}.comic-flash{background:var(--flash,#fff);opacity:0;mix-blend-mode:screen;position:absolute;inset:0}.comic-flash.play{animation:.32s ease-out both comic-flash}@keyframes comic-flash{0%{opacity:var(--strength,.4)}to{opacity:0}}.comic-transform{justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.comic-transform:before,.comic-transform-dots{content:"";clip-path:polygon(0 22%,100% 0,100% 78%,0 100%);height:30%;position:absolute;top:8%;left:-10%;right:-10%}.comic-transform:before{background:var(--mode);box-shadow:inset 0 0 0 9px var(--ink)}.comic-transform-dots{background-image:radial-gradient(circle,#140a1c80 30%,#0000 33%);background-size:11px 11px}.comic-transform-name{font:var(--comic-font);color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:11px 11px 0 var(--ink);letter-spacing:.04em;margin-top:calc(23vh - .5em);font-size:min(15vw,150px);position:relative;transform:skew(-12deg)rotate(-4deg)}.comic-transform.play{animation:.6s cubic-bezier(.15,.85,.3,1) both transform-slash}@keyframes transform-slash{0%{opacity:1;transform:translate(-70%)skew(-24deg)}22%{transform:translate(0)skew(-4deg)}68%{opacity:1;transform:translate(2%)skew(-4deg)scale(1.03)}to{opacity:0;transform:translate(70%)skew(-24deg)}}.comic-banner{text-align:center;background:var(--paper);border:4px solid var(--ink);min-width:280px;box-shadow:9px 9px 0 var(--ink);padding:14px 34px 12px;position:absolute;top:9%;left:50%;transform:translate(-50%)skew(-8deg)}.comic-banner:after{content:"";background-image:radial-gradient(circle,#ff4a2e73 30%,#0000 33%);background-size:8px 8px;width:42%;height:70%;position:absolute;bottom:-4px;right:-4px;-webkit-mask-image:linear-gradient(135deg,#0000 30%,#000 100%);mask-image:linear-gradient(135deg,#0000 30%,#000 100%)}.comic-banner-title{z-index:1;font:var(--comic-font);color:#ff4a2e;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);letter-spacing:.05em;font-size:56px;position:relative}.comic-banner-sub{z-index:1;letter-spacing:.12em;color:var(--ink);margin-top:6px;font:italic 800 17px/1.2 system-ui,sans-serif;position:relative}.comic-banner[data-tone=alert]{background:var(--ink);border-color:#ff4a2e;box-shadow:9px 9px #ff4a2e}.comic-banner[data-tone=alert] .comic-banner-title{color:var(--paper);font-size:38px}.comic-banner[data-tone=alert] .comic-banner-sub{color:#ff8a2a}.comic-banner.play{animation:.5s cubic-bezier(.2,1.5,.4,1) both banner-in}.comic-banner.out{animation:.35s ease-in both banner-out}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-140%)skew(-8deg)rotate(-6deg)}to{opacity:1;transform:translate(-50%)skew(-8deg)}}@keyframes banner-out{to{opacity:0;transform:translate(-50%,-60%)skew(-8deg)scale(.9)}}.comic-letterbox{transition:box-shadow .18s ease-out;position:absolute;inset:0}.comic-letterbox:before,.comic-letterbox:after{content:"";background:#0b0510;height:0;transition:height .2s ease-out;position:absolute;left:0;right:0}.comic-letterbox:before{top:0}.comic-letterbox:after{bottom:0}.comic-letterbox.on{box-shadow:inset 0 0 0 9px var(--ink)}.comic-letterbox.on:before,.comic-letterbox.on:after{height:11vh}.comic-letterbox-dots{opacity:0;background-image:radial-gradient(circle,#140a1c8c 30%,#0000 33%);background-size:9px 9px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 52%,#000 88%);mask-image:radial-gradient(#0000 52%,#000 88%)}.comic-letterbox.on .comic-letterbox-dots{opacity:1}.comic-letterbox-caption{letter-spacing:.08em;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);opacity:0;background:#ffc23d;padding:8px 16px;font:italic 900 22px/1 system-ui,sans-serif;transition:opacity .15s;position:absolute;bottom:13vh;left:5vw;transform:skew(-8deg)}.comic-letterbox.on .comic-letterbox-caption:not(:empty){opacity:1}.comic-caption{letter-spacing:.08em;max-width:60vw;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);opacity:0;background:#ffc23d;padding:9px 18px;font:italic 900 24px/1 system-ui,sans-serif;position:absolute;top:24vh;left:5vw;transform:skew(-8deg)}.comic-caption.play{animation:caption-in-out var(--d,2.4s) ease-out}@keyframes caption-in-out{0%{opacity:0;transform:translate(-40px)skew(-8deg)}8%{opacity:1;transform:translate(6px)skew(-8deg)}14%,82%{opacity:1;transform:translate(0)skew(-8deg)}to{opacity:0;transform:translate(0)skew(-8deg)}}.comic-bubble{max-width:220px;color:var(--ink);border:3px solid var(--ink);transform:translate(var(--x), var(--y)) translate(-50%, -100%);white-space:nowrap;background:#fff;border-radius:18px;padding:8px 14px;font:italic 800 16px/1.15 system-ui,sans-serif;position:absolute;top:0;left:0;box-shadow:4px 4px #140a1c99}.comic-bubble:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;width:16px;height:14px;position:absolute;bottom:-14px;left:34%;transform:skew(30deg)rotate(30deg)}.comic-bubble.play{animation:1.7s ease-out both bubble-pop}@keyframes bubble-pop{0%{opacity:0;transform:translate(var(--x), var(--y)) translate(-50%, -100%) scale(.4)}10%{opacity:1;transform:translate(var(--x), var(--y)) translate(-50%, -100%) scale(1.08)}18%,85%{opacity:1;transform:translate(var(--x), var(--y)) translate(-50%, -100%) scale(1)}to{opacity:0;transform:translate(var(--x), calc(var(--y) - 10px)) translate(-50%, -100%) scale(1)}}.menu{--ink:#140a1c;--paper:#f4e2b8;--cyan:#3fd6ff;--pink:#ff4fa3;--amber:#ffa21f;--crime:#ff4a2e;--comic-font:italic 900 1em/1 Impact, Haettenschweiler, "Arial Black", "Franklin Gothic Heavy", "DejaVu Sans", sans-serif;z-index:5;color:var(--paper);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0}.menu-backdrop{background:radial-gradient(circle,#140a1c8c 28%,#0000 30%) 0 0/9px 9px,radial-gradient(at 30% 45%,#140a1c1a,#140a1ccc);position:absolute;inset:0}.menu[data-screen=title] .menu-backdrop{background:radial-gradient(circle,#140a1c66 26%,#0000 28%) 0 0/9px 9px,linear-gradient(90deg,#140a1cd1 0%,#140a1c59 55%,#140a1c0d 100%)}.menu-speedlines{opacity:.18;background:repeating-linear-gradient(-62deg, transparent 0 46px, var(--pink) 46px 49px, transparent 49px 120px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 60%);mask-image:linear-gradient(90deg,#000,#0000 60%)}.menu-panel{flex-direction:column;align-items:flex-start;gap:18px;max-height:92vh;display:flex;position:relative;overflow:auto}.menu-title-screen{position:absolute;top:50%;left:6vw;transform:translateY(-50%)}.menu-title-art{padding:26px 30px 18px 10px;position:relative}.menu-burst{z-index:-1;width:520px;max-width:90vw;fill:var(--crime);stroke:var(--ink);stroke-width:2.4px;opacity:.88;filter:drop-shadow(8px 8px 0 var(--ink));position:absolute;top:-42px;left:-40px}.menu-title-name{font:var(--comic-font);letter-spacing:.01em;color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:-5px 3px 0 var(--cyan), 6px 6px 0 var(--pink), 11px 11px 0 var(--ink);margin-top:6px;font-size:min(10.5vw,112px);animation:.7s cubic-bezier(.2,1.4,.4,1) both title-in;position:relative;transform:skew(-9deg)rotate(-3deg)}@keyframes title-in{0%{opacity:0;transform:translate(-60px)skew(-25deg)rotate(-3deg)scale(1.2)}}.menu-caption{letter-spacing:.12em;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#ffc23d;margin-top:16px;padding:7px 14px;font:italic 800 15px/1.2 system-ui,sans-serif;display:inline-block;transform:skew(-8deg)}.menu-buttons{flex-direction:column;gap:12px;margin-left:18px;display:flex}.menu-button{min-width:250px;font:var(--comic-font);letter-spacing:.06em;text-align:left;color:var(--paper);background:var(--ink);border:3px solid var(--paper);cursor:pointer;padding:10px 26px 8px;font-size:30px;transition:transform 80ms,background 80ms,color 80ms,box-shadow 80ms;transform:skew(-12deg);box-shadow:6px 6px #140a1cd9}.menu-button:hover,.menu-button:focus-visible{color:var(--ink);background:var(--cyan);box-shadow:8px 8px 0 var(--pink);outline:none;transform:skew(-12deg)translate(10px)}.menu-button.primary{color:var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--crime);font-size:40px}.menu-button.primary:hover,.menu-button.primary:focus-visible{background:var(--cyan);box-shadow:9px 9px 0 var(--pink)}.menu-footer{letter-spacing:.16em;opacity:.6;margin-left:22px;font-size:12px}.menu-heading{font:var(--comic-font);color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--pink), 9px 9px 0 var(--ink);font-size:64px;transform:skew(-9deg)rotate(-2deg)}.settings-body{border:3px solid var(--paper);box-shadow:8px 8px 0 var(--cyan);background:#140a1ce0;gap:10px;padding:18px 22px;display:grid}.settings-row{grid-template-columns:230px auto;align-items:center;gap:18px;display:grid}.settings-label{letter-spacing:.08em;text-transform:uppercase;font:italic 800 15px/1.2 system-ui,sans-serif}.settings-choice{gap:6px;display:flex}.settings-choice button,.settings-toggle{letter-spacing:.06em;color:var(--paper);cursor:pointer;background:0 0;border:2px solid #f4e2b880;padding:6px 12px;font:italic 800 14px/1 system-ui,sans-serif;transform:skew(-10deg)}.settings-choice button.on,.settings-toggle.on{color:var(--ink);background:var(--cyan);border-color:var(--ink)}.settings-choice button:focus-visible,.settings-toggle:focus-visible,.settings-slider:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.settings-toggle{min-width:70px}.settings-slider{width:220px;accent-color:var(--cyan)}.controls-card{border:3px solid var(--paper,#f4e2b8);box-shadow:8px 8px 0 var(--pink,#ff4fa3);color:var(--paper,#f4e2b8);background:#140a1ce6;grid-template-columns:repeat(2,minmax(250px,1fr));gap:16px 28px;padding:18px 24px;font-family:system-ui,sans-serif;display:grid}.controls-card h3{letter-spacing:.12em;color:#3fd6ff;margin:0 0 8px;font:italic 900 20px/1 Impact,Haettenschweiler,Arial Black,sans-serif}.controls-row{grid-template-columns:116px auto;align-items:baseline;gap:10px;margin:4px 0;font-size:14px;display:grid}.controls-row kbd{color:#140a1c;background:#f4e2b8;border-radius:4px;justify-self:start;padding:2px 8px;font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 2px #8a7a5c}.control-card-overlay{z-index:4;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}@media (width<=760px){.controls-card{grid-template-columns:1fr}.menu-title-screen{left:16px;right:16px}.menu-button{min-width:0;font-size:24px}.menu-button.primary{font-size:30px}.settings-row{grid-template-columns:1fr;gap:6px}}:root{--ink:#140a1c;--cream:#e9d1a2;--paper:#f4e2b8;--cyan:#3fd6ff;--pink:#de8eca;--amber:#ffa21f;--crime:#ff4a2e;--comic:italic 900 1em/1 Impact, Haettenschweiler, "Arial Black", "Franklin Gothic Heavy", "DejaVu Sans", sans-serif}html,body{background:#261420;height:100%;margin:0;overflow:hidden}canvas{display:block}[hidden]{display:none!important}.hud{--mode:var(--cyan);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--cream);z-index:1;font-family:system-ui,sans-serif;position:fixed;inset:0}.hud-debug{opacity:.7;text-shadow:0 1px 2px #000;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;bottom:4px;right:30px}.hud-status{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:8px 16px;display:grid;position:absolute;bottom:22px;left:24px}.hud-mode{flex-direction:column;grid-row:1/span 2;align-items:center;gap:3px;display:flex}.hud-mode.pop{animation:.3s ease-out tag-pop}.hud-mode-ring{background:var(--mode);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);width:46px;height:46px;box-shadow:0 0 18px var(--mode);filter:drop-shadow(0 0 6px var(--mode));-webkit-mask:radial-gradient(circle,#0000 11px,#000 12px);mask:radial-gradient(circle,#0000 11px,#000 12px)}.hud-mode-name{font:var(--comic);letter-spacing:.08em;color:var(--mode);text-shadow:2px 2px 0 var(--ink), -1px -1px 0 var(--ink);font-size:13px}.hud-health{background:var(--ink);border:3px solid var(--cream);width:210px;height:16px;position:relative;overflow:hidden;transform:skew(-14deg);box-shadow:4px 4px #140a1cb3}.hud-health-lag,.hud-health-fill{transform-origin:0;transform:scaleX(var(--v,1));position:absolute;inset:0}.hud-health-lag{opacity:.55;background:#fff4e0}.hud-health-fill{background:repeating-linear-gradient(90deg, var(--paper) 0 19px, #140a1c59 19px 21px)}.hud-health-fill.low{background:repeating-linear-gradient(90deg, var(--crime) 0 19px, #140a1c59 19px 21px);animation:.6s ease-in-out infinite low-pulse}@keyframes low-pulse{50%{opacity:.6}}.hud-health-label{font:var(--comic);letter-spacing:.1em;color:var(--ink);font-size:11px;line-height:16px;position:absolute;top:0;right:6px}.hud-state{font:var(--comic);letter-spacing:.06em;background:var(--ink);border:3px solid var(--cream);box-shadow:5px 5px 0 var(--mode);transform-origin:0;justify-self:start;padding:6px 16px 4px;font-size:22px;transform:skew(-12deg)}.hud-state.pop{animation:.25s ease-out tag-pop}@keyframes tag-pop{0%{transform:skew(-12deg)scale(1.22)}to{transform:skew(-12deg)scale(1)}}.hud-hint{white-space:nowrap;background:#140a1cad;border-radius:6px;padding:6px 14px;font-size:13px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hud-speed{font:var(--comic);text-shadow:3px 3px 0 var(--ink), -1px -1px 0 var(--ink);font-size:52px;position:absolute;bottom:20px;right:28px;transform:skew(-10deg)}.hud-speed-unit{margin-left:6px;font-size:17px}.hud-crime{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:18px;left:22px}.hud-crimes{background:var(--ink);border:3px solid var(--cream);box-shadow:4px 4px 0 var(--crime);font:var(--comic);letter-spacing:.1em;align-items:center;gap:10px;padding:6px 12px 5px;font-size:13px;display:flex;transform:skew(-10deg)}.hud-crimes.pop{animation:.45s cubic-bezier(.2,1.6,.4,1) crimes-pop}@keyframes crimes-pop{0%{transform:skew(-10deg)scale(1.4)}to{transform:skew(-10deg)scale(1)}}.hud-crimes-count{color:var(--paper);font-size:22px}.hud-objective{border-left:5px solid var(--crime);font:var(--comic);letter-spacing:.08em;color:var(--paper);background:#140a1ccc;align-items:center;gap:10px;padding:5px 12px 5px 8px;font-size:15px;display:flex}.hud-objective.engaged{animation:.9s ease-in-out infinite objective-pulse}@keyframes objective-pulse{50%{border-left-color:#fff}}.hud-objective-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:16px solid var(--crime);width:0;height:0;filter:drop-shadow(1px 1px 0 var(--ink));transform:rotate(var(--a,0deg))}.hud-map{border:4px solid var(--ink);width:168px;height:168px;box-shadow:0 0 0 3px var(--cream), 6px 6px 0 3px var(--ink);border-radius:50%;position:absolute;top:18px;right:22px}.hud-map canvas{border-radius:50%;display:block}.hud-map-north{border-left:7px solid #0000;border-right:7px solid #0000;border-top:9px solid var(--cream);width:0;height:0;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.hud-crosshair{opacity:.75;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-crosshair:before,.hud-crosshair:after{content:"";background:var(--cream);position:absolute;box-shadow:0 0 0 1px #140a1cb3}.hud-crosshair:before{width:2px;height:14px;top:0;left:6px}.hud-crosshair:after{width:14px;height:2px;top:6px;left:0}.hud-crosshair[data-target=ledge],.hud-crosshair[data-target=enemy]{opacity:1;border:2px solid var(--mode);width:22px;height:22px;box-shadow:0 0 10px var(--mode);border-radius:50%}.hud-crosshair[data-target=enemy]{border-color:var(--crime);box-shadow:0 0 10px var(--crime)}.hud-crosshair[data-target=ledge]:before,.hud-crosshair[data-target=enemy]:before{height:14px;top:4px;left:10px}.hud-crosshair[data-target=ledge]:after,.hud-crosshair[data-target=enemy]:after{width:14px;top:10px;left:4px}.hud-crosshair-key{color:var(--ink);background:var(--mode);border-radius:3px;padding:1px 6px;font:800 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.hud-crosshair[data-target=enemy] .hud-crosshair-key{background:var(--crime)}.hud-crosshair[data-target=ledge] .hud-crosshair-key,.hud-crosshair[data-target=enemy] .hud-crosshair-key{display:block}.hud-charge{background:conic-gradient(var(--mode) calc(var(--charge,0) * 360deg), #140a1c66 0);width:64px;height:64px;filter:drop-shadow(0 0 6px var(--mode));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 26px,#000 27px);mask:radial-gradient(circle,#0000 26px,#000 27px)}.hud-combo{font:var(--comic);color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);align-items:baseline;gap:6px;display:flex;position:absolute;top:38%;right:12%;transform:rotate(-6deg)}.hud-combo.pop{animation:.25s cubic-bezier(.2,1.6,.4,1) combo-pop}@keyframes combo-pop{0%{transform:rotate(-6deg)scale(1.45)}to{transform:rotate(-6deg)scale(1)}}.hud-combo-count{color:var(--mode);font-size:46px}.hud-combo-label{letter-spacing:.12em;font-size:18px}.hud-anchor,.hud-zip,.hud-enemy{position:absolute;top:0;left:0}.hud-anchor{border:2px solid var(--mode);width:12px;height:12px;box-shadow:0 0 8px var(--mode);transform:translate(var(--x), var(--y)) translate(-50%, -50%) rotate(45deg)}.hud-zip{background:conic-gradient(var(--cream) calc(var(--charge,1) * 360deg), #e9d1a240 0);opacity:.7;width:24px;height:24px;transform:translate(var(--x), var(--y)) translate(-50%, -50%);border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 8px,#000 9px);mask:radial-gradient(circle,#0000 8px,#000 9px)}.hud-zip.ready{opacity:1}.hud-enemy{transform:translate(var(--x), var(--y)) translate(-50%, -100%);flex-direction:column;align-items:center;display:flex}.hud-enemy-warn{font:var(--comic);color:var(--crime);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-size:34px;animation:.28s ease-in-out infinite alternate warn-bounce}@keyframes warn-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-5px)scale(1.12)}}.hud-enemy-bar{background:var(--ink);border:2px solid var(--ink);width:54px;height:7px;transform:skew(-14deg)}.hud-enemy-fill{transform-origin:0;height:100%;transform:scaleX(var(--v,1));background:#ff3b6b}.hud-enemy-ko{font:var(--comic);letter-spacing:.1em;color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:2px 6px;font-size:14px;transform:rotate(-8deg)}.hud-noanchor{font:var(--comic);letter-spacing:.12em;text-align:center;color:var(--pink);text-shadow:2px 2px 0 var(--ink);font-size:16px;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.hud-noanchor:before{content:"×";font-size:30px;display:block}.hud-slowmo{font:var(--comic);color:var(--amber);text-shadow:2px 2px 0 var(--ink);font-size:20px;position:absolute;top:26px;left:50%;transform:translate(-50%)}.hud-flash{font:var(--comic);color:var(--ink);opacity:0;justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;inset:0}.hud-flash.show{animation:.8s ease-out flash}@keyframes flash{0%{opacity:1;background:#e9d1a266}to{opacity:0;background:#e9d1a200}}.hud-hurt{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #ff4a2eb3}.hud-hurt.show{animation:.45s ease-out hurt-flash}@keyframes hurt-flash{0%{opacity:1}to{opacity:0}}@media (width<=760px){.hud-map{width:120px;height:120px}.hud-map canvas{width:120px!important;height:120px!important}.hud-health{width:140px}.hud-hint{display:none}}