.play{max-width:1120px;padding-block:clamp(28px,6vw,72px);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head stage""sub stage""rules stage";align-items:start;gap:22px clamp(32px,6vw,88px);margin:0 auto;display:grid}.play-head{font-family:var(--sans);letter-spacing:-.025em;text-wrap:balance;grid-area:head;align-self:end;margin:0;font-size:clamp(36px,5vw,60px);font-weight:600;line-height:1.12}.play-head span{color:var(--accent);display:block}.play-sub{max-width:52ch;color:var(--ink);grid-area:sub;margin:0;font-size:17px;line-height:1.55}.play-stage{grid-area:stage;width:min(440px,60svh - 78px);min-width:300px}.play-rules{grid-area:rules;max-width:52ch}.play-rules h2{font-family:var(--sans);margin:0 0 10px;font-size:20px;font-weight:700}.play-rules ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:15px;line-height:1.5;display:flex}.play-rules b{background:var(--lime);border-radius:4px;padding:0 4px}.play-made{color:var(--muted);margin:18px 0 0;font-size:14px}.play-made a{color:var(--ink);text-underline-offset:3px;font-weight:700}@media (max-width:820px){.play{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""sub""rules"}.play-stage{justify-self:center;width:100%;min-width:0;max-width:440px}.play-sub{font-size:16px}}