*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;background:#0d0d10;height:100%;overflow:hidden}#game{touch-action:none;width:100%;height:100%;transition:filter .5s;display:block;position:fixed;inset:0}#game.dead{filter:blur(2px)saturate(.75)brightness(.85)}section[data-ui=dead]{background:0 0}section[data-ui=dead]:before{content:"";pointer-events:none;opacity:.14;background:linear-gradient(90deg,silver 0 14.28%,#c0c000 0 28.57%,#00c0c0 0 42.86%,#00c000 0 57.14%,#c000c0 0 71.43%,#c00000 0 85.71%,#0000c0 0 100%) 50% 0/100% 62% no-repeat,linear-gradient(90deg,#0000c0 0 14.28%,#131313 0 28.57%,#c000c0 0 42.86%,#131313 0 57.14%,#00c0c0 0 71.43%,#131313 0 85.71%,silver 0 100%) 50% 67.4%/100% 8% no-repeat,linear-gradient(90deg,#00214c 0 17.5%,#fff 0 35%,#32006a 0 52.5%,#131313 0 70%,#090909 0 77%,#131313 0 84%,#1d1d1d 0 91%,#131313 0 100%) 50% 100%/100% 30% no-repeat;position:absolute;inset:0}section[data-ui=dead]:after{content:"";pointer-events:none;background:radial-gradient(#0d0d101f 30%,#000000c7 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.38' numOctaves='1'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.11'/%3E%3C/svg%3E");animation:.4s step-end infinite static-jitter;position:absolute;inset:0}@keyframes static-jitter{0%{background-position:50%,0 0}20%{background-position:50%,-73px 41px}40%{background-position:50%,89px -57px}60%{background-position:50%,-31px -97px}80%{background-position:50%,61px 83px}to{background-position:50%,0 0}}section[data-ui=paused]:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#e8e8ea0d 0 2px,#0000 2px 5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.38' numOctaves='1'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E");animation:.4s step-end infinite static-jitter;position:absolute;inset:0}section[data-ui=paused]>*,section[data-ui=dead]>*{position:relative}.feed-line{color:#a9adc4;letter-spacing:.08em;font-size:.95rem}.tagline{color:#8a8a94;letter-spacing:.35em;text-transform:uppercase;margin-top:-.6rem;font-size:.9rem}#rec{top:max(12px, env(safe-area-inset-top));letter-spacing:.18em;color:#d9534f;text-shadow:0 1px 3px #000000b3;font-size:.72rem;font-weight:700;animation:1.6s ease-in-out infinite rec-pulse;position:absolute;left:50%;transform:translate(-50%)}@keyframes rec-pulse{0%,to{opacity:.85}50%{opacity:.3}}#rec.paused{color:#e8e8ea;opacity:.9;animation:none}#lookat{letter-spacing:.14em;color:#e8e8ea;text-shadow:0 1px 4px #000c;white-space:nowrap;font-size:.82rem;font-weight:600;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}#heat{background:#e8e8ea24;width:150px;height:5px;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}#heat[hidden]{display:none}#heat-fill{background:#ffb570;width:0;height:100%}#heat-fill.hot{background:#ff5040}.hint{color:#8a8a94;font-size:.8rem}#ui{pointer-events:none;position:fixed;inset:0}.overlay{color:#e8e8ea;pointer-events:auto;background:#0d0d1099;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-family:system-ui,sans-serif;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}h1{letter-spacing:.3em;font-size:3rem;font-weight:700}button{font:inherit;cursor:pointer;color:#0d0d10;background:#e8e8ea;border:0;border-radius:2px;padding:.6rem 1.6rem}button:disabled{opacity:.35;cursor:not-allowed}button.ghost{color:#e8e8ea;background:#e8e8ea1f}button.diff{letter-spacing:.06em;padding:.4rem .9rem;font-size:.82rem}button.diff.selected{color:#0d0d10;background:#e8e8ea}.opts{flex-direction:column;gap:.55rem;display:flex}.opt{grid-template-columns:7.2rem minmax(140px,200px) 3.6rem;align-items:center;gap:.8rem;font-size:.92rem;display:grid}.opt input[type=range]{accent-color:#e8e8ea}.opt input[type=checkbox]{accent-color:#e8e8ea;justify-self:start;width:18px;height:18px}.opt-val{text-align:right;color:#a9adc4;font-variant-numeric:tabular-nums}#hud{pointer-events:none;font-family:ui-monospace,monospace;position:fixed;inset:0}#hud[hidden]{display:none}#crosshair{background:#e8e8ea;border-radius:50%;outline:1px solid #0d0d1099;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;transition:transform 90ms ease-out;position:absolute;top:50%;left:50%}#crosshair.kick{transform:scale(2.2)}#health{left:max(16px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));color:#e8e8ea;text-shadow:0 1px 3px #000000b3;font-size:1.7rem;font-weight:700;position:absolute}#health.low{color:#d9534f}#floor{right:max(16px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:#a9adc4;text-shadow:0 1px 3px #000000b3;text-align:right;font-size:1.1rem;font-weight:600;position:absolute}.row{gap:.8rem;display:flex}#items{left:max(16px, env(safe-area-inset-left));gap:5px;display:flex;position:absolute;bottom:62px}#mods{left:max(16px, env(safe-area-inset-left));gap:7px;display:flex;position:absolute;bottom:94px}.item-chip{color:#0d0d10;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.62rem;font-weight:700;display:flex}.mod-chip{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0;font-size:.5rem}#ability-btn{right:max(16px, env(safe-area-inset-right));pointer-events:auto;letter-spacing:.1em;color:#e8e8ea;opacity:.5;background:#e8e8ea1f;padding:.5rem .8rem;font-size:.85rem;font-weight:700;position:absolute;bottom:62px}#ability-btn.charged{opacity:1;background:#e8e8ea47;outline:1px solid #e8e8ea80}#ability-btn[hidden]{display:none}#toast{letter-spacing:.22em;color:#e8e8ea;text-shadow:0 2px 8px #000c;opacity:0;font-size:1.3rem;font-weight:700;transition:opacity .35s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#healflash{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 110px 30px #46c86e8c}#minimap{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));width:140px;image-rendering:pixelated;opacity:.9;position:absolute}#dmg{position:absolute;inset:0;overflow:hidden}.dmg-wedge{opacity:0;will-change:transform, opacity;background:radial-gradient(at 50% 12%,#e12d2dcc,#0000 72%);width:130px;height:44px;margin:-22px 0 0 -65px;position:absolute;top:50%;left:50%}button.share{background:#4fd07a}#vignette{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 120px 40px #be1e1ed9}#muzzle{opacity:0;background:radial-gradient(70% 45% at 50% 108%,#ffca6e8c,#ffa03c2e 45%,#0000 70%);position:absolute;inset:0}#stick-base,#stick-nub{will-change:transform;border-radius:50%;position:absolute;top:0;left:0}#stick-base{border:1.5px solid #e8e8ea40;width:112px;height:112px;margin:-56px 0 0 -56px}#stick-nub{background:#e8e8ea59;width:44px;height:44px;margin:-22px 0 0 -22px}#stick-base[hidden],#stick-nub[hidden]{display:none}#pause-btn{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));pointer-events:auto;color:#e8e8ea;background:#e8e8ea1f;padding:.45rem .7rem;font-size:.8rem;position:absolute}#pause-btn[hidden]{display:none}#ui button:focus,#ui input:focus{outline-offset:2px;outline:2px solid #ff5040}#fps{top:env(safe-area-inset-top,8px);z-index:1000;color:#8fe89a;letter-spacing:.02em;pointer-events:none;background:#0000009e;border-radius:4px;padding:4px 8px;font:700 13px/1 ui-monospace,Menlo,monospace;position:fixed;left:50%;transform:translate(-50%)}#version{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + .55rem);z-index:5;color:#676c7e;letter-spacing:.06em;white-space:nowrap;pointer-events:auto;cursor:default;background:0 0;border:none;padding:.28rem .7rem;font:500 .72rem/1 ui-monospace,Menlo,monospace;position:fixed;transform:translate(-50%)}#version[hidden]{display:none}#version.update{color:#0a0a0c;cursor:pointer;background:#e8d98f;border-radius:3px;font-weight:700;animation:1.5s ease-in-out infinite version-pulse}@keyframes version-pulse{0%,to{opacity:.82}50%{opacity:1}}
