/* Entry presentation only. Hidden states, forms, saved themes and the app remain owned by the existing UI. */
.entry-topnote { display:none; }
body:has(#guestView:not([hidden])) {
  background-image:radial-gradient(ellipse at 12% 38%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 50%),radial-gradient(ellipse at 90% 80%,color-mix(in srgb,var(--brand) 9%,transparent),transparent 42%),var(--theme-wallpaper,linear-gradient(150deg,var(--bg),var(--bg-top)));
  background-attachment:scroll;
}
body:has(#guestView:not([hidden])) .topbar { background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom-color:color-mix(in srgb,var(--line) 40%,transparent); }
body:has(#guestView:not([hidden])) .topbar-inner { max-width:82rem;min-height:5rem;padding-inline:2rem; }
body:has(#guestView:not([hidden])) .brand { gap:.75rem; }
body:has(#guestView:not([hidden])) .brand-name { font-size:1.2rem; }
body:has(#guestView:not([hidden])) .logo-mark { width:2.25rem;height:2.25rem; }
body:has(#guestView:not([hidden])) .entry-topnote { display:block;margin-left:2rem;font-size:.75rem;color:var(--fg-3); }
body:has(#guestView:not([hidden])) #prefsTop { background:transparent;border-color:color-mix(in srgb,var(--line) 65%,transparent);border-radius:.75rem; }
#guestView.entry { position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 26rem;align-items:center;column-gap:clamp(3rem,7vw,8rem);row-gap:3rem;max-width:82rem;min-height:calc(100svh - 5rem);padding:clamp(3rem,7vh,5.5rem) 2rem 2rem; }
.entry-backdrop { position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none; }
.entry-backdrop::before { content:"";position:absolute;inset:5% 25% 15% -12%;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 9%,transparent);transform:rotate(-28deg); }
.entry-backdrop::after { content:"";position:absolute;inset:12% 32% 22% -7%;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 7%,transparent);transform:rotate(-28deg); }
.entry-hero { gap:0;min-width:0;position:relative;padding-block:1.5rem; }
.entry-kicker { display:flex;align-items:center;gap:.6rem;color:var(--accent);font-size:.6875rem;font-weight:700;letter-spacing:.15em;margin-bottom:1.75rem; }
.entry-kicker > .ico { font-size:1rem; }
#guestView .entry-hero h1 { font-size:clamp(2.75rem,4.7vw,4.5rem);font-weight:760;letter-spacing:-.05em;line-height:1.07;text-wrap:initial; }
.entry-hero h1 > span { color:var(--accent);background:linear-gradient(110deg,var(--fg),var(--accent) 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.entry-lead { max-width:29rem;margin-top:1.5rem;font-size:1.05rem;line-height:1.75;color:var(--fg-2); }
.entry-perks { margin-top:2.25rem;gap:1.1rem; }
.entry-perks li { gap:.9rem;align-items:center; }
.entry-perk-icon { width:2.5rem;height:2.5rem;flex-shrink:0;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--surface-1));border-radius:.8rem; }
.entry-perks .ico { margin:0;color:var(--accent);font-size:1.05rem; }
.entry-perks strong { display:block;font-size:.875rem;font-weight:600;color:var(--fg); }
.entry-perks li > div > span { display:block;font-size:.8125rem;color:var(--fg-3);margin-top:.12rem; }
.entry-live { display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:2.5rem;font-size:.6875rem;color:var(--fg-3); }
.entry-live .eyebrow { font-size:.6875rem;text-transform:none;font-weight:500;letter-spacing:0;color:var(--fg-2); }
.entry-live-dot { display:none;width:.4rem;height:.4rem;background:var(--accent);border-radius:50%; }
.entry-live:has(#statsEyebrow:not([hidden])) .entry-live-dot { display:block; }
.entry-live-label { flex-basis:100%;padding-left:1rem; }
.entry-live:has(#statsEyebrow[hidden]) .entry-live-label { padding-left:0; }
.entry-access { min-width:0;position:relative; }
.entry-access::before { content:"";position:absolute;inset:-2px;border-radius:1.6rem;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 35%,transparent),transparent 40%);pointer-events:none;z-index:-1; }
#guestView .entry-card { padding:1.75rem;gap:1.1rem;background:color-mix(in srgb,var(--surface-1) 96%,var(--brand));border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:1.5rem;box-shadow:0 24px 80px rgb(0 0 0 / .15); }
.entry-card-heading { display:flex;align-items:center;gap:.85rem;margin-bottom:.4rem; }
.entry-card-mark { display:grid;place-items:center;flex-shrink:0;width:3.15rem;height:3.15rem;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:1rem;background:var(--surface-sunk); }
.entry-card-heading h2 { font-size:1.3rem;font-weight:720;letter-spacing:-.04em; }
.entry-card-heading p { font-size:.8125rem;color:var(--fg-3);margin-top:.2rem; }
#guestView .entry-card .btn { border-radius:.75rem;min-height:2.9rem; }
#guestView .entry-card .discord-btn { min-height:3.1rem;border:1px solid transparent;font-size:.875rem;box-shadow:0 6px 24px color-mix(in srgb,var(--brand) 15%,transparent); }
.entry-card .divider-text { color:var(--fg-3);font-size:.625rem;text-transform:none;letter-spacing:.02em;gap:.75rem; }
.entry-card .divider-text::before,.entry-card .divider-text::after,.entry-card .divider { background:color-mix(in srgb,var(--line) 65%,transparent); }
#guestView .auth-tabs { gap:.25rem;padding:.25rem;background:var(--surface-sunk);border:1px solid color-mix(in srgb,var(--line) 45%,transparent);border-radius:.75rem; }
#guestView .auth-tabs .tab { min-height:2.35rem;border:0;border-radius:.5rem;background:transparent;color:var(--fg-3);font-size:.8125rem; }
#guestView .auth-tabs .tab[aria-selected="true"] { background:var(--surface-3);color:var(--fg);box-shadow:0 2px 6px rgb(0 0 0 / .1); }
#guestView .auth-tabs .tab:hover { color:var(--fg); }
#guestView .entry-card .stack-4 { gap:1rem; }
#guestView .entry-card .field { gap:.45rem; }
#guestView .entry-card .field > label { font-size:.75rem;font-weight:600; }
#guestView .entry-card input { min-height:2.85rem;border-radius:.65rem;font-size:.875rem;background:color-mix(in srgb,var(--surface-sunk) 80%,var(--surface-1));border-color:color-mix(in srgb,var(--line) 75%,transparent); }
#guestView .entry-card input:focus { border-color:var(--accent); }
#guestView .entry-card .btn.ghost { background:transparent;border-color:color-mix(in srgb,var(--line) 75%,transparent); }
#guestView .entry-card .btn.ghost:hover { background:var(--surface-2);border-color:var(--line-strong); }
#guestView #authPassToggle { width:2.9rem;flex-shrink:0;border-color:transparent; }
#guestView #guestToggle { font-size:.75rem; }
.entry-card .hint { font-size:.75rem; }
.entry-access-note { display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:1.15rem;color:var(--fg-3);font-size:.6875rem; }
.entry-access-note .ico { font-size:.8rem; }
.entry-access > .callout { margin-bottom:1rem;border-radius:.85rem;border-width:1px;font-size:.8125rem; }
#guestView #devForm { margin-top:1rem; }
#guestView .entry-rooms { grid-column:1 / -1;margin:0;padding:1.5rem 0 0;background:transparent;box-shadow:none;border:0;border-radius:0;border-top:1px solid color-mix(in srgb,var(--line) 45%,transparent); }
#guestView .entry-rooms.is-empty { padding:1rem 0;min-height:0; }
#guestView .entry-rooms.is-empty #publicGuestStatus { font-size:.6875rem;color:var(--fg-3);text-align:center; }
@media(min-width:64rem) and (max-height:52rem) { #guestView.entry { padding-top:2.5rem;row-gap:2rem; } .entry-hero { padding-block:.5rem; } .entry-kicker { margin-bottom:1.25rem; } .entry-live { margin-top:1.75rem; } }
@media(max-width:63.999rem) { #guestView.entry { grid-template-columns:minmax(0,1fr) 24rem;column-gap:2rem;padding-inline:1.5rem; } #guestView .entry-hero h1 { font-size:3rem; } .entry-lead { font-size:.9375rem; } body:has(#guestView:not([hidden])) .topbar-inner { padding-inline:1.5rem; } }
@media(max-width:55.999rem) { #guestView.entry { grid-template-columns:minmax(0,1fr);max-width:35rem;min-height:0;row-gap:2rem;padding:2rem 1.5rem; } .entry-hero { padding:0; } .entry-kicker { margin-bottom:1rem; } #guestView .entry-hero h1 { font-size:clamp(2.3rem,7vw,3.5rem);letter-spacing:-.045em; } .entry-lead { margin-top:1rem;max-width:none; } .entry-perks { display:none; } .entry-live { margin-top:1.25rem; } .entry-live-label { display:none; } .entry-backdrop { display:none; } body:has(#guestView:not([hidden])) .entry-topnote { display:none; } body:has(#guestView:not([hidden])) .topbar-inner { min-height:4.25rem; } .entry-access { width:100%; } .entry-access-note { margin-top:1rem; } }
@media(max-width:25rem) { #guestView.entry { padding-inline:1rem; } #guestView .entry-card { padding:1.25rem; } .entry-card-heading h2 { font-size:1.2rem; } }
@media(forced-colors:active) { .entry-hero h1 > span { -webkit-text-fill-color:currentColor;background:none; } .entry-backdrop { display:none; } }