.nametag.enemy span{color:#ff6676;text-shadow:0 1px 2px #320d16}
#modeHub{box-sizing:border-box;width:min(1080px,94vw);max-height:92dvh;overflow:auto;padding:30px;border:1px solid #66d8ff;border-radius:24px;background:radial-gradient(ellipse at top right,#126c97,#043956 65%);color:#fff;box-shadow:0 24px 100px #001526b3;font-family:var(--rr-font,system-ui)}
#modeHub::backdrop{background:#001b36bd;backdrop-filter:blur(5px)}
.mode-hub-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.mode-hub-heading small{font:800 10px system-ui;letter-spacing:.16em;color:#8fe5ff}.mode-hub-heading h2{margin:10px 0;font-size:clamp(25px,3vw,39px);line-height:1.08;font-weight:950;letter-spacing:-.04em}.mode-hub-heading em{font-style:normal;color:#ffe543}.mode-hub-heading p{font:13px/1.5 system-ui;color:#c4e1ef;margin:0}
#closeModeHub{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #9bdcf65c;background:#ffffff0d;color:#fff;cursor:pointer}
#modeHub fieldset{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0;padding:0;margin:0}
.mode-hub-card{--mode-accent:#31d4fc;position:relative;display:flex;flex-direction:column;gap:13px;min-width:0;padding:18px 15px;border:1px solid #a6dbef4d;border-radius:16px;background:linear-gradient(155deg,#098cbb66,#00324d);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.mode-hub-card[data-mode="solo"]{--mode-accent:#ffd748}.mode-hub-card[data-mode="3x3"]{--mode-accent:#64e997}.mode-hub-card[data-mode="4x4"]{--mode-accent:#c0a1ff}
.mode-hub-card:hover{transform:translateY(-3px);border-color:var(--mode-accent)}.mode-hub-card:has(input:checked){border-color:#ffe543;box-shadow:0 0 0 2px #ffd94b,0 8px 25px #001b3955;background:linear-gradient(155deg,#107eaa,#054569)}
.mode-hub-card input{position:absolute;width:1px;height:1px;opacity:0}.mode-hub-card:focus-within{outline:2px solid white;outline-offset:5px}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.mode-card-top small{color:var(--mode-accent);font:800 9px system-ui;letter-spacing:.12em}.mode-check{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffe543;color:#07344b;visibility:hidden;font-size:14px}.mode-hub-card:has(input:checked) .mode-check{visibility:visible}
.mode-art{display:flex;align-items:center;justify-content:center;gap:8px;height:104px;background:radial-gradient(ellipse,#70d9ff15,transparent 70%);color:var(--mode-accent)}.mode-squad{display:flex;justify-content:center;flex-wrap:wrap;gap:3px;width:70px}.mode-squad svg{width:27px;height:41px;fill:currentColor;filter:drop-shadow(0 3px 0 #00253955)}.mode-art>b{font:900 11px system-ui;color:#dbedf8}.mode-art>.mode-squad:last-child:not(:first-child){color:#ff8490}.mode-hub-card[data-mode="solo"] .mode-squad svg{width:54px;height:81px}
.mode-hub-card>strong{font-size:35px;line-height:1;font-weight:950;letter-spacing:-.03em}.mode-description{font:12px/1.6 system-ui;color:#d1e5ef;flex:1;min-height:58px}.mode-capacity{padding-top:12px;border-top:1px solid #91d4ee30;font:800 8px/1.6 system-ui;color:#bde5f6;letter-spacing:.04em}.mode-capacity i{font-style:normal;margin:0 3px;color:var(--mode-accent)}
.mode-hub-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:25px;padding-top:22px;border-top:1px solid #88d2ee40}.mode-hub-footer small{display:block;color:#96c6df;font:800 9px system-ui;letter-spacing:.13em}.mode-hub-footer strong{display:block;margin-top:7px;font-size:16px}.mode-hub-footer p{font:11px/1.5 system-ui;color:#bdd8e6;margin:8px 0 0}
#applyModeHub{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 24px;border:1px solid #ffe47a;border-radius:12px;background:linear-gradient(#ffe960,#ffb900);box-shadow:inset 0 2px 4px #fff8,0 5px 15px #001e3944;color:#033652;font:900 13px system-ui;cursor:pointer}#applyModeHub:hover{filter:brightness(1.08)}#modeHub button:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:760px){#modeHub{padding:22px;border-radius:18px}#modeHub fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-art{height:75px}.mode-hub-card{padding:14px;gap:10px}.mode-hub-footer{flex-wrap:wrap;gap:16px}#applyModeHub{width:100%;justify-content:center}.mode-hub-heading{margin-bottom:20px}}
@media(max-width:420px){#modeHub{padding:17px}#modeHub fieldset{gap:10px}.mode-hub-card{padding:12px 9px}.mode-art{gap:4px}.mode-squad{width:47px;gap:2px}.mode-squad svg{width:21px;height:32px}.mode-description{font-size:11px;min-height:70px}.mode-capacity{font-size:7px}.mode-hub-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.mode-hub-card{transition:none}.mode-hub-card:hover{transform:none}}