/* A bright, welcoming lobby inspired by the selected cream concept. */
:root{color-scheme:light;--bg:#faf3e9;--panel:#fff9f1;--gold:#bc7458;--text:#112c28;--muted:#566761;--line:#d9be9e66;color:var(--text);background:var(--bg)}
body{background:radial-gradient(ellipse at 50% 5%,#fffaf3 0%,transparent 58%),var(--bg);color:var(--text)}
.lobby-shell{max-width:1500px;padding:0 48px}.lobby-header{height:100px;border-bottom:0}.lobby-header .brand{gap:16px;color:#102e29}.lobby-header .brand-mark{font:700 46px/1 Georgia,serif;letter-spacing:-7px;min-width:87px;padding-right:14px;color:#102e29}.lobby-header .brand-mark>span{transform:translateY(5px)}.lobby-header .brand-mark i{top:-8px;right:0;color:#d99b50;font-size:18px}.lobby-header .brand-wordmark{border:0;padding:0;font:600 15px/1.2 'Segoe UI',sans-serif;letter-spacing:.32em;color:#18352f}.lobby-header .brand-wordmark small{display:none}.lobby-header nav{gap:24px}.hall-nav-active,.help-button,.local-badge{color:#495b55}.local-badge{border-color:#c9aa8070;background:#fffbf4}.local-badge i{background:#8b9d78}.help-button .guide-arrow{color:#ac7353}
.welcome{display:flex;flex-direction:column;text-align:center;align-items:center;gap:17px;padding:35px 0 15px}.welcome>div:first-child{position:relative}.welcome>div:first-child:after{content:'✦';position:absolute;right:-35px;top:0;font-size:27px;color:#e0a352}.welcome .eyebrow{justify-content:center;color:#a4754e;font-size:9px;letter-spacing:.18em;margin-bottom:15px}.welcome h1{font-family:'Noto Serif SC','Songti SC',Georgia,serif;font-size:clamp(46px,5.8vw,82px);font-weight:600;letter-spacing:.07em;line-height:1.35;color:#102d29}.welcome h1 span{color:inherit}.welcome-note{color:#566762;font-size:clamp(15px,1.5vw,21px);margin-top:12px;letter-spacing:.08em}
.site-share-wrap{margin:0;display:flex;align-items:center;gap:9px}.site-share-wrap p{font-size:10px;color:#76847e}.site-share-button{background:#fffaf2;color:#5a6960;border:1px solid #d9bf9c;border-radius:24px;padding:9px 15px;min-height:42px;font-size:11px}.site-share-button svg{color:#be805e}.site-share-button:hover{background:#fff;border-color:#c18c6d}
.history-entry-wrap{justify-content:center;gap:12px;margin:0 0 29px}.history-entry{border:0;color:#5c6d61;padding:8px 4px;font-size:12px;min-height:40px}.history-entry-wrap small{color:#829087;font-size:10px}.history-entry svg{color:#b67f5d}.section-caption{color:#74827a;margin-bottom:15px}.section-caption h2{color:#445b50}.section-caption .status-dot{background:#849b7a}.resume-section{margin:0 auto 25px;max-width:1100px}.resume-item{border-color:#dcc6a8;background:#fff9ef}.resume-item strong{color:#26443b}.resume-item small,.resume-help{color:#728179}.resume-item .resume-arrow,.resume-icon{color:#a66a51}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-grid .game-card{display:block;min-width:0;background:#fffaf2;border:1px solid #e5d3bb66;border-radius:17px;box-shadow:0 8px 25px #b98f5a12;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{border-color:#d6b999;box-shadow:0 13px 30px #b98f5a24}.game-cover,.game-grid .case-card .game-cover{height:auto;min-height:0;aspect-ratio:465/282;margin:0;position:relative;isolation:isolate;overflow:hidden;border-radius:13px}.game-cover img{opacity:0;filter:none!important}.game-cover:after{display:none}.game-cover:before{content:'';position:absolute;inset:0;background-image:url('/assets/lobby/cream-lobby-reference-v1.png');background-repeat:no-repeat;background-size:330.323% auto;background-position:5.14% 46.5%;z-index:0}.wolf-card .game-cover:before{background-size:356.38% auto;background-position:50.15% 45.3%}.case-card .game-cover:before{background-size:330.323% auto;background-position:95.14% 46.5%}.cover-kicker,.cover-name,.genre{display:none!important}.game-grid .game-body{padding:22px 20px 20px;text-align:center}.game-title{display:block}.game-title h3,.wolf-card .game-title h3{font:600 clamp(25px,2.3vw,34px)/1.2 Georgia,'Noto Serif SC',serif;letter-spacing:.025em;color:#102e29}.game-title h3 small{font:10px 'Segoe UI',sans-serif;color:#89968c;margin-left:6px}.game-title h3:after{content:'━━━━ ✦ ━━━━';display:block;color:#dfa55e;font:10px/1.1 Georgia,serif;letter-spacing:-.06em;margin:12px 0 13px}.game-title p{margin:0;color:#485d54;font-size:13px;line-height:1.75;letter-spacing:.025em;min-height:46px}.game-emblem,.game-description{display:none!important}.game-meta{justify-content:center;gap:0;margin:13px 0 18px;color:#718177;font-size:10px;line-height:1.5}.game-meta span+span:before{color:#c2b7a3}.game-actions{display:block}.game-actions .button{width:min(100%,255px);margin:auto;min-height:48px;border-radius:28px;background:#bd6d53;border:1px solid #bd6d53;color:white;font-size:13px;letter-spacing:.08em}.wolf-card .game-actions .button{background:#c59559;border-color:#c59559}.game-actions .button:hover{background:#a95943;border-color:#a95943}.wolf-card .game-actions .button:hover{background:#aa7a42;border-color:#aa7a42}.game-mode-note{font-size:10px;color:#8a968c;padding-top:11px;line-height:1.6}
.how-it-works{color:#738278}.how-it-works p span,.how-it-works>i{color:#bf8964}footer{border-color:#decbb5;color:#7a8880}.privacy-link{color:#667a6e}.privacy-link:hover{color:#b56d53}footer i{color:#d6a35f}
dialog{background:#fffaf2;color:#18362f;border-color:#d7b992;box-shadow:0 25px 90px #4c332d35}dialog h2{color:#173c33}dialog .dialog-note,dialog li p,.local-note{color:#5d7167}dialog .dialog-close{color:#65766c}dialog li strong{color:#18362f}.local-note{border-color:#dfcdb5}dialog .eyebrow{color:#bc7d56}dialog .primary{color:white;background:#bc6d53;border-color:#bc6d53}.history-entry:focus-visible,.game-actions a:focus-visible{outline-color:#a65a40}
@media(max-width:1100px){.lobby-shell{padding:0 32px}.game-grid{gap:14px}.game-grid .case-card{display:block;grid-column:auto}.game-grid .game-body{padding:19px 13px}.game-title h3,.wolf-card .game-title h3{font-size:24px}.game-title p{font-size:12px}.game-meta{font-size:9px}}
@media(max-width:700px){.lobby-shell{padding:0 20px}.lobby-header{height:82px}.lobby-header .brand-mark{font-size:34px;min-width:67px;letter-spacing:-5px}.lobby-header .brand-mark i{font-size:13px}.lobby-header .brand-wordmark{font-size:12px;padding:0}.lobby-header nav{gap:9px}.help-button .guide-arrow{border-color:#b7a58d;color:#a57354}.welcome{padding:27px 0 10px}.welcome h1{font-size:clamp(35px,9vw,55px)}.welcome-note{font-size:14px}.welcome .eyebrow{font-size:8px}.welcome>div:first-child:after{right:-17px;font-size:18px}.site-share-wrap{flex-direction:column;gap:4px}.site-share-wrap p{font-size:9px}.history-entry-wrap{flex-direction:row;align-items:center;justify-content:center;gap:8px;margin:2px 0 20px}.history-entry{width:auto;font-size:11px}.history-entry-wrap small{font-size:9px}.game-grid{grid-template-columns:1fr;gap:16px;max-width:520px;margin:auto}.game-grid .game-card{display:block}.game-cover,.game-grid .case-card .game-cover{height:auto;min-height:0;aspect-ratio:465/282}.game-grid .game-body{padding:17px 20px 20px}.game-title h3,.wolf-card .game-title h3{font-size:27px}.game-title h3 small{display:inline-block}.game-title h3:after{margin:9px 0}.game-title p{font-size:12px;min-height:0}.game-meta{margin:11px 0 13px}.game-actions .button{font-size:12px}.section-caption h2{font-size:11px}.how-it-works{justify-content:center;text-align:center;gap:10px 16px}.resume-item{min-height:60px}.lobby-header nav .local-badge{font-size:9px}}
@media(max-width:360px){.lobby-shell{padding:0 15px}.lobby-header .brand-mark{font-size:30px;min-width:60px}.lobby-header .brand-wordmark{font-size:11px}.lobby-header nav{gap:6px}.history-entry-wrap small{font-size:8px}.welcome h1{font-size:34px}.game-title h3,.wolf-card .game-title h3{font-size:24px}}
/* The first two covers use each game's existing artwork. */
.abalone-card .game-cover:before,.wolf-card .game-cover:before{display:none}
.abalone-card .game-cover img,.wolf-card .game-cover img{opacity:1;z-index:0;filter:none!important;object-fit:cover;object-position:center center}

.welcome .eyebrow{font-size:12px;letter-spacing:.16em;color:#8e563e}
@media(max-width:700px){.welcome .eyebrow{font-size:11px}}