.sp-layout,.pr-layout{display:grid;gap:24px;align-items:start}.sp-board{display:grid;grid-template-columns:repeat(var(--seat-cols),minmax(0,1fr));gap:8px;max-width:580px;margin:0 auto}.sp-seat{min-width:0;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 3px!important;border:2px solid #CBD5E1!important;border-radius:12px!important;background:#fff;color:#172033;text-align:center;overflow-wrap:anywhere}.sp-seat strong{font-size:18px}.sp-position{font-size:14px;color:#475569}.sp-zone{font-size:16px}.sp-table{grid-column:1/-1;min-height:32px;display:grid;place-items:center;background:#E2E8F0;border-radius:8px;color:#475569;font-size:14px;letter-spacing:.12em}.sp-seat.is-selected{border-color:#2458D6!important;background:#EFF6FF}.sp-seat.is-hinted{outline:2px dashed #92400E;outline-offset:-6px}.sp-seat.is-demo{box-shadow:inset 0 0 0 3px #2458D6}.sp-selection{min-height:3.1em}.sp-requests ul{padding-left:0;list-style:none;display:grid;gap:12px}.sp-requests li{padding:12px;border:1px solid #CBD5E1;border-radius:12px;font-size:17px;line-height:1.55}.sp-requests li span{font-weight:700}.sp-requests .is-met,.sp-count.is-met{color:#166534;background:#F0FDF4}.sp-requests .is-unmet{color:#92400E;background:#FFFBEB}.sp-requests li.is-hinted{outline:3px solid #92400E;outline-offset:2px}.sp-finish{width:100%}.sp-example,.sp-help{margin-top:24px}.sp-example .sp-board{max-width:500px}.sp-static{background:#F7F9FC}.sp-alternative{margin-top:16px}.sp-alternative summary,.pr-first-path summary{cursor:pointer;min-height:44px;padding:8px 0}.sp-alternative form{display:grid;gap:12px;padding-top:12px}.sp-alternative label{display:grid;gap:6px}.sp-help p:last-child{margin-bottom:0}.pr-scenes{max-width:720px}.pr-dialogue{list-style:none;padding:0;margin:0;display:grid;gap:16px}.pr-line{padding:16px;background:#F7F9FC;border-radius:12px;border:1px solid #CBD5E1}.pr-line p{margin:6px 0 0}.pr-you{background:#EFF6FF;border-color:#A5BCEB}.pr-facts{margin-bottom:16px}.pr-facts h3{margin-top:0}.pr-rewrite{padding:16px;border-left:4px solid #2458D6;background:#EFF6FF}.pr-reflection{display:grid;gap:8px;margin-top:24px}.pr-first-path{margin-top:24px}.pr-first-path .pr-dialogue{margin-top:16px}@media(min-width:1024px){.sp-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.pr-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}@media(max-width:420px){.sp-board-panel{padding:12px!important}.sp-board{gap:6px}.sp-seat{min-height:88px}.sp-seat strong{font-size:16px}.sp-position{font-size:14px}.sp-help,.sp-example{padding:16px!important}}@media(prefers-reduced-motion:reduce){.sp-seat,.pr-line{transition:none!important}}
@media(max-width:359px){.sp-board-panel{padding:8px!important}}