/* Progressive disclosure keeps every setting, with readable groups and labels. */
.settings-group{border-top:1px solid var(--line);text-align:left;min-width:0}
.settings-group>summary{padding:14px 2px;font-size:.95rem;line-height:1.4;color:var(--ink)}
.settings-group>summary strong{font-weight:750}
.settings-group>summary>span{display:block;margin:4px 0 0 17px;color:var(--muted);font-size:.82rem;font-weight:400}
.settings-group-body{padding:0 2px 15px;display:grid;gap:12px}
.settings-group:not([open])>.settings-group-body{display:none}
#app .settings-group-body label{font-size:.9rem;margin:0}
.settings-group-body .tv-button{width:100%;justify-content:flex-start}
.settings-note{font-size:.88rem;line-height:1.55;color:var(--muted)}
.tv-controls[open]>div{width:340px;max-width:calc(100vw - 24px);gap:6px;padding:16px}
.settings-group .timing-settings{border:0;padding:0;margin:0;display:grid;gap:12px}
.timing-help{font-size:.86rem;line-height:1.55;color:var(--muted)}
.timing-help summary{font-size:.86rem;color:var(--ink)}
.timing-help p+p{margin-top:10px}
.scene-camera-buttons[hidden]{display:none}
.board-view-control select{min-height:44px;max-width:100%}
.setup-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:28px;align-items:start;margin-top:28px}
.setup-world{min-width:0}
.setup-world>h2{margin:5px 0 16px}
.setup-board-preview{max-width:340px;margin:16px auto;pointer-events:none}
.setup-world .board-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.setup-world .board-choice{margin:0;min-width:0}
.setup-world .board-mini{height:115px;padding:10px 20px 0}
.setup-world .board-choice-body{padding:12px}
.setup-world .board-choice-body h3{font-size:1.12rem}
.setup-world .board-choice-body p{font-size:.83rem;min-height:0}
.setup-world .board-choice .eyebrow{display:none}
.setup-world .board-choice .tags{margin-top:10px}
.setup-world .tags span{font-size:.78rem}
.setup-world>p{font-size:.95rem}
.setup-world .upload{margin:12px 0}
.setup-workspace #host-form>h2{margin:5px 0 22px}
.setup-workspace #host-player-fields{margin:18px 0;padding:16px}
.setup-workspace #host-player-fields label{margin-top:0}
.setup-workspace .settings-group-body .form-grid{row-gap:12px}
.setup-workspace .settings-group-body .check{font-size:.9rem}
.setup-piece-summary{display:inline-flex;gap:9px;align-items:center;vertical-align:middle}
.setup-piece-summary svg{width:26px;height:26px}
.setup-workspace .piece-picker{margin:12px 0 0}
.setup-workspace .piece-choice small{display:none}
.setup-workspace #host-form>.primary{margin:0 0 20px}
.name-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.name-field button{font-size:.85rem;min-height:44px;padding:8px 12px}
.setup-rules-summary{font-size:.88rem;line-height:1.5;margin:8px 0 16px;color:var(--muted)}
.lobby-code>.settings-group{margin-top:18px}
.settings-group:focus-within>summary{color:var(--green)}
summary:focus-visible{outline:3px solid #449e91;outline-offset:3px;border-radius:5px}
/* Only the SVG camera moves. Captions stay level, opposite the moving piece. */
.tv-board>.board-svg[data-camera-2d]{overflow:hidden;border-radius:18px}
.tv-board.camera-2d-follow>.tv-center{inset:12px 12px auto!important;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-align:left;max-height:26%;overflow:auto;pointer-events:none;box-shadow:0 4px 18px #102c2920}
.tv-board.camera-2d-follow[data-camera-caption=bottom]>.tv-center{inset:auto 12px 12px!important}
.tv-board.camera-2d-follow>.tv-center>*{display:none}
.tv-board.camera-2d-follow>.tv-center>.turn-identity,.tv-board.camera-2d-follow>.tv-center>.tv-announcement{display:flex;margin:0}
.tv-board.camera-2d-follow>.tv-center>.turn-identity .tv-caption{display:none}
.tv-board.camera-2d-follow>.tv-center>.tv-announcement{font-family:inherit;font-size:clamp(18px,2.8cqw,28px);line-height:1.3;color:var(--ink)}
.tv-board.camera-2d-follow .tv-badge{width:34px;height:34px;flex:none}
@media(max-width:760px){.setup-workspace{grid-template-columns:minmax(0,1fr)}.setup-world{padding:20px}.setup-board-preview{max-width:210px}.setup-workspace .board-choice{flex-direction:column}.setup-workspace .board-mini{width:auto;max-width:none;min-width:0;height:100px;display:block}.setup-workspace .board-mini svg{height:140px}.setup-world .board-choice-body p{display:none}.setup-workspace #host-form{padding:22px}.setup h1{font-size:2.5rem}}
@media(max-width:650px){.tv-controls[open]>div{width:auto;max-width:none;max-height:70dvh}.tv-board.camera-2d-follow>.tv-center{padding:10px;gap:8px}.tv-board.camera-2d-follow .tv-badge{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.tv-board>.board-svg[data-camera-2d]{scroll-behavior:auto}}