@font-face{font-family:SSNav;src:url('/table/assets/ss-source-sans-regular.ttf')}
nav.lobby-navigation{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;padding:8px 24px;margin:0;border:0;border-bottom:1px solid #29352b;background:#030706;color:#b3b7a7;font:16px/1.4 SSNav,Arial,sans-serif;width:100%;box-sizing:border-box}
nav.lobby-navigation[hidden]{display:none!important}
nav.lobby-navigation>a,nav.lobby-navigation>button{display:inline-block;flex:none;margin:0;padding:12px 0;min-height:44px;border:0;border-radius:0;border-bottom:1px solid transparent;background:none;box-shadow:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
nav.lobby-navigation>.active{color:#eddfb9;border-bottom-color:#c2a96a}
nav.lobby-navigation>a:hover,nav.lobby-navigation>button:hover{color:#f0e5c3;background:none}
nav.lobby-navigation>:focus-visible{outline:2px solid #91d6b5;outline-offset:4px}
body>header.lobby-page-header{display:flex;align-items:center;padding:10px 3.2%;height:94px;background:#030706;border-bottom:1px solid #29352b}
body>header.lobby-page-header .brand img{width:132px;height:74px;object-fit:contain;margin:0}
#hub-dialog{width:min(660px,calc(100% - 36px));max-height:88dvh;overflow:auto;background:#08120c;color:#e9e2cf;border:1px solid #7f8e65;border-radius:5px;padding:30px;font:16px/1.5 SSNav,Arial,sans-serif}
#hub-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
#hub-dialog button{cursor:pointer;color:#91d6b5;background:transparent;border:1px solid #536449;border-radius:4px;padding:8px 14px;font:inherit}
#hub-dialog .close-dialog{float:right}#hub-dialog table{width:100%;border-collapse:collapse}#hub-dialog td,#hub-dialog th{text-align:left;padding:10px;border-bottom:1px solid #303a30}#hub-dialog a{color:#91d6b5}
@media(max-width:620px){nav.lobby-navigation{gap:4px 20px;padding:6px 14px;font-size:14px}nav.lobby-navigation>a,nav.lobby-navigation>button{padding:8px 0}}

/* Ranking portraits and optional details on all player pages. */
.portrait{display:inline-block;width:96px;height:96px;background-image:var(--art);background-size:cover;background-position:center;border-radius:50%;border:2px solid #b8c4c1;outline:1px solid #485950;outline-offset:5px;box-shadow:0 0 0 8px #030605;flex-shrink:0}.portrait.tiny{width:40px;height:40px;outline-offset:2px;box-shadow:none}.chip{border:1px solid #3e4b3c;padding:3px 9px;border-radius:2px;font-size:11px;color:#bdcbb9}.ranking-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid #2a3b2e}.ranking-row .position{width:20px;color:var(--gold)}.ranking-row img{width:38px;height:38px;border-radius:50%;object-fit:cover}.ranking-row strong{flex:1}.ranking-row small{font-size:12px;color:#b5c6b0}.ranking-row.you{color:var(--green)}.chip{font-size:10px;padding:3px 6px}

.ranking-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.ranking-badges .chip{font-size:10px;padding:2px 5px}.ranking-row .portrait{margin-right:7px}.ranking-row .gold{color:#d3b66e;border-color:#8e763e}.ranking-row .silver{color:#cadbd3;border-color:#71877c}.ranking-row>small{font-size:10px}.ranking-badges .chip{font-size:9px}

.hub-info-dialog{width:min(600px,calc(100vw - 28px));max-height:88dvh;overflow:auto;padding:26px;border:1px solid var(--gold,#b8a06a);border-radius:8px;background:#07100b;color:var(--ink,#ece6d2)}.hub-info-dialog::backdrop{background:#000b}.hub-info-dialog h2{margin:0 0 16px}.hub-info-dialog>button{margin-top:18px}
:root{--ink:#e9e2cf;--muted:#a1a99c;--green:#91d6b5;--gold:#c2a96a}

/* Community contributions are secondary to the competitive ranking. */
.rankings-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.rankings-heading h2{margin:6px 0}
.community-rankings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 12px}.community-ranking{border-top:1px solid #536449;padding-top:12px;min-width:0}.community-ranking h3{font-size:21px;margin:0 0 2px}.community-ranking>small{font-size:12px;color:#a7b7a6}.community-leader-title{font:700 17px/1.25 Alegreya,Georgia,serif;color:#ddc681;margin:10px 0;min-height:42px}.community-standing{display:flex;align-items:center;gap:9px;padding:7px 0;color:#e9e2cf;text-decoration:none;font:14px/1.25 SSNav,Arial,sans-serif}.community-standing>span:first-child{color:#c2a96a;min-width:12px}.community-standing .portrait.tiny{width:26px;height:26px;min-width:26px}.community-standing strong{flex:1;min-width:0;overflow-wrap:anywhere}.community-standing b{color:#eddfb9}.hub-rankings-dialog>section>.ranking-row{padding:9px 0}.hub-rankings-dialog .ranking-row .portrait.tiny{width:34px;height:34px}.hub-rankings-dialog .hub-empty{margin:12px 0;color:#a7b7a6;font-size:14px}
@media(max-width:520px){.community-rankings{grid-template-columns:1fr}.community-leader-title{min-height:0}}

#hub-dialog.hub-rankings-dialog{width:min(900px,calc(100vw - 28px));box-sizing:border-box;padding:20px}
.hub-rankings-dialog .rankings-heading{margin-bottom:8px}.hub-rankings-dialog .community-rankings{margin:14px 0 10px;gap:24px}.hub-rankings-dialog .community-leader-title{min-height:0;margin:8px 0;font-size:17px}.hub-rankings-dialog .community-standing{padding:4px 0}.hub-rankings-dialog .community-ranking{padding-top:10px}.hub-rankings-dialog .community-ranking h3{font-size:20px}

#hub-dialog.hub-rankings-dialog{max-width:900px}#hub-dialog.hub-rankings-dialog button{margin:0}

.community-player-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.community-player-name strong{font-weight:600}.community-holder-title,.equipped-title-label{display:block;color:#e0c47d;font:600 13px/1.3 SSNav,Arial,sans-serif;overflow-wrap:anywhere}.community-title-holder{align-items:center;background:linear-gradient(90deg,#8d713313,transparent);border-radius:4px}.community-title-holder .portrait{border-color:#d7bc73}.profile-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-title-line .equipped-title-label{font-size:17px}.title-choice-preview{display:flex;gap:22px;align-items:center;margin:22px 6px}.title-choice-preview strong{font:700 24px Alegreya,Georgia,serif}.title-choice-preview p{color:#e0c47d;margin:5px 0}#player-title-choice{display:block;width:100%;padding:12px;margin-top:8px;background:#09120c;color:#e9e2cf;border:1px solid #6b7e60;border-radius:4px;font:16px SSNav,Arial,sans-serif}.title-choice-preview .portrait{flex:none}#title-save-status{color:#e7ba9a}
