.tech-icon{display:inline-block;width:32px;height:32px;flex-shrink:0;background:url(../assets/branding/technique-atlas.webp) no-repeat;background-size:300% 300%;image-rendering:pixelated;vertical-align:middle}.ui-icon{display:inline-block;width:32px;height:32px;flex-shrink:0;background-image:url(../assets/branding/hud-atlas.webp);background-size:400% 400%;background-repeat:no-repeat;image-rendering:pixelated;vertical-align:middle}.ui-icon[data-icon=health]{background-position:0% 0%}.ui-icon[data-icon=time]{background-position:33.333333333333336% 0%}.ui-icon[data-icon=kills]{background-position:66.66666666666667% 0%}.ui-icon[data-icon=shards]{background-position:100% 0%}.ui-icon[data-icon=jump]{background-position:0% 33.333333333333336%}.ui-icon[data-icon=dash]{background-position:33.333333333333336% 33.333333333333336%}.ui-icon[data-icon=domain]{background-position:66.66666666666667% 33.333333333333336%}.ui-icon[data-icon=pause]{background-position:100% 33.333333333333336%}.ui-icon[data-icon=sound]{background-position:0% 66.66666666666667%}.ui-icon[data-icon=camera]{background-position:33.333333333333336% 66.66666666666667%}.ui-icon[data-icon=technique]{background-position:66.66666666666667% 66.66666666666667%}.ui-icon[data-icon=map]{background-position:100% 66.66666666666667%}.ui-icon[data-icon=lock]{background-position:0% 100%}.ui-icon[data-icon=upgrade]{background-position:33.333333333333336% 100%}.ui-icon[data-icon=back]{background-position:66.66666666666667% 100%}.ui-icon[data-icon=info]{background-position:100% 100%}:root{--px:4px;--ink:#07060d;--void:#0c0a15;--panel:#16132a;--panel-2:#201b38;--panel-3:#2b2449;--line:#3b3260;--bone:#f4e9d2;--bone-d:#cdbd9c;--muted:#9c95b8;--dim:#6d6690;--blood:#ff2e4d;--blood-d:#9e1230;--blood-l:#ff8094;--cursed:#6ff6ff;--cursed-d:#1b7f99;--cursed-l:#c9fdff;--violet:#a370ff;--violet-d:#4a2a8e;--violet-l:#d2b8ff;--gold:#ffd23f;--gold-d:#a66a06;--gold-l:#fff1a6;--f-display:"Pixelify Sans","Trebuchet MS",system-ui,sans-serif;--f-label:"Press Start 2P",ui-monospace,monospace}.px-panel,.px-btn,.px-bar,.notch{--notch:-4px 0 0 0 var(--o,var(--ink)),4px 0 0 0 var(--o,var(--ink)),0 -4px 0 0 var(--o,var(--ink)),0 4px 0 0 var(--o,var(--ink))}.px-title{font-family:var(--f-display);font-weight:700;letter-spacing:0;line-height:.92;color:var(--bone);text-shadow:3px 0 var(--ink),-3px 0 var(--ink),0 3px var(--ink),0 -3px var(--ink),3px 3px var(--ink),-3px 3px var(--ink),3px -3px var(--ink),-3px -3px var(--ink),0 7px var(--ink),3px 7px var(--ink),-3px 7px var(--ink)}.px-label{font-family:var(--f-label);font-size:8px;line-height:1.8;letter-spacing:0;text-transform:uppercase}.px-panel{position:relative;background:var(--panel);box-shadow:inset 0 var(--px) 0 0 #ffffff14,inset 0 calc(var(--px)*-1) 0 0 #00000059,var(--notch),0 calc(var(--px)*3) 0 0 #00000080}.px-btn{--bg:var(--blood);--hi:var(--blood-l);--lo:var(--blood-d);--fg:var(--bone);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 20px;border:0;border-radius:0;background:var(--bg);color:var(--fg);font-family:var(--f-label);font-size:11px;line-height:1.4;letter-spacing:0;text-decoration:none;cursor:pointer;text-shadow:2px 2px 0 var(--lo);image-rendering:pixelated;box-shadow:inset 0 var(--px) 0 0 var(--hi),inset 0 calc(var(--px)*-1.5) 0 0 var(--lo),var(--notch),0 calc(var(--px)*2) 0 0 var(--ink),0 calc(var(--px)*3) 0 0 #0006;transition:transform .08s steps(2),filter .08s}.px-btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.px-btn:active,.px-btn.pressed{transform:translateY(6px);box-shadow:inset 0 var(--px) 0 0 var(--lo),inset 0 calc(var(--px)*-1) 0 0 var(--hi),var(--notch),0 2px 0 0 var(--ink)}.px-btn:focus-visible{outline:3px dashed var(--cursed);outline-offset:8px}.px-btn--cursed{--bg:var(--cursed);--hi:var(--cursed-l);--lo:var(--cursed-d);--fg:#062530;text-shadow:none}.px-btn--gold{--bg:var(--gold);--hi:var(--gold-l);--lo:var(--gold-d);--fg:#2e1a02;text-shadow:none}.px-btn--ghost{--bg:var(--panel-2);--hi:#3e3566;--lo:#0e0b1c;--fg:var(--bone)}.px-btn kbd{font:7px var(--f-label);padding:5px 6px 4px;background:#0006;color:inherit;box-shadow:0 2px #0008;opacity:.85}.px-btn .ui-icon,.px-btn .tech-icon{width:34px;height:34px;margin:-6px 0;filter:drop-shadow(2px 2px 0 #0008)}.px-bar{position:relative;height:14px;background:#0b0918;box-shadow:var(--notch);overflow:hidden}.px-bar>i{position:absolute;inset:0 auto 0 0;display:block;background:var(--fill,var(--blood));box-shadow:inset 0 3px #fff5,inset 0 -3px #00000040}.px-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 10px,#0b0918 10px 12px);pointer-events:none}.px-pip{display:inline-block;width:8px;height:8px;background:var(--blood);box-shadow:0 0 0 2px var(--ink),0 0 12px var(--blood);animation:px-blink 1s steps(2) infinite}@keyframes px-blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.px-pip{animation:none}.px-btn{transition:none}}.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0 0;font:700 13px/1.2 var(--f-display,"Trebuchet MS",sans-serif)}.social-links a,.social-links button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid #efe3c53d;border-radius:4px;background:#110d1ce8;color:#efe3c5;text-decoration:none;font:inherit;letter-spacing:.2px;box-shadow:0 3px #0008;transition:background .15s,border-color .15s}.social-links a:hover{background:#2b1d35;border-color:#63e5df;color:#fff}.social-links a:focus-visible{outline:2px solid #63e5df;outline-offset:4px}.social-links svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.social-links .pump-link{border-color:#70e9a260;color:#a2efbe;cursor:default;opacity:.85}.social-links .pump-link small{font-size:8px;letter-spacing:.5px;color:#c0b9ca}.pump-pill{display:block;flex-shrink:0;width:20px;height:11px;border:1.5px solid #e5fff0;border-radius:20px;background:linear-gradient(90deg,#63df9a 0 50%,#eefcf3 50%);transform:rotate(-38deg)}#menu .social-links{justify-content:center;margin:8px 0 18px}#menu .social-links a,#menu .social-links button{min-height:36px;padding:8px 10px;font-size:12px}@media(max-width:480px){.social-links{gap:8px}.social-links a,.social-links button{padding:9px 10px;font-size:12px}.social-links .pump-link{gap:6px}.social-links .pump-link small{font-size:7px}}@media(prefers-reduced-motion:reduce){.social-links a,.social-links button{transition:none}}