.lobby-layout{width:100%;display:grid;grid-template-columns:calc(190px * var(--ui-scale, 1)) minmax(0,1fr) calc(240px * var(--ui-scale, 1));gap:calc(24px * var(--ui-scale, 1));max-width:calc(1320px * var(--ui-scale, 1));margin:calc(26px * var(--ui-scale, 1)) auto calc(38px * var(--ui-scale, 1));padding:0 calc(24px * var(--ui-scale, 1));align-items:start}
.lobby-main{min-width:0}.lobby-left{padding-top:calc(10px * var(--ui-scale, 1))}
.section-heading{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1)) 0 calc(18px * var(--ui-scale, 1));border-bottom:1px solid var(--line)}
.section-heading .icon{width:calc(22px * var(--ui-scale, 1));height:calc(22px * var(--ui-scale, 1));color:var(--muted)}.section-heading h2{font-size:max(11px, calc(19px * var(--ui-scale, 1)));font-weight:300;margin:0}
.tournament-empty{padding:calc(25px * var(--ui-scale, 1)) 0 calc(18px * var(--ui-scale, 1))}.planned-badge{display:inline-block;padding:calc(4px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));border-radius:calc(3px * var(--ui-scale, 1));color:var(--muted);background:var(--soft)}
.tournament-empty h3{font-size:max(11px, calc(16px * var(--ui-scale, 1)));font-weight:400;line-height:1.5;margin:calc(14px * var(--ui-scale, 1)) 0 calc(8px * var(--ui-scale, 1))}.tournament-empty p{font-size:max(11px, calc(14px * var(--ui-scale, 1)));line-height:1.6;color:var(--muted);margin:0}
.tournament-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:calc(14px * var(--ui-scale, 1)) 0;font-size:max(11px, calc(14px * var(--ui-scale, 1)));color:var(--blue);border-top:1px solid var(--line)}.tournament-link:hover{color:var(--text)}

.start-tabs{height:calc(48px * var(--ui-scale, 1));display:flex;gap:calc(4px * var(--ui-scale, 1));margin:0 0 calc(20px * var(--ui-scale, 1))}
.start-tabs button{font-size:max(11px, calc(15px * var(--ui-scale, 1)));font-weight:400;flex:1;border-bottom:calc(2px * var(--ui-scale, 1)) solid transparent;color:var(--muted);padding:calc(12px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1))}
.start-tabs button:hover{color:var(--text)}.start-tabs button[aria-selected=true]{color:var(--orange);border-bottom-color:var(--orange)}
.format-groups{display:grid;gap:calc(20px * var(--ui-scale, 1))}.format-group{min-width:0}
.format-group h2{display:flex;align-items:center;gap:calc(14px * var(--ui-scale, 1));margin:0 0 calc(11px * var(--ui-scale, 1));font-size:max(11px, calc(17px * var(--ui-scale, 1)));font-weight:400;line-height:1.4}
.format-group h2::after{content:'';height:1px;flex:1;background:var(--line);opacity:.65}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(10px * var(--ui-scale, 1))}
.quick-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8px * var(--ui-scale, 1));min-width:0;min-height:calc(126px * var(--ui-scale, 1));padding:calc(16px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));color:var(--text);background:var(--soft);border-radius:calc(5px * var(--ui-scale, 1));border:1px solid #ffffff08;box-shadow:0 calc(2px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1)) #0002;transition:background .15s,border-color .15s,box-shadow .15s}
.format-variant{font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.25;color:var(--muted)}
.format-points{font-size:max(11px, calc(27px * var(--ui-scale, 1)));font-weight:400;line-height:1.25;white-space:nowrap;text-align:center}
.format-time{font-size:max(11px, calc(17px * var(--ui-scale, 1)));font-variant-numeric:tabular-nums;color:var(--muted);line-height:1.25;text-align:center}
.quick-tile:hover{background:#39342c;border-color:#e6a34c80;box-shadow:0 calc(3px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1)) #0003}.quick-tile:hover .format-points{color:var(--orange)}
.quick-tile:active{background:#42382a;box-shadow:inset 0 1px calc(4px * var(--ui-scale, 1)) #0004}.quick-tile:focus-visible{outline-color:var(--orange)}
.quick-note{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted);text-align:center;margin:calc(15px * var(--ui-scale, 1)) 0 calc(24px * var(--ui-scale, 1));line-height:1.5}
.tab-empty{min-height:calc(300px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;flex-direction:column;padding:calc(25px * var(--ui-scale, 1));background:var(--soft);border-radius:calc(4px * var(--ui-scale, 1));text-align:center;margin-bottom:calc(25px * var(--ui-scale, 1))}
.tab-empty>.icon{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));color:var(--muted);margin-bottom:calc(8px * var(--ui-scale, 1))}.tab-empty h1{font-size:max(11px, calc(25px * var(--ui-scale, 1)));font-weight:300;margin:calc(10px * var(--ui-scale, 1)) 0;overflow-wrap:anywhere;max-width:100%}
.tab-empty p{font-size:max(11px, calc(16px * var(--ui-scale, 1)));line-height:1.6;color:var(--muted);max-width:calc(410px * var(--ui-scale, 1));margin:calc(3px * var(--ui-scale, 1)) 0 calc(20px * var(--ui-scale, 1))}.tab-empty .primary{display:inline-flex;align-items:center;text-decoration:none}

.board-preview{min-width:0;width:100%;background:var(--surface);box-shadow:var(--shadow);border-radius:calc(4px * var(--ui-scale, 1));overflow:hidden}
.preview-header{display:flex;align-items:center;justify-content:space-between;gap:calc(14px * var(--ui-scale, 1));padding:calc(9px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border-bottom:1px solid var(--line);min-height:calc(50px * var(--ui-scale, 1))}
.preview-header>div{display:flex;align-items:center;gap:calc(9px * var(--ui-scale, 1))}.preview-header h2{font-size:max(11px, calc(16px * var(--ui-scale, 1)));font-weight:400;margin:0}
.model-badge{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted);background:var(--soft);padding:calc(3px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border-radius:calc(2px * var(--ui-scale, 1))}
select.preview-variant{width:auto;max-width:55%;font-size:max(11px, calc(13px * var(--ui-scale, 1)));color:var(--muted);background:transparent;border:1px solid transparent;border-radius:calc(3px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));cursor:pointer}
select.preview-variant:hover{border-color:var(--line);color:var(--text)}.preview-variant option{color:var(--text);background:var(--surface)}
.model-stage{min-width:0;width:100%;height:auto;aspect-ratio:var(--preview-board-aspect,1.4);max-height:calc(100dvh - calc(116px * var(--ui-scale, 1)));background:var(--bg)}
.model-stage{position:relative}
.showcase-result{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - calc(32px * var(--ui-scale, 1)));padding:calc(18px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));border:1px solid #ffffff25;border-top:calc(3px * var(--ui-scale, 1)) solid var(--seat-result,#e7a34b);border-radius:calc(10px * var(--ui-scale, 1));background:#242423f5;box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(30px * var(--ui-scale, 1)) #0007;text-align:center;pointer-events:none;animation:showcase-notice-in .2s ease-out}
.showcase-result[hidden]{display:none}
.showcase-result[data-winner="0"]{--seat-result:#d2636d}.showcase-result[data-winner="1"]{--seat-result:#56b0ed}
.showcase-result strong{display:block;font-size:clamp(max(11px, calc(16px * var(--ui-scale, 1))),1.4vw,max(11px, calc(22px * var(--ui-scale, 1))));font-weight:500;color:var(--text);line-height:1.3}
.showcase-result p{margin:calc(8px * var(--ui-scale, 1)) 0 0;font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.5;color:var(--muted);max-width:calc(320px * var(--ui-scale, 1))}
@keyframes showcase-notice-in{from{opacity:0;transform:translate(-50%,calc(-50% + calc(6px * var(--ui-scale, 1))))}to{opacity:1;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.showcase-result{animation:none}}
.spinner{height:calc(28px * var(--ui-scale, 1));width:calc(28px * var(--ui-scale, 1));border:calc(2px * var(--ui-scale, 1)) solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:calc(11px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));gap:calc(10px * var(--ui-scale, 1));border-top:1px solid var(--line);color:var(--muted);font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
.preview-footer button{font-size:max(11px, calc(13px * var(--ui-scale, 1)));color:var(--blue);padding:calc(3px * var(--ui-scale, 1)) 0;white-space:nowrap}

.lobby-right{padding-top:calc(103px * var(--ui-scale, 1))}.lobby-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(10px * var(--ui-scale, 1))}
.lobby-actions>:is(button,a){display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:calc(12px * var(--ui-scale, 1));min-width:0;min-height:calc(54px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));color:var(--text);text-decoration:none;background:linear-gradient(#ffffff0a,#ffffff00) #33322f;box-shadow:inset 0 1px #ffffff05,0 calc(2px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1)) #0003;border:1px solid #ffffff0c;border-radius:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:500;line-height:1.4;transition:background-color .15s,border-color .15s}
.lobby-actions>:is(button,a)>.icon{width:calc(25px * var(--ui-scale, 1));height:calc(25px * var(--ui-scale, 1));flex:none;color:var(--muted)}.lobby-actions small{display:block;margin-top:calc(3px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted)}
.lobby-actions>:is(button,a):hover{background-color:#39342c;border-color:#e6a34c80}.lobby-actions>:is(button,a):hover>.icon{color:var(--orange)}.lobby-actions>:is(button,a):active{background-color:#42382a;box-shadow:inset 0 1px calc(4px * var(--ui-scale, 1)) #0004}.lobby-actions>:is(button,a):focus-visible{outline-color:var(--orange)}
.small-panel{padding:calc(20px * var(--ui-scale, 1)) 0;margin-top:calc(24px * var(--ui-scale, 1));border-top:1px solid var(--line)}.small-panel h2{font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:400;margin:0;color:var(--muted)}.small-panel p{font-size:max(11px, calc(17px * var(--ui-scale, 1)));margin:calc(12px * var(--ui-scale, 1)) 0;overflow-wrap:anywhere}.small-panel a{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
#info-body{font-size:max(11px, calc(16px * var(--ui-scale, 1)));line-height:1.65}#info-body h3{font-weight:500;font-size:max(11px, calc(17px * var(--ui-scale, 1)));margin-top:calc(24px * var(--ui-scale, 1))}#info-body p{margin:calc(10px * var(--ui-scale, 1)) 0 calc(18px * var(--ui-scale, 1))}#info-body .planned{display:inline-block;font-size:max(11px, calc(13px * var(--ui-scale, 1)));color:var(--orange);background:var(--soft);padding:calc(4px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));border-radius:calc(3px * var(--ui-scale, 1))}

.preview-header>.showcase-players{display:flex;align-items:center;justify-content:center;gap:calc(14px * var(--ui-scale, 1));padding:0}.showcase-seat{display:flex;align-items:center;gap:calc(7px * var(--ui-scale, 1));color:var(--muted);font-size:max(11px, calc(12px * var(--ui-scale, 1)));white-space:nowrap}.showcase-seat.playing{color:var(--text)}.showcase-stone{display:inline-block;width:calc(12px * var(--ui-scale, 1));height:calc(12px * var(--ui-scale, 1));border-radius:50%;box-shadow:inset 0 1px calc(2px * var(--ui-scale, 1)) #ffffff35,0 1px calc(3px * var(--ui-scale, 1)) #0005}.showcase-stone.red{background:#ae3b47}.showcase-stone.blue{background:#2479a4}.showcase-seat.playing .showcase-stone{outline:1px solid var(--muted);outline-offset:calc(3px * var(--ui-scale, 1))}#showcase-score{font-size:max(11px, calc(17px * var(--ui-scale, 1)));font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:1px}#showcase-status{min-width:0;line-height:1.45}.board-preview:focus-visible{outline:calc(2px * var(--ui-scale, 1)) solid var(--blue);outline-offset:calc(3px * var(--ui-scale, 1))}

@media(max-width:1150px){
 .lobby-layout{grid-template-columns:calc(170px * var(--ui-scale, 1)) minmax(0,1fr) calc(240px * var(--ui-scale, 1));gap:calc(20px * var(--ui-scale, 1))}.format-points{font-size:max(11px, calc(23px * var(--ui-scale, 1)))}.lobby-actions>:is(button,a){font-size:max(11px, calc(14px * var(--ui-scale, 1)));padding:calc(12px * var(--ui-scale, 1));gap:calc(12px * var(--ui-scale, 1))}.tournament-empty h3{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}
}
@media(max-width:980px){
 .lobby-layout{grid-template-columns:minmax(0,1fr) calc(240px * var(--ui-scale, 1));max-width:calc(860px * var(--ui-scale, 1));gap:calc(24px * var(--ui-scale, 1))}.lobby-main{grid-column:1;grid-row:1 / span 2}.lobby-right{grid-column:2;grid-row:1}.lobby-left{grid-column:2;grid-row:2;padding:0}.format-points{font-size:clamp(max(11px, calc(18px * var(--ui-scale, 1))),2.6vw,max(11px, calc(23px * var(--ui-scale, 1))))}
}
@media(min-width:981px) and (max-width:1080px){.preview-header{gap:calc(8px * var(--ui-scale, 1));padding-inline:calc(10px * var(--ui-scale, 1))}.preview-header h2{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.preview-header .model-badge{display:none}.preview-header>.showcase-players{gap:calc(8px * var(--ui-scale, 1))}.preview-header select{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}}
@media(max-width:680px){
 .lobby-layout{display:flex;flex-direction:column;padding:0 calc(16px * var(--ui-scale, 1));gap:0;margin:calc(18px * var(--ui-scale, 1)) auto calc(20px * var(--ui-scale, 1));max-width:calc(540px * var(--ui-scale, 1))}.lobby-main{display:contents}.start-tabs{order:0;width:100%;margin-bottom:calc(18px * var(--ui-scale, 1))}.start-tabs button{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}#panel-quick,#panel-lobby,#panel-recent{order:1;width:100%}
 .lobby-right{order:2;width:100%;padding:0;margin:0 0 calc(24px * var(--ui-scale, 1))}.lobby-actions{grid-template-columns:minmax(0,1fr);gap:calc(10px * var(--ui-scale, 1))}.lobby-actions>:is(button,a){min-height:calc(54px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));gap:calc(14px * var(--ui-scale, 1))}.lobby-actions>:is(button,a)>.icon{width:calc(22px * var(--ui-scale, 1));height:calc(22px * var(--ui-scale, 1))}.lobby-actions small{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.small-panel{margin-top:calc(18px * var(--ui-scale, 1));padding:calc(18px * var(--ui-scale, 1)) 0 0}
 .board-preview{order:3;width:100%}.lobby-left{order:4;width:100%;margin-top:calc(28px * var(--ui-scale, 1))}.format-groups{gap:calc(18px * var(--ui-scale, 1))}.format-group h2{font-size:max(11px, calc(16px * var(--ui-scale, 1)));margin-bottom:calc(10px * var(--ui-scale, 1))}.quick-grid{gap:calc(8px * var(--ui-scale, 1))}.quick-tile{min-height:calc(112px * var(--ui-scale, 1));padding:calc(14px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));gap:calc(8px * var(--ui-scale, 1))}.format-variant{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.format-points{font-size:clamp(max(11px, calc(16px * var(--ui-scale, 1))),4.5vw,max(11px, calc(23px * var(--ui-scale, 1))))}.format-time{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}.quick-note{font-size:max(11px, calc(11px * var(--ui-scale, 1)));margin:calc(13px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1)) calc(18px * var(--ui-scale, 1))}
 .preview-header{padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));flex-wrap:wrap;gap:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.preview-header>.showcase-players{order:3;flex-basis:100%;padding:calc(2px * var(--ui-scale, 1)) 0}.preview-header h2{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}.preview-footer{font-size:max(11px, calc(12px * var(--ui-scale, 1)));padding:calc(12px * var(--ui-scale, 1));line-height:1.4}.preview-footer button{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.showcase-seat{font-size:max(11px, calc(12px * var(--ui-scale, 1)));gap:calc(6px * var(--ui-scale, 1))}.tab-empty{padding:calc(22px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));min-height:calc(220px * var(--ui-scale, 1))}.tab-empty h1{font-size:max(11px, calc(24px * var(--ui-scale, 1)))}
}
@media(max-width:360px){.lobby-layout{padding:0 calc(12px * var(--ui-scale, 1))}.quick-grid{gap:calc(6px * var(--ui-scale, 1))}.format-points{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}.format-time{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.lobby-actions>:is(button,a){font-size:max(11px, calc(14px * var(--ui-scale, 1)));padding:calc(12px * var(--ui-scale, 1));gap:calc(12px * var(--ui-scale, 1))}.preview-header{gap:calc(5px * var(--ui-scale, 1))}.model-badge{display:none}}

/* Preserve full-size game buttons; give the board the remaining desktop height. */
@media(min-width:981px) and (min-height:600px){
 body:has(.lobby-layout){display:grid;grid-template-rows:calc(64px * var(--ui-scale, 1)) minmax(0,1fr) calc(32px * var(--ui-scale, 1));height:100dvh;min-height:calc(760px * var(--ui-scale, 1))}
 body:has(.lobby-layout)>.site-header{height:calc(64px * var(--ui-scale, 1));min-height:0}
 body:has(.lobby-layout)>.site-footer{height:calc(32px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
 .lobby-layout{height:100%;min-height:0;margin:0 auto;padding:calc(12px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));align-items:stretch}
 .lobby-main{height:100%;min-height:0;display:flex;flex-direction:column}
 .start-tabs{height:calc(38px * var(--ui-scale, 1));min-height:calc(38px * var(--ui-scale, 1));margin-bottom:calc(12px * var(--ui-scale, 1))}
 .start-tabs button{font-size:max(11px, calc(14px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1))}
 #panel-quick{flex:none}
 .format-groups{gap:calc(14px * var(--ui-scale, 1))}
 .format-group h2{font-size:max(11px, calc(15px * var(--ui-scale, 1)));line-height:max(14px, calc(20px * var(--ui-scale, 1)));margin-bottom:calc(8px * var(--ui-scale, 1))}
 .lobby-main .casual-section{margin:calc(14px * var(--ui-scale, 1)) 0 calc(16px * var(--ui-scale, 1))}
 .lobby-main .casual-section h2{font-size:max(11px, calc(15px * var(--ui-scale, 1)));line-height:max(14px, calc(20px * var(--ui-scale, 1)));margin-bottom:calc(8px * var(--ui-scale, 1))}
 .lobby-right{padding-top:calc(80px * var(--ui-scale, 1))}
 .board-preview{flex:1;min-height:0;display:grid;grid-template-rows:calc(42px * var(--ui-scale, 1)) minmax(0,1fr) calc(34px * var(--ui-scale, 1))}
 .preview-header{min-height:0;padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));flex-wrap:nowrap;gap:calc(10px * var(--ui-scale, 1))}
 .preview-header h2{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.preview-header>.showcase-players{gap:calc(10px * var(--ui-scale, 1))}
 .preview-footer{padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));flex-wrap:nowrap}
 .preview-footer button{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
 .model-stage{height:100%;min-height:0;max-height:none;aspect-ratio:auto}
 .lobby-main>.home-panel{flex:1;min-height:0;overflow:auto;margin-bottom:calc(12px * var(--ui-scale, 1))}
 .lobby-main:has(.home-panel:not([hidden]))>.board-preview{flex:1}
}
@media(min-width:981px) and (min-height:600px) and (max-height:800px){
 .lobby-layout{padding-block:calc(8px * var(--ui-scale, 1))}
 .start-tabs{height:calc(32px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1));margin-bottom:calc(8px * var(--ui-scale, 1))}
 .format-groups{gap:calc(8px * var(--ui-scale, 1))}.format-group h2{font-size:max(11px, calc(14px * var(--ui-scale, 1)));line-height:max(14px, calc(18px * var(--ui-scale, 1)));margin-bottom:calc(5px * var(--ui-scale, 1))}
 .lobby-main .casual-section{margin:calc(8px * var(--ui-scale, 1)) 0 calc(10px * var(--ui-scale, 1))}.lobby-main .casual-section h2{font-size:max(11px, calc(14px * var(--ui-scale, 1)));line-height:max(14px, calc(18px * var(--ui-scale, 1)));margin-bottom:calc(5px * var(--ui-scale, 1))}
 .board-preview{grid-template-rows:calc(38px * var(--ui-scale, 1)) minmax(0,1fr) calc(30px * var(--ui-scale, 1))}
 .lobby-right{padding-top:calc(62px * var(--ui-scale, 1))}
}