@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,500&family=JetBrains+Mono:wght@400;700&display=swap";:root{--ink:#070a0f;--ink-soft:#0f151d;--bone:#ece2cd;--bone-dim:#a89d88;--brass:#c9a227;--blood:#b4442e;--font-display:"Cinzel", Georgia, serif;--font-body:"Cormorant Garamond", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}#app{position:fixed;inset:0}canvas{cursor:crosshair;width:100%;height:100%;display:block}body:has(canvas:only-child) canvas{cursor:none}body:after{content:"";pointer-events:none;z-index:50;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:40;background:radial-gradient(#0000 45%,#030508b8 100%);position:fixed;inset:0}.lobby{z-index:60;background:radial-gradient(circle at 20% 15%,#c9a2271f,#0000 45%),radial-gradient(circle at 82% 78%,#49e0d01a,#0000 42%),linear-gradient(160deg,#05070b 0%,#0d1219 55%,#070a0f 100%);place-items:center;padding:4vh 5vw;display:grid;position:fixed;inset:0;overflow-y:auto}.lobby__inner{flex-direction:column;gap:clamp(1.5rem,3vh,2.75rem);width:min(1080px,100%);animation:.7s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.lobby__kicker{font-family:var(--font-mono);letter-spacing:.42em;color:var(--brass);margin-bottom:.9rem;font-size:.68rem;animation:.7s cubic-bezier(.2,.8,.2,1) 50ms both rise;display:block}.lobby h1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(2.8rem,8vw,5.6rem);font-weight:900;line-height:.92;animation:.7s cubic-bezier(.2,.8,.2,1) .12s both rise}.lobby h1 em{font-family:var(--font-body);text-transform:none;letter-spacing:.01em;color:var(--brass);margin-left:.12em;font-style:italic;font-weight:500;display:block}.lobby__sub{max-width:46ch;color:var(--bone-dim);margin-top:1rem;font-size:clamp(1rem,1.5vw,1.25rem);animation:.7s cubic-bezier(.2,.8,.2,1) .18s both rise}.lobby__cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.card{text-align:left;cursor:pointer;color:var(--bone);animation:rise .6s calc(.24s + var(--i,0) * 60ms) cubic-bezier(.2, .8, .2, 1) both;background:linear-gradient(165deg,#ffffff0b,#00000040);border:1px solid #ece2cd24;border-radius:2px;flex-direction:column;gap:.45rem;padding:1.4rem 1.2rem 1.2rem;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,background .28s;display:flex;position:relative}.lobby__cards .card:first-child{--i:0}.lobby__cards .card:nth-child(2){--i:1}.lobby__cards .card:nth-child(3){--i:2}.lobby__cards .card:nth-child(4){--i:3}.card:before{content:"";background:var(--accent);transform-origin:bottom;width:2px;transition:transform .34s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:linear-gradient(165deg,#ffffff13,#0000004d);transform:translateY(-5px)}.card:hover:before,.card.is-selected:before{transform:scaleY(1)}.card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 18px 48px -22px var(--accent)}.card__glyph{font-family:var(--font-display);color:var(--accent);font-size:2.4rem;line-height:1}.card__name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:1.05rem}.card__blurb{color:var(--bone-dim);font-size:.98rem;line-height:1.35}.card__abilities{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 78%, var(--bone));margin-top:.35rem;font-size:.62rem}.card__ult{color:var(--bone-dim);border-top:1px solid #ece2cd1f;margin-top:.5rem;padding-top:.5rem;font-size:.88rem;line-height:1.35}.card__ult b{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.72rem;display:block}.lobby__form{flex-wrap:wrap;gap:.75rem;animation:.6s cubic-bezier(.2,.8,.2,1) .5s both rise;display:flex}.lobby__input{font-family:var(--font-body);color:var(--bone);background:#0006;border:1px solid #ece2cd33;border-radius:2px;outline:none;flex:240px;padding:.95rem 1.1rem;font-size:1.1rem;transition:border-color .2s}.lobby__input:focus{border-color:var(--brass)}.lobby__join{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--brass);cursor:pointer;border:none;border-radius:2px;flex:none;padding:.95rem 2.2rem;font-size:.85rem;font-weight:700;transition:transform .2s,filter .2s}.lobby__join:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.lobby__join:disabled{opacity:.35;cursor:not-allowed}.lobby__mode{flex-direction:column;gap:.9rem;animation:.6s cubic-bezier(.2,.8,.2,1) .54s both rise;display:flex}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.85rem;display:flex}.check input{opacity:0;width:0;height:0;position:absolute}.check__box{background:#0006;border:1px solid #ece2cd4d;border-radius:2px;flex:none;width:22px;height:22px;margin-top:.1rem;transition:border-color .2s,background .2s;position:relative}.check__box:after{content:"";background:var(--brass);opacity:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;inset:0;transform:scale(.35)}.check:hover .check__box{border-color:var(--brass)}.check input:focus-visible+.check__box{outline:2px solid var(--brass);outline-offset:2px}.check input:checked+.check__box{border-color:var(--brass)}.check input:checked+.check__box:after{opacity:1;transform:scale(.62)}.check__text b{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--bone);font-size:.78rem;display:block}.check__text small{color:var(--bone-dim);margin-top:.15rem;font-size:.95rem;display:block}.lobby__difficulty{flex-wrap:wrap;align-items:center;gap:.7rem;padding-left:2.9rem;animation:.35s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.lobby__difficulty[hidden]{display:none}.lobby__difficulty-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-dim);font-size:.72rem}.difficulty-picker{gap:.35rem;display:flex}.difficulty-button{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);cursor:pointer;background:#00000047;border:1px solid #ece2cd2e;border-radius:2px;padding:.42rem .75rem;font-size:.64rem;transition:color .2s,border-color .2s,background .2s}.difficulty-button:hover,.difficulty-button:focus-visible{color:var(--bone);border-color:var(--brass);outline:none}.difficulty-button.is-selected{color:var(--ink);background:var(--brass);border-color:var(--brass)}.lobby__difficulty-hint{color:var(--bone-dim);flex:240px;font-size:.86rem}.lobby__code{align-items:center;gap:.9rem;padding-left:2.9rem;animation:.35s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.lobby__input--code{width:11rem;font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;flex:none;font-size:1rem}.lobby__code-hint{color:var(--bone-dim);font-size:.92rem}.waitroom{text-align:center;pointer-events:auto;background:#06090ee0;border:1px solid #ece2cd2e;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 3rem;animation:.4s cubic-bezier(.2,.8,.2,1) both rise;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waitroom.is-visible{display:flex}.waitroom__label{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--bone-dim);font-size:.6rem}.waitroom__code{font-family:var(--font-display);letter-spacing:.24em;color:var(--brass);margin-right:-.24em;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900}.waitroom__roster{flex-direction:column;gap:.3rem;min-width:14rem;margin:.4rem 0;display:flex}.waitroom__player{justify-content:center;align-items:center;gap:.6rem;font-size:1.05rem;display:flex}.waitroom__host{font-family:var(--font-mono);letter-spacing:.14em;color:var(--brass);border:1px solid #c9a22780;padding:.05em .4em;font-size:.52rem}.waitroom__start{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--brass);cursor:pointer;border:none;border-radius:2px;margin-top:.4rem;padding:.9rem 2.6rem;font-size:.82rem;font-weight:700;transition:transform .2s,filter .2s,opacity .2s}.waitroom__start:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.waitroom__start:disabled{opacity:.35;cursor:not-allowed}.waitroom__note{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim);font-size:.62rem}.lobby__error{min-height:1.2rem;color:var(--blood);font-size:.95rem}.lobby__controls{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);border-top:1px solid #ece2cd1a;flex-wrap:wrap;gap:1.4rem;padding-top:.5rem;font-size:.64rem;animation:.6s cubic-bezier(.2,.8,.2,1) .58s both rise;display:flex}.lobby__controls b{color:var(--brass);font-weight:700}.hud{z-index:30;pointer-events:none;position:fixed;inset:0}.crosshair{opacity:0;width:26px;height:26px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.is-visible{opacity:1}.crosshair.is-dead{opacity:0}.crosshair:before,.crosshair:after{content:"";background:var(--accent,var(--bone));position:absolute;box-shadow:0 0 6px #000000e6}.crosshair:before{clip-path:polygon(0 0,100% 0,100% 32%,0 32%,0 68%,100% 68%,100% 100%,0 100%);width:2px;height:100%;margin-left:-1px;top:0;left:50%}.crosshair:after{clip-path:polygon(0 0,32% 0,32% 100%,0 100%,68% 100%,68% 0,100% 0,100% 100%);width:100%;height:2px;margin-top:-1px;top:50%;left:0}.hud__lockhint{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim);opacity:0;background:#06090ebf;border:1px solid #ece2cd26;padding:.5rem 1.1rem;font-size:.62rem;transition:opacity .25s;position:absolute;bottom:8.5rem;left:50%;transform:translate(-50%)}.hud__lockhint.is-visible{opacity:1}.hud__lockhint b{color:var(--brass)}.perf{font-family:var(--font-mono);letter-spacing:.12em;color:var(--bone-dim);border-left:2px solid var(--brass);background:#06090eb8;gap:.85rem;padding:.38rem .65rem;font-size:.6rem;transition:opacity .2s;display:flex;position:absolute;top:1.5rem;left:2rem}.perf.is-hidden{display:none}.perf__item b{color:var(--bone)}.perf__item b.is-good{color:#72e6a0}.perf__item b.is-fair{color:var(--brass)}.perf__item b.is-poor{color:#f27762}.buffs{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex;position:absolute;top:5.1rem;right:2rem}.buff{font-family:var(--font-mono);letter-spacing:.08em;color:var(--bone-dim);border-right:2px solid var(--accent);background:#06090ec2;align-items:center;gap:.45rem;padding:.3rem .55rem;font-size:.58rem;display:flex}.buff__glyph{color:var(--accent);font-size:.9rem}.buff__name{color:var(--bone);text-transform:uppercase}.buff__time{text-align:right;min-width:3.1em;color:var(--accent)}.hitmarker{opacity:0;pointer-events:none;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)scale(.65)}.hitmarker.is-visible{opacity:1;animation:.28s cubic-bezier(.2,.8,.2,1) both hit-pop}.hitmarker span{transform-origin:0;background:var(--bone);width:11px;height:2px;position:absolute;top:50%;left:50%;box-shadow:0 0 7px #000000e6}.hitmarker span:first-child{transform:translate(5px,-1px)}.hitmarker span:nth-child(2){transform:translate(5px,-1px)rotate(90deg)}.hitmarker span:nth-child(3){transform:translate(5px,-1px)rotate(180deg)}.hitmarker span:nth-child(4){transform:translate(5px,-1px)rotate(270deg)}.hitmarker.is-fatal span{background:var(--blood);box-shadow:0 0 9px #b4442ed9}.damage-layer,.vignette{pointer-events:none;position:absolute;inset:0}.damage-layer{overflow:hidden}.damage-layer.is-hidden{display:none}.dmg{top:calc(50% + var(--y));left:calc(50% + var(--x));color:#fff1c9;font-family:var(--font-mono);text-shadow:0 2px 8px #000000f2;font-weight:700;animation:.9s ease-out forwards damage-float;position:absolute;transform:translate(-50%,-50%)}.dmg--in{color:#ff8270}.vignette{opacity:0;background:radial-gradient(#0000 38%,#c930207a 100%);transition:opacity .1s}.pickup-toast{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;opacity:0;background:#06090ed1;border:1px solid #ece2cd33;align-items:center;gap:.55rem;padding:.5rem .9rem;font-size:.9rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)translateY(8px)}.pickup-toast.is-visible{opacity:1;animation:.35s cubic-bezier(.2,.8,.2,1) both pickup-in;transform:translate(-50%,-50%)}.pickup-toast__glyph{font-size:1.2rem}.stats{opacity:0;visibility:hidden;pointer-events:none;background:#04060ac7;place-items:center;padding:5rem 2rem;transition:opacity .35s,visibility .35s;display:grid;position:absolute;inset:0}.stats.is-visible{opacity:1;visibility:visible}.hud.is-results>:not(.stats){opacity:0;visibility:hidden}.stats__panel{background:linear-gradient(160deg,#0f151dfa,#06090efa);border:1px solid #ece2cd38;width:min(1080px,100%);max-height:min(86vh,760px);padding:clamp(1.1rem,3vw,2rem);animation:.45s cubic-bezier(.2,.8,.2,1) both rise;overflow:auto;box-shadow:0 24px 80px #0000008c}.stats__head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.stats__head h2{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:clamp(1.3rem,3vw,2rem)}.stats__head p{color:var(--bone-dim);font-size:1rem}.stats__awards{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.2rem;display:grid}.award{border-left:2px solid var(--accent);background:#ffffff09;flex-direction:column;gap:.18rem;padding:.7rem .8rem;display:flex}.award__label,.award__who{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);font-size:.56rem}.award__value{font-family:var(--font-display);color:var(--accent);font-size:1.35rem}.stats__tablewrap{overflow-x:auto}.stats__table{border-collapse:collapse;width:100%;min-width:700px;font-family:var(--font-mono);font-size:.68rem}.stats__table th{color:var(--bone-dim);letter-spacing:.1em;text-align:right;text-transform:uppercase;border-bottom:1px solid #ece2cd2e;padding:.55rem .5rem;font-size:.56rem;font-weight:400}.stats__table th:first-child,.stats__table td:first-child{text-align:left}.stats__table td{text-align:right;border-bottom:1px solid #ece2cd14;padding:.65rem .5rem}.stats__table tr.is-local{color:var(--brass);background:#c9a22714}.stats__name{min-width:11rem;font-family:var(--font-body);font-size:1rem}.menu{z-index:80;pointer-events:none;background:#04060ac7;place-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.menu.is-visible{pointer-events:auto;display:grid}.menu__panel{background:linear-gradient(160deg,#0f151dfa,#06090efa);border:1px solid #ece2cd38;width:min(520px,100%);padding:clamp(1.2rem,4vw,2.2rem);animation:.28s cubic-bezier(.2,.8,.2,1) both rise;box-shadow:0 24px 80px #0000008c}.menu__title{font-family:var(--font-display);letter-spacing:.12em;text-align:center;text-transform:uppercase;margin-bottom:1.3rem;font-size:clamp(1.5rem,4vw,2.2rem)}.menu__section{flex-direction:column;gap:.8rem;display:flex}.menu__row{color:var(--bone-dim);grid-template-columns:1fr minmax(120px,180px) 3.5rem;align-items:center;gap:.8rem;font-size:1rem;display:grid}.menu__label{color:var(--bone)}.menu__value{font-family:var(--font-mono);color:var(--brass);text-align:right;font-size:.65rem}.menu__row input[type=range]{width:100%;accent-color:var(--brass)}.menu__row--toggle{cursor:pointer;grid-template-columns:1fr auto}.menu__row--toggle input{opacity:0;position:absolute}.menu__switch{background:#00000059;border:1px solid #ece2cd47;border-radius:20px;width:38px;height:20px;transition:background .2s,border-color .2s;position:relative}.menu__switch:after{content:"";background:var(--bone-dim);border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.menu__row--toggle input:checked+.menu__switch{border-color:var(--brass);background:#c9a22740}.menu__row--toggle input:checked+.menu__switch:after{background:var(--brass);transform:translate(18px)}.menu__row--toggle input:focus-visible+.menu__switch{outline:2px solid var(--brass);outline-offset:2px}.menu__controls{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-dim);border-top:1px solid #ece2cd1a;border-bottom:1px solid #ece2cd1a;flex-wrap:wrap;gap:.65rem 1rem;margin:1.4rem 0;padding:.9rem 0;font-size:.58rem;display:flex}.menu__controls b{color:var(--brass)}.menu__actions{justify-content:center;gap:.7rem;display:flex}.menu__button{min-width:9rem;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--bone);cursor:pointer;background:0 0;border:1px solid #ece2cd38;padding:.75rem 1rem;font-size:.7rem;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.menu__button:hover{border-color:var(--bone);transform:translateY(-2px)}.menu__button--primary{color:var(--ink);background:var(--brass);border-color:var(--brass)}.menu__button--danger{color:#ff927e;border-color:#b4442e99}.menu__confirm{text-align:center;border-top:1px solid #ece2cd1a;margin-top:1.1rem;padding-top:1rem}.menu__confirm p{color:var(--bone-dim);margin-bottom:.9rem}.hud__bottom{padding:1.5rem 2rem calc(1.5rem + env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;gap:2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.vitals{width:min(360px,34vw)}.vitals__bar{background:#04060acc;border:1px solid #ece2cd38;height:14px;position:relative;overflow:hidden}.vitals__fill{width:100%;transition:width .14s linear;position:absolute;inset:0 auto 0 0}.vitals__fill.is-critical{animation:.75s ease-in-out infinite pulse}.vitals__shield{background:repeating-linear-gradient(115deg,#ece2cdd9 0 3px,#0000 3px 7px);width:0;transition:width .14s linear;position:absolute;inset:0 auto 0 0}.vitals__text{font-family:var(--font-mono);letter-spacing:.16em;color:var(--bone-dim);margin-top:.4rem;font-size:.7rem}.abilities{gap:.6rem;display:flex}.slot{background:#06090ed1;border:1px solid #ece2cd2e;width:104px;height:68px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.slot.is-ready{border-color:var(--accent);box-shadow:0 0 22px -8px var(--accent)}.slot__charge{background:linear-gradient(to top, color-mix(in srgb, var(--accent) 55%, transparent), color-mix(in srgb, var(--accent) 12%, transparent));height:0;transition:height .18s linear;position:absolute;inset:auto 0 0}.slot--ultimate{border-color:#ece2cd4d}.slot--ultimate.is-charging .slot__name{font-family:var(--font-mono);color:var(--bone-dim);font-size:.9rem}.slot--ultimate.is-ready{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 34px -6px var(--accent);animation:1.4s ease-in-out infinite ult-ready}@keyframes ult-ready{0%,to{box-shadow:0 0 0 1px var(--accent), 0 0 26px -10px var(--accent)}50%{box-shadow:0 0 0 1px var(--accent), 0 0 40px 0 var(--accent)}}.slot__cool{height:0;color:var(--bone);font-family:var(--font-mono);background:#06090edb;place-items:center;font-size:.85rem;transition:height .1s linear;display:grid;position:absolute;inset:auto 0 0}.slot__body{flex-direction:column;justify-content:space-between;padding:.55rem .6rem;display:flex;position:absolute;inset:0}.slot__name{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:.74rem;line-height:1.15}.slot__key{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);font-size:.58rem}.hud__scoreboard{flex-direction:column;gap:.3rem;min-width:210px;display:flex;position:absolute;top:1.5rem;right:2rem}.score-row{background:#06090eb3;border-right:2px solid #0000;grid-template-columns:1.4rem 1fr auto;align-items:center;gap:.6rem;padding:.4rem .7rem;font-size:1rem;transition:opacity .25s;display:grid}.score-row.is-local{border-right-color:var(--brass);background:#141006cc}.score-row.is-dead{opacity:.4}.score-row__glyph{font-family:var(--font-display);text-align:center;font-size:1.05rem}.score-row__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-row__bot{font-family:var(--font-mono);letter-spacing:.14em;vertical-align:middle;color:var(--bone-dim);border:1px solid #ece2cd40;margin-left:.45em;padding:.05em .35em;font-size:.52rem}.score-row__kd{font-family:var(--font-mono);letter-spacing:.06em;font-size:.8rem}.score-row__slash{color:var(--bone-dim);margin:0 .15em}.hud__killfeed{flex-direction:column;gap:.3rem;display:flex;position:absolute;top:4.5rem;left:2rem}.kill{background:#06090eb8;padding:.35rem .75rem;font-size:.95rem;animation:.32s cubic-bezier(.2,.8,.2,1) both slide-in}.kill__mark{color:var(--blood);font-family:var(--font-mono);margin:0 .5rem}.hud__banner{text-align:center;opacity:0;transition:opacity .3s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud__banner.is-visible{opacity:1;animation:.5s cubic-bezier(.2,.8,.2,1) both banner-in}.banner__main{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 40px #c9a22766,0 6px 24px #000c;font-size:clamp(2.6rem,7vw,5.5rem);font-weight:900}.banner__sub{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--bone-dim);margin-top:.4rem;font-size:.7rem}.hud__respawn{font-family:var(--font-mono);letter-spacing:.35em;color:var(--blood);opacity:0;font-size:1rem;transition:opacity .25s;position:absolute;top:52%;left:50%;transform:translate(-50%)}.hud__respawn.is-visible{opacity:1}.overlay{z-index:70;text-align:center;background:#04060ae0;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.overlay h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem;font-size:clamp(1.8rem,4vw,3rem)}.overlay p{color:var(--bone-dim);margin-bottom:1.5rem}.overlay button{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--bone);cursor:pointer;border:none;padding:.9rem 2.4rem;font-size:.8rem;font-weight:700}@keyframes hit-pop{0%{transform:translate(-50%,-50%)rotate(45deg)scale(.5)}55%{transform:translate(-50%,-50%)rotate(45deg)scale(1.08)}to{transform:translate(-50%,-50%)rotate(45deg)scale(.9)}}@keyframes damage-float{0%{opacity:1;transform:translate(-50%,-20%)}to{opacity:0;transform:translate(-50%,-115%)}}@keyframes pickup-in{0%{filter:blur(3px)}to{filter:blur()}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes banner-in{0%{opacity:0;filter:blur(6px);transform:translate(-50%)scale(1.16)}to{opacity:1;filter:blur();transform:translate(-50%)scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=720px){.hud__bottom{flex-direction:column;align-items:stretch;gap:.8rem;padding:1rem}.vitals{width:100%}.abilities{justify-content:space-between}.slot{flex:1;width:auto}.hud__scoreboard{min-width:150px;font-size:.85rem;top:.8rem;right:.8rem}.hud__killfeed{top:4.1rem;left:.8rem}.perf{top:.8rem;left:.8rem}.buffs{top:4.1rem;right:.8rem}.stats{padding:3.5rem .7rem}.stats__head{flex-direction:column;align-items:flex-start}.stats__awards{grid-template-columns:repeat(2,1fr)}.menu__row{grid-template-columns:1fr minmax(90px,140px) 3rem;font-size:.92rem}.menu__button{flex:1;min-width:0}}