.pe-lobby{--pe-navy:#111827;--pe-deep:#0a0f1a;--pe-mint:#38e3c2;--pe-coral:#ff6b62;--pe-cream:#f8f7f3;--pe-muted:#f8f7f3ad;--pe-line:#f8f7f31f;background:var(--pe-deep) url(/lobby/background.webp) center bottom / cover fixed no-repeat;min-height:100vh;color:var(--pe-cream);font-family:DM Sans,system-ui,sans-serif;position:relative;overflow-x:hidden}.pe-lobby:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(#0a0f1a59,#0a0f1ab8 45%,#0a0f1a66);position:fixed;inset:0}.pe-lobby>*{z-index:1;position:relative}.pe-lobby a{color:inherit;text-decoration:none}.pe-lobby-header,.pe-lobby-main,.pe-lobby-footer{width:min(1240px,100% - 32px);margin:0 auto}.pe-lobby-header{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.pe-lobby-logo img{width:auto;height:52px;display:block}.pe-lobby-header nav{gap:6px;display:flex}.pe-lobby-header nav a{border:1px solid var(--pe-line);background:#11182799;border-radius:999px;padding:9px 16px;font-size:.92rem;font-weight:600}.pe-lobby-header nav a[aria-current=page]{color:var(--pe-mint);border-color:#38e3c280}.pe-lobby-main{gap:44px;padding:18px 0 56px;display:grid}.pe-lobby-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:end;gap:28px;display:grid}.pe-eyebrow{color:var(--pe-coral);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.pe-lobby-intro h1{letter-spacing:-.03em;margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:.98}.pe-lobby-intro h1 em{color:var(--pe-mint);font-style:normal}.pe-player{background:linear-gradient(135deg,#111827eb,#111827c7);border:1px solid #38e3c259;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;min-height:132px;padding:22px 24px;display:grid;box-shadow:inset 0 0 0 1px #38e3c214,0 24px 60px -30px #38e3c273}.pe-player-loading{opacity:.5}.pe-player h2{margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.15}.pe-player h2 small{color:var(--pe-muted);font-size:.6em;font-weight:600}.pe-player p{color:var(--pe-muted);margin:6px 0 0;font-size:.92rem}.pe-player p strong{color:var(--pe-cream)}.pe-player .pe-player-kicker{color:var(--pe-mint);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.74rem;font-weight:700}.pe-coin{color:#f5c542}.pe-player-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pe-player .pe-player-message{color:var(--pe-mint);grid-column:1/-1;margin:0;font-weight:600}.pe-button{cursor:pointer;min-height:46px;font:inherit;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.pe-lobby .pe-button-primary{background:var(--pe-mint);color:var(--pe-navy);box-shadow:0 10px 24px -12px #38e3c2e6}.pe-button-primary:hover:not(:disabled){transform:translateY(-1px)}.pe-button-primary:disabled{cursor:default;opacity:.6}.pe-lobby .pe-button-ghost{border:1px solid var(--pe-line);color:var(--pe-cream);background:0 0}.pe-lobby-section{gap:18px;display:grid}.pe-section-head{border-bottom:1px solid var(--pe-line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.pe-section-head h2{margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(1.4rem,2.6vw,1.9rem)}.pe-section-head span{color:var(--pe-muted);font-size:.88rem}.pe-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.pe-tile{gap:12px;display:grid}.pe-tile-art{aspect-ratio:3/4;background:var(--pe-navy);border:2px solid #38e3c247;border-radius:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 22px 40px -24px #000000e6}.pe-tile-art img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.pe-tile-play{background:var(--pe-coral);color:var(--pe-cream);letter-spacing:.04em;text-transform:uppercase;opacity:0;border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;top:14px;right:14px;transform:translateY(-6px)}.pe-tile:hover .pe-tile-art,.pe-tile:focus-visible .pe-tile-art{border-color:var(--pe-mint);transform:translateY(-4px);box-shadow:0 28px 50px -24px #38e3c28c}.pe-tile:hover .pe-tile-art img{transform:scale(1.03)}.pe-tile:hover .pe-tile-play,.pe-tile:focus-visible .pe-tile-play{opacity:1;transform:none}.pe-tile:focus-visible{outline:none}.pe-tile-meta{color:var(--pe-muted);gap:4px;padding:0 4px;font-size:.88rem;line-height:1.4;display:grid}.pe-tile-meta small{color:#f8f7f373;font-size:.78rem}.pe-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.pe-card{border:1px solid var(--pe-line);background:#111827e0;border-radius:20px;grid-template-rows:auto auto 1fr auto;gap:10px;min-height:210px;padding:20px;transition:transform .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.pe-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#38e3c247,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-60px}.pe-card:nth-child(2n):after{background:radial-gradient(circle,#ff6b6247,#0000 70%)}.pe-card:hover,.pe-card:focus-visible{border-color:#38e3c299;outline:none;transform:translateY(-3px)}.pe-card-highlight{color:var(--pe-mint);background:#38e3c21f;border-radius:999px;justify-self:start;padding:5px 10px;font-size:.74rem;font-weight:700}.pe-card:nth-child(2n) .pe-card-highlight{color:var(--pe-coral);background:#ff6b6224}.pe-card strong{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.6rem;line-height:1.05}.pe-card-tagline{color:var(--pe-muted);font-size:.9rem;line-height:1.45}.pe-card-foot{color:#f8f7f373;justify-content:space-between;align-items:center;display:flex}.pe-card-play{color:var(--pe-mint);font-weight:700}.pe-lobby-footer{border-top:1px solid var(--pe-line);color:var(--pe-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:22px 0 32px;font-size:.85rem;display:flex}.pe-lobby-footer a{color:var(--pe-mint)}@media (max-width:960px){.pe-lobby-intro{grid-template-columns:1fr}.pe-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (max-width:600px){.pe-lobby{background-attachment:scroll}.pe-lobby-logo img{height:40px}.pe-lobby-header nav a{padding:8px 12px;font-size:.85rem}.pe-lobby-main{gap:34px}.pe-player{grid-template-columns:1fr;padding:18px}.pe-player-actions{justify-content:stretch}.pe-player-actions .pe-button{flex:auto}.pe-tile-grid{gap:12px}.pe-tile-meta{display:none}.pe-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pe-card{min-height:170px;padding:16px}.pe-card strong{font-size:1.25rem}.pe-card-tagline{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.pe-lobby *{transition:none!important}}