.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}}
.versus-load{position:relative;height:18px;max-width:260px;margin:8px auto 0;border:1px solid #2d5b86;border-radius:9px;background:#0c1d33;overflow:hidden}.versus-load i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2f7fd0,#6cc7ff);transition:width .3s ease}.versus-enemy .versus-load i{background:linear-gradient(90deg,#b5414f,#ff8a8f)}.versus-load.done i{background:linear-gradient(90deg,#3aa86b,#7fe0a6)}.versus-load span{position:relative;display:block;font-size:11px;line-height:16px;color:#f1f7ff;letter-spacing:.05em}
#match-chat{position:fixed;right:12px;top:56px;z-index:40;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-family:inherit}.fight-header .chat-toggle{position:relative;border:1px solid #3c6a96;background:#12263fcc;color:#e2f4ff;border-radius:18px;padding:6px 14px;min-height:36px}.chat-toggle .chat-unread{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:#e4525e;color:#fff;font-size:11px;line-height:18px;text-align:center;padding:0 4px}#match-chat .chat-panel{width:min(300px,calc(100vw - 24px));background:#0d1b2ef2;border:1px solid #2d5b86;border-radius:10px;padding:8px;color:#dbe9f7;box-shadow:0 8px 24px #0008}#match-chat header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9fbad5;margin-bottom:6px}#match-chat .chat-list{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}#match-chat .chat-list li{max-width:85%;padding:5px 9px;border-radius:10px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}#match-chat .chat-list li.mine{align-self:flex-end;background:#1f4f80}#match-chat .chat-list li.theirs{align-self:flex-start;background:#3a2430}#match-chat .chat-form{display:flex;gap:6px;margin-top:6px}#match-chat .chat-input{flex:1;min-width:0;border:1px solid #2d5b86;background:#08121f;color:#e2f4ff;border-radius:6px;padding:6px 8px;font-size:14px}#match-chat .chat-form button{border:1px solid #89ceff;background:#173657;color:#e2f4ff;border-radius:6px;padding:6px 10px}#match-chat .chat-note{margin:6px 0 0;font-size:11px;color:#7f9bb8}body.spectator #match-chat{display:none}

#match-chat[hidden]{display:none}.fight-header .chat-toggle{flex:none;white-space:nowrap}.chat-toggle .chat-unread[hidden]{display:none}#match-chat .chat-panel{max-height:min(calc(100dvh - 80px),var(--chat-space,calc(100dvh - 80px)));overflow:auto}#match-chat .chat-close{min-width:30px;min-height:30px;padding:2px 6px;border:0;background:transparent;color:inherit;font-size:22px}body.spectator .chat-toggle{display:none}
/* Measured against the actual hand and controls, including mobile layout changes. */
.setup-layer .mulligan-note{position:fixed;bottom:auto;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;visibility:hidden;pointer-events:none}
/* V0.0.9: a visible toolbar entry and a short, non-interactive message preview. */
.fight-header button.chat-toggle{order:-1;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:13px;min-width:68px;min-height:40px;padding:6px 10px;border:1px solid #73bffc;background:#173d63;color:#f2f9ff;font-weight:800;border-radius:10px}
.fight-header button.chat-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.fight-header button.chat-toggle.has-unread{border-color:#ff7c82;background:#542735}
#match-chat-notice{position:fixed;z-index:39;top:56px;right:12px;width:max-content;max-width:min(280px,calc(100vw - 24px));box-sizing:border-box;padding:8px 12px;border:1px solid #ff8a8e;border-radius:12px 12px 4px 12px;background:#281e2df2;color:#fff;box-shadow:0 5px 16px #0005;pointer-events:none;animation:chat-notice-float 3.2s ease both;font-size:13px;line-height:1.4}
#match-chat-notice strong{display:block;color:#ffb1b4;font-size:10px;margin-bottom:2px}
#match-chat-notice span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;white-space:normal}
#match-chat-notice.mine{border-color:#80c9ff;background:#142b43f2}#match-chat-notice.mine strong{color:#a6dbff}
#match-chat-notice[hidden],body.spectator #match-chat-notice{display:none}
@keyframes chat-notice-float{0%{opacity:0;transform:translateY(7px)}10%,82%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){#match-chat-notice{animation:none}}

.fight-header button.chat-toggle .chat-unread{top:3px;right:3px;min-width:16px;height:16px;line-height:16px;padding:0 3px}