.hud{pointer-events:none;-webkit-user-select:none;user-select:none;color:#f4f6f8;text-shadow:0 1px 2px #0009;font-size:14px;position:fixed;inset:0}.crosshair-area{justify-items:center;gap:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-11px)}.crosshair{width:22px;height:22px;position:relative}.crosshair:before,.crosshair:after{content:"";background:#ffffffd9;position:absolute;box-shadow:0 0 2px #000000b3}.crosshair:before{width:2px;height:22px;top:0;left:10px}.crosshair:after{width:22px;height:2px;top:10px;left:0}.crosshair.aim:before,.crosshair.aim:after{background:#ff7864e6}.hit-marker{background:linear-gradient(45deg,#0000 46%,#ffffffe6 46% 54%,#0000 54%) 0 0/9px 9px no-repeat,linear-gradient(-45deg,#0000 46%,#ffffffe6 46% 54%,#0000 54%) 100% 0/9px 9px no-repeat,linear-gradient(-45deg,#0000 46%,#ffffffe6 46% 54%,#0000 54%) 0 100%/9px 9px no-repeat,linear-gradient(45deg,#0000 46%,#ffffffe6 46% 54%,#0000 54%) 100% 100%/9px 9px no-repeat;animation:.25s ease-out forwards hit-marker;position:absolute;inset:-6px}.hit-marker.kill{filter:sepia()saturate(8)hue-rotate(-30deg)}@keyframes hit-marker{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.hurt-vignette{opacity:0;background:radial-gradient(#0000 55%,#aa00008c 100%);position:absolute;inset:0}.hurt-wedge{opacity:0;filter:drop-shadow(0 0 4px #0009);border-bottom:26px solid #c81414cc;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.hit-marker{animation-duration:1ms}}.ghost-hint{letter-spacing:.02em;background:#0006;border-radius:10px;padding:1px 8px;font-size:12px}.ghost-hint.fuse{color:#8fe388}.ghost-hint.blocked{color:#ff8a80}.vitals{justify-items:start;gap:3px;width:466px;display:grid;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.hearts,.bubbles{gap:2px;display:flex}.heart{filter:drop-shadow(0 1px 1px #0009);width:18px;height:18px}.heart-empty{fill:#141418b3;stroke:#0009;stroke-width:1px}.heart-full{fill:#e5352b}.hearts.burning .heart-full{fill:#ff8c1a}.bubble{box-sizing:border-box;background:radial-gradient(circle at 35% 35%,#fff 0 20%,#5aa9e6 60%);border:2px solid #cfeaff;border-radius:50%;width:14px;height:14px}.bubble.popped{visibility:hidden}.death{color:#ff6b5e;letter-spacing:.04em;font-size:44px;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hotbar-area{justify-items:center;gap:6px;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hotbar-label{font-weight:600}.hotbar{background:#0a0e148c;border-radius:6px;gap:4px;margin:0;padding:4px;list-style:none;display:flex}.slot{border:2px solid #ffffff24;border-radius:4px;place-items:center;width:48px;height:48px;display:grid;position:relative}.slot.selected{background:#ffffff1f;border-color:#f4f6f8}.slot img{width:36px;height:36px;image-rendering:pixelated}.slot .count{font-size:13px;font-weight:700;position:absolute;bottom:1px;right:3px}.slot .key{opacity:.6;font-size:10px;position:absolute;top:0;left:3px}.debug{background:#00000080;border-radius:4px;margin:0;padding:6px 8px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:8px;left:8px}.overlay{pointer-events:auto;background:#080c128c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.panel{width:min(560px,100%);max-height:100%;text-shadow:none;background:#10161eeb;border-radius:12px;padding:28px 32px;overflow:auto;box-shadow:0 12px 40px #00000073}.panel h1{letter-spacing:.02em;margin:0 0 12px;font-size:32px}.tagline{color:#b9c3cf;margin:16px 0;line-height:1.5}.loading progress{width:100%;height:8px}.play{color:#0b1a08;width:100%;font:inherit;cursor:pointer;background:#6cb04a;border:0;border-radius:8px;padding:12px;font-size:17px;font-weight:700}.play:hover,.play:focus-visible{background:#7fc95b}.error{color:#ff8a80}.controls{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 16px;margin:0;font-size:13px;display:grid}.controls div{justify-content:space-between;gap:8px;display:flex}.controls dt{color:#f2c14e;font-weight:600}.controls dd{color:#d5dce4;text-align:right;margin:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf2;background:#0b0f14;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}