:root{--accent: #ffcc33;--accent2: #4da6ff;--bg: #0c1018;--panel: rgba(14, 19, 28, .92);--good: #4dff88;--bad: #ff5d5d;--prop: #ffb24d;--hunter: #ff5d5d}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:#eef2f7;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}#game{display:block;width:100%;height:100%}.hidden{display:none!important}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#06090e99,#05080ceb),url(/assets/hero.jpg) center/cover no-repeat;z-index:30}.panel{background:#0c111acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:26px 40px 32px;width:min(460px,92vw);text-align:center;box-shadow:0 24px 80px #000000b3}#logo{width:100%;max-width:320px;height:auto;border-radius:10px;margin-bottom:4px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.title{font-size:30px;letter-spacing:4px;margin:6px 0 2px;color:var(--accent)}.tag{color:#9fb0c4;margin:8px 0 20px;font-size:14px}#name{width:100%;padding:13px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;font-size:15px;margin-bottom:12px;text-align:center}#name:focus{outline:2px solid var(--accent2)}button{width:100%;padding:14px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),#ff9d3c);color:#1a1205;font-weight:800;font-size:16px;letter-spacing:1px;cursor:pointer;transition:transform .08s ease,filter .1s ease}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}.how{list-style:none;margin-top:18px;font-size:12.5px;color:#8ba0b6}.how li{margin:5px 0}.how b{color:#d7e2ee}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#phaseBar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:center;background:var(--panel);padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-weight:700}#phaseName{letter-spacing:2px;color:var(--accent)}#timer{font-variant-numeric:tabular-nums;min-width:34px;text-align:right}#objective{position:absolute;top:64px;left:50%;transform:translate(-50%);text-align:center;max-width:70vw}#objTitle{font-size:20px;font-weight:800;text-shadow:0 2px 8px #000}#objSub{font-size:13px;color:#b9c7d6;margin-top:3px;text-shadow:0 2px 8px #000}#disguise{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#ffb24d29;border:1px solid var(--prop);color:#ffe3bd;padding:8px 16px;border-radius:10px;font-size:14px;text-align:center}#disguise b{color:#fff}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fffc;font-weight:300}#feed{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column-reverse;gap:4px;max-width:360px}.feedItem{background:#080c12b3;padding:5px 10px;border-radius:7px;font-size:12.5px;color:#cdd9e6;border-left:3px solid var(--accent2);animation:fadeIn .2s ease}.feedItem.win{border-left-color:var(--accent);color:#ffe9a8}@keyframes fadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1}}#scoreboard{position:absolute;right:16px;top:16px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;font-size:13px;min-width:170px}.sbHead{font-weight:700;margin-bottom:5px;opacity:.8;letter-spacing:1px}.sbRow{display:flex;align-items:center;gap:7px;padding:2px 0}.sbDot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.sbName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbTag{font-size:11px;color:var(--good);font-variant-numeric:tabular-nums}.sbRow.me .sbName{color:var(--accent);font-weight:700}.sbRow.dead{opacity:.4}#hitflash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:24;background:radial-gradient(circle at center,#ffe06600 40%,#ffe0662e);animation:flash .25s ease}@keyframes flash{0%{opacity:1}to{opacity:0}}#banner{position:absolute;top:36%;left:50%;transform:translate(-50%);text-align:center;font-size:42px;font-weight:900;letter-spacing:2px;text-shadow:0 4px 24px #000;z-index:25;pointer-events:none;animation:pop .3s ease}#banner .sub{display:block;font-size:18px;font-weight:600;color:#cfe0f0;margin-top:6px;letter-spacing:0}@keyframes pop{0%{transform:translate(-50%) scale(.7);opacity:0}to{opacity:1}}#menu.overlay{--blood: #c4202e;--blood-deep: #6d0e16;--bone: #d6cdbd;--parch: #cdb98c;--ink: #060509;background:var(--ink);overflow:hidden;justify-content:flex-start;padding-left:clamp(16px,6vw,110px);font-family:IM Fell English,Georgia,serif;cursor:crosshair}.scene{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;z-index:0;overflow:hidden;pointer-events:none}.scene .layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.scene .manor{background:radial-gradient(120% 80% at 70% 0%,#141a2c00 40%,#0605098c),url(/assets/landing/manor.webp) center / cover no-repeat,linear-gradient(180deg,#0d1320,#090b14 55%,#060509)}.scene .fxcanvas{width:100%;height:100%}.scene .killerLayer{pointer-events:none}.scene .killer{position:absolute;right:4%;bottom:-2%;height:72%;width:auto;object-fit:contain;-webkit-user-select:none;user-select:none;opacity:.085;filter:brightness(.55) contrast(1.15);transition:opacity .25s ease}.scene .killer.lit{opacity:.85;filter:brightness(.62) contrast(1.12);-webkit-mask-image:radial-gradient(circle closest-side,#000 0 38%,transparent 72%);mask-image:radial-gradient(circle closest-side,#000 0 38%,transparent 72%);-webkit-mask-size:460px 460px;mask-size:460px 460px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--kx, -999px) var(--ky, -999px);mask-position:var(--kx, -999px) var(--ky, -999px);transition:none}#menu.strike .killer{opacity:.92;filter:brightness(1.5) contrast(1.2);transition:none}.scene .lightning{background:radial-gradient(80% 60% at 68% 0%,rgba(214,228,255,.85),rgba(150,175,230,.25) 55%,transparent 80%);opacity:0;mix-blend-mode:screen}#menu.strike .lightning{animation:strike .62s steps(1) both}@keyframes strike{0%{opacity:.95}12%{opacity:.12}22%{opacity:.75}38%{opacity:.08}52%{opacity:.28}to{opacity:0}}.scene .torch{inset:auto;left:0;top:0;width:620px;height:620px;margin:-310px 0 0 -310px;background:radial-gradient(circle at center,#ffd69621,#ffc8820d 32%,#ffbe7800 62%);mix-blend-mode:screen;will-change:transform;transition:opacity .6s ease}#menu.strike .torch{opacity:.2}.scene .vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(125% 95% at 42% 40%,#03020624 30%,#03020680 66%,#020105db)}.scene .grain{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.07;mix-blend-mode:overlay;animation:grainJitter .9s steps(6) infinite}@keyframes grainJitter{0%{transform:translate(0)}20%{transform:translate(-14px,8px)}40%{transform:translate(10px,-12px)}60%{transform:translate(-8px,-6px)}80%{transform:translate(12px,10px)}to{transform:translate(0)}}#menu .panel{position:relative;z-index:2;width:min(470px,94vw);padding:26px 36px 30px;text-align:center;background:linear-gradient(180deg,#100d12eb,#08060bf2);border:1px solid rgba(205,185,140,.16);border-radius:4px;box-shadow:0 40px 120px #000c,0 0 0 1px #0009,inset 0 0 80px #00000073,inset 0 1px #d6cdbd12;animation:panelIn 1s cubic-bezier(.16,.84,.3,1) both .15s}#menu .panel:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;border:1px solid rgba(205,185,140,.12);border-radius:2px}@keyframes panelIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.caseHead{display:flex;justify-content:space-between;align-items:center;font-family:Special Elite,monospace;font-size:11px;color:#cdb98cbf;letter-spacing:3px;margin-bottom:14px}.caseHead .stamp{color:#c4202ec7;border:2px solid currentColor;border-radius:2px;padding:2px 7px;transform:rotate(6deg);font-size:10px;letter-spacing:2px}#menu .title{font-family:Cinzel,serif;font-weight:800;font-size:clamp(34px,5.4vw,54px);line-height:.98;letter-spacing:8px;margin:2px 0 10px;display:flex;flex-direction:column;align-items:center}#menu .title .line{display:block;white-space:nowrap}#menu .title .ch{display:inline-block;background:linear-gradient(180deg,#f3ead6,#d8c9a3 38%,#c4202e 78%,#6d0e16);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.9)) drop-shadow(0 0 18px rgba(196,32,46,.22));opacity:0;animation:chIn .7s cubic-bezier(.2,.9,.25,1.2) both;animation-delay:var(--d, 0s)}@keyframes chIn{0%{opacity:0;transform:translateY(-14px) scale(1.4);filter:blur(8px)}to{opacity:1;transform:none}}#menu .title .ch.bleed{position:relative}#menu .title .ch.bleed:after{content:"";position:absolute;left:50%;top:86%;width:3px;height:0;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#c4202e00,#a01622 30%,#6d0e16);animation:drip 7s ease-in 2.2s infinite}@keyframes drip{0%{height:0;opacity:0}12%{opacity:1}45%{height:34px;opacity:1}58%{height:38px;opacity:0}to{height:0;opacity:0}}#menu .tag{font-family:Special Elite,monospace;color:#b7ab92;font-size:12.5px;line-height:1.55;min-height:3.2em;max-width:40ch;margin:0 auto 14px}#menu .tag .caret{display:inline-block;width:8px;height:13px;margin-left:2px;background:#cdb98ccc;vertical-align:-2px;animation:caretBlink 1s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.cards{display:flex;justify-content:center;align-items:flex-end;height:132px;margin:2px 0 16px;perspective:900px}.card{width:88px;aspect-ratio:2 / 3;flex:0 0 auto;margin:0 -6px;transform:rotate(var(--fan, 0deg)) translateY(var(--lift, 0px));transition:transform .35s cubic-bezier(.2,.8,.25,1.2),z-index 0s;position:relative;z-index:1;cursor:pointer;pointer-events:auto;animation:dealIn .8s cubic-bezier(.2,.9,.3,1.1) both}.card:nth-child(1){--fan: -9deg;--lift: 10px;animation-delay:1.05s}.card:nth-child(2){--fan: 0deg;--lift: 0px;animation-delay:1.2s}.card:nth-child(3){--fan: 9deg;--lift: 10px;animation-delay:1.35s}@keyframes dealIn{0%{opacity:0;transform:translate(140px,-160px) rotate(40deg) scale(.6)}to{opacity:1;transform:rotate(var(--fan)) translateY(var(--lift))}}.card:hover{transform:rotate(0) translateY(-26px) scale(1.55);z-index:5}.cardInner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.8,.3,1);border-radius:6px;box-shadow:0 10px 30px #000000bf}.card:hover .cardInner{transform:rotateY(180deg)}.cardFace{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(205,185,140,.25)}.cardFace.front img{width:100%;height:100%;object-fit:cover;display:block}.cardFace.front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(243,234,214,calc(.06 + var(--gx, .5) * .14)) 46%,transparent 64%);background-position:calc(var(--gx, .5) * 100%) 0;mix-blend-mode:screen}.cardFace.back{transform:rotateY(180deg);background:radial-gradient(120% 100% at 50% 0%,#3a1014e6,#0a0709f7 70%),repeating-linear-gradient(45deg,rgba(205,185,140,.05) 0 2px,transparent 2px 6px);color:var(--bone);display:flex;flex-direction:column;justify-content:center;padding:8px;gap:5px}.cardFace.back b{font-family:Cinzel,serif;font-size:8.5px;letter-spacing:1.5px;color:var(--parch)}.cardFace.back p{font-family:IM Fell English,serif;font-size:7.6px;line-height:1.45;margin:0}#menu #name,#menu #wallet{width:100%;padding:12px 14px;border:1px solid rgba(205,185,140,.22);border-radius:3px;background:#d6cdbd0d;color:#efe9da;font-family:Special Elite,monospace;font-size:14px;margin-bottom:10px;text-align:center;transition:border-color .15s,box-shadow .15s,background .15s}#menu #wallet{font-size:12px}#menu #name::placeholder,#menu #wallet::placeholder{color:#786f5c}#menu #name:focus,#menu #wallet:focus{outline:none;border-color:#c4202ea6;background:#d6cdbd14;box-shadow:0 0 0 3px #c4202e24,0 0 22px #c4202e1f}#menu #walletErr{color:#e4707b;font-family:Special Elite,monospace;font-size:11px;min-height:14px;margin:-4px 0 8px}#menu #play{position:relative;overflow:visible;width:100%;padding:15px;border:1px solid rgba(255,120,120,.25);border-radius:3px;background:linear-gradient(180deg,#a31a26,#7c121c 55%,#560a12);color:#f6e8da;font-family:Cinzel,serif;font-weight:800;font-size:15px;letter-spacing:4px;cursor:pointer;box-shadow:0 12px 36px #a0162259,inset 0 1px #ffc8b438,inset 0 -10px 24px #0006;transition:transform .08s ease,box-shadow .25s ease,filter .15s;animation:playPulse 3.2s ease-in-out infinite}@keyframes playPulse{0%,to{box-shadow:0 12px 36px #a016224d,inset 0 1px #ffc8b438,inset 0 -10px 24px #0006}50%{box-shadow:0 12px 52px #c4202e8c,inset 0 1px #ffc8b438,inset 0 -10px 24px #0006}}#menu #play span{position:relative;z-index:1}#menu #play:hover{filter:brightness(1.15);transform:translateY(-1px)}#menu #play:active{transform:translateY(1px)}#menu #play .drips,#menu #play .drips:before,#menu #play .drips:after{content:"";position:absolute;top:100%;width:4px;height:0;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#a01622,#560a12);transition:height 1.6s ease-in .1s,opacity .3s;opacity:0}#menu #play .drips{left:22%}#menu #play .drips:before{left:26px;top:0;transition-delay:.45s}#menu #play .drips:after{left:64%;top:0;transition-delay:.8s}#menu #play:hover .drips,#menu #play:hover .drips:before,#menu #play:hover .drips:after{height:26px;opacity:1}#menu .how{list-style:none;margin-top:18px;font-family:Special Elite,monospace;font-size:11px;color:#8d8470}#menu .how li{margin:6px 0}#menu .how b{color:var(--parch)}#menu kbd{display:inline-block;min-width:14px;padding:1px 6px;margin:0 1px;font:inherit;font-size:10px;color:#e8e1d2;background:#d6cdbd12;border:1px solid rgba(205,185,140,.3);border-bottom-width:2px;border-radius:4px}.ambienceBtn{position:absolute;right:18px;bottom:16px;z-index:3;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(205,185,140,.3);background:#08060b99;color:var(--parch);font-size:16px;cursor:pointer;transition:border-color .2s,color .2s,opacity .2s}.ambienceBtn:hover{border-color:var(--parch)}.ambienceBtn.muted{color:#5c5547;opacity:.7;text-decoration:line-through}@media (max-width: 720px){#menu.overlay{justify-content:center;padding-left:0}.scene .killer{right:-18%}}@media (max-height: 760px){#menu .panel{padding:18px 28px 20px}.cards{height:104px}.card{width:70px}#menu .tag{min-height:2.4em;font-size:11.5px}}@media (prefers-reduced-motion: reduce){.scene .layer,.scene .grain,.scene .manor,#menu .panel,#menu .title .ch,.card,#menu #play{animation:none!important}#menu .title .ch,.card{opacity:1}.scene .fxcanvas{display:none}}#hud{font-family:IM Fell English,Georgia,serif;--blood: #e63b3b;--blood-deep: #8f1d1d;--amber: #ffb24d;--parch: #e8dcc0;--bone: #cfc6b8;--panel-hi: rgba(26, 16, 14, .82);--panel-lo: rgba(12, 7, 8, .88);--edge: rgba(230, 178, 110, .22)}#ca{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:35;display:inline-flex;align-items:center;gap:8px;max-width:90vw;padding:6px 12px;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,var(--panel-hi, rgba(26,16,14,.82)),var(--panel-lo, rgba(12,7,8,.88)));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(230,178,110,.3);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:#d8ccb8;box-shadow:0 6px 20px #00000073;transition:border-color .15s,box-shadow .15s}#ca:hover{border-color:#ffb24d;box-shadow:0 6px 24px #ffb24d47}#ca .caLabel{flex:0 0 auto;font-weight:800;letter-spacing:1px;color:#1a0e06;background:linear-gradient(135deg,#ffb24d,#e63b3b);padding:2px 7px;border-radius:6px}#ca #caText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud #phaseBar{top:54px;gap:0;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--panel-hi),var(--panel-lo));backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1px solid var(--edge);border-radius:4px;box-shadow:0 10px 34px #0000008c,0 0 22px #e63b3b1a}#hud #phaseName{display:inline-block;padding:9px 16px;color:var(--amber);font-family:Cinzel,Georgia,serif;letter-spacing:4px;font-weight:800;font-size:13px;text-shadow:0 0 14px rgba(255,178,77,.45)}#hud #timer{display:inline-block;padding:9px 16px;min-width:56px;background:#e63b3b1a;border-left:1px solid var(--edge);color:var(--parch);font-weight:800;font-variant-numeric:tabular-nums;font-family:Special Elite,ui-monospace,monospace;text-align:center}#hud #timer.low{color:#ff6b6b;background:#e63b3b38;animation:timerLow 1s ease-in-out infinite}@keyframes timerLow{0%,to{box-shadow:inset 0 0 #e63b3b00}50%{box-shadow:inset 0 0 18px #e63b3b8c}}#hud #objective{top:102px;max-width:min(78vw,560px);background:radial-gradient(120% 140% at 50% 0%,#1e100c8c,#0a060800);padding:10px 22px 14px;border-radius:14px}#hud #objTitle{font-family:Cinzel,Georgia,serif;font-size:21px;font-weight:800;letter-spacing:.5px;color:var(--parch);text-shadow:0 0 18px rgba(230,59,59,.35),0 2px 10px #000}#hud #objSub{font-size:14px;color:var(--bone);margin-top:4px;text-shadow:0 2px 8px #000;font-style:italic}#hud #disguise{bottom:22px;padding:9px 18px;border-radius:999px;background:linear-gradient(180deg,#28180aa8,#180e06c2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--amber);color:#ffe3bd;font-size:14px;letter-spacing:.3px;box-shadow:0 8px 28px #00000080,0 0 20px #ffb24d38}#hud #disguise b{color:#fff;font-family:Cinzel,Georgia,serif;letter-spacing:1px}#hud #crosshair{width:26px;height:26px;color:transparent;filter:drop-shadow(0 0 3px rgba(0,0,0,.6));transition:transform .12s ease}#hud #crosshair:before,#hud #crosshair:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(var(--amber) 0 32%,transparent 32% 68%,var(--amber) 68% 100%);box-shadow:0 0 6px #ffb24dcc;transition:inherit}#hud #crosshair:before{width:2px;height:26px;transform:translate(-50%,-50%)}#hud #crosshair:after{width:26px;height:2px;transform:translate(-50%,-50%);background:linear-gradient(90deg,var(--amber) 0 32%,transparent 32% 68%,var(--amber) 68% 100%)}#hud #crosshair.kick{transform:translate(-50%,-50%) scale(1.55)}#hud .vmRig{position:absolute;right:0;bottom:0;pointer-events:none;-webkit-user-select:none;user-select:none;--swx: 0px;--swy: 0px;--swr: 0deg;transform:translate(var(--swx),var(--swy)) rotate(var(--swr));will-change:transform}#hud #weaponRig{right:-2%;bottom:-6%;width:min(40vw,480px)}#hud #weapon{width:100%;height:auto;display:block;transform-origin:78% 100%;filter:drop-shadow(0 10px 24px rgba(0,0,0,.65)) drop-shadow(0 0 18px rgba(255,178,77,.18))}#hud #weapon.fire{animation:recoil .16s ease-out}@keyframes recoil{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(30px) translate(8px) rotate(-4deg)}to{transform:translateY(0) rotate(0)}}#hud #muzzle{--mx: 22%;--my: 12%;position:absolute;left:var(--mx);top:var(--my);width:55%;height:55%;margin:-27.5% 0 0 -27.5%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff4c8f2,#ffb24db3 22%,#e65a1e59,#e65a1e00 68%);animation:muzzle .1s ease-out}@keyframes muzzle{0%{opacity:1;transform:scale(.7) rotate(0)}to{opacity:0;transform:scale(1.4) rotate(10deg)}}#hud #knifeRig{right:-3%;bottom:-8%;width:min(38vw,460px)}#hud #knife{width:100%;height:auto;display:block;transform-origin:80% 100%;transform:rotate(-6deg);filter:drop-shadow(0 10px 24px rgba(0,0,0,.65)) drop-shadow(0 0 18px rgba(230,59,59,.28))}#hud #knife.slash{animation:slash .22s cubic-bezier(.3,0,.2,1)}@keyframes slash{0%{transform:rotate(-6deg) translate(0)}35%{transform:rotate(-55deg) translate(-130px,30px) scale(1.06)}to{transform:rotate(-6deg) translate(0)}}#hud #feed{left:18px;bottom:18px;gap:6px;max-width:380px}#hud .feedItem{background:linear-gradient(180deg,#160e0ccc,#0a0608d9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 12px;border-radius:3px;font-size:13px;color:var(--bone);border-left:3px solid var(--blood-deep);box-shadow:0 6px 18px #0006;animation:feedIn .26s cubic-bezier(.2,.8,.2,1)}#hud .feedItem.win{border-left-color:var(--amber);color:#ffe9c4;box-shadow:0 6px 22px #ffb24d40}@keyframes feedIn{0%{opacity:0;transform:translate(-14px) skew(-4deg)}to{opacity:1;transform:none}}#hud #scoreboard{right:18px;top:18px;min-width:196px;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--panel-hi),var(--panel-lo));backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1px solid var(--edge);border-radius:6px;box-shadow:0 14px 40px #00000080;font-size:13px}#hud .sbHead{margin:0;padding:9px 14px;font-weight:800;letter-spacing:2px;font-family:Cinzel,Georgia,serif;font-size:11.5px;color:var(--parch);opacity:1;background:#e63b3b14;border-bottom:1px solid var(--edge)}#hud .sbRow{display:flex;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid rgba(255,255,255,.04)}#hud .sbRow:last-child{border-bottom:0}#hud .sbDot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}#hud .sbName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bone)}#hud .sbTag{font-size:12px;color:var(--amber);font-variant-numeric:tabular-nums;font-weight:700}#hud .sbRow.me{background:linear-gradient(90deg,rgba(255,178,77,.12),transparent);box-shadow:inset 3px 0 0 var(--amber)}#hud .sbRow.me .sbName{color:var(--parch);font-weight:800}#hud .sbRow.dead{opacity:.42}#hud .sbRow.dead .sbName{text-decoration:line-through;text-decoration-color:#e63b3b99}#hitflash{background:radial-gradient(circle at center,#ffb24d00 42%,#ffb24d29)}#blood{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:23;opacity:0;background:radial-gradient(ellipse at center,#78000000 38%,#7800008c 86%,#3c0000cc)}#blood.death{animation:bloodDeath 2.4s ease-out forwards}@keyframes bloodDeath{0%{opacity:0}12%{opacity:1}to{opacity:0}}#blood.pulse{animation:bloodPulse 1s ease-in-out infinite}@keyframes bloodPulse{0%,to{opacity:.1}50%{opacity:.38}}#app.shake{animation:shake .22s linear}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}to{transform:translate(0)}}#banner{font-family:Cinzel,Georgia,serif;font-size:clamp(38px,8vw,64px);font-weight:800;letter-spacing:5px;background:linear-gradient(180deg,#fff 0%,var(--parch, #e8dcc0) 45%,#e63b3b 110%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 30px rgba(230,59,59,.4)) drop-shadow(0 6px 18px rgba(0,0,0,.7));animation:bannerPop .5s cubic-bezier(.2,.9,.2,1)}#banner .sub{display:block;margin-top:10px;letter-spacing:1px;font-family:IM Fell English,Georgia,serif;font-style:italic;font-size:17px;font-weight:600;color:#d8ccb8;-webkit-text-fill-color:#d8ccb8;filter:none;text-shadow:0 2px 10px #000}@keyframes bannerPop{0%{transform:translate(-50%) scale(.65);opacity:0;letter-spacing:14px;filter:blur(6px)}55%{transform:translate(-50%) scale(1.05);opacity:1;filter:blur(0)}to{transform:translate(-50%) scale(1);letter-spacing:5px}}#hud kbd{display:inline-block;min-width:12px;padding:1px 6px;margin:0 1px;font:inherit;font-size:11px;color:#f0e6d2;background:#ffffff12;border:1px solid rgba(230,178,110,.3);border-bottom-width:2px;border-radius:5px}#hud #controlsHint{position:absolute;left:18px;top:18px;max-width:340px;background:linear-gradient(180deg,#160e0ca8,#0a0608bd);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(230,178,110,.18);border-radius:6px;padding:10px 14px;font-size:12.5px;color:var(--bone, #cfc6b8);line-height:1.9;opacity:.5;transition:opacity .15s ease}#hud #controlsHint:hover{opacity:1}#hud #controlsHint .ch-title{font-family:Cinzel,Georgia,serif;font-weight:800;letter-spacing:3px;color:var(--amber);font-size:11px;margin-bottom:2px}#hud #controlsHint .ch-dim{color:#8d8270}#hud #lockBadge{position:absolute;bottom:60px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;font-size:13px;white-space:nowrap;background:linear-gradient(180deg,#28180ab3,#180e06c7);border:1px solid var(--amber, #ffb24d);color:#ffe3bd;box-shadow:0 0 22px #ffb24d4d;animation:lockPulse 1.6s ease-in-out infinite}@keyframes lockPulse{0%,to{box-shadow:0 0 16px #ffb24d38}50%{box-shadow:0 0 30px #ffb24d80}}#dropin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0b0810;color:#cbb89a;letter-spacing:2px;font-size:15px;font-family:IM Fell English,Georgia,serif;font-style:italic;transition:opacity .5s ease}#dropin.gone{opacity:0;pointer-events:none}#dropin .spin{width:46px;height:46px;border-radius:50%;border:3px solid rgba(230,178,110,.25);border-top-color:#e63b3b;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){#hud .feedItem,#banner,#hud #lockBadge,#dropin .spin,#blood,#app.shake{animation:none!important}}