/* CINE Game World — Patreon Lobby */
.cgw-lobby-root {
    max-width: 880px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #ddd;
    font-family: system-ui, sans-serif;
}
.cgw-lobby-banner {
    border-radius: 8px;
    padding: .75rem 1rem;
    margin-bottom: 1.25rem;
    font-size: .95rem;
}
.cgw-lobby-banner-ok    { background: #143324; color: #b8f0c8; }
.cgw-lobby-banner-info  { background: #1a2434; color: #c1d4ff; }
.cgw-lobby-banner-error { background: #371e22; color: #ffb1b8; }

.cgw-lobby-header h1 {
    margin: 0 0 .25rem;
    font-size: 2rem;
    font-weight: 600;
}
.cgw-lobby-tagline {
    margin: 0 0 1.5rem;
    opacity: .8;
}

.cgw-lobby-btn {
    display: inline-block;
    border: 0;
    border-radius: 6px;
    padding: .7rem 1.4rem;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s ease;
}
.cgw-lobby-btn-primary {
    background: #5269ff;
    color: white;
}
.cgw-lobby-btn-primary:hover { background: #6a7fff; color: white; }
.cgw-lobby-btn-secondary {
    background: #f96854;        /* Patreon brand-ish coral */
    color: white;
}
.cgw-lobby-btn-secondary:hover { background: #ff7e6a; color: white; }

.cgw-lobby-signedout,
.cgw-lobby-signedin {
    background: #181c25;
    border: 1px solid #2a3140;
    border-radius: 8px;
    padding: 1.5rem;
}
.cgw-lobby-signedout h2,
.cgw-lobby-signedin  h2 {
    margin: 0 0 .75rem;
    font-size: 1.15rem;
}
.cgw-lobby-signedout p,
.cgw-lobby-signedin  p {
    opacity: .85;
    line-height: 1.5;
}
.cgw-lobby-join {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2a3140;
}
.cgw-lobby-join h3 {
    margin: 0 0 .35rem;
    font-size: 1rem;
}

.cgw-lobby-greeting {
    margin: 0 0 1.5rem;
}
.cgw-lobby-tier {
    display: inline-block;
    margin-left: .5rem;
    padding: .15rem .55rem;
    background: #143324;
    color: #a1f0c1;
    border-radius: 999px;
    font-size: .8rem;
}
.cgw-lobby-tier-free {
    background: #2c2410;
    color: #ffd97a;
}
.cgw-lobby-tier-free a { color: #ffd97a; text-decoration: underline; }

.cgw-lobby-perks {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
    margin-top: .5rem;
}
.cgw-lobby-perk {
    background: #11141c;
    border: 1px solid #232a39;
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    gap: .8rem;
}
.cgw-lobby-perk-icon {
    font-size: 2rem;
    flex: 0 0 auto;
    line-height: 1;
}
.cgw-lobby-perk-body { flex: 1 1 auto; }
.cgw-lobby-perk-body h3 {
    margin: 0 0 .25rem;
    font-size: 1rem;
}
.cgw-lobby-perk-body p {
    margin: 0 0 .55rem;
    font-size: .85rem;
    opacity: .75;
    line-height: 1.4;
}
.cgw-lobby-perk-locked {
    opacity: .55;
}
.cgw-lobby-perk-locktag {
    display: inline-block;
    background: #2c2410;
    color: #ffd97a;
    padding: .15rem .55rem;
    border-radius: 999px;
    font-size: .75rem;
}

.cgw-lobby-logoutrow {
    margin-top: 1.5rem;
    text-align: right;
}
.cgw-lobby-logoutrow a {
    color: #88c0ff;
    font-size: .85rem;
}