/* Public reading pages and the introduction below the playable entrance. */
.site-guide{background:#11241f;color:#cfdbcf;border-top:1px solid #52634a;font:16px/1.8 system-ui,sans-serif}
.guide-inner{max-width:1060px;margin:auto;padding:64px 28px}
.site-guide h2,.reading-page h1,.reading-page h2{font-family:Georgia,serif;font-weight:400;color:#f1d9a6}
.site-guide h2{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:12px 0 22px}
.site-guide p{max-width:790px}.guide-eyebrow{color:#c3ae7a;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.guide-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:32px 0}
.guide-columns h3{font-size:17px;color:#eee0bc}.guide-columns p{font-size:15px}
.guide-links{display:flex;gap:12px 28px;flex-wrap:wrap;border-top:1px solid #52634a;padding-top:24px}
.site-guide a,.reading-page a{color:#f0d291;text-underline-offset:4px}
body[data-phase=game]>.site-guide{display:none}
.reading-page{margin:0;background:#11241f;color:#cfdbcf;font:17px/1.8 system-ui,sans-serif;color-scheme:dark}
.reading-page main{max-width:780px;margin:auto;padding:32px 24px 72px}.reading-page nav{display:flex;flex-wrap:wrap;gap:12px 24px}
.reading-page h1{font-size:clamp(34px,6vw,48px);line-height:1.2;margin:44px 0 22px}.reading-page h2{font-size:28px;line-height:1.3;margin:40px 0 16px}
.reading-page h3{color:#e6d7b7;font-size:19px}.reading-page li{margin:12px 0}.reading-page strong{color:#eee0bc}
.reading-page .example{border:1px solid #657456;border-radius:8px;padding:8px 24px 22px;background:#1a3027;margin:28px 0}
.reading-page .example h2{margin-top:20px}.reading-page .example ol{padding-left:24px}.reading-page details{border-top:1px solid #52634a;padding:18px 0}.reading-page summary{cursor:pointer;color:#f0d291;font-weight:600}
.reading-page footer{border-top:1px solid #52634a;margin-top:48px;padding-top:24px;font-size:15px}.reading-page .play-link{display:inline-block;padding:12px 22px;border-radius:4px;background:#e0bf82;color:#23342e;text-decoration:none;font-weight:700;margin:14px 0}
.reading-page a:focus-visible,.reading-page summary:focus-visible{outline:3px solid #efcc80;outline-offset:5px}
.arrival-links{display:flex;flex-wrap:wrap;gap:4px}.arrival-bottom .arrival-links a{min-height:40px;font-size:12px;padding:8px}
.arrival-title a{color:#f0d291;pointer-events:auto}
/* Empty placements are not part of the player experience before ads are enabled. */
body.ads-inactive{--rail-space:0px}
body.ads-inactive .advert-rail,body.ads-inactive .advert-banner{display:none}
body.ads-inactive #experience-layout{--ad-banner-height:0px;display:block;width:100%;max-width:none;height:auto;min-height:100svh;padding:0}
body.ads-inactive #lodge-shell{height:auto;min-height:100svh}
body.ads-inactive #lodge-shell .arrival{height:100svh;min-height:640px;box-sizing:border-box;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:24px 32px 18px}
/* Header, rules and footer occupy separate rows, including on short screens. */
.arrival .arrival-top,.arrival .arrival-bottom{position:relative;inset:auto;margin:0}
.arrival .arrival-top{grid-row:1}.arrival .arrival-bottom{grid-row:3}
.arrival .arrival-rules{position:relative;inset:auto;transform:none;grid-row:2;justify-self:end;align-self:center;margin:0;max-height:100%;width:min(388px,100%);overflow:auto;overscroll-behavior:contain}
.arrival.scene-fallback .arrival-rules{justify-self:center}
.arrival .arrival-rules ol{gap:14px;margin:17px 0}.arrival .arrival-rules{width:min(440px,100%);padding:22px}.arrival .arrival-rules h2{font-size:29px}
body.ads-inactive.tabletop-live #experience-layout,body.ads-inactive.tabletop-live #lodge-shell{height:100svh;min-height:0}
@media(max-width:700px){.guide-columns{grid-template-columns:1fr;gap:4px}.guide-inner{padding:40px 24px}.reading-page .example{padding-inline:18px}body.ads-inactive #lodge-shell .arrival{padding:17px 16px 12px;gap:12px}.arrival .arrival-rules{justify-self:center;width:min(440px,100%)}.arrival .arrival-bottom{gap:4px;align-items:center}.arrival-bottom .arrival-links a{font-size:11px;padding-inline:5px}.arrival .arrival-bottom>#skip-arrival{white-space:nowrap;padding-inline:4px}.arrival-entry{bottom:88px}}
