@font-face{font-family:'KH Menu';src:url('kh-menu.woff2') format('woff2');font-display:swap}
@font-face{font-family:'KH Menu';src:url('kh-menu-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:Arial,Helvetica,sans-serif;color:#28435f;background:#fff;color-scheme:light;--ink:#203853;--muted:#697f92;--line:#c9d8e4;--game:'KH Menu',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d1a349;outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}
/* The arena is a complete menu screen. Small dialogs are reserved for short actions. */
.lobby-panel{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;color:var(--ink);background:linear-gradient(125deg,#f5f9fc 30%,#e6f0f7);box-shadow:none}
.lobby-panel[open]{display:flex;flex-direction:column}.lobby-panel::backdrop{background:#edf4f9}
.lobby-panel-heading{display:flex;align-items:center;gap:24px;flex-shrink:0;min-height:94px;padding:calc(16px + env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left));background:linear-gradient(105deg,#14273f 0%,#244b73 64%,#376c94);border-bottom:3px solid #a9cdda;box-shadow:0 2px 0 #fff;color:#f2f7fc}
#lobby-back{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px 0 0;border:0;border-right:1px solid #8faec451;background:transparent;color:#c8d8e7;font:12px var(--game);letter-spacing:.09em}
#lobby-back span{font:32px Arial;line-height:1}.lobby-brand{display:grid;gap:7px;flex:1;min-width:0}.lobby-brand>span{font:10px var(--game);letter-spacing:.16em;color:#d9cd9b}.lobby-brand strong{font:24px var(--game);letter-spacing:.13em;white-space:nowrap}
.lobby-self{display:flex;align-items:center;gap:13px;min-height:52px;max-width:45%;text-align:left;background:#0a203132;border:1px solid #88b3d251;padding:8px 16px;color:#f3f7fb}.self-emblem{font:36px Georgia;color:#e9d9a4}.lobby-self>span:nth-child(2){min-width:0}.lobby-self b{display:block;font:15px var(--game);overflow-wrap:anywhere}.lobby-self small{display:block;font:12px/1.4 Arial;color:#bdd1e3;margin-top:5px}.self-arrow{font:24px Arial;color:#a1c3dc;margin-left:14px}
.lobby-layout{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:0;width:min(1360px,100%);margin:auto;overflow:hidden}
.lobby-sidebar{min-height:0;border-right:1px solid var(--line);padding:28px 18px 20px;background:linear-gradient(180deg,#e6eff6,#f3f8fc);overflow-y:auto;overscroll-behavior:contain}
.lobby-nav{display:grid;gap:8px;margin:0 -18px 32px}.lobby-nav button{position:relative;min-height:52px;width:100%;padding:0 12px 0 40px;text-align:left;border:0;border-block:1px solid transparent;background:transparent;color:#658098;font:15px var(--game);letter-spacing:.07em}
.lobby-nav button::before{content:'';position:absolute;left:18px;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);border:1px solid #a3b9cb;background:#d8e4ee}
.lobby-nav button[aria-pressed=true]{color:#fff;background:linear-gradient(90deg,#285480,#5689b0);border-block-color:#9fc1d8;text-shadow:0 1px #24425c;box-shadow:0 2px 0 #fff8}
.lobby-nav button[aria-pressed=true]::before{border-color:#fff7bc;background:radial-gradient(#fff7c4,#e9bb51);box-shadow:0 0 7px #fbe3a56b}.lobby-nav button:hover{background-color:#d8e7f1}
.online-section{margin:0}.roster-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px 13px}.roster-heading h2{margin:0;font:11px var(--game);letter-spacing:.06em;color:#688198}.roster-heading>span{font:12px var(--game);color:#375676}.online-roster{display:grid;gap:6px}.online-player{display:flex;align-items:center;gap:10px;min-height:62px;width:100%;border:1px solid transparent;border-bottom-color:#cfdeea;background:transparent;padding:8px 6px;text-align:left;color:var(--ink)}.online-player:hover{background:#fff9;border-color:#bfd1de}.online-player.is-you{border-color:#bfd2df;background:#ffffffa8}
.player-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:36px;flex-shrink:0;font:17px var(--game);color:#dbeaf6;background:linear-gradient(145deg,#3b658b,#6a97b6);border:1px solid #7e9eb8;border-radius:3px 9px 3px 9px;box-shadow:inset 0 0 0 2px #ffffff16}.online-player-info{flex:1;min-width:0}.online-player-info b{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:14px/1.4 Arial;overflow-wrap:anywhere}.online-player-info em{font:8px var(--game);color:#708798;font-style:normal;letter-spacing:.05em}.online-player-info small{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;color:#627b91;font:10px/1.5 Arial}.online-player-info small span{color:#8195a7;font-size:9px}.presence-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#719c8b}.roster-note{margin:14px 6px;color:#778c9e;font:12px/1.6 Arial}
.lobby-main{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 36px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(115deg,#fff 40%,#f4f9fc)}.lobby-page-heading{margin-bottom:24px}.section-label{font:10px/1.6 var(--game);letter-spacing:.12em;color:#7b93a7;margin:0 0 5px}.lobby-page-heading h2{margin:0;font:22px/1.4 var(--game);letter-spacing:.08em;color:#294461}
.queue-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;background:linear-gradient(115deg,#dcebf6,#eff6fb 65%,#cee3f3);border:1px solid #a8c4d8;border-left:4px solid #5b82a6;box-shadow:inset 0 1px #fff,0 2px 0 #e2ebf2}.queue-content{display:flex;align-items:center;gap:20px;min-width:0}.duel-emblem{display:flex;align-items:center;justify-content:center;width:56px;height:64px;flex-shrink:0;color:#6a8dad;background:#f6fafca8;border:1px solid #b2cbdf;border-radius:4px 15px 4px 15px}.duel-emblem svg{width:36px;height:36px}.queue-card h2{font:22px/1.4 var(--game);letter-spacing:.03em;margin:5px 0 10px;color:#294662}.queue-card p{font:14px/1.6 Arial;margin:0;color:#637e94;max-width:360px}.queue-actions{flex-shrink:0;text-align:center;min-width:180px}.queue-actions>span{display:block;font-size:11px;line-height:1.5;color:#6c8397;margin-top:9px}.is-searching .duel-emblem{color:#a77d32;border-color:#d2bc8c;background:#fff8e4}.is-searching .queue-card{border-left-color:#cba658}
.primary-button,.quiet-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:10px 19px;border:1px solid #9fb8cd;border-radius:2px;background:linear-gradient(#fcfeff,#e3edf5);color:#3e5e79;font:12px/1.4 var(--game);letter-spacing:.045em;text-decoration:none;box-shadow:inset 0 1px #fff,0 2px 0 #dde7ee}
.primary-button{color:#594720;border-color:#bba474;background:linear-gradient(#fff5d8,#eddbac);box-shadow:inset 0 1px #fffcee,0 2px 0 #cbbb9b}.primary-button:hover{background:linear-gradient(#fff9e9,#f1dfad)}.quiet-button:hover{background:linear-gradient(#fff,#d6e6f3)}.queue-actions .primary-button{width:100%;min-height:52px;font-size:13px;padding-inline:20px}.text-button{min-height:44px;border:0;background:transparent;padding:6px 0;text-align:left;color:#617f98;font:12px var(--game)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 14px}.section-heading h2{font:14px/1.5 var(--game);letter-spacing:.06em;color:#43627d;margin:0 0 5px}.section-heading h2>span{display:inline-block;font-size:11px;padding:1px 6px;margin-left:5px;border:1px solid #c2d3e1;color:#7893a9;background:#edf4f9;border-radius:2px}.section-heading p,.fine-print{font:12px/1.6 Arial;color:#7a8d9d;margin:0}.room-list{border-block:1px solid #c8d8e5}.room-empty{display:flex;align-items:center;gap:22px;padding:30px 24px;background:linear-gradient(90deg,#f4f8fb,#fff)}.room-empty h3{margin:0 0 8px;font:16px var(--game);color:#728ba0}.room-empty p{font:13px/1.6 Arial;color:#8b9ba7;margin:0}.room-empty-icon{position:relative;display:block;flex-shrink:0;width:56px;height:50px}.room-empty-icon::before,.room-empty-icon::after{content:'◇';position:absolute;display:grid;place-items:center;width:30px;height:42px;background:#fff;border:2px solid #c7d6e2;color:#c0d0df;border-radius:3px;font:28px Georgia;transform:rotate(-12deg);left:6px;top:1px}.room-empty-icon::after{left:20px;top:5px;transform:rotate(12deg);background:#eef4f9}
.room-row{display:flex;align-items:center;gap:16px;min-height:78px;padding:12px 16px;border-bottom:1px solid #d6e2eb}.room-row:last-child{border-bottom:0}.room-row>div{flex:1;min-width:0}.room-name{display:block;font:15px/1.4 Arial;color:#35546c;overflow-wrap:anywhere}.room-byline{display:block;font-size:12px;color:#8498a8;margin-top:5px}.mode-tag{font:9px var(--game);color:#8599aa;text-transform:uppercase}.empty-state{padding:30px 16px;font:14px/1.8 Arial;text-align:center;color:#8497a6}.empty-symbol{display:block;color:#b4c8d7;font:30px Georgia;margin-bottom:10px}
.lobby-footer{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid #d6e2ec;font:11px/1.6 Arial;color:#99aab8}.lobby-footer a{text-decoration:none}.lobby-footer>span:nth-child(2){margin-left:auto}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:16px 10px;font:10px var(--game);letter-spacing:.04em;text-align:left;color:#7793a9;border-bottom:2px solid #bcd0df;white-space:nowrap}td{padding:12px 10px;font-size:13px;border-bottom:1px solid #d7e3ed;color:#637f96;white-space:nowrap}.table-player{min-height:44px;text-align:left;padding:0;border:0;background:transparent;color:#355776;font:15px Arial}.table-player small{display:block;font:10px/1.4 Arial;color:#8b9dad;margin-top:5px}.mine{background:#e5f0f7}
.player-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 30px;padding:20px 24px;border:1px solid #b8cddd;background:linear-gradient(120deg,#eaf3fa,#fff)}.player-card>.section-label{grid-column:1/-1}.player-card h2{font:26px/1.4 var(--game);margin:6px 0 0;overflow-wrap:anywhere;grid-column:1}.profile-actions{grid-column:1;grid-row:4;display:flex;flex-wrap:wrap;gap:20px}.tier{grid-column:1;grid-row:3;font:12px var(--game);color:#8398a9;margin:0}.rating{display:flex;align-items:baseline;gap:10px}.rating strong{font:38px var(--game);color:#416888}.rating span{font:10px var(--game);color:#7d95a9}.player-card .rating{grid-column:2;grid-row:2/4}.placements{grid-column:2;grid-row:4}.placements p{font-size:11px;line-height:1.5;color:#8095a7;margin:8px 0}.player-stats{grid-column:1/-1;display:flex;gap:40px;border-top:1px solid #cedeea;padding-top:16px;margin-top:12px}.player-stats b{display:block;font:18px var(--game);color:#5e7c96}.player-stats span{display:block;font:9px var(--game);color:#8a9faf;margin-top:6px}#player-start{grid-column:1/-1;margin-top:16px;justify-self:start}#placement-dots{display:flex;gap:5px}#placement-dots i{width:22px;height:4px;background:#d2e0eb}#placement-dots i.complete{background:#b6a06a}.rating-note{font:12px/1.6 Arial;color:#8b9fae;margin:16px 0}.rating-note>span{display:none}.rating-note p{margin:0}.history-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #d7e3ec}.result-mark{min-width:68px;font:11px var(--game);color:#8a9da9}.result-mark.win{color:#6c9588}.result-mark.loss{color:#b1847a}.history-info{flex:1;min-width:0}.history-info b{display:block;font:14px Arial;overflow-wrap:anywhere}.history-info small{display:block;margin-top:5px;font:11px Arial;color:#879cac}.delta{font:13px var(--game);white-space:nowrap;color:#8b9dad}.delta.positive{color:#648b7c}
.match-card{border:1px solid #bba676;border-left:4px solid #c7a65b;background:linear-gradient(120deg,#fffaec,#fff);padding:24px;margin-bottom:24px}.versus-line{display:flex;align-items:center;gap:24px;margin:18px 0}.versus-line>div{flex:1;min-width:0}.versus-line b{display:block;font:20px/1.4 var(--game);overflow-wrap:anywhere}.versus-line span{display:block;font:11px/1.5 Arial;color:#8b9a9e;margin-top:6px}.versus-line em{font:18px var(--game);color:#bbaa81}.match-card>p{font:13px/1.6 Arial;color:#748695}.match-actions{display:flex;gap:12px;margin:16px 0}.notice,.form-error{color:#9e5f56;background:#fff4ef;border-left:3px solid #c59888;font:13px/1.6 Arial;padding:12px 16px;margin:0 0 16px}
dialog:not(.lobby-panel){width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px;margin:auto;border:1px solid #93b2cc;border-top:4px solid #486f95;border-radius:2px;background:linear-gradient(120deg,#f1f7fc,#fff);box-shadow:0 20px 70px #18345538;color:#456079}dialog:not(.lobby-panel)::backdrop{background:#17334d70;backdrop-filter:blur(3px)}dialog:not(.lobby-panel) h2{font:22px/1.5 var(--game);letter-spacing:.035em;margin:20px 0}dialog label{display:block;font:12px var(--game);margin:20px 0 10px;color:#728da4}dialog input,dialog select{width:100%;min-height:48px;padding:10px;background:#fff;border:1px solid #b7ccdd;border-radius:2px;color:#35526d;font-size:16px}dialog form>.primary-button{margin-top:18px}.dialog-close{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#8aa2b4;font-size:26px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:15px;border:1px solid #aaa;background:#fff;color:#556472}
.title-utility button{display:flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit}
#access-dialog p{font:14px/1.6 Arial;color:#6c8192}#access-dialog .fine-print{font-size:12px}#access-dialog .access-pane>.text-button{display:block;margin-top:12px}#access-dialog textarea{width:100%;resize:none;padding:12px;border:1px solid #bccfdd;border-radius:2px;background:#fff;color:#29445b;font:16px/1.6 monospace;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}#access-dialog details{margin:20px 0;border-block:1px solid #d0dfea;padding:12px 0}#access-dialog summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:12px var(--game);touch-action:manipulation}.access-code-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 8px}#recovery-feedback:empty{display:none}
@media(max-width:1050px){.lobby-layout{grid-template-columns:224px minmax(0,1fr)}.lobby-main{padding:24px}.queue-card{padding:22px;gap:18px}.queue-content{gap:14px}.duel-emblem{display:none}.queue-card h2{font-size:20px}.queue-actions{min-width:160px}.queue-actions .primary-button{padding-inline:12px;font-size:12px}.lobby-self{max-width:42%}.online-player-info small{font-size:10px}}
@media(max-width:760px){.lobby-panel-heading{min-height:82px;gap:15px;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.lobby-brand strong{font-size:18px}.lobby-brand>span{font-size:8px}.lobby-self{padding:6px 10px;gap:8px}.self-emblem,.self-arrow{display:none}.lobby-self b{font-size:12px}.lobby-self small{font-size:10px}#lobby-back{font-size:0;padding-right:12px;gap:0}#lobby-back span{font-size:32px}.lobby-layout{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.lobby-sidebar{display:contents}.lobby-nav{display:flex;flex-shrink:0;position:sticky;top:0;z-index:3;order:1;margin:0;background:#e6eff6;border-bottom:1px solid #bfd1df;gap:0;box-shadow:0 2px 5px #29425b10}.lobby-nav button{flex:1;min-height:48px;padding:0 12px;text-align:center;font-size:12px}.lobby-nav button::before{display:none}.lobby-nav button[aria-pressed=true]{border-bottom:3px solid #d8bf7f;border-top:0}.lobby-main{order:2;overflow:visible;min-height:auto;flex-shrink:0;padding:24px 20px 12px}.lobby-page-heading{margin-bottom:20px}.lobby-page-heading h2{font-size:21px}.queue-card{padding:20px;align-items:flex-start;flex-direction:column;gap:18px}.queue-actions{width:100%;display:flex;flex-direction:column;align-items:stretch}.queue-actions .primary-button{min-height:50px;font-size:13px}.queue-card h2{font-size:22px}.queue-card p{font-size:14px}.queue-actions>span{font-size:11px}.section-heading{gap:12px}.section-heading h2{font-size:12px}.section-heading .quiet-button{font-size:10px;padding:10px 12px;white-space:nowrap}.room-empty{padding:24px 14px;gap:18px}.room-empty h3{font-size:15px}.room-empty p{font-size:12px}.room-row{padding:12px 2px;gap:10px}.mode-tag{display:none}.online-section{order:3;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-top:1px solid #cbdce8;background:#e8f1f7;flex-shrink:0}.online-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.online-player{padding:8px;min-width:0}.roster-note{margin-bottom:0}.player-avatar{width:28px;height:32px;font-size:15px}.online-player-info b{font-size:13px}.presence-dot{display:none}.lobby-footer{margin-top:20px;font-size:10px}.player-card{padding:18px;gap:6px 20px}.player-card h2{font-size:21px}.player-card .rating strong{font-size:28px}.player-card .rating{gap:5px}.player-card .rating span{font-size:8px}.profile-actions{gap:12px}.profile-actions button{font-size:10px}.player-stats{gap:24px}.placements p{font-size:10px}.match-card{padding:18px}.versus-line{gap:12px}.versus-line b{font-size:16px}.match-actions{flex-direction:column}.result-mark{font-size:10px;min-width:55px}.delta{font-size:11px}.history-info b{font-size:13px}th,td{padding-inline:8px}.table-player{font-size:13px}}
@media(max-width:380px){.lobby-brand strong{font-size:15px;letter-spacing:.07em}.lobby-self{max-width:48%}.lobby-main{padding-inline:14px}.online-section{padding-inline:14px}.online-roster{grid-template-columns:1fr}.player-card{grid-template-columns:1fr auto;column-gap:10px}.room-empty-icon{display:none}.section-heading .quiet-button{font-size:9px;padding-inline:8px}.player-card .rating strong{font-size:25px}}
@media(max-height:500px) and (min-width:761px){.lobby-panel-heading{min-height:68px;padding-block:8px}.lobby-brand strong{font-size:19px}.lobby-brand>span{font-size:8px}.lobby-sidebar{padding-top:18px}.lobby-nav{margin-bottom:20px}.lobby-main{padding-top:18px}.lobby-page-heading{margin-bottom:16px}}

.solo-practice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #dce3ed;margin-bottom:24px}.solo-practice h2{font-size:20px;margin:0 0 5px}.solo-practice p{margin:0;color:#65748a;font-size:14px}.solo-practice a{display:inline-flex;align-items:center;text-decoration:none;min-height:44px;white-space:nowrap}@media(max-width:600px){.solo-practice{align-items:flex-start;flex-direction:column;gap:14px}}

/* The complete arena name wraps cleanly beside player controls. */
.lobby-brand strong{white-space:normal;line-height:1.12}
@media(max-width:760px){.lobby-brand strong{font-size:16px;letter-spacing:.07em}}
@media(max-width:380px){.lobby-brand strong{font-size:14px}}
/* Keep the modal inside the keyboard-visible viewport, without resizing on pinch zoom. */
.lobby-panel{inset:auto 0;top:var(--lobby-top,0px);height:var(--lobby-height,100dvh)}
html:has(.lobby-panel[open]),body:has(.lobby-panel[open]){overflow:hidden;overscroll-behavior:none}
dialog:not(.lobby-panel){max-height:calc(var(--lobby-height,100dvh) - 24px);overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:760px){
 .lobby-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;flex:none;position:relative}
 .lobby-nav button{min-width:0;width:100%;padding:6px 3px;font-size:11px;letter-spacing:0;line-height:1.25;overflow-wrap:normal}
 .lobby-nav [data-inbox-badge]{display:inline-block;font-size:10px;margin:2px 0 0;padding:2px 4px;min-width:16px}
 .lobby-panel-heading{gap:10px;min-height:72px}.lobby-self{max-width:44%;min-width:0}.lobby-self b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lobby-brand strong{font-size:15px}.lobby-brand>span{letter-spacing:.1em}
 dialog:not(.lobby-panel){padding:20px 18px;width:calc(100% - 24px);scroll-padding-block:18px}
 .lobby-layout{scroll-padding-block:12px;overflow-anchor:none}.lobby-main,.online-section{padding-inline:max(14px,env(safe-area-inset-left))}
}

@media(max-width:760px){dialog:not(.lobby-panel){position:fixed;top:calc(var(--lobby-top,0px) + max(12px,env(safe-area-inset-top)));bottom:auto;margin:0 auto;max-height:calc(var(--lobby-height,100dvh) - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));padding-bottom:max(20px,env(safe-area-inset-bottom))}}

/* Canonical host/join links share the title's four rows in two columns. */
#lobby-title .gba-title-options{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));font-size:clamp(13px,1.8cqw,23px);letter-spacing:.08em}
#lobby-title .gba-title-option{padding-left:12%;padding-right:3%;border-right:1px solid #c8c8c8}
#lobby-title .gba-title-option::before{left:4%;height:45%}
@media(max-width:760px){#lobby-title .gba-title-options{font-size:14px;letter-spacing:.04em}#lobby-title .title-utility{gap:8px;font-size:9px}.lobby-footer{flex-wrap:wrap}}

.hiscores-form{display:flex;gap:4px}.hiscores-form i{display:inline-grid;place-items:center;width:22px;height:24px;font-style:normal;font-size:11px;font-weight:bold;border-radius:3px;background:#dedede;color:#555}.hiscores-form .form-W{background:#dce9da;color:#316137}.hiscores-form .form-L{background:#f1ddd8;color:#984c3d}.hiscores-activity{margin-top:26px}.hiscores-activity h2{margin-bottom:16px}.hiscores-activity .history-row{gap:12px}.hiscores-activity .history-row small{display:block;margin-top:5px;color:#777}