html{background:#091b23;color-scheme:dark}body.section-play{margin:0;background:radial-gradient(ellipse at 15% 0%,#173b3c55,transparent 55%),#091b23;font-family:Inter,system-ui,sans-serif;line-height:1.6}body.section-play *{box-sizing:border-box}.play-main{max-width:1350px;margin:auto;padding:30px 26px 60px;color:#d7e4df}.play-hero{padding:38px;border:1px solid #a58f5c66;border-radius:14px;background:linear-gradient(100deg,#112a32ef,#17353ac9),url('/forever-brand/community-welcome.png') center/cover;margin-bottom:26px}.play-hero h1{font-family:Georgia,serif;color:#edcf8e;font-size:clamp(2.2rem,4vw,3.5rem);margin:12px 0 20px}.play-hero>p{max-width:760px;line-height:1.8}.play-eyebrow{font-size:.7rem;color:#d6bb7c;letter-spacing:2px}.play-hero-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px}.play-main a{color:#e1c382;text-decoration:none}.play-main a:hover{text-decoration:underline}.play-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.play-tabs a{padding:14px 22px;background:#142d34;border:1px solid #6b877c77;border-radius:7px;color:#c1d5cb}.play-tabs [aria-current]{background:#314c40;color:#f2d897;border-color:#cbb678}.play-panel{background:#132d35;border:1px solid #68877b66;border-radius:11px;padding:26px;min-width:0}.play-panel h2,.play-heading h2{font:700 1.45rem Georgia;color:#e5cb91}.play-panel h3{color:#e3c990;font-size:1.15rem}.play-panel p{line-height:1.8}.play-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:24px;margin-top:25px;align-items:start}.play-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.play-tags{display:flex;gap:8px;flex-wrap:wrap}.play-tags span,.play-badge{padding:5px 9px;border-radius:20px;background:#294c44;color:#d5d8ac;font-size:.72rem}.play-meta{display:flex;gap:25px;flex-wrap:wrap;margin:26px 0}.play-meta dt{font-size:.75rem;color:#9db8ac}.play-meta dd{margin:8px 0;font-size:1rem;color:#e6d4a7}.play-description{white-space:pre-wrap;overflow-wrap:anywhere}.play-main .play-muted{font-size:.79rem;color:#a3bcb1;line-height:1.8}.play-main label{display:grid;gap:8px;font-size:.84rem;margin:16px 0}.play-main input,.play-main select,.play-main textarea{background:#0c2029;color:#e1e8e0;border:1px solid #6e8c80;border-radius:6px;font:inherit;padding:11px;width:100%;box-sizing:border-box}.play-main button,.play-main .play-button{display:inline-block;background:#d9bd7e;border:1px solid #d9bd7e;color:#12232a;padding:12px 17px;border-radius:6px;font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;margin:8px 0;text-align:center;text-decoration:none}.play-main .play-secondary{background:transparent;color:#d8c58e;border-color:#8e987a}.play-main button:disabled{opacity:.5;cursor:wait}.play-filters{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:25px 0}.play-filters label{flex:1;min-width:120px;margin:0}.play-filters button{margin:0}.play-filters>a{padding-bottom:12px}.play-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 22px}.play-heading>span{font-size:.8rem;color:#91aca1}.play-notice{padding:17px 20px;background:#2e4d42;border:1px solid #91ad7b;border-radius:8px;margin:16px 0;line-height:1.7}.play-roster{display:grid;gap:12px;margin:20px 0}.play-roster article{padding:15px;border:1px solid #6b877c55;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:20px}.play-roster p{font-size:.8rem;margin:7px 0 0}.play-roster form{margin:0}.play-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.play-create{max-width:950px;margin:auto}.play-help{margin-top:34px}.play-help h2{font-size:1.2rem}.play-help p{font-size:.88rem;line-height:1.9}.play-empty{grid-column:1/-1;padding:40px}.play-footer{text-align:center;padding:25px;color:#9bb5aa}.play-footer a{color:#d8c085}.play-panel hr{border:0;border-top:1px solid #6b877c55;margin:28px 0}@media(max-width:900px){.play-layout{grid-template-columns:1fr}.play-layout>aside{order:-1}.play-hero{padding:28px}.play-filters label{min-width:150px}}@media(max-width:600px){.play-main{padding:18px 15px 40px}.play-panel{padding:21px}.play-form-grid{grid-template-columns:1fr;gap:0}.play-tabs a{flex:1;padding:12px;text-align:center}.play-hero-links{gap:15px;font-size:.85rem}.play-heading{align-items:start}.play-roster article{flex-wrap:wrap}.play-meta{gap:16px}.play-hero h1{font-size:2.1rem}}
