:root{color:#f8e7c7;font-synthesis:none;text-rendering:optimizelegibility;background:#100b08;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,#6b2d13,#100b08 58%,#050403)}button{font:inherit}canvas{width:100%;height:100%;display:block}.pixelated{image-rendering:pixelated}.panel{background:linear-gradient(145deg,#14100df5,#3a190ceb);border:2px solid #d88a32;width:min(760px,100vw - 32px);padding:32px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ff691840,inset 0 0 40px #00000059}.menu h1{letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(44px,8vw,86px);line-height:.9}.eyebrow{color:#98ff76;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-weight:800}.tagline{color:#ffd89c;max-width:580px;font-size:20px}.primary{color:#1b0f09;text-transform:uppercase;cursor:pointer;background:#ff9f2f;border:0;padding:14px 22px;font-weight:900}.primary:hover{background:#ffc14d}.controls{color:#d8c0a2;margin-top:28px}.hud{color:#ffe6b8;text-shadow:0 2px #000;pointer-events:none;background:#0b0806c2;border:1px solid #ff9f2f8c;grid-template-columns:repeat(4,max-content) 1fr;align-items:end;gap:14px;padding:12px 14px;display:grid;position:fixed;bottom:16px;left:16px;right:16px}.hud-message{color:#98ff76;text-align:right;font-weight:800}.weapon-overlay{pointer-events:none;width:min(390px,48vw);height:min(260px,34vh);image-rendering:pixelated;filter:drop-shadow(0 12px #00000059);position:fixed;bottom:-4px;left:50%;transform:translate(-50%)}.weapon-sprite{clip-path:polygon(28% 100%,36% 36%,49% 14%,66% 30%,75% 100%);background:linear-gradient(110deg,#17120e,#5b3a22 38%,#d98b2f 39%,#2a2118 48%,#101010 70%);border-radius:34px 34px 0 0;height:80%;transition:transform 80ms linear;position:absolute;inset:auto 0 0}.weapon-sprite.scatter{clip-path:polygon(18% 100%,29% 38%,48% 18%,76% 34%,86% 100%);background:linear-gradient(100deg,#111,#392415 30%,#ff8d31 31%,#684124 42%,#151515 73%)}.weapon-sprite.nail{clip-path:polygon(31% 100%,38% 22%,45% 13%,62% 20%,72% 100%);background:linear-gradient(100deg,#0d1012,#39464d 34%,#aee9ff 35%,#1c2327 58%,#111 80%)}.weapon-sprite.plasma{clip-path:polygon(20% 100%,34% 34%,52% 8%,80% 34%,88% 100%);background:linear-gradient(100deg,#100a18,#44235c 32%,#94ff5f 33%,#233f1d 55%,#120e18 80%)}.muzzle-flash{opacity:0;background:radial-gradient(circle,#fff7a8,#ff8d2c 45%,#0000 70%);width:86px;height:86px;position:absolute;bottom:58%;left:50%;transform:translate(-50%)rotate(45deg)}.muzzle-flash.active{opacity:.95}.hud-v2{color:#ffe4b5;text-shadow:0 2px #000;pointer-events:none;background:linear-gradient(90deg,#120d0ae6,#401e0cd1);border:2px solid #ff922bb3;grid-template-columns:1.4fr repeat(6,max-content) 2fr;align-items:center;gap:10px;padding:12px 14px;display:grid;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:inset 0 0 18px #000000b3,0 0 22px #ff6f1c2e}.hud-v2.hurt{box-shadow:inset 0 0 34px #ff0000bf,0 0 22px #ff6f1c2e}.hud-v2-title{color:#98ff76;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.hud-v2-message{color:#ffcf70;text-align:right;font-weight:900}