:root{--gold: #d8a948;--gold-dim: #b9a06b;--parchment: #e9d8b0;--ink: #15100b;--white: #fff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0a0806}canvas#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#frame{position:fixed;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(216,169,72,.3);pointer-events:none;z-index:5}#frame:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(216,169,72,.12)}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 52%,rgba(8,5,3,.42) 100%)}#crosshair{position:fixed;left:50%;top:50%;width:7px;height:7px;margin:-3px 0 0 -3px;background:var(--white);border:1px solid var(--ink);opacity:.9;transform:rotate(45deg);pointer-events:none;z-index:6;transition:opacity .2s ease}#crosshair.cool{opacity:.1}#scores{position:fixed;top:26px;left:32px;z-index:7;pointer-events:none;display:none;font-family:Lora,serif;font-size:14px;color:var(--parchment);background:#0a070480;border:1px solid rgba(216,169,72,.25);padding:10px 16px 12px;min-width:200px}.sc-title{font-size:12px;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:7px;text-align:center}.sc-row{display:flex;justify-content:space-between;gap:18px;opacity:.85;font-style:italic;line-height:1.6}.sc-row.me{color:var(--gold);opacity:1}#health{position:fixed;bottom:48px;left:50%;transform:translate(-50%);width:min(300px,42vw);height:15px;z-index:7;pointer-events:none;padding:2px;border:1px solid rgba(216,169,72,.5);border-radius:3px;background:#0c0805b8;box-shadow:0 1px 5px #000c,inset 0 0 6px #000000b3;overflow:hidden}#healthFill{height:100%;width:100%;border-radius:2px;background:#d8a631;box-shadow:inset 0 1px 2px #ffffff2e;transition:width .25s ease,background .25s ease}#health.low{animation:hp-pulse 1s ease-in-out infinite}@keyframes hp-pulse{0%,to{box-shadow:0 1px 5px #000c,inset 0 0 6px #000000b3}50%{box-shadow:0 0 11px #c02818bf,inset 0 0 6px #000000b3}}#ammo{position:fixed;bottom:52px;right:32px;text-align:right;z-index:7;pointer-events:none;font-size:15px;color:var(--gold);letter-spacing:.25em;text-shadow:0 1px 4px rgba(0,0,0,.9)}#ammo .spent{color:#d8a94847}#ammo .ramming{font-family:Lora,serif;font-style:italic;font-size:14px;letter-spacing:.06em;color:var(--gold-dim)}#hitmark{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;pointer-events:none;color:var(--gold);font-size:30px;opacity:0;text-shadow:0 0 10px rgba(216,169,72,.8)}#hitmark.pop{animation:hitpop .28s ease}@keyframes hitpop{0%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}#hurt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;opacity:0;transition:opacity .6s ease;background:radial-gradient(ellipse at center,transparent 35%,rgba(150,18,8,.5) 100%)}#hurt.on{opacity:1;transition:opacity .04s}#killscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#3c08048c,#080302eb);backdrop-filter:blur(3px) saturate(.6);-webkit-backdrop-filter:blur(3px) saturate(.6);transition:opacity .5s ease}#killscreen.on{opacity:1;pointer-events:auto}.ks-inner{text-align:center;padding:0 24px}.ks-kicker{font-family:Lora,serif;font-size:13px;letter-spacing:.45em;text-indent:.45em;text-transform:uppercase;color:#c0726a;margin-bottom:16px}.ks-title{font-family:Sekuya,serif;font-weight:400;font-size:clamp(48px,8vw,88px);line-height:1;color:#d8493a;text-shadow:0 0 48px rgba(192,40,24,.5),0 4px 14px rgba(0,0,0,.9)}.ks-rule{margin:20px 0;color:var(--gold-dim);letter-spacing:1.1em;text-indent:1.1em;font-size:14px}.ks-by{font-family:Lora,serif;font-style:italic;font-size:clamp(17px,2.2vw,22px);color:var(--parchment)}.ks-by span{color:var(--gold);font-style:normal}.ks-count{margin-top:26px;font-family:Sekuya,serif;font-size:clamp(64px,10vw,104px);line-height:1;color:var(--gold);text-shadow:0 0 40px rgba(216,169,72,.4)}#killscreen.on .ks-count span{display:inline-block;animation:ks-tick 1s ease-out infinite}@keyframes ks-tick{0%{transform:scale(1.18);opacity:.65}35%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.ks-rise{margin-top:14px;font-family:Lora,serif;font-style:italic;font-size:14px;letter-spacing:.12em;color:var(--gold-dim)}.ks-damage{margin:26px auto 0;width:min(380px,84vw);text-align:left}.ks-damage:empty{display:none}.dmg-title{margin-bottom:12px;text-align:center;font-family:Lora,serif;font-style:italic;font-size:13px;letter-spacing:.14em;color:var(--gold-dim)}.dmg-title .dmg-head{color:#d8493a;font-style:normal}.dmg-row{display:grid;grid-template-columns:1fr 92px auto;align-items:center;gap:12px;padding:4px 0;font-family:Lora,serif;font-size:14px;color:var(--parchment)}.dmg-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmg-bar{height:7px;border-radius:3px;background:#78503c47;overflow:hidden}.dmg-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#8a2a1c,#d8493a)}.dmg-val{min-width:30px;text-align:right;color:var(--gold);font-variant-numeric:tabular-nums}.dmg-row.killer .dmg-name{color:#f0b3aa;font-style:italic}.dmg-row.killer .dmg-val{color:#ff6b5a}#toast{position:fixed;top:8%;left:0;right:0;text-align:center;pointer-events:none;z-index:7;font-family:Sekuya,serif;font-size:clamp(26px,3.4vw,40px);color:var(--gold);text-shadow:0 0 26px rgba(216,169,72,.45),0 2px 8px rgba(0,0,0,.8);opacity:0;transition:opacity 1.1s ease}#toast .orn{font-size:.55em;color:var(--gold-dim);vertical-align:middle;margin:0 .6em}#toast.show{opacity:1}.over-title{font-family:IM Fell English,serif;font-size:13px;letter-spacing:.45em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:18px}#intro h1{font-family:UnifrakturMaguntia,serif;font-weight:400;font-size:clamp(64px,11vw,118px);line-height:1;color:var(--gold);text-shadow:0 0 50px rgba(216,169,72,.35),0 4px 14px rgba(0,0,0,.9)}.sub{font-family:IM Fell English,serif;font-style:italic;font-size:17px;line-height:1.75;color:#cdbb92;max-width:46ch;margin:0 auto}#enter{margin-top:36px;background:transparent;border:1px solid var(--gold);color:var(--parchment);font-family:IM Fell English,serif;font-size:17px;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;padding:15px 46px;cursor:pointer;transition:all .25s ease}.controls{margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;font-family:IM Fell English,serif;font-size:13px;color:#8d7b58}#overview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;display:none;place-items:center;background:radial-gradient(ellipse at center,#120d08d1,#060403f5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#overview.show{display:grid}.ov-inner{text-align:center;padding:24px;animation:rise 1s ease both;font-family:IM Fell English,serif;color:var(--parchment)}#ovWinner{font-family:UnifrakturMaguntia,serif;font-weight:400;font-size:clamp(48px,8vw,92px);line-height:1.05;color:var(--gold);text-shadow:0 0 48px rgba(216,169,72,.4),0 4px 14px rgba(0,0,0,.9)}.ov-claim{font-style:italic;font-size:17px;color:#cdbb92;margin-top:8px}.ov-tally{display:inline-block;min-width:288px;text-align:left;background:#0a070480;border:1px solid rgba(216,169,72,.25);padding:12px 18px 14px}.ov-tally .sc-title{margin-bottom:10px}.ov-row{display:flex;align-items:baseline;gap:14px;font-style:italic;font-size:16px;line-height:1.85;opacity:.85}.ov-row .ov-rank{width:1.5em;text-align:center;font-style:normal;font-size:14px;color:var(--gold-dim)}.ov-row .ov-name{flex:1}.ov-row .ov-score{color:var(--gold-dim);font-variant-numeric:tabular-nums}.ov-row.win{opacity:1;color:var(--gold)}.ov-row.win .ov-rank,.ov-row.win .ov-score{color:var(--gold)}.ov-row.me .ov-name{text-decoration:underline;text-decoration-color:#d8a94873;text-underline-offset:3px}.ov-count{margin-top:26px;font-style:italic;font-size:18px;letter-spacing:.04em;color:var(--gold);text-shadow:0 0 22px rgba(216,169,72,.35)}@media (max-width: 380px){.ov-inner{padding:16px}.ov-tally{min-width:0;width:100%}}#hud{position:fixed;bottom:26px;left:0;right:0;text-align:center;pointer-events:none;z-index:7;font-family:Lora,serif;font-style:italic;font-size:14px;letter-spacing:.06em;color:#e9d8b08c;text-shadow:0 1px 4px rgba(0,0,0,.9)}#presence{position:fixed;top:26px;right:32px;text-align:right;pointer-events:none;z-index:7;font-family:Lora,serif;font-style:italic;font-size:14px;letter-spacing:.05em;color:#e9d8b099;text-shadow:0 1px 4px rgba(0,0,0,.9)}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at center,#120d08b8,#060403ed);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity .7s ease;opacity:1}#intro.hidden{opacity:0;pointer-events:none}.intro-inner{text-align:center;padding:0 24px;animation:rise 1.1s ease both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.over-title{font-family:Lora,serif;font-size:13px;letter-spacing:.45em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:18px}#intro h1{font-family:Sekuya,serif;font-weight:400;font-size:clamp(64px,11vw,118px);line-height:1;color:var(--gold);text-shadow:0 0 50px rgba(216,169,72,.35),0 4px 14px rgba(0,0,0,.9)}.rule{margin:22px 0;color:var(--gold-dim);letter-spacing:1.1em;text-indent:1.1em;font-size:14px}.sub{font-family:Lora,serif;font-size:16px;line-height:1.5;color:#cdbb92;max-width:46ch;margin:0 auto}#nameInput{display:block;margin:34px auto 0;width:min(320px,80vw);background:#d8a9480f;border:1px solid rgba(216,169,72,.45);color:var(--parchment);text-align:center;font-family:Lora,serif;font-style:italic;font-size:17px;letter-spacing:.08em;padding:12px 18px;outline:none;transition:all .25s ease}#nameInput::placeholder{color:#8d7b58}#nameInput:focus{border-color:var(--gold);background:#d8a9481f;box-shadow:0 0 24px #d8a94833}#enter{margin-top:18px;background:transparent;border:1px solid var(--gold);color:var(--parchment);font-family:Sekuya,serif;font-size:17px;letter-spacing:.18em;text-indent:.24em;text-transform:uppercase;padding:15px 46px;cursor:pointer;transition:all .25s ease}#enter:hover{background:var(--gold);color:var(--ink);box-shadow:0 0 34px #d8a94859}.controls{margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;font-family:Lora,serif;font-size:13px;color:#8d7b58}kbd{display:inline-block;border:1px solid #5c4d33;border-radius:3px;padding:1px 7px;margin-right:5px;background:#d8a94812;font-family:inherit;font-size:12px;color:#c5b288}