.play-feature{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px 34px;margin:35px 0;background:var(--raised);border:1px solid var(--line);border-radius:12px}.play-feature h2{font-size:40px;margin:8px 0}.play-feature p{max-width:720px;line-height:1.7;margin:0}.play-feature .btn{flex-shrink:0}
.playground{padding-bottom:40px}.playground .page-top{max-width:950px}.playground .page-top h1{font-size:clamp(44px,6vw,76px);overflow-wrap:anywhere}.playground p{line-height:1.75}.play-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:20px 0 45px}.play-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;min-width:0}.play-card:hover{border-color:var(--pink)}.play-number{font-family:var(--head);font-size:42px;color:var(--pink)}.play-card h2{font-size:34px;margin:12px 0 0}.play-card p{color:var(--muted);margin-bottom:26px}.play-card>.text-link{margin-top:auto}.play-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.play-tabs a{padding:12px 18px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--ink)}.play-tabs a[aria-current=page]{background:var(--button);color:var(--button-text);border-color:var(--button)}.play-panel{padding:32px;border:1px solid var(--line);border-radius:13px;background:var(--surface);min-width:0}.play-panel h2{font-size:clamp(30px,4vw,44px);margin-top:0}.play-panel h3{font-size:27px}.play-setup{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:42px}.play-fields{display:flex;flex-direction:column;align-items:stretch}.play-panel label,.play-panel legend{display:block;font-weight:600;font-size:16px;line-height:1.5}.play-panel input:not([type=checkbox]),.play-panel select,.play-panel textarea{display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:inherit}.play-panel textarea{resize:vertical;line-height:1.7}.play-panel select{margin:8px 0 20px;min-height:47px}.play-panel textarea:focus,.play-panel input:focus,.play-panel select:focus{outline:2px solid var(--pink);outline-offset:3px}.play-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.play-actions .btn{white-space:normal}.play-notice{padding:16px 19px;background:var(--raised);border-left:3px solid var(--pink);border-radius:0 7px 7px 0;color:var(--muted)}.play-handoff{max-width:700px;margin:12px auto 24px;padding:25px 0;text-align:center}.play-person{display:inline-block;border:1px solid var(--line);border-radius:100px;padding:10px 22px;margin:10px 0 24px}.play-prompt{margin:18px 0 25px;padding:20px 24px;background:var(--raised);border-left:4px solid var(--pink);font-family:var(--head);font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.play-writing-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.play-writing-heading h2{margin:0}.play-clock{font-family:var(--head);font-size:clamp(48px,7vw,78px);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.play-ballot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.play-ballot article{border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;align-items:flex-start;flex-direction:column;min-width:0}.play-ballot article>p{font-size:21px;white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.play-ballot .btn{white-space:normal}.play-panel button:disabled{opacity:.45;cursor:default}.play-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px;gap:22px}.play-score>div{background:var(--raised);border-radius:12px;padding:25px;text-align:center}.play-score span,.play-score strong{display:block}.play-score strong{font-family:var(--head);font-size:74px;color:var(--pink)}.play-stage{background:#102f28;color:#fff9ed;border:3px solid #49ae81;border-radius:14px;padding:35px;text-align:center;max-width:850px;margin:auto}.play-stage .play-clock{display:block;font-size:clamp(72px,14vw,145px)}.play-stage progress{display:block;width:100%;height:9px;accent-color:#65ce9e;margin:25px 0 15px}.play-stage.last-minute{border-color:#ffd07a}.play-stage.last-minute progress{accent-color:#ffd07a}.play-stage #mic-light{min-height:28px;color:#ffd07a;margin-bottom:0}.play-stage[data-mic-phase=paused]{border-style:dashed}.play-marks{display:flex;gap:10px;flex-wrap:wrap;list-style-position:inside;padding-left:0;font-variant-numeric:tabular-nums}.play-marks li{padding:9px 14px;border:1px solid var(--line);border-radius:7px}.play-elapsed strong{font-size:30px;font-family:var(--head)}.play-workshop{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px}.play-workshop>form,.play-workshop>aside{min-width:0}.play-workshop-field{margin:26px 0}.play-workshop-field p{margin:5px 0 10px}.play-paper{position:sticky;top:24px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 25px #00000008}.play-paper h3,.play-paper p,.play-verse{white-space:pre-wrap;overflow-wrap:anywhere}.play-verse{font-size:20px;line-height:1.9;min-height:150px}.play-paper h4{margin-bottom:8px}.play-workshop aside>.text-link{display:flex;gap:8px;margin-top:22px}.play-checks{border:1px solid var(--line);border-radius:9px;padding:20px;margin:30px 0}.play-checks legend{padding:0 8px}.play-checks label,.play-panel .play-save{display:flex;gap:12px;align-items:flex-start;font-weight:400;margin:13px 0}.play-checks input,.play-save input{width:19px;height:19px;flex-shrink:0;margin-top:3px;accent-color:var(--pink)}.play-bottom{border-top:1px solid var(--line);margin:35px 0 0;padding-top:20px;color:var(--muted);font-size:14px}.play-bottom p{max-width:850px}.play-bottom a{display:inline-flex;align-items:center;gap:7px}.playground [hidden]{display:none!important}
@media(min-width:1001px) and (max-width:1510px){.site-header .main-nav{gap:10px}.site-header .main-nav>a{font-size:12px}.site-header .nav-row{gap:18px}.site-header .brand img{width:155px}}
@media(max-width:850px){.play-setup,.play-workshop{grid-template-columns:1fr;gap:24px}.play-paper{position:static}.play-panel{padding:25px}.play-feature{padding:26px}.play-feature h2{font-size:35px}}
@media(max-width:600px){.play-cards,.play-ballot{grid-template-columns:1fr;gap:16px}.play-card{padding:24px}.play-card h2{font-size:30px}.play-panel{padding:20px}.play-tabs{display:grid;grid-template-columns:1fr}.play-tabs a{padding:11px 14px}.play-prompt{padding:16px 18px}.play-ballot article{padding:20px}.play-stage{padding:25px 15px}.play-actions .btn{flex:1 1 145px;justify-content:center}.play-score{gap:12px}.play-score>div{padding:20px 12px}.play-feature{flex-direction:column;align-items:flex-start}.play-feature>.btn{align-self:stretch;justify-content:center}.play-paper{padding:22px}.play-handoff{padding-top:10px}}