.match-rank{display:inline-flex;align-items:center;gap:6px;color:var(--rank-color);font-size:12px;line-height:1.25;min-width:0}.match-rank img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--rank-color) 35%,transparent))}.match-rank small{font-size:10px;color:#b9cce3;margin-left:5px}.battle-player .match-rank{margin:3px 0}.battle-player .match-rank img{width:23px;height:23px}.match-versus[open]{position:fixed;inset:0;transform:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(16px,4vw,48px);border:0;border-radius:0;color:#f1f7ff;background:radial-gradient(ellipse at 20% 50%,#17416d88,transparent 55%),radial-gradient(ellipse at 80% 50%,#79282f77,transparent 55%),#091322;overflow:auto;font-family:'Chakra Petch',sans-serif}.match-versus::backdrop{background:#091322}.match-versus header{text-align:center}.match-versus header>span{font-size:12px;letter-spacing:.22em;color:#abc6e4}.match-versus h1{font-size:clamp(22px,3vw,34px);margin:10px 0}.versus-fighters{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;max-width:1000px;width:100%;margin:auto;gap:20px}.versus-fighter{text-align:center;min-width:0;animation:versus-enter .6s ease both}.versus-enemy{animation-delay:.15s}.versus-fighter>small{display:block;color:#80cbff;font-size:12px;letter-spacing:.12em;margin-top:10px}.versus-enemy>small{color:#ff9b9d}.versus-fighter h2{font-size:clamp(19px,2.5vw,30px);overflow-wrap:anywhere;margin:8px 0}.versus-art{display:flex;align-items:center;justify-content:center;min-height:0;height:clamp(120px,32dvh,300px);perspective:700px}.versus-art img{display:block;width:auto;height:100%;max-height:100%;min-height:0;max-width:90%;object-fit:contain;border-radius:8px;transform:rotateY(10deg) rotate(-5deg);filter:drop-shadow(0 0 20px #57b6ff66)}.versus-enemy .versus-art img{transform:rotateY(-10deg) rotate(5deg);filter:drop-shadow(0 0 20px #ff687c66)}.versus-art>span{font-size:100px;color:#82c8ff}.versus-fighter .match-rank{font-size:16px}.versus-fighter .match-rank img{width:46px;height:46px}.versus-fighter p{color:#aac4dc;font-size:14px;line-height:1.6;margin:8px 0}.versus-stats{font-size:12px;color:#8eaac6}.versus-mark{font-size:clamp(44px,7vw,80px);font-style:italic;text-align:center;color:#e4c288;text-shadow:0 0 30px #ffc17a55}.match-versus footer{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:16px;color:#a6bfd6;font-size:13px}.match-versus footer button{border:1px solid #89ceff;background:#173657;color:#e2f4ff;border-radius:8px;padding:12px 24px;min-height:44px}.match-bot{color:#efaa80}
@keyframes versus-enter{from{transform:translateY(20px)}to{transform:none}}
@media(max-width:600px){.match-versus[open]{padding:18px 12px}.versus-fighters{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:6px}.versus-art{height:24dvh}.versus-fighter .match-rank{font-size:12px;gap:3px}.versus-fighter .match-rank img{width:30px;height:30px}.versus-fighter .match-rank small{display:block;margin-left:0}.versus-fighter p{font-size:11px}.versus-stats{font-size:10px}.match-versus footer{flex-direction:column;gap:8px}.battle-player .match-rank{font-size:10px}.battle-player .match-rank img{width:20px;height:20px}}
@media(max-height:500px) and (orientation:landscape){.match-versus[open]{padding:10px 24px}.match-versus h1{font-size:18px;margin:3px 0}.versus-art{height:110px}.versus-fighter h2{font-size:18px;margin:3px 0}.versus-fighter>small,.versus-stats{display:none}.versus-fighter .match-rank img{width:28px;height:28px}.versus-fighter p{font-size:11px;margin:3px}.match-versus footer{margin-top:4px}.match-versus footer button{padding:7px 16px}}
@media(prefers-reduced-motion:reduce){.versus-fighter{animation:none}.versus-art img{transform:none}}
/* Static server leader medals stay beside their owner's name. */
.fighter-name-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}.fighter-name-line>h1,.fighter-name-line>h2{margin:0;min-width:0;overflow-wrap:anywhere}.versus-fighter .fighter-name-line{justify-content:center;margin:8px 0}
.server-top-tag{--top-color:#ffe398;--top-dark:#715021;display:inline-flex;align-items:center;gap:5px;flex:none;padding:5px 9px;max-width:100%;border:1px solid var(--top-color);border-radius:8px;background:linear-gradient(125deg,#111624 0%,var(--top-dark) 38%,#273348 48%,#121927 65%);color:var(--top-color);box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 0 #0008,0 2px 7px #0006;vertical-align:middle;white-space:nowrap;font:700 11px 'Chakra Petch',sans-serif;line-height:1.2}
.server-top-tag svg{width:25px;height:25px;fill:var(--top-dark);stroke:var(--top-color);stroke-width:1.5}.server-top-tag b{color:var(--top-color)!important;font-size:inherit!important;display:inline!important}.server-top-tag small{font-size:8px!important;letter-spacing:.08em;color:var(--top-color)!important;display:inline!important}
.server-top-tag[data-top="1"]{border-width:2px;box-shadow:inset 0 1px 0 #fff9,0 0 9px #f6c55b30,0 3px 8px #0006}.server-top-tag[data-top="2"]{--top-color:#dceaff;--top-dark:#516477}.server-top-tag[data-top="3"]{--top-color:#ffd0ab;--top-dark:#77472a}.server-top-tag[data-top="4"]{--top-color:#9eecff;--top-dark:#1c556c}.server-top-tag[data-top="5"]{--top-color:#d9beff;--top-dark:#4b2d73}
.battle-fighter-name{gap:4px}.battle-fighter-name>strong{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}.battle-fighter-clan{display:block;font-size:10px;color:#c2cde1}.battle-player .server-top-tag{padding:2px 4px;font-size:9px;border-width:1px}.battle-player .server-top-tag svg{width:16px;height:16px}.battle-player .server-top-tag small{font-size:6px!important}
@media(max-width:600px){.battle-fighter-name>strong{font-size:10px}.battle-fighter-clan{font-size:8px}.versus-fighter .server-top-tag{padding:3px 5px;font-size:9px}.versus-fighter .server-top-tag svg{width:18px;height:18px}.versus-fighter .server-top-tag small{font-size:6px!important}}