.combat-feedback{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:15;overflow:hidden;contain:strict}
#hitmarker{width:0;height:0;font-size:0;pointer-events:none;filter:drop-shadow(0 1px 1px #07111ecc)}
.hitmarker-arms{position:absolute;inset:0;transform:scale(var(--hit-scale,1)) rotate(var(--hit-rotation,0deg))}
.hitmarker-arms i{position:absolute;left:0;top:-1px;width:var(--hit-length,6px);height:2px;background:currentColor;border-radius:1px;transform-origin:0 50%;transform:rotate(var(--arm-angle)) translateX(var(--hit-gap,8px))}
.hitmarker-arms i:nth-child(1){--arm-angle:45deg}.hitmarker-arms i:nth-child(2){--arm-angle:135deg}.hitmarker-arms i:nth-child(3){--arm-angle:225deg}.hitmarker-arms i:nth-child(4){--arm-angle:315deg}
.hitmarker-ring{position:absolute;left:0;top:0;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;opacity:var(--hit-ring-opacity,0);transform:translate(-50%,-50%) scale(var(--hit-ring-scale,1))}
#combatDamage{--impact-rgb:255,65,77;background:radial-gradient(ellipse at center,transparent 42%,rgba(var(--impact-rgb),.13) 66%,rgba(var(--impact-rgb),.8) 100%)}#combatDamage.shield{--impact-rgb:65,171,255}#combatDamage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--impact-rgb),.65),transparent 12%,transparent 88%,rgba(var(--impact-rgb),.65));clip-path:polygon(0 12%,7% 26%,0 36%,0 64%,7% 75%,0 88%,0 100%,100% 100%,100% 88%,93% 75%,100% 64%,100% 36%,93% 26%,100% 12%,100% 0,0 0);transform:scale(var(--impact-scale,1))}#combatDamage:after{content:"";position:absolute;inset:3%;border:1px solid rgba(var(--impact-rgb),.4);border-radius:45%;box-shadow:inset 0 0 55px rgba(var(--impact-rgb),.35);mask-image:radial-gradient(ellipse,transparent 50%,#000 90%);transform:scale(var(--impact-scale,1))}
#combatShieldBreak{background:radial-gradient(ellipse,transparent 28%,#5dbaff14 56%,#489affc9 100%)}#combatShieldBreak:before{content:"";position:absolute;inset:7%;border:3px solid #a7e9ffbb;box-shadow:0 0 24px #76d8ff99,inset 0 0 22px #3c91ff88;clip-path:polygon(0 0,36% 0,30% 4%,44% 0,100% 0,100% 36%,96% 30%,100% 47%,100% 100%,60% 100%,68% 94%,48% 100%,0 100%,0 64%,5% 72%,0 54%);transform:scale(var(--break-scale,1))}#combatShieldBreak:after{content:"SHIELD BROKEN";position:absolute;top:22%;left:50%;transform:translateX(-50%);color:#c2f4ff;font-size:11px;font-weight:900;letter-spacing:4px;text-shadow:0 0 18px #37a6ff}
#combatDash{background:repeating-conic-gradient(from 12deg at 50% 50%,transparent 0 11deg,#d0f6ff80 11.1deg 11.35deg,transparent 11.5deg 25deg);mask-image:radial-gradient(ellipse,transparent 42%,#0006 68%,#000 100%);transform:scale(var(--dash-scale,1));z-index:12}
#combatDeath{z-index:24;background:radial-gradient(ellipse,transparent 35%,#0b15246b 63%,#070c16ed);display:grid;place-items:center}#combatDeath:before,#combatDeath:after{content:"";position:absolute;width:48vmin;height:48vmin;border:1px solid #a2d9ee66;transform:rotate(45deg) scale(var(--death-spread,1));box-shadow:0 0 40px #81b8d911}#combatDeath:after{width:53vmin;height:53vmin;opacity:.3;transform:rotate(-45deg) scale(var(--death-spread,1))}.combat-death-title{text-align:center;text-shadow:0 4px 25px #000}.combat-death-title small{display:block;color:#9dd7ed;font-size:9px;letter-spacing:6px;margin-bottom:12px}.combat-death-title strong{display:block;font-size:clamp(26px,5vw,64px);font-weight:950;font-style:italic;letter-spacing:3px;color:white}
#brSpectate{position:fixed;inset:0;z-index:18;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(22px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:linear-gradient(#07132255,transparent 24%,transparent 75%,#07132277)}.spectate-top{display:flex;gap:18px;align-items:center;background:#0e1d2bd6;border:1px solid #c1ddf12b;border-radius:4px;padding:10px 15px;font-size:10px;font-weight:800;letter-spacing:1px}.spectate-top b{color:#a5deff}.spectate-card{text-align:center;padding:17px 22px;background:#101e2be8;border:1px solid #c1ddf133;border-radius:6px;min-width:min(440px,100%);max-width:100%;pointer-events:auto}.spectate-card>small{display:block;color:#8ec5df;font-size:8px;letter-spacing:3px}.spectate-card>strong{display:block;font-size:22px;font-style:italic;font-weight:900;margin:7px 0}.spectate-stats{display:flex;justify-content:center;gap:15px;font-size:9px;color:#c9e6ef}.spectate-actions{display:flex;gap:8px;margin-top:15px;justify-content:center}.spectate-actions button{min-height:42px;padding:10px 14px;border:1px solid #c1ddf133;border-radius:3px;background:#b8dffc0e;font-size:9px;letter-spacing:.5px;font-weight:800}.spectate-actions button:disabled{cursor:default;opacity:.3}.spectate-card p{margin:10px 0 0;font-size:8px;color:#8da5b8}
#surgeSpectateTimer{position:absolute;top:clamp(78px,11vh,112px);left:50%;transform:translateX(-50%);width:min(206px,calc(100vw - 32px));box-sizing:border-box;padding:12px 18px 13px;text-align:center;border-radius:12px;background:linear-gradient(145deg,#123e64d9,#071a30d9);border:1px solid #5dcffb5e;box-shadow:0 8px 30px #03111d70,inset 0 1px #b2efff24;backdrop-filter:blur(12px);pointer-events:none}
#surgeSpectateTimer[hidden]{display:none!important}
#surgeSpectateTimer>small{display:block;color:#a8dcf1;font-size:9px;font-weight:900;letter-spacing:2.2px}
.surge-spectate-count{display:flex;justify-content:center;align-items:baseline;gap:6px;margin:1px 0 5px;color:#edfeff;text-shadow:0 0 16px #46ceff65}
.surge-spectate-count strong{font-size:clamp(31px,4vw,40px);font-weight:950;line-height:1.05;font-variant-numeric:tabular-nums}
.surge-spectate-count span{font-size:11px;font-weight:900;letter-spacing:1px;color:#7cdbff}
.surge-spectate-track{height:4px;border-radius:20px;background:#041c30;overflow:hidden;box-shadow:inset 0 1px 3px #0008}
.surge-spectate-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3cc6ed,#b1f7ff);box-shadow:0 0 12px #48dfff;transform-origin:left center;transition:transform .12s linear}
@media(max-width:540px){.spectate-card{padding:13px 10px;width:100%}.spectate-card>strong{font-size:19px}.spectate-actions{gap:6px}.spectate-actions button{padding:10px;font-size:8px;min-height:44px}#combatShieldBreak:after{font-size:8px;letter-spacing:2px}.spectate-top{font-size:8px;gap:10px}}
@media(max-height:500px){#brSpectate{padding-top:10px;padding-bottom:10px}.spectate-card{padding:10px 16px}.spectate-card>strong{margin:4px 0;font-size:18px}.spectate-actions{margin-top:9px}.spectate-card p{display:none}.spectate-top{padding:7px 12px}}
@media(max-height:500px){#surgeSpectateTimer{top:48px;padding:7px 12px 8px;width:150px}.surge-spectate-count strong{font-size:25px}#surgeSpectateTimer>small{font-size:7px;letter-spacing:1.2px}}
@media(prefers-reduced-motion:reduce){#combatDash{display:none}#combatDeath:before,#combatDeath:after{transform:none}}