.room-switch{display:flex;gap:28px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.room-switch [role=tab]{padding:10px 0 14px;min-height:48px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;font-size:18px;font-weight:500;color:#96aabd}
.room-switch [role=tab][aria-selected=true]{color:#edfaff;border-bottom-color:#8de7f4;background:transparent}.room-switch [role=tab]:hover{background:transparent;color:#d8eef7}
#book-tab-count{font:11px var(--mono);color:#95adbe;margin-left:6px}
.save-to-book{display:flex;justify-content:space-between;width:100%;min-height:44px;margin-top:9px;background:#222239;border-color:#7a648155;border-radius:7px;font-size:13px;color:#e2d5f4}
#open-scorebook{font-size:12px;min-height:40px;color:#a8cddd}
.scorebook{padding:10px 0 34px;scroll-margin-top:24px}
.book-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 25px}.book-heading .eyebrow{color:#b5a1ce}.book-heading h2{font-size:28px;font-weight:500;letter-spacing:.04em;margin:10px 0 8px}.book-heading p:not(.eyebrow){font-size:14px;color:#9db0c3}.book-heading button{flex:none;font-size:14px;min-height:44px}
.book-save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #819cbb44;border-radius:8px;background:linear-gradient(100deg,#1a2c3c,#19203780)}
.book-save-bar h3{font-size:17px;font-weight:500;color:#dfecf5}.book-save-bar p{font-size:13px;color:#b4c3d5;margin-top:6px}.book-save-bar small{display:block;font-size:11px;color:#879eb5;margin-top:6px}.book-save-bar button{flex:none;min-height:46px;background:#2b2c4c;border-color:#9582b060;color:#e1d7f5;font-size:14px;border-radius:7px}
.book-status{min-height:1.8em;font-size:13px;color:#c9d8eb;line-height:1.8;margin:12px 0 22px}
.book-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.book-ledger{min-width:0}.book-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.book-list-heading h3{font-size:16px;font-weight:500}.book-list-heading h3 span{font:11px var(--mono);color:#91a7bc;margin-left:8px}.book-list-heading button{min-width:42px;min-height:42px;padding:5px 10px;color:#b2d9e6;background:#142433;border-color:#34495e}
.book-games{padding:0;margin:16px 0 0;list-style:none;display:grid;gap:10px;max-height:740px;overflow:auto;scrollbar-color:#40546d #0b1622;scrollbar-width:thin}.book-games button{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;padding:17px 16px;border:1px solid #91b0ce2b;border-radius:7px;background:#101d2baa;color:#d9e7f2}.book-games button[aria-pressed=true]{border-color:#8dcbd28c;background:#18334280;box-shadow:inset 3px 0 #9acfd9}.book-games strong{font-size:17px;font-weight:500}.book-games span{font-size:13px;color:#c8b9da}.book-games small{font-size:11px;color:#97adbf}.book-empty{font-size:13px;line-height:2;color:#94aabc;padding:24px 0}
.book-viewer{padding:24px;border:1px solid #729ebf45;border-radius:8px;background:#0d1b2a9c;min-width:0}.book-viewer:focus-visible{outline:2px solid #a5e7ed;outline-offset:4px}.book-viewer .eyebrow{font-size:9px;color:#98b9cb}.book-viewer h3{font-size:24px;font-weight:500;margin:10px 0}.book-viewer>p:not(.eyebrow){font-size:13px;color:#a6bbce;line-height:1.8}.book-empty-view{display:grid;place-content:center;gap:18px;min-height:350px;text-align:center;font:10px var(--mono);letter-spacing:.2em;color:#7c9caf}.book-empty-view span{font:100px var(--sans);color:#bddfe2;text-shadow:0 0 44px #a4d9e66b}
.book-replay-controls{display:grid;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;gap:8px;align-items:center;margin:22px 0 5px}.book-replay-controls button{padding:6px;min-height:44px;font-size:20px;color:#d7e7f3;background:#17283a}.book-replay-controls span{font:12px/1.7 var(--sans);color:#c3d3e3;text-align:center}.book-scrub{display:block}.book-scrub input{width:100%;min-height:32px;accent-color:#bda0db}
.book-board-frame{position:relative;aspect-ratio:1;max-width:640px;margin:13px auto 0;background:radial-gradient(ellipse at 25% 65%,#243c5229,transparent 65%),#060f1c;border:1px solid #90a9c94d;border-radius:3px;box-shadow:0 0 36px #20374c45,inset 0 0 75px #0004;overflow:hidden}.book-board-frame .board{inset:7%;margin:0}.book-board-frame .stone{border-radius:50%}.book-board-frame .intersection{cursor:default}.book-board-frame .intersection[data-color="0"] .stone{visibility:hidden}.book-board-frame .stone:before{pointer-events:none}.book-captures{font-size:12px;color:#9cbbce;margin:12px 0;line-height:1.8}
.book-move-details{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.book-move-details summary{font-size:13px;color:#bdcddd;cursor:pointer;min-height:32px}.book-move-details ol{max-height:220px;overflow:auto;list-style:none;margin:12px 0 0;padding:0;columns:2;font:12px/2 var(--mono);color:#a1b5c7}.book-move-details li{break-inside:avoid}
.book-storage-note{font-size:12px;line-height:1.9;color:#8da4b9;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){.book-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}.book-viewer{padding:18px}.book-replay-controls{grid-template-columns:36px 36px minmax(0,1fr) 36px 36px;gap:5px}.book-heading h2{font-size:24px}.book-heading{flex-wrap:wrap}.book-save-bar{padding:18px}}
@media(max-width:650px){.room-switch{gap:25px;margin-bottom:17px}.room-switch [role=tab]{font-size:17px}.book-heading{gap:10px;margin-bottom:17px}.book-heading h2{font-size:23px}.book-heading p:not(.eyebrow){font-size:12px}.book-heading button{font-size:12px}.book-save-bar{align-items:stretch;flex-direction:column;gap:15px;padding:16px}.book-save-bar h3{font-size:16px}.book-save-bar p{font-size:12px}.book-layout{grid-template-columns:minmax(0,1fr);gap:22px}.book-games{max-height:260px;margin-top:12px}.book-games button{padding:13px 15px;gap:4px}.book-games strong{font-size:16px}.book-viewer{padding:16px 12px}.book-viewer h3{font-size:21px}.book-viewer>p:not(.eyebrow){font-size:12px}.book-replay-controls span{font-size:11px}.book-empty-view{min-height:220px}.book-captures{font-size:11px}.book-status{font-size:12px;margin-bottom:16px}.book-storage-note{font-size:11px}}
.book-public-heading{border-top:1px solid #8eadcb30;padding-top:22px;margin-top:24px}.book-public-heading h3 span{font:9px var(--mono);color:#92b2cf;letter-spacing:.1em}#book-public-more{width:100%;margin-top:8px;min-height:40px;font-size:11px}.agent-entry>p{color:#9daec4;font-size:12px;line-height:1.9;margin:12px 0}.agent-entry .record-actions a{font-size:11px;border:1px solid #87a9d447;border-radius:5px;padding:12px 8px;text-align:center;background:#14243a66}.agent-entry .record-actions a:hover{border-color:#a5caff}

.book-cinema-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 16px}
.book-games :is(strong,small),#book-viewer-detail,.player-role{overflow-wrap:anywhere}
.public-save{margin-top:12px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;color:#b6d5cd}
.public-save[data-state=error]{color:#e9b386}
.public-save button{min-height:44px;font-size:13px}
.publish-choice{border:1px solid var(--line);padding:15px;margin:22px 0 12px;min-width:0}
.publish-choice legend{font-size:15px;color:#d8c09d;padding:0 7px}
.go-page .publish-choice .publish-check{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.8;margin:3px 0 12px;cursor:pointer}
.publish-choice input[type=checkbox]{flex:none;width:19px;height:19px;margin:5px 0 0;accent-color:#d1ad7a}
.go-page .publish-choice p,.publish-choice small{font-size:12px;line-height:1.9;color:#a4b6c7}
.publish-choice small{display:block;margin-top:12px}
.publish-choice input[type=text]{display:block;width:100%;min-width:0;min-height:46px;padding:9px 11px;border:1px solid #819cbb55;background:#101b28;color:#e4edf6;border-radius:3px;font:inherit;font-size:15px}
.publish-choice input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.go-page .publish-choice #publish-fields label{margin-top:14px;font-size:13px}
.book-cinema-toolbar button{min-height:48px;font-size:15px;border-radius:3px}
.book-cinema-toolbar #book-play{background:#203947;border-color:#97c7d37a;color:#def5ff;min-width:150px}
.book-cinema-toolbar label{display:flex;align-items:center;gap:8px;font-size:13px;color:#a6bbce}
.book-cinema-toolbar select{min-height:44px;border:1px solid #819cbb44;border-radius:3px;padding:6px 9px;background:#101d2b;color:#dfecf5}
.book-cinema-toolbar #book-effects{margin-left:auto;background:transparent;color:#b5c8d7;font-size:13px}
.book-view-toolbar{flex-wrap:wrap;gap:10px}
.book-board-frame.in-3d{aspect-ratio:1}
.book-board-frame.in-3d .stage-host{visibility:visible}
.book-board-frame.in-3d .board{opacity:0;pointer-events:none}
.book-scene-help{font-size:12px;color:#8fa8bb;line-height:1.9;margin:10px 0 20px}
#book-music-slot{margin:18px 0 22px;min-width:0}
.book-sound-panel{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.book-sound-panel h4{margin:0;font-size:16px;font-weight:500;color:#d7e2ee}
.book-sound-panel .settings{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;padding:0;border:0}
.book-sound-panel p{font-size:12px;line-height:1.9;color:#a6bbce;margin:10px 0 0}
.book-sound-panel .audio-feedback{color:#e9b386}
.audio-feedback:empty{display:none}
.go-page #book-music-slot .room-music{grid-template-columns:minmax(0,1fr) auto;gap:12px}
.go-page #book-music-slot .music-volume{grid-column:1;flex-wrap:wrap}
.go-page #book-music-slot .music-speed{grid-column:2}
.go-page #book-music-slot .music-info{grid-column:1/-1}
@media(max-width:420px){.book-cinema-toolbar{gap:8px}.book-cinema-toolbar #book-play{width:100%}.go-page #book-music-slot .music-volume,.go-page #book-music-slot .music-speed{grid-column:1/-1}.book-view-toolbar .camera-controls{margin-left:0}}

/* Match the more generous type and controls in the playing room. */
.go-page .room-switch [role=tab]{font-size:20px;min-height:52px}
.go-page .room-switch [role=tab] span{font-size:13px}
.go-page .save-to-book,.go-page #open-scorebook{font-size:15px;min-height:46px}
.go-page .book-heading p:not(.eyebrow),.go-page .book-save-bar p{font-size:15px}
.go-page .book-heading button,.go-page .book-save-bar button{font-size:16px;min-height:48px}
.go-page .book-save-bar h3,.go-page .book-list-heading h3{font-size:18px}
.go-page .book-save-bar small,.go-page .book-list-heading h3 span,.go-page .book-games small{font-size:12px}
.go-page .book-list-heading button{min-width:44px;min-height:44px}
.go-page .book-games strong{font-size:18px}
.go-page .book-games span,.go-page .book-empty,.go-page .book-status{font-size:14px}
.go-page .book-viewer>p:not(.eyebrow){font-size:14px}
.go-page .book-viewer .eyebrow,.go-page .book-empty-view{font-size:12px}
.go-page .book-replay-controls{grid-template-columns:44px 44px minmax(0,1fr) 44px 44px}
.go-page .book-replay-controls span,.go-page .book-captures,.go-page .book-storage-note{font-size:13px}
.go-page .book-scrub input{min-height:44px}
.go-page .book-move-details summary{font-size:15px;min-height:44px;line-height:44px}
.go-page .book-move-details ol{font-size:13px}
.go-page #book-public-more{font-size:14px;min-height:44px}
.go-page .agent-entry>p{font-size:14px}
.go-page .agent-entry .record-actions a{font-size:13px;min-height:48px;display:grid;place-items:center}
@media(max-width:380px){
  .go-page .book-replay-controls{grid-template-columns:repeat(4,1fr);gap:8px}
  .go-page .book-replay-controls span{grid-column:1/-1;grid-row:1}
}