/* A relaxed wordmark for evenings around a table. */
:root{--bg:#101b21;--panel:#17272d;--gold:#e8c498;--muted:#99aaa9;--line:#e8c49826}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{background:radial-gradient(ellipse at 12% 0,#dcba8009,transparent 42%),radial-gradient(ellipse at 85% 15%,#47716a14,transparent 55%),var(--bg)}
.lobby-header{height:120px;border-bottom-color:#e8c49823}
.lobby-header .brand{gap:18px;letter-spacing:normal;font-family:'Segoe UI',sans-serif;flex-shrink:0}
.lobby-header .brand-mark{display:block;position:relative;padding:0 11px 0 0;font:700 32px/1 Georgia,'Times New Roman',serif;letter-spacing:-5px;color:#e8c498;min-width:61px;white-space:nowrap}
.brand-mark>span{display:inline-block;transform:translateY(6px)}
.lobby-header .brand-mark i{position:absolute;right:0;top:-11px;font:normal 15px/1 Georgia,serif;color:#e8b888}
.lobby-header .brand-wordmark{border-left:1px solid #e8c49840;padding:3px 0 3px 22px;font:600 19px/1.2 'Segoe UI',sans-serif;letter-spacing:.3em;color:#ece9df}
.lobby-header .brand-wordmark small{display:block;margin-top:8px;font:400 8px/1.4 'Segoe UI',sans-serif;letter-spacing:.13em;color:#a5b5b0;white-space:nowrap}
.lobby-header nav{gap:30px;font-size:13px}
.hall-nav-active{color:var(--gold);display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.help-button{gap:10px;color:#aab8b8;min-height:44px}
.help-button em{font-size:13px}
.help-button .guide-arrow{width:auto;height:auto;border:0;border-radius:0;font:15px/1 Georgia,serif;color:var(--gold)}
.help-button:hover{color:var(--gold)}
.local-badge{gap:8px;border:1px solid #a3bbac30;padding:8px 12px;border-radius:24px;font-size:11px;color:#a8bab3;white-space:nowrap}
.local-badge i{background:#b2c7af;width:6px;height:6px}
.game-card{background:linear-gradient(130deg,#1b2b32,#14232b)}
.coming-soon{background:#17292d55}
.resume-item{background:#1b303380}
@media(max-width:800px){
 .lobby-header{height:104px}.lobby-header nav{gap:20px}.lobby-header .brand{gap:14px}.lobby-header .brand-mark{font-size:30px;min-width:57px;padding-right:10px}.lobby-header .brand-wordmark{padding-left:18px;font-size:17px}.lobby-header .brand-wordmark small{font-size:7px}
}
@media(max-width:700px){
 .hall-nav-active{display:none}.lobby-header nav{gap:16px}.help-button em{font-size:12px}.local-badge{font-size:10px;padding:7px 10px}
}
@media(max-width:580px){
 .lobby-header{height:91px}.lobby-header .brand{gap:11px}.lobby-header .brand-mark{font-size:28px;min-width:51px;padding-right:8px;letter-spacing:-4.5px}.lobby-header .brand-mark i{right:-1px;top:-10px;font-size:12px}.lobby-header .brand-wordmark{font-size:15px;padding-left:13px;letter-spacing:.27em}.lobby-header .brand-wordmark small{font-size:5.5px;letter-spacing:.08em;margin-top:6px}.lobby-header nav{gap:10px}.help-button{width:32px;justify-content:center;order:2}.help-button em{display:none}.help-button .guide-arrow{width:23px;height:23px;border:1px solid #aab8b855;border-radius:50%;display:grid;place-items:center;font-size:13px}.local-badge{font-size:8px;padding:7px 8px;gap:5px}.local-badge i{width:5px;height:5px}
}
@media(max-width:360px){
 .lobby-header .brand{gap:9px}.lobby-header .brand-mark{font-size:26px;min-width:47px}.lobby-header .brand-wordmark{font-size:14px;padding-left:11px}.lobby-header .brand-wordmark small{font-size:5px;letter-spacing:.03em}.lobby-header nav{gap:6px}.help-button{width:27px}.local-badge{padding:6px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Three equally accessible games; mode selection stays inside each game. */
.wolf-card .game-cover img{object-position:80% center;filter:brightness(.73)}.wolf-card .cover-name small{font-family:"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.17em}.wolf-card .game-title h3{font-family:"Noto Serif SC",Georgia,serif}.wolf-card .game-meta{row-gap:6px}@media(min-width:1100px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-body{padding:23px 20px 18px}.cover-name{font-size:28px;left:20px}.cover-kicker{left:20px;font-size:7px}.genre{right:15px;font-size:8px;padding:5px 7px}.game-title h3{font-size:19px}.game-title h3 small{font-size:9px}.game-meta{font-size:9px}.game-meta span+span:before{padding:0 7px}.game-emblem{font-size:25px}}@media(min-width:581px) and (max-width:1099px){.game-grid .case-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.game-grid .case-card .game-cover{height:100%;min-height:230px}}@media(max-width:580px){.wolf-card .game-cover img{object-position:79% center}}