/* Public gate and guest information pages. */
.public-shell,.public-shell>.app,.gate._entry{background:#002420}
.public-shell>.app{min-height:100vh;min-height:100svh}
.gate._entry{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;min-height:100svh;padding:var(--safe-top) 0 var(--safe-bottom)}
.gate._entry:has(.door-in:checked),.gate._entry:has(.ok-in:checked){z-index:50}
.gate._entry .gate-name:has(.gate-art){aspect-ratio:auto;max-height:none;overflow:hidden}
.gate-poster{position:relative;display:block;width:100%;aspect-ratio:4/5;max-height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 250px);overflow:hidden;background:var(--bg-deep)}
.gate-poster::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:url(/static/rope.svg) 0 0/22px 16px repeat-x}
.gate._entry .gate-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.gate._entry .gate-body{justify-content:center}
.gate-stats{display:grid;gap:3px;margin:12px 0 0;text-align:center;color:var(--white);font-size:13px}
.gate-stats p{margin:0}.gate-stats b{color:var(--cream);font-variant-numeric:tabular-nums}
.guest-intro{--guest-paper:#d6cd9d;--guest-ink:#51411f;--guest-dim:#857d60;--guest-line:#b2a570;margin:12px 0;padding:14px 16px 12px;border:1px solid var(--guest-line);border-radius:6px;background:var(--guest-paper);color:var(--guest-ink);box-shadow:0 1px 0 color-mix(in srgb,var(--white) 35%,transparent)}
.guest-intro h2{margin:0 0 10px;color:var(--guest-ink);font:700 18px/1.2 Arial,sans-serif;text-align:left}
.guest-deeds{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.guest-deeds li{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;min-height:56px;padding:0;background:none}
.guest-deed-art{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:56px;height:56px;overflow:hidden;border:1px solid var(--guest-line);border-radius:8px;background:color-mix(in srgb,var(--guest-paper) 75%,var(--white))}
.guest-deed-art .menu-art{position:static;display:block;width:52px;height:52px;transform:none;background-repeat:no-repeat;filter:none}
.guest-deeds b{align-self:end;color:var(--guest-ink);font-size:14px;line-height:1.2}.guest-deeds li>span:last-child{align-self:start;color:var(--guest-dim);font-size:12px;line-height:1.3}
.guest-links,.about-langs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px 20px;margin-top:12px}
.guest-links{padding-top:11px;border-top:1px solid var(--guest-line)}
.guest-links a{color:var(--guest-ink);text-decoration:underline;text-underline-offset:3px}
.about-langs{justify-content:center}.about-langs a{color:var(--ink-bright);text-decoration:none}
.about-langs{margin:8px 0}.about-langs a{padding:5px 10px;border:1px solid var(--line);background:var(--bg-second);color:var(--ink-bright);text-decoration:none}.about-langs a._on{border-color:var(--gold);background:var(--head-bg);color:var(--head-ink)}
.guest-about{margin-top:10px}.guest-about h2{margin-top:18px}.guest-about h2:first-child{margin-top:0}
.guest-public-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.guest-public-actions .btn{margin:0}
.gate-foot{margin:12px calc(-1 * var(--pad)) calc(-1 * var(--safe-bottom) - 16px);padding:11px var(--pad) calc(var(--safe-bottom) + 14px);background:color-mix(in srgb,var(--edge) 42%,var(--bg-deep));border-top:1px solid color-mix(in srgb,var(--white) 12%,transparent);text-align:center}
.gate-foot .sign-terms{margin:0 auto 8px;max-width:410px}.gate-foot .gate-more{margin:0 0 8px;color:var(--scene-ink);font-size:12px}.gate-foot .gate-more .linklike{color:var(--cream)}.gate-foot .gate-more .linklike._on{color:var(--gold)}
.gate-foot .legal-links{margin:0;padding:0;background:none}.gate-foot .footer-mark{margin:9px 0 0;color:var(--scene-ink)}
@media(min-width:900px){
 .public-shell>.app{position:relative;z-index:1}
 .public-shell::before,.public-shell::after{content:"";position:fixed;top:0;bottom:0;z-index:0;width:calc((100% - var(--col))/2);pointer-events:none;background-color:#002420;background-repeat:no-repeat;background-size:cover}
 .public-shell::before{left:0;background-image:linear-gradient(to right,transparent 86%,rgba(0,36,32,.14) 90%,rgba(0,36,32,.58) 96%,#002420 100%),url(/static/gate-back-l.webp?v=b9dca260);background-position:right bottom}
 .public-shell::after{right:0;background-image:linear-gradient(to left,transparent 86%,rgba(0,36,32,.14) 90%,rgba(0,36,32,.58) 96%,#002420 100%),url(/static/gate-back-r.webp?v=422d1cca);background-position:left bottom}
}