.game-landing{max-width:1000px;margin:0 auto;color:#37312b;line-height:1.65}
.game-landing-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,5vw,54px);margin:22px 0 28px;border:1px solid #e1d0b8;border-radius:24px;background:radial-gradient(circle at 95% 25%,#fffdf9 0 14%,#f5ead6 55%,#efe0c5 100%)}
.game-landing-hero::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:540px;aspect-ratio:1;border:1px solid #c5a36e55;outline:1px solid #c5a36e33;outline-offset:65px;border-radius:50%;right:-260px;top:-180px}
.game-landing .game-landing-kicker{margin:0 0 14px;color:#9c5035;font:600 11px/1.6 Inter,system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.game-landing h1{margin:0 0 6px;font:500 clamp(44px,6vw,72px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.02em}
.game-landing .game-landing-kind{margin:0 0 30px;color:#77624b;font-size:clamp(14px,2vw,18px)}
.game-landing h2{max-width:27ch;margin:0 0 20px;font:500 clamp(28px,3.8vw,42px)/1.15 Cormorant,Georgia,serif}
.game-landing p{max-width:65ch;margin:0 0 16px}
.game-landing-date{margin:26px 0 20px;padding:18px 0;border-top:1px solid #d5bd995c;border-bottom:1px solid #d5bd995c}
.game-landing-date>span,.game-landing-date>strong{display:block}.game-landing-date>span{font-size:12px;color:#786650}.game-landing-date>strong{font-size:18px;margin:5px 0}.game-landing-date p{margin:3px 0}.game-landing-date small{display:block;font-size:12px;line-height:1.6;color:#786650}
.game-landing .talk-format-jump{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0 0 14px;padding:12px 22px;border:0;border-radius:12px;background:#a65336;color:#fff;font:600 15px/1.5 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;white-space:normal}
.game-landing .game-landing-note{font-size:12px;line-height:1.6;color:#746554;margin:0;max-width:65ch}
.game-landing-demo,.game-landing-join{padding:clamp(22px,4vw,36px);margin:0 0 28px;border:1px solid #e1d0b8;border-radius:22px;background:#fffdf9}
.game-landing-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 14px}
.game-landing-pictures figure{margin:0;min-width:0}.game-landing-pictures img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px}.game-landing-pictures figcaption{padding:10px 2px 0;font-weight:600;line-height:1.4}
.game-landing .game-landing-own{font-size:13px;color:#786650;margin-bottom:22px}.game-landing details{border-top:1px solid #e5d9c9;margin-top:22px;padding-top:16px}.game-landing summary{cursor:pointer;color:#a65336;font-size:14px}
.game-landing-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.game-landing-results p{margin:0;padding:14px;border-radius:12px;background:#f5eddf;font-size:13px;overflow-wrap:anywhere}
.game-landing-join>p>a{color:#a65336;text-underline-offset:4px}
@media(max-width:480px){.game-landing-hero{border-radius:18px}.game-landing-pictures{grid-template-columns:1fr;gap:20px}.game-landing-pictures figure{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px}.game-landing-pictures figcaption{padding:0}.game-landing-pictures img{border-radius:12px}.game-landing-results{grid-template-columns:1fr}.game-landing .talk-format-jump{width:100%}.game-landing-hero::after{right:-360px}.game-landing-demo,.game-landing-join{border-radius:18px}}

/* The advertised event and its existing booking form share one entry page. */
.game-landing-booking{margin:22px 0;padding-top:20px;border-top:1px solid #d5bd9970;scroll-margin-top:18px}
.game-landing-booking .recruit-card{margin:0;padding:0;border:0;background:transparent;border-radius:0}
.game-landing-booking .recruit-card h2{max-width:none;font-size:clamp(27px,3.5vw,36px);margin-bottom:12px}
.game-landing-booking .recruit-date{font-size:20px;font-weight:600}
.game-landing-booking .recruit-card p{margin-bottom:14px}
.game-landing-booking .recruit-card fieldset{margin:18px 0}
.game-landing-booking .recruit-card form{margin-top:18px}
.game-landing-booking>p[role=status]:empty{display:none}
.game-landing-booking .recruit-card .recruit-state{margin-bottom:18px}