/* Captures are displayed only in the board; no scrapbook UI is copied here. */
body.obs .obs-board{background-position:center}
body.obs .obs-cell{transition:background-color .12s ease}
body.obs.obs-edit .obs-cell:not(:disabled){cursor:pointer}
body.obs.obs-edit .obs-cell:hover{outline:2px solid #dbb800;outline-offset:-2px}

body.obs .obs-board,body.obs.layout-portrait .obs-board{grid-template-rows:auto auto minmax(0,1fr);padding-top:2vh}
body.obs .obs-heading{grid-row:1}.obs-kicker{font-size:clamp(16px,1.5vw,28px);padding-bottom:3px}.obs-region{font-size:clamp(24px,2.5vw,46px);line-height:1.3}.obs-game{font-size:clamp(14px,1.15vw,22px);letter-spacing:.06em}
body.obs .obs-total,body.obs.layout-portrait .obs-total{position:relative;right:auto;top:auto;grid-row:2;justify-self:center;margin:12px 0 4px;font-size:clamp(20px,2vw,36px);padding:8px 22px 16px;gap:14px;min-width:380px;justify-content:center}
#obsPercent{color:#21865e;margin-left:20px}.obs-progress{position:absolute;left:0;bottom:0;width:100%;height:6px;background:#edf0f3;overflow:hidden;border-radius:0 0 6px 6px}#obsProgress{height:100%;background:#2bad79;transition:width .2s}
body.obs .obs-grid,body.obs.layout-portrait .obs-grid{grid-row:3;grid-template-columns:repeat(var(--obs-cols,19),minmax(0,1fr));grid-template-rows:repeat(var(--obs-rows,8),minmax(0,1fr));width:100%;gap:3px;margin-top:1.5vh}
body.obs .obs-sprite{min-height:0;flex:1;overflow:hidden}body.obs .obs-sprite img{min-height:0;max-height:100%;height:100%;width:90%}body.obs .obs-cell .ball{width:30px;height:30px;border-width:3px;transform:none}body.obs .obs-cell .ball:after{width:12px;height:12px;border-width:3px;left:6px;top:6px}
body.obs.dense .obs-cell .ball{width:20px;height:20px;border-width:2px}body.obs.dense .obs-cell .ball:after{width:8px;height:8px;border-width:2px;left:4px;top:4px}
body.obs.layout-portrait .obs-total{font-size:clamp(22px,3.4vw,36px);min-width:0}body.obs .obs-cell .obs-name{flex-shrink:0;height:12px;line-height:12px;font-size:10px}body.obs.dense .obs-cell .obs-name{font-size:9px;height:10px;line-height:10px}body.obs.layout-portrait.dense .obs-no{font-size:10px}

body{--scene-accent:#e6b900;--scene-ball:#e6b900;--scene-accent-ink:#806600}
body.obs .obs-board{border-left-color:var(--scene-accent);border-right-color:var(--scene-accent)}
body.obs .obs-kicker{color:var(--scene-accent-ink);border-color:var(--scene-accent)}
body.obs .obs-total{box-shadow:5px 5px var(--scene-accent)}
body.obs .tiny-ball{color:var(--scene-ball)}
body.obs .obs-board:before,body.obs .obs-board:after{border-color:var(--scene-ball);opacity:.16}
body.obs .obs-cell .ball,.game-colors .ball,.entry .ball{border-color:var(--scene-ball);background:linear-gradient(to bottom,color-mix(in srgb,var(--scene-ball) 24%,white) 0 44%,var(--scene-ball) 44% 56%,#fff 56%);opacity:.8}
body.obs .obs-cell .ball:after,.game-colors .ball:after,.entry .ball:after{border-color:var(--scene-ball);background:white}