/* One shared navigation, length control, scoreboard and timer across the collection. */
.gh-back.back{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;min-width:48px;padding:10px 12px;border:1px solid #cbd6cf;border-radius:12px;background:#fff;color:#203c30;font-size:14px;font-weight:700;line-height:1.2;flex-shrink:0}
.gh-back svg{width:24px;height:24px;flex:0 0 24px}.gh-back:hover{background:#edf4e8}.gh-back:focus-visible{outline:3px solid #247545;outline-offset:3px}
.v3-play-nav{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0!important;min-height:64px!important;margin:0 auto 12px!important;width:100%;max-width:760px}
.v3-play-nav>.gh-back{padding:10px;width:48px;height:48px}.v3-play-nav>.gh-back .gh-back-label{display:none!important}.v3-play-nav>strong{text-align:center;font-size:17px;line-height:1.2;overflow-wrap:anywhere}.v3-play-nav>.text-button{font-size:13px;min-height:48px;padding:8px 4px}
.v3-config-rounds{gap:14px!important}.v3-config-rounds .field-label{display:none}.v3-config-rounds .v3-taps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v3-config-rounds .v3-tap{min-height:54px;padding:12px 6px;white-space:nowrap;font-size:15px}.v3-config-rounds .v3-fields{gap:0!important}.v3-length-note{margin:0;color:#68756b;font-size:13px;line-height:1.45}
.gh-match-header{max-width:760px;width:100%;margin:0 auto 10px}.gh-turn-progress{text-align:right;font-size:13px;color:#69756d;padding:0 2px 10px;line-height:1.3}.gh-scoreboard.scorebar{margin:0!important;width:100%;border:1px solid #dbe2da;border-radius:14px;box-shadow:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gh-scoreboard .score-team{padding:10px 12px!important;min-width:0;display:flex;align-items:center;gap:7px;font-size:13px;border:0;min-height:48px;background:#f0f6e2}.gh-scoreboard .team-name{overflow-wrap:anywhere}.gh-scoreboard strong{margin-left:auto;font-size:25px}.gh-scoreboard .team-dot{width:8px;height:8px;flex:0 0 8px}.gh-scoreboard [data-team-index="1"]{background:#f1ebfa}.gh-scoreboard [data-team-index="2"]{background:#fff0e8}.gh-scoreboard [data-team-index="3"]{background:#edf5fd}.gh-scoreboard [data-team-index="4"]{background:#fff7dd}.gh-scoreboard [data-team-index="5"]{background:#fcebf2}.gh-match-header .v3-score-actions{display:flex;justify-content:flex-end;min-height:44px;margin:2px 0 0!important;padding:0}.gh-match-header .v3-score-actions button{min-height:44px;font-size:13px;padding:8px 2px;text-decoration:underline;text-underline-offset:3px}.gh-fun-note{margin:0;text-align:center;color:#68756b;font-size:13px}
.gh-timed-panel{position:relative}.gh-timer-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:12px 0 16px;margin:0 0 20px!important;border-bottom:1px solid #dfe5dd;text-align:left;background:#fff;min-height:76px}
.gh-active-team{justify-self:start;max-width:100%;padding:9px 12px;border-radius:30px;background:#edf4dd;color:#4f6935;font-size:11px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}.gh-active-team[data-team-index="1"]{background:#eee6f7;color:#685077}.gh-active-team[data-team-index="2"]{background:#ffede3;color:#895238}.gh-active-team[data-team-index="3"]{background:#e8f3fc;color:#385f80}.gh-active-team[data-team-index="4"]{background:#fff4ce;color:#7c651d}.gh-active-team[data-team-index="5"]{background:#fce7ee;color:#874c65}
.gh-clock{font-family:inherit;font-size:clamp(34px,8vw,46px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:#243e32;text-align:center;min-width:2.45em}.gh-timer-tools{display:flex;align-items:center;gap:6px}.gh-timer-tools button{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cad5ce;color:#263d32;border-radius:12px;min-height:48px;min-width:44px;padding:6px;cursor:pointer}.gh-sound-button{flex-direction:column;gap:1px;width:60px;font-weight:700}.gh-sound-button svg{width:18px;height:18px}.gh-sound-button span{font-size:10px;white-space:nowrap;line-height:1.3}.gh-pause-button{width:44px}.gh-timer-tools button:hover{background:#f1f6ee}.gh-timer-urgent .gh-clock{color:#a13224}.gh-timer-urgent{border-bottom-color:#d68378}
#app[data-screen="play"] .game{margin-top:0!important}#app[data-screen="play"] .game-panel{margin-top:0!important}.gh-timed-panel>h1:first-of-type{margin-top:0}.gh-timed-panel .button-row:empty{display:none}.split-live-content{min-height:0!important;height:auto!important;display:block!important;max-width:760px;margin:auto}.split-live-content .game-panel{padding:22px 18px}.split-live-content .split-prompt{font-size:clamp(23px,5vw,34px);line-height:1.2;margin:20px 0}.split-live-content .timer-actions{position:static!important;margin:24px 0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-live-content .timer-review{display:block!important;margin-top:20px}.split-live-content .timer-review-button{width:100%;min-height:52px;border:1px solid #cbd6cf;border-radius:12px;background:#fff;color:#243e32;padding:14px;font:inherit}.split-live-content .timer-review-button span{display:block;font-size:12px;margin-top:5px}.split-live-content .host-reminder{color:#67756b;margin:18px 0 0;font-size:14px}
/* Drawing gets the remaining viewport; no old timer or bottom sound/pause row. */


.artist-drawing-live{display:flex;flex-direction:column;flex:1;min-height:0;margin:0!important;width:100%;max-width:760px}.artist-drawing-live .artist-panel{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;padding:0!important;margin:0!important;border:0;border-radius:0;box-shadow:none;overflow:visible}.artist-drawing-live .gh-timer-bar{padding:8px 0;margin:0!important;min-height:64px;flex-shrink:0}.artist-drawing-live .artist-draw-heading{display:block;margin:0!important;text-align:left;flex-shrink:0}.artist-drawing-live .artist-draw-heading h1{margin:0!important;font-size:18px!important;line-height:24px}.artist-drawing-live .artist-canvas-wrap{flex:1;height:auto!important;min-height:260px;margin:0!important;border-radius:12px}.artist-drawing-live .artist-draw-tools{margin:0!important;gap:8px;flex-shrink:0}.artist-drawing-live .artist-draw-tools .btn{min-height:44px;margin:0!important}.artist-drawing-live .artist-panel>.btn{min-height:48px;margin:0!important;flex-shrink:0}
/* Compact puzzle boards use the identical timer row. */
.headband-live-board .gh-timer-bar,.jigsaw-live-board .gh-timer-bar{grid-column:1/-1;margin:0!important;padding:8px 0;min-height:64px}.headband-live-board{height:auto!important;min-height:0!important}.headband-current img{max-height:40dvh}.jigsaw-live-board{height:auto!important;min-height:0!important;--puzzle-width:min(calc(100vw - 40px),calc((100dvh - 380px) * .48),300px)}.jigsaw-compact-tools{margin:0!important}
@media(max-width:370px){.gh-timer-bar{gap:6px}.gh-active-team{font-size:10px;padding:8px}.gh-clock{font-size:34px}.gh-timer-tools{gap:4px}.gh-sound-button{width:54px}.v3-play-nav>strong{font-size:15px}.v3-config-rounds .v3-tap{font-size:14px}.gh-scoreboard .score-team{padding:8px!important}}
@media(prefers-reduced-motion:reduce){.gh-timer-bar,.gh-clock{animation:none!important;transition:none!important}}

#app[data-screen="play"] .topbar,#app[data-screen="play"] .bottom-note{display:none}.gh-found-count{display:block;margin:0 0 14px;font-size:14px;text-align:right}.odd-timer-controls:empty,.mystery-clock-bar:empty{display:none}.multiplayer-v3 .gh-timer-bar{margin-top:0!important}.multiplayer-v3 .gh-scoreboard{overflow:hidden}.multiplayer-v3 .gh-scoreboard .score-team{border-radius:0}.multiplayer-v3 .play-card{padding-top:16px}

#app[data-game="jigsaw"][data-phase="playing"] .v3-play-help{display:none}.in-timer.jigsaw-live-shell{padding-bottom:0}.jigsaw-live-board{--puzzle-width:min(calc(100vw - 40px),calc((100dvh - 430px) / 1.9),320px)}
@media(orientation:landscape) and (max-height:600px){.jigsaw-live-board{--puzzle-width:min(calc((100vw - 70px)/3),calc((100dvh - 320px)*1.3));gap:4px}.jigsaw-live-board .gh-timer-bar{grid-column:1/-1}.artist-drawing-live .artist-canvas-wrap{min-height:260px}}

.artist-drawing-live .artist-canvas-wrap{position:relative;display:block}.artist-drawing-live #artist-canvas{position:absolute;inset:0;width:100%;height:100%}

/* Keep clue review beside the drawing prompt, leaving the canvas its existing space. */
.artist-drawing-live .artist-draw-heading{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
.artist-drawing-live .artist-draw-heading>div{min-width:0}
.artist-drawing-live .artist-clue-button{flex-shrink:0;min-height:44px;margin:0!important;padding:8px 10px;font-size:13px}