.rank-badge{display:inline-flex;gap:8px;align-items:center;font:700 14px/1.15 'Segoe UI',sans-serif;color:#e8d29a;vertical-align:middle}.rank-badge img{width:42px;height:48px;object-fit:contain}.rank-badge small{display:block;font-size:11px;font-weight:500;margin-top:3px}.rank-stars{color:#e5b754;letter-spacing:2px}.rank-unknown{width:35px;text-align:center;font-size:28px;border:1px solid #a99766;border-radius:7px}.rank-large img{width:70px;height:80px}.rank-large{font-size:20px}.unranked{color:inherit;opacity:.8}#account-rank{margin-left:8px;color:#263f39}#account-rank .rank-badge{color:inherit}#profile-rankings{margin:18px 0;padding:14px;background:#203c36;border-radius:12px;color:#f6edcf}#profile-rankings>div{display:flex;justify-content:space-around;gap:20px}#profile-rankings article{flex:1}#profile-rankings h3{margin:0 0 12px}#profile-rankings h4{margin:4px 0 10px}#profile-rankings p{font-size:12px}#rank-promotion{position:fixed;z-index:150;top:75px;left:50%;transform:translateX(-50%);width:min(500px,90vw);padding:20px;border:2px solid #d1ad53;border-radius:14px;background:#233c34;color:#fff1c9;box-shadow:0 0 35px #d7bd6b77;text-align:center;animation:rank-reveal .6s ease-out}#rank-promotion button{position:absolute;right:7px;top:7px}#rank-promotion strong{display:block;font-size:23px;margin:8px}.playing #rank-promotion{display:none}@keyframes rank-reveal{from{opacity:0;transform:translate(-50%,-15px) scale(.9)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
#matchmaking-panel{margin:12px 0;padding:18px;background:#203b35;color:#f2ecd9;border:1px solid #ae955b;border-radius:14px}#matchmaking-panel[hidden],.match-queues[hidden],#queue-wait[hidden]{display:none}#matchmaking-panel h2{font-size:28px;margin:5px 0}#matchmaking-panel h2 small{font-size:15px;color:#e0b659}.match-queues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-queues button{padding:17px;text-align:left;background:#f2eedf;color:#23423c;border:2px solid #ab9868;border-radius:9px}.match-queues button:hover{background:#f2d58f;transform:translateY(-2px)}.match-queues button>span{float:left;font-size:30px;margin-right:13px}.match-queues strong{display:block;font-size:17px}.match-queues small{display:block;margin-top:5px}.matchmaking-rules{font-size:12px;opacity:.85;max-width:850px}#queue-wait{text-align:center;padding:20px}#queue-wait h3{font-size:26px}.queue-radar{font-size:60px;color:#e4c36c;animation:queue-pulse 2s infinite}@keyframes queue-pulse{50%{opacity:.45;transform:scale(1.12)}}#matchmaking-login{max-width:420px;padding:28px;border:2px solid #b39b65;border-radius:12px;background:#f4efdf;color:#29483f}#matchmaking-login::backdrop{background:#142b27aa}#matchmaking-login div{display:flex;gap:12px}.matchmaking-room .room-settings,.matchmaking-room #copy-room,.matchmaking-room .room-note{display:none}.matchmaking-room .online-roster{margin-top:16px}#matchmaking-ready-countdown{display:block;font-size:22px;color:#b17720;font-weight:bold;margin:10px 0}.online-roster .rank-badge{color:#29483f;margin:4px 0}.online-roster .rank-badge img{width:38px;height:44px;box-shadow:none;border:0}.online-roster .rank-badge small{color:inherit}
@media(max-width:600px){.match-queues{grid-template-columns:1fr}.match-queues button{padding:12px}#account-rank .rank-badge img{width:25px;height:28px}#account-rank .rank-badge{font-size:11px}#account-rank .rank-badge small{font-size:9px}#profile-rankings>div{flex-direction:column;gap:12px}}

.matchmaking-room .online-roster article>strong,.matchmaking-room .online-roster .rank-badge,.matchmaking-room .online-roster .rank-badge span,.matchmaking-room .online-roster .rank-badge small{color:#f2ecd9}

#rank-promotion{top:50%;transform:translate(-50%,-50%);width:min(780px,90vw);padding:50px 28px 85px;box-shadow:0 0 0 100vmax #0b1d1bd9,0 0 65px #d7bd6b88;animation:promotion-centre .6s ease-out}#rank-promotion[hidden]{display:none}#rank-promotion strong{font-size:clamp(25px,3vw,40px);margin:20px 0}#rank-promotion .rank-large{display:flex;flex-direction:column;font-size:30px}#rank-promotion .rank-large img{width:140px;height:160px}#rank-promotion button{top:auto;bottom:20px;right:50%;transform:translateX(50%);padding:12px 35px}.rank-overview summary{cursor:pointer;font-weight:bold;padding:12px;color:#f0cf7c}.rank-table-scroll{overflow:auto}.rank-overview table{border-collapse:collapse;width:100%;font-size:12px}.rank-overview th,.rank-overview td{padding:8px;border:1px solid #8c977a;text-align:center}.rank-overview th img{width:48px;height:56px}.rank-overview tbody th{color:#e8c96e;white-space:nowrap}.rank-overview caption{font-weight:bold;margin:10px}@keyframes promotion-centre{from{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
#account-dialog:has(.rank-overview[open]){width:min(960px,calc(100vw - 28px))}

#rank-promotion{margin:0;max-height:90dvh;overflow:auto;background:#233c34}#rank-promotion::backdrop{background:#0b1d1bd9}#rank-promotion{box-shadow:0 0 65px #d7bd6b88}

#queue-soldier-stage{height:145px;display:flex;justify-content:center}#queue-soldier-stage canvas,#match-found-soldiers canvas{display:block;width:360px;max-width:100%;height:145px;object-fit:contain}#match-found-soldiers{position:fixed;z-index:180;left:50%;top:18%;transform:translateX(-50%);padding:18px 24px 8px;border:2px solid #caaa62;border-radius:14px;background:#203c36f5;color:#f5e4b1;box-shadow:0 12px 50px #14251c66;pointer-events:none;text-align:center;max-width:90vw}#match-found-soldiers[hidden]{display:none}#match-found-soldiers strong{font-size:26px}

#online-mode-categories[hidden]{display:none!important}#online-branches{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}#online-branches button[aria-pressed=true]{border-color:#b58c32;background:#f0d78e}.match-search-card{display:flex;min-width:0;gap:5px}.match-search-card>button[data-search]{flex:1;min-width:0}.match-search-card .queue-gear{flex:0 0 55px;padding:12px;font-size:30px;text-align:center}.match-search-card strong span{float:none;font-size:inherit;margin:0}.match-search-card small{font-size:14px}#queue-settings{width:min(470px,92vw);padding:24px;background:#f2efdf;border:2px solid #a58a51;border-radius:12px;color:#263e35}#queue-settings::backdrop{background:#122a25b8}#queue-settings header{display:flex;align-items:center;justify-content:space-between}#queue-settings h2{font-size:24px}#queue-settings>div{display:grid;gap:10px}#queue-settings [data-format]{display:flex;justify-content:space-between;padding:16px;border:1px solid #a8b396;background:#e1e7d8;color:#243c32;border-radius:6px;font-size:17px}#queue-settings [aria-pressed=true]{background:#efd78e;border:2px solid #9d752e}#queue-settings p{font-size:12px}@media(max-width:600px){#online-branches,.match-queues{grid-template-columns:1fr}.match-search-card strong{font-size:16px}}

#online-panel .queue-gear{font-size:28px}.online-room-open #online-branches{display:none}