#battlefield .hu-cut{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:0;--hu-color:#ffcb87;background:linear-gradient(115deg,#030609f5 5%,#070d14df 45%,#03060888 100%);contain:layout paint}#battlefield .hu-cut:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(160deg,transparent 0 46px,color-mix(in srgb,var(--hu-color) 16%,transparent) 47px 48px,transparent 49px 90px)}#battlefield .hu-portrait{position:absolute;left:3%;bottom:-10%;width:57%;height:120%;object-fit:cover;object-position:50% 15%;filter:contrast(1.15) saturate(.72);clip-path:polygon(18% 0,100% 0,80% 100%,0 100%);mask-image:linear-gradient(0deg,transparent,#000 25%,#000 90%,transparent)}#battlefield .hu-copy{position:absolute;left:54%;top:37%;right:3%;color:#f3f4e8;text-shadow:0 3px 20px #000}#battlefield .hu-copy small{display:block;font:12px monospace;letter-spacing:4px;color:var(--hu-color);margin-bottom:16px}#battlefield .hu-copy b{display:block;font-size:clamp(24px,4vw,58px);font-weight:900;line-height:1.15;letter-spacing:2px}#battlefield .hu-copy p{margin:18px 0 12px;font-size:16px;letter-spacing:8px}#battlefield .hu-copy em{font:14px monospace;letter-spacing:8px;color:var(--hu-color)}#battlefield .hu-slash{position:absolute;left:48%;top:-15%;height:140%;width:3px;background:var(--hu-color);box-shadow:0 0 28px var(--hu-color);transform:rotate(14deg)}#battlefield .hu-letterbox{position:absolute;left:0;right:0;height:6%;background:#030609}#battlefield .hu-letterbox.top{top:0}#battlefield .hu-letterbox.bottom{bottom:0}@media(max-width:600px){#battlefield .hu-portrait{left:-20%;width:100%;opacity:.76}#battlefield .hu-copy{left:32%;top:48%;right:5%}#battlefield .hu-copy b{font-size:36px}#battlefield .hu-copy p{font-size:14px;letter-spacing:4px}#battlefield .hu-slash{left:65%}}
/* Role-specific compositions, on the same paused/battle presentation clock. */
#battlefield .hu-cue{position:absolute;bottom:12%;right:6%;color:var(--hu-color);font:12px monospace;letter-spacing:3px;border-bottom:2px solid var(--hu-color);padding:12px 0}
#battlefield .hu-cut[data-operator="vyron"]:before{background:repeating-linear-gradient(165deg,transparent 0 65px,#ffc78525 66px 69px,transparent 70px 105px)}
#battlefield .hu-cut[data-operator="hackclaw"] .hu-portrait{clip-path:polygon(8% 0,95% 0,95% 32%,88% 32%,88% 36%,98% 36%,98% 68%,87% 68%,87% 72%,92% 72%,92% 100%,0 100%,0 58%,10% 58%)}
#battlefield .hu-cut[data-operator="hackclaw"]:before{background:linear-gradient(90deg,transparent 49.8%,#c9a3ff50 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 34px,#c9a3ff16 35px 36px)}
#battlefield .hu-cut[data-operator="hackclaw"] .hu-slash{width:28%;height:54%;left:62%;top:26%;transform:none;background:none;border:1px solid #c9a3ff70;box-shadow:inset 0 0 32px #c9a3ff10}
#battlefield .hu-cut[data-operator="luna"] .hu-portrait{clip-path:ellipse(48% 65% at 48% 50%)}
#battlefield .hu-cut[data-operator="luna"]:before{background:radial-gradient(ellipse at 35% 55%,transparent 0 29%,#8eeaff40 29.2% 29.4%,transparent 29.6% 39%,#8eeaff20 39.2% 39.4%,transparent 39.6%),linear-gradient(155deg,transparent 48%,#8eeaff20 49%,transparent 50%)}
#battlefield .hu-cut[data-operator="luna"] .hu-slash{transform:rotate(58deg);height:180%;left:48%;top:-40%;width:1px}

/* Portrait camera: lateral staging, visible Y-axis turn, then left close-up. */
#battlefield .hu-portrait{transform-origin:50% 50%;backface-visibility:visible;will-change:transform}
#battlefield .hu-copy{z-index:3;will-change:transform,opacity}
#battlefield .hu-slash{opacity:.55}