/* Unzoomed, full-bleed artwork behind the existing zoomed multiplayer controls. */
#mpBackdrop{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden;background:#060912;isolation:isolate;--mp-accent:#ffae33}
#mpBackdrop[hidden]{display:none}
#mpBackdrop[data-mode="ctf"]{--mp-accent:#71dfff}
#mpBackdrop[data-mode="raid"]{--mp-accent:#ff704f}
#mpBackdrop[data-mode="invasion"]{--mp-accent:#a6ef80}
.mp-art-layer{position:absolute;inset:0;opacity:0;overflow:hidden;background:#070d18}
.mp-art-layer.mp-art-current{opacity:1}
.mp-art-layer img,.mp-art-layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.mp-art-layer video{opacity:0;transition:opacity .4s ease}
.mp-art-layer.mp-video-ready video{opacity:1}
.mp-art-veil{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse 55% 65% at 50% 48%,rgba(3,8,17,.86) 0%,rgba(3,8,17,.66) 52%,rgba(3,8,17,.12) 100%),linear-gradient(0deg,rgba(2,5,12,.7),transparent 23%,transparent 85%,rgba(2,5,12,.24))}
.mp-ink-swipe{position:absolute;z-index:2;top:-15%;bottom:-15%;left:0;width:44%;opacity:0;background:linear-gradient(90deg,transparent 0%,#040914 12%,#040914 72%,var(--mp-accent) 72.3%,var(--mp-accent) 73%,transparent 74%),repeating-linear-gradient(0deg,transparent 0 19px,var(--mp-accent) 20px 21px,transparent 22px 46px)}
#mp{z-index:6;background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}
#mp .mp-mode-choice{background:linear-gradient(115deg,rgba(8,15,25,.94),rgba(8,15,25,.8));transition:border-color .35s ease}
#mp[data-mode="ctf"] .mp-mode-choice{border-left-color:#71dfff}
#mp[data-mode="raid"] .mp-mode-choice{border-left-color:#ff704f}
#mp[data-mode="invasion"] .mp-mode-choice{border-left-color:#a6ef80}
#mp #mpQuick,#mp #mpCreate,#mp #mpJoin{background-color:rgba(6,12,21,.72)}
#mp > .small,#mp .small{opacity:1;color:#c1c5c9}
@media(max-width:700px){.mp-art-veil{background:linear-gradient(rgba(3,8,17,.68),rgba(3,8,17,.88))}.mp-art-layer img,.mp-art-layer video{object-position:64% center}}
@media(prefers-reduced-motion:reduce){.mp-ink-swipe{display:none}.mp-art-layer video{display:none;transition:none}#mp .mp-mode-choice{transition:none}}

#mpBackdrop[data-mode="dungeon"]{--mp-accent:#c9ab76}
#mp[data-mode="dungeon"] .mp-mode-choice{border-left-color:#c9ab76}
#mp[data-mode="dungeon"] #mpModeHint{line-height:1.5}