:root{--paper:#f5e6c8;--ink:#382b32;--teal:#326e72;--gold:#e9b44c;--blue:#31558a}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#faf4e8;font:16px/1.4 system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border:0;border-radius:12px;color:white;background:var(--teal);font-weight:750;cursor:pointer;text-decoration:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b87700;outline-offset:3px}.secondary{background:var(--ink)}header{height:56px;padding:8px 28px;display:flex;align-items:center;gap:16px;background:#fff6e9e8}header .brand{font-weight:900;letter-spacing:2px;text-decoration:none;font-size:14px}#connection{margin-left:auto;font-size:12px}.icon-button{color:var(--ink);background:transparent;padding:0;width:44px;font-size:22px}main{max-width:1600px;margin:auto;padding:22px 36px}h1,h2{font-family:Georgia,serif;line-height:1.12;margin:0}h1{font-size:clamp(32px,4vw,58px)}h2{font-size:clamp(22px,3vw,38px)}.eyebrow{color:var(--blue);font-size:13px;letter-spacing:2px;font-weight:800}.micro{font-size:12px;margin:6px 0;color:#645359}.entry-screen{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;text-align:center}.entry-screen h1{font-size:clamp(48px,8vw,96px)}.entry-actions{display:flex;gap:20px}.back-link{font-size:14px}input,select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #b8a37c;border-radius:8px;background:#fffaf0;color:var(--ink)}label{display:block;font-size:13px;font-weight:750}label input,label select{margin-top:5px}fieldset{padding:0;border:0;margin:12px 0 0}legend{font-size:13px;font-weight:750}#join-entry{max-width:450px;margin:auto}#join{display:flex;flex-direction:column;gap:10px}#join h1{font-size:32px}.join-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#code{text-transform:uppercase;letter-spacing:4px}.avatar-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.portrait{display:inline-block;width:64px;height:64px;flex:0 0 auto;border-radius:50%;background:url('/assets/avatars.png') no-repeat;background-size:400% 300%;border:2px solid #c99c48}.avatar-choice{display:flex;flex-direction:column;gap:3px;background:#f5e6c8;color:var(--ink);padding:6px 2px;border:2px solid transparent;border-radius:12px}.avatar-choice .portrait{width:52px;height:52px}.avatar-choice small{font-size:10px;white-space:nowrap}.avatar-choice.picked{border-color:var(--teal);background:#dceae2}.avatar-choice:disabled{filter:grayscale(1)}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.code-box{background:var(--paper);border:2px solid #cfa852;border-radius:12px;padding:6px 18px;display:flex;align-items:center;gap:14px}.code-box small{font-size:11px;letter-spacing:1px}.code-box strong{font-size:30px;letter-spacing:4px}.host .layout{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.host #worlds{grid-column:1;grid-row:1 / span 3;padding:22px;background:#fff4dce8;border:2px solid #c9a35d;border-radius:18px}.host #worlds h2{font-size:25px;margin-bottom:16px}#games{display:grid;gap:8px}.game{color:var(--ink);background:#fff8eb;border:2px solid transparent;display:flex;justify-content:flex-start;gap:14px;padding:12px 16px;width:100%;text-align:left}.game strong{font-size:18px;flex:1}.game small{font-size:10px;font-weight:500}.game-icon{font-size:27px}.game.selected{border-color:var(--blue);background:#dce6f0}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.toggle{grid-column:1 / -1;display:flex;align-items:center;gap:8px}.toggle input{min-height:0;width:18px;height:18px;margin:0}#people-panel{padding:16px;background:#fff5e5e8;border:2px solid #d8bd82;border-radius:16px}.people-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.people-heading h2{font-size:24px}#count{font-weight:750;color:var(--teal)}#players{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.player-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 3px;border-radius:12px;background:#f5e6c8;min-width:0}.player-name{font-size:13px;font-weight:750;max-width:100%;overflow-wrap:anywhere;text-align:center;line-height:1.15}.badge{font-size:11px;color:#645359}.player-card.ready .badge{color:#245d42;font-weight:800}.remove{position:absolute;top:0;right:0;padding:0;min-height:28px;width:28px;background:transparent;color:#77555c;font-size:20px}.empty-roster{grid-column:1 / -1;text-align:center;padding:50px 10px}#controls{display:flex;gap:12px;justify-content:center}#controls button{flex:1;max-width:380px}.host.lobby #controls{grid-column:2}.host.lobby #status{grid-column:2;text-align:center}#error{color:#9b301c;font-size:13px;font-weight:650;margin:4px 0;overflow-wrap:anywhere}#error:empty{display:none}dialog{max-width:430px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border:2px solid #c9a35d;border-radius:18px;padding:18px;background:#fff5e1;color:var(--ink)}dialog::backdrop{background:#382b3288}dialog form{display:flex;flex-direction:column;gap:10px}.dialog-actions{display:flex;gap:8px}.dialog-actions button{flex:1}#profile-error:empty{display:none}
/* The shared screen carries the story and scores. */
.host{background:linear-gradient(#fff3d31f,#fff3d31f),url('/assets/courtyard.png') center/cover fixed}.host.playing main{max-width:1780px;padding-top:10px}.host.playing .room-heading{margin-bottom:10px}.host.playing .room-heading h1{font-size:clamp(26px,3vw,42px);color:var(--blue)}.host.playing .layout{display:grid;grid-template-columns:1fr;gap:10px}.host.playing #gameplay{grid-row:1}.host.playing #people-panel{grid-row:2;padding:6px 12px;background:#fff4dcd9}.host.playing .people-heading{display:none}.host.playing #players{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.host.playing .player-card{flex-direction:row;padding:4px;background:transparent;gap:6px;flex-wrap:wrap;justify-content:center}.host.playing .player-card .portrait{width:44px;height:44px}.host.playing .badge{font-size:12px;font-weight:800}.host.playing #controls{grid-row:3}.host.playing #status{grid-row:4;text-align:center;margin:0}.question-panel{background:#fff1d8f5;border:3px solid #c9a35d;border-radius:20px;padding:24px}.question-panel h2{font-size:clamp(28px,min(3.4vw,4.6vh),64px);line-height:1.2;margin:12px 0 20px}.question-meta{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:1px}.timer{font-size:22px;color:var(--ink);letter-spacing:0}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-tile{display:flex;justify-content:flex-start;gap:16px;text-align:left;background:#fff8eb;color:var(--ink);border:2px solid #cdb177;font-size:clamp(22px,2.3vw,40px);padding:16px 22px;min-height:76px}.answer-tile:disabled{opacity:1}.answer-text{overflow-wrap:anywhere}.answer-tile.selected{border-color:var(--teal);box-shadow:inset 0 0 0 2px var(--teal);background:#e0ede5}.answer-tile.correct{border-color:#326e46;background:#dfedcf}.option-letter{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;background:var(--teal);color:white;font-size:20px}.order-row,.match-row{display:flex;align-items:center;gap:12px;border:1px solid #d8bd82;border-radius:10px;background:#fff8eb;padding:12px 16px;margin:8px 0;min-height:56px;font-size:clamp(18px,2vw,28px)}.order-row>span{flex:1}.order-row>strong{color:var(--blue)}.match-row>strong,.match-row>span{flex:1}.match-options{text-align:center;font-size:20px}.round-scene{display:flex;align-items:center;justify-content:center;gap:40px;min-height:clamp(250px,44vh,540px)}.announcer{height:clamp(260px,42vh,530px);width:auto;max-width:40%;object-fit:contain;transform-origin:bottom center}.round-copy{max-width:700px}.round-copy h2{font-size:clamp(36px,4.5vw,80px)}.round-actions{display:flex;gap:12px}.round-actions button{background:#ead3a5;color:var(--ink);font-size:14px}.captions{font-size:16px;max-width:600px}.explanation{font-size:18px;margin:10px 0}.scripture{border-top:1px solid #cdb177;padding-top:10px;margin-top:10px}.scripture>strong{font-size:18px;color:var(--blue)}.scripture blockquote{margin:8px 0;font:clamp(20px,min(2.2vw,3vh),32px)/1.3 Georgia,serif}.scripture small{font-size:10px;display:block;color:#645359}.scripture-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}.scripture-controls button{padding:0;width:44px;min-height:32px}.passage-link{font-size:20px;color:var(--teal)}.host.phase-reveal .question-panel{padding:14px 22px}.host.phase-reveal .question-panel h2{font-size:clamp(24px,min(2.4vw,3.5vh),40px);margin:6px 0 12px}.host.phase-reveal .answer-tile{min-height:54px;padding:8px 16px;font-size:clamp(20px,1.8vw,30px)}.host.phase-reveal .order-row,.host.phase-reveal .match-row{min-height:36px;padding:6px 12px;margin:4px 0;font-size:20px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-row{display:flex;align-items:center;gap:12px;background:#fff8eb;border:1px solid #d8bd82;border-radius:12px;padding:10px}.result-row>span:not(.portrait){flex:1;overflow-wrap:anywhere}.result-row>strong{font-size:22px}.result-row .portrait{width:50px;height:50px}
/* Controllers always occupy one viewport. Content is laid out to fit, not clipped. */
.phone{height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);font-size:14px}.phone header{flex:0 0 42px;height:42px;padding:4px 12px}.phone header .brand{font-size:11px;letter-spacing:1.3px}.phone .icon-button{min-height:34px;height:34px;width:34px}.phone main{flex:1;min-height:0;width:100%;max-width:520px;padding:10px 12px;display:flex;flex-direction:column}.phone main>section:not([hidden]){flex:1;min-height:0}.phone #join-entry{margin:0;width:100%}.phone #join{height:100%;gap:6px}.phone #join h1{font-size:26px}.phone label,.phone legend{font-size:12px}.phone input,.phone select{font-size:16px;min-height:44px;padding:8px}.phone fieldset{margin:0;min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center}.phone .avatar-picker{gap:5px;margin:5px 0}.phone .avatar-choice{padding:4px 1px;gap:1px;min-height:0}.phone .avatar-choice .portrait{width:clamp(36px,7.5dvh,52px);height:clamp(36px,7.5dvh,52px)}.phone .avatar-choice small{font-size:10px}.phone .micro{margin:2px 0}.phone #avatar-status:empty{display:none}.phone #join>button{width:100%}.phone #room{display:flex;flex-direction:column}.phone .room-heading{flex:0 0 auto;margin-bottom:10px;gap:8px}.phone .room-heading h1{font-size:24px}.phone .code-box{padding:4px 8px;gap:6px}.phone .code-box small{font-size:9px}.phone .code-box strong{font-size:22px;letter-spacing:2px}.phone .layout{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.phone #people-panel{padding:12px;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.phone .people-heading{margin-bottom:12px}.phone .people-heading h2{font-size:20px}.phone #players{gap:6px}.phone .player-card{padding:8px 2px;gap:3px}.phone .player-card .portrait{width:44px;height:44px}.phone .player-name{font-size:11px}.phone .badge{font-size:10px}.phone #controls{flex-direction:column;gap:6px}.phone #controls button{width:100%;max-width:none;flex:auto}.phone #controls button+button{background:#ead3a5;color:var(--ink)}.phone #status:empty,.phone #controls:empty{display:none}.phone.playing .room-heading{display:none}.phone #gameplay{flex:1;min-height:0;display:flex}.phone .question-panel{flex:1;min-height:0;padding:12px;border-width:2px;display:flex;flex-direction:column;gap:8px;overflow:visible}.phone .question-meta{flex:0 0 24px;font-size:11px;letter-spacing:.5px}.phone .timer{font-size:18px}.phone .question-panel h2{flex:0 0 auto;font-size:clamp(18px,3.5dvh,26px);margin:0;line-height:1.2}.phone .answers{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.phone .answer-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(44px,1fr));align-content:center;max-height:340px}.phone .answer-tile{font-size:clamp(16px,2.8dvh,20px);min-height:44px;padding:8px 10px;gap:10px}.phone .option-letter{width:28px;height:28px;font-size:15px}.phone .order-row{font-size:14px;margin:0;padding:3px 6px;gap:6px;min-height:44px;flex:0 1 64px}.phone .order-row button{padding:0;min-height:44px;min-width:44px;border-radius:8px}.phone .match-row{font-size:14px;margin:0;padding:8px;gap:6px;min-height:62px;flex:0 1 88px;flex-direction:column;align-items:stretch}.phone .match-row strong{font-size:13px;line-height:1.15}.phone .match-row select{width:100%;min-height:44px;padding:5px;font-size:14px;flex:none}.phone .answer-action{flex:0 0 44px;display:flex;align-items:stretch}.phone .answer-action button{width:100%}.phone .locked{margin:0;width:100%;padding:10px;text-align:center;background:#dceae2;border-radius:10px;font-weight:800}.phone:is(.phase-instructions,.phase-intro,.phase-intro-ready) .question-panel,.phone.phase-reveal .question-panel{justify-content:center;align-items:center;text-align:center;gap:20px}.phone:is(.phase-instructions,.phase-intro,.phase-intro-ready) .question-panel .portrait,.phone.phase-reveal .question-panel .portrait{width:150px;height:150px}.phone .results-grid{grid-template-columns:1fr;gap:5px;flex:1;min-height:0;align-content:center}.phone .result-row{padding:5px 8px;gap:8px;min-height:44px}.phone .result-row>strong{font-size:16px}.phone .result-row .portrait{width:34px;height:34px}.phone dialog{overflow:visible}.phone dialog .avatar-picker{margin:0}.phone dialog h2{font-size:22px}
@media(max-height:650px){.host.playing .question-panel{padding:14px}.host.playing .question-panel h2{font-size:26px;margin:8px 0 12px}.host.playing .answer-tile{min-height:56px;padding:8px 14px;font-size:22px}.host.playing .order-row,.host.playing .match-row{min-height:40px;padding:6px 12px;margin:5px 0;font-size:18px}.host.playing .round-scene{min-height:220px}.host.playing .announcer{height:230px}.host.playing .room-heading{margin-bottom:6px}.host.playing #people-panel{padding:2px 10px}}
@media(orientation:landscape) and (max-height:500px){.phone header{flex-basis:32px;height:32px}.phone main{max-width:960px;padding:4px 12px}.phone #join{display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:auto 1fr auto;gap:4px 14px}.phone #join h1{grid-column:1;font-size:22px}.phone .join-fields{grid-column:1;grid-row:2;align-content:center}.phone #join fieldset{grid-column:2;grid-row:1 / span 3}.phone .avatar-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.phone .avatar-choice .portrait{width:38px;height:38px}.phone #join>button{grid-column:1;grid-row:3}.phone #avatar-status{grid-column:1;font-size:10px}.phone .question-panel{padding:8px;gap:4px}.phone .question-panel h2{font-size:18px}.phone .question-meta{flex-basis:18px}.phone .answer-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(44px,1fr));max-height:none}.phone .answers:has(.order-row){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.phone .order-row{font-size:13px;min-height:44px}.phone .match-row{flex-direction:row;align-items:center;min-height:44px;padding:2px 6px;flex:0 1 50px}.phone .match-row strong,.phone .match-row select{width:50%;flex:1}.phone .results-grid{grid-template-columns:1fr 1fr}.phone:is(.phase-instructions,.phase-intro,.phase-intro-ready) .question-panel,.phone.phase-reveal .question-panel{gap:10px}.phone:is(.phase-instructions,.phase-intro,.phase-intro-ready) .question-panel .portrait,.phone.phase-reveal .question-panel .portrait{width:80px;height:80px}.phone .room-heading{margin-bottom:4px}.phone .lobby .layout{gap:4px}.phone #people-panel{padding:6px}.phone #players{grid-template-columns:repeat(8,minmax(0,1fr))}.phone .people-heading{margin-bottom:4px}.phone .player-card{padding:3px}.phone .player-card .portrait{width:36px;height:36px}.phone #controls{flex-direction:row}.phone #controls button{font-size:13px;padding:8px}.phone dialog{max-width:700px;padding:10px}.phone dialog form{display:grid;grid-template-columns:1fr 1.5fr;gap:8px 12px}.phone dialog h2{grid-column:1;font-size:20px}.phone dialog label{grid-column:1}.phone dialog .avatar-picker{grid-column:2;grid-row:1 / span 3}.phone dialog .dialog-actions{grid-column:1}.phone dialog #profile-error{grid-column:1}}
@media(prefers-reduced-motion:no-preference){.announcer.speaking{animation:talk-bob .65s ease-in-out infinite}@keyframes talk-bob{50%{transform:translateY(-5px) rotate(.6deg)}}}
[hidden]{display:none!important}

/* Painted Cel characters: source sheets are displayed through measured regions. */
.portrait{position:relative;overflow:hidden;background:#f5e6c8;isolation:isolate}
.portrait img,.character-art img{position:absolute;max-width:none;pointer-events:none}
.character-art{display:block;position:relative;overflow:hidden;height:clamp(170px,27vh,320px);flex:none;isolation:isolate}
.character-stage{display:flex;align-items:flex-end;justify-content:center;gap:24px}
.character-spotlight{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.character-name{max-width:240px;overflow-wrap:anywhere;text-align:center;font-size:20px}
.round-scene .character-art{height:clamp(220px,42vh,470px)}
.host.phase-results .question-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.host.phase-results .question-panel h2{grid-column:1 / -1;text-align:center}
.host.phase-results .results-grid{grid-template-columns:1fr;align-content:center}
.host.phase-results .character-art{height:clamp(230px,40vh,450px)}
.verse-credit{display:block;font-size:10px;color:#645359}
.phone .answers:has(.answer-tile:nth-child(2):last-child){grid-template-rows:repeat(2,minmax(44px,1fr))}
#audio-panel{position:fixed;right:24px;top:58px;z-index:20;padding:16px;background:#fff5e1;border:2px solid #c9a35d;border-radius:12px;width:240px;box-shadow:0 8px 30px #382b3244}
#audio-panel input{padding:0;border:0}
.audio-toggle{padding:4px 12px;min-height:34px;font-size:12px;margin-left:auto}
.phone .audio-toggle,.phone #audio-panel{display:none!important}

@media(prefers-reduced-motion:no-preference){.character-art.pose-2{animation:celebrate .5s ease-out}@keyframes celebrate{50%{transform:translateY(-8px)}}}

.sprite-region{position:absolute;display:block;overflow:hidden}.character-points{font-size:22px;color:var(--teal)}

.host.phase-results .results-grid{grid-template-columns:1fr 1fr}.host.phase-results .result-row{padding:6px;gap:8px}.host.phase-results .result-row .portrait{width:38px;height:38px}.host.phase-results .result-row>strong{font-size:18px}

/* Solomon hosts; player characters only react to gameplay. */
.solomon-logo{display:block;width:clamp(210px,25vw,340px);height:80px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 1px #35274c55)}
.round-scene .announcer{max-width:32%;height:clamp(280px,46vh,500px)}
.round-scene.with-tutorial{gap:30px}.with-tutorial .round-copy{max-width:1050px;flex:1}.with-tutorial .round-copy h2{font-size:clamp(28px,3vw,48px);margin:6px 0 12px}
.phone-tutorial{display:flex;justify-content:center;gap:18px;margin-top:20px}.tutorial-step{flex:1;max-width:205px;min-width:0;opacity:.7;transition:opacity .25s,transform .25s}.tutorial-step.active-step{opacity:1;transform:translateY(-6px)}
.tutorial-phone{height:clamp(230px,29vh,325px);border:6px solid #382b4c;border-radius:24px;background:#fbf1de;padding:12px 8px;display:flex;flex-direction:column;gap:8px;box-shadow:0 5px 0 #c9a35d;pointer-events:none}
.tutorial-phone-brand{font-size:8px;font-weight:900;letter-spacing:1px;color:var(--blue);text-align:center}.tutorial-phone h3{font:700 clamp(11px,1vw,16px)/1.2 Georgia,serif;margin:0}
.tutorial-answers{display:grid;gap:5px;flex:1}.tutorial-answers .answer-tile{font-size:clamp(9px,.8vw,13px);padding:4px;gap:5px;min-height:0;border-radius:6px}.tutorial-answers .option-letter{width:18px;height:18px;font-size:10px}
.tutorial-lock,.tutorial-locked{border-radius:7px;padding:6px 2px;background:var(--teal);color:white;font-size:11px;text-align:center;font-weight:800}.tutorial-locked{background:#dceae2;color:var(--teal)}
.tutorial-step:last-child .tutorial-phone{align-items:center;justify-content:center}.tutorial-phone .portrait{width:75px;height:75px}.tutorial-score{font-size:20px;color:var(--teal)}.tutorial-label{display:block;text-align:center;font-size:clamp(11px,1vw,16px);margin-top:10px}
.host.phase-reveal .question-panel{display:flex;flex-direction:column;padding:18px 24px}.host.phase-reveal .answer-reactions{order:10;min-height:clamp(240px,36vh,430px);position:relative;padding-bottom:38px;gap:clamp(30px,7vw,110px);margin-top:12px;border-top:1px solid #cdb177}
.host.phase-reveal .character-art{height:clamp(150px,22vh,260px)}.host.phase-reveal .winning-spotlight .character-art{height:clamp(250px,36vh,425px)}
.winning-spotlight .character-points{font-size:30px;color:#276638}.winning-spotlight .character-name{font-size:24px}.winners-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-weight:750;font-size:16px;margin:8px 0;color:var(--blue)}
.announcement-replay{grid-column:1 / -1;justify-self:center;background:#ead3a5;color:var(--ink);min-height:32px;padding:6px 14px;font-size:12px}
.host.phase-results #controls button:first-child{background:#ead3a5;color:var(--ink)}
@media(max-height:760px){.host.playing .solomon-logo{height:54px}.host.phase-reveal .question-panel{padding:12px 20px}.host.phase-reveal .answer-reactions{min-height:210px;margin-top:6px;padding-bottom:28px}.host.phase-reveal .winning-spotlight .character-art{height:220px}.host.phase-reveal .character-art{height:140px}.host.phase-reveal .explanation{font-size:15px;margin:4px 0}.host.phase-reveal .scripture{margin-top:4px;padding-top:4px}.host.phase-reveal .scripture blockquote{font-size:20px}.tutorial-phone{height:225px}.round-scene .announcer{height:300px}.tutorial-label{font-size:11px}}
@media(max-width:1000px){.round-scene.with-tutorial{gap:16px}.phone-tutorial{gap:10px}.round-scene .announcer{max-width:26%}.host.phase-reveal .character-name{font-size:16px}}

.host.phase-reveal .reveal-footer{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;margin-top:12px;border-top:1px solid #cdb177}
.host.phase-reveal .reveal-footer .answer-reactions{order:0;border:0;margin:0;min-height:0;padding:12px 0 38px;gap:50px}
.host.phase-reveal .winning-spotlight .character-art{height:clamp(230px,31vh,370px)}
.host.phase-reveal .reveal-details .scripture{border-top:0}.host.phase-reveal .reveal-details{min-width:0}
@media(max-height:760px){.host.playing main{padding-bottom:10px}.host.playing .room-heading{margin-bottom:6px}.host.phase-reveal .question-panel h2{font-size:26px;margin:4px 0 8px}.host.phase-reveal .answer-tile{min-height:44px;font-size:20px;padding:6px 12px}.host.phase-reveal .answer-grid{gap:8px}.host.phase-reveal .winning-spotlight .character-art{height:clamp(170px,28vh,215px)}.host.phase-reveal .reveal-footer{margin-top:6px;gap:24px}.host.phase-reveal .reveal-footer .answer-reactions{padding:6px 0 28px}.host.phase-reveal .character-name{font-size:16px}.host.phase-reveal .character-points{font-size:18px}.host.phase-reveal .winning-spotlight .character-points{font-size:22px}.host.phase-reveal .winners-caption{font-size:12px}.host.playing #people-panel .portrait{width:32px;height:32px}.host.playing #people-panel .player-name{font-size:11px}.host.playing #people-panel .badge{font-size:10px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-scene{min-height:320px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .question-panel{padding:14px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .with-tutorial .announcer{height:300px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy h2{font-size:32px}.phone-tutorial{margin-top:12px}}
@media(max-height:760px){.host.playing header{height:44px;padding-top:0;padding-bottom:0}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy .eyebrow{font-size:11px;margin:4px 0}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy h2{font-size:28px;margin:4px 0 8px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-actions button{min-height:32px;padding:6px 14px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone{height:210px;padding:8px 6px;gap:5px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers{gap:4px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-label{margin-top:6px}.host.phase-reveal .winning-spotlight .character-art{height:clamp(170px,26vh,195px)}}
#voice-status:empty{display:none}
/* Shared display occupies one viewport; story, controls and every advisor have reserved space. */
.host{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.host header{flex:0 0 48px;height:48px;padding:2px 20px}.brand img{display:block;width:125px;height:40px;object-fit:contain}.phone header .brand img{width:90px;height:32px}.host main,.host.playing main{flex:1;min-height:0;width:100%;max-width:1920px;padding:10px 24px;display:flex;flex-direction:column}.host main>section:not([hidden]){flex:1;min-height:0}.host #room{display:flex;flex-direction:column}.host .room-heading{flex:0 0 auto;margin-bottom:8px;min-height:0}.host .solomon-logo{height:60px;width:230px}.host .layout{flex:1;min-height:0}.host.playing .layout{grid-template-rows:minmax(0,1fr) auto auto auto;gap:6px}.host.playing #gameplay{min-height:0;height:100%}.host.playing .question-panel{height:100%;min-height:0;display:flex;flex-direction:column;padding:14px 20px;gap:8px}.host .question-panel h2{margin:0;font-size:clamp(25px,3.1vw,52px);flex:none}.host .question-meta{flex:none}.host .answers{flex:none}.host .answer-tile{min-height:48px;padding:8px 14px;font-size:clamp(19px,2vw,34px)}.host.phase-question .answers{margin-top:16px}.host .answer-grid{gap:8px}.host.playing #people-panel{padding:4px 8px}.host.playing .player-card .portrait{width:32px;height:32px}.host.playing .player-name{font-size:12px}.host.playing .badge{font-size:11px}.host.playing #controls button{min-height:40px;padding:8px 16px}.host #status:empty{display:none}.host #error{flex:none}
.host.phase-reveal .reveal-footer{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;margin:0;padding-top:6px}.host.phase-reveal .reveal-footer .answer-reactions{flex:1;min-height:0;width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;gap:10px;padding:0;margin:0;overflow:visible}.host .character-spotlight{width:100%;min-height:0;gap:4px;justify-content:flex-end}.host .character-name{font-size:clamp(12px,1.3vw,21px);line-height:1.15;max-width:100%}.host .character-points,.host .winning-spotlight .character-points{font-size:clamp(14px,1.5vw,24px);line-height:1.1}.host.phase-reveal .winning-spotlight .character-name{font-size:clamp(12px,1.3vw,21px)}.host.phase-reveal .character-art,.host.phase-reveal .winning-spotlight .character-art{height:100px;max-width:100%}.host.phase-reveal .reveal-details{flex:none;width:100%;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:20px;background:#f5e4c5;border-radius:12px;padding:8px 14px}.host.phase-reveal .explanation{font-size:clamp(13px,1.15vw,19px);margin:0}.host.phase-reveal .scripture{margin:0;padding:0;border:0}.host.phase-reveal .scripture>strong{font-size:14px}.host.phase-reveal .scripture blockquote{font-size:clamp(16px,1.35vw,23px);line-height:1.2;margin:3px 0}.host.phase-reveal .scripture small{font-size:8px}
.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-scene{flex:1;min-height:0;height:100%;gap:20px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .announcer{max-width:27%;max-height:100%;height:100%;object-fit:contain}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:1100px;max-height:100%;flex:1}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy .eyebrow{margin:0}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy h2{font-size:clamp(28px,3.1vw,55px);margin:0}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-actions button{min-height:32px;padding:6px 14px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .phone-tutorial{margin:4px 0 0;gap:14px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone{height:clamp(190px,29vh,300px);padding:8px 6px;gap:5px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone-brand{width:100%;height:28px;object-fit:contain}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-label{margin-top:6px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .captions{font-size:clamp(12px,1.1vw,16px);margin:0;max-width:none}.host.phase-results .question-panel{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.host.phase-results .character-stage{height:100%;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.host.phase-results .results-grid{min-height:0;grid-template-columns:1fr 1fr}.host.phase-results .result-row{padding:6px}.host .game-logo{width:185px;height:58px;object-fit:contain}.host .game:has(.game-logo){padding:4px 14px}.host #worlds{min-height:0}.phone.lobby .room-heading .solomon-logo{width:160px;height:60px;object-fit:contain}.phone.lobby .room-heading h1{font-size:0}
@media(max-height:650px){.host header{height:40px;flex-basis:40px}.host header .brand img{height:32px}.host main,.host.playing main{padding:6px 16px}.host .solomon-logo{height:42px}.host .code-box strong{font-size:24px}.host .question-panel h2{font-size:24px}.host .answer-tile{min-height:38px;font-size:18px;padding:5px 10px}.host .option-letter{width:28px;height:28px;font-size:15px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone{height:180px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone-brand{height:20px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers .answer-tile{min-height:0;font-size:9px;padding:3px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers .option-letter{width:15px;height:15px;font-size:8px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone h3{font-size:11px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-lock,.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-locked{padding:4px;font-size:9px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy h2{font-size:26px}.host #worlds{padding:10px}.host #worlds h2{font-size:20px;margin-bottom:8px}.host .game{min-height:38px;padding:4px 10px}.host .game strong{font-size:15px}.host .game-icon{font-size:20px}.host .game-logo{height:36px}.host .settings{margin-top:8px;gap:6px}.host .settings select{min-height:34px;padding:4px}.host.phase-reveal .reveal-details{padding:4px 8px}.host.phase-reveal .scripture blockquote{font-size:16px}.host.playing .player-card .portrait{width:26px;height:26px}.host.playing .player-name{font-size:10px}.host.playing .badge{font-size:9px}}
.phone.lobby .room-heading h1{flex:1;min-width:0}.phone.lobby .room-heading .solomon-logo{max-width:100%;object-position:left center}.phone .code-box{flex-shrink:0}
@media(orientation:landscape) and (max-height:500px){.phone header .icon-button{min-height:28px;height:28px;width:28px}.phone header .brand img{height:24px;width:75px}.phone.lobby .room-heading .solomon-logo{height:34px}}
@media(max-height:650px){.host header .icon-button{min-height:34px;height:34px;width:34px}}
.host.playing .player-card{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 5px;padding:2px}.host.playing .player-card .portrait{grid-column:1;grid-row:1 / span 2;width:28px;height:28px}.host.playing .player-card .player-name{grid-column:2;text-align:left}.host.playing .player-card .badge{grid-column:2}
.host.phase-reveal .revealed-answer{grid-template-columns:1fr}
@media(max-height:650px){.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy>.eyebrow{display:none}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy{gap:6px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-actions button{min-height:28px;padding:4px 12px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-label{font-size:10px}}
.host.lobby .layout{grid-template-rows:minmax(0,1fr) auto auto;gap:10px}.host.lobby #people-panel{height:100%;min-height:0;display:flex;flex-direction:column}.host.lobby #players{flex:1;min-height:0;grid-auto-rows:minmax(0,1fr)}.host.lobby #controls{grid-row:2}.host.lobby #status{grid-row:3}
@media(max-height:650px){.host.lobby #people-panel{padding:10px}.host.lobby .people-heading{margin-bottom:8px}.host.lobby .people-heading h2{font-size:22px}.host.lobby .player-card{padding:6px 3px;gap:3px}.host.lobby .player-card .portrait{width:40px;height:40px}.host.lobby .player-name{font-size:11px}.host.lobby .badge{font-size:10px}.host.lobby #controls button{min-height:40px;padding:8px 16px}}
@media(max-height:650px){.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .round-copy{gap:4px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .phone-tutorial{margin-top:0}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone{height:174px;padding:5px;border-width:5px;gap:3px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone-brand{height:14px;flex:none}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone h3{font-size:10px;line-height:1.1;flex:none}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers{gap:3px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers .answer-tile{padding:2px;gap:3px;font-size:9px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers .option-letter{width:11px;height:11px;font-size:7px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-lock,.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-locked{font-size:8px;line-height:1.2;padding:3px;flex:none}}
.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone{height:clamp(220px,29vh,300px);padding:6px;gap:4px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone-brand{height:20px;flex:none}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone h3{font-size:clamp(10px,.9vw,14px);line-height:1.1;flex:none}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers{gap:3px;min-height:0;grid-template-rows:repeat(4,minmax(0,1fr))}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers .answer-tile{min-height:0;padding:2px 4px;gap:5px;font-size:clamp(9px,.8vw,12px);line-height:1.1}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers .option-letter{width:14px;height:14px;font-size:9px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-lock,.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-locked{font-size:11px;line-height:1.1;padding:4px;flex:none}
@media(max-height:650px){.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone{height:174px;padding:5px;border-width:5px;gap:3px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone-brand{height:14px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-phone h3{font-size:10px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers .answer-tile{padding:2px;gap:3px;font-size:9px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-answers .option-letter{width:11px;height:11px;font-size:7px}.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-lock,.host:is(.phase-instructions,.phase-intro,.phase-intro-ready) .tutorial-locked{font-size:8px;line-height:1.2;padding:3px}}
.host.phase-reveal .question-panel h2{margin:0}.host.phase-reveal .winning-spotlight .character-points,.host.phase-reveal .character-points{font-size:clamp(14px,1.5vw,24px);white-space:nowrap}.host.playing .player-card .player-name{font-size:clamp(9px,.75vw,12px)}
@media(max-height:650px){.host.phase-reveal .question-panel{padding:10px 14px;gap:4px}.host.phase-reveal .question-panel h2{font-size:21px;margin:0}.host.phase-reveal .answer-tile{min-height:32px;padding:3px 10px;font-size:17px}.host.phase-reveal .character-name,.host.phase-reveal .winning-spotlight .character-name{font-size:11px}.host.phase-reveal .character-points,.host.phase-reveal .winning-spotlight .character-points{font-size:14px}.host.playing #people-panel{padding:3px 6px}}
.host.playing header{position:absolute;z-index:10;top:10px;left:50%;transform:translateX(-50%);height:34px;width:220px;flex:none;padding:0;background:transparent}.host.playing header .brand{display:none}.host.playing header .icon-button{min-height:34px;height:34px;width:34px}.host.playing header .audio-toggle{margin-left:auto}.host.playing #people-panel[hidden]{display:none!important}

.intro-logo{display:block;width:240px;height:80px;object-fit:contain;margin:0 auto 8px}.round-summary{font-size:clamp(18px,2vw,26px);line-height:1.3;margin:12px 0}.host.phase-instructions .round-scene{align-items:center}
@media(max-height:650px){.intro-logo{height:44px;width:180px;margin-bottom:4px}.round-summary{font-size:18px;margin:6px 0}}

@media(max-height:650px){.host.phase-instructions .round-copy>.eyebrow{display:block}}

/* A full-body controller character uses the free space on waiting/reveal screens. */
.phone .question-panel.player-waiting{container-type:inline-size;justify-content:center;align-items:center;text-align:center;gap:16px}
.phone .player-waiting .character-art{height:min(46dvh,350px,calc(100cqw / var(--character-ratio)));max-width:100%;flex:0 1 auto;min-height:0}
.phone .player-waiting h2{max-width:100%}
@media(orientation:landscape) and (max-height:500px){.phone .question-panel.player-waiting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:8px 18px;align-content:center}.phone .player-waiting .character-art{grid-row:1 / span 2;justify-self:center;height:min(60dvh,220px,calc((100cqw - 18px) / 2 / var(--character-ratio)))}.phone .player-waiting h2{align-self:end}.phone .player-waiting .micro{align-self:start}}

.host .question-speaker{display:inline-flex;align-items:center;margin-left:auto;margin-right:12px}.host .question-speaker .announcer{width:36px;height:36px;object-fit:contain;flex:none}.host.phase-reading .answers{margin-top:16px}

/* v0.11: game-night layout. The page stays fixed; only the game list can scroll. */
.pack-logo{display:block;width:250px;height:100px;object-fit:contain}.host main,.host.playing main{padding:12px 24px}.host .room-heading{margin:0 0 12px;min-height:88px}.host .room-heading .pack-logo{width:240px;height:88px}.host .room-heading .solomon-logo{width:290px;height:88px}.host .code-box{padding:8px 24px}.host .code-box strong{font-size:46px;letter-spacing:7px}.host .code-box small{font-size:13px}
#connection{position:fixed;bottom:4px;right:14px;z-index:20;margin:0;font-size:12px;background:#fff2d9;border-radius:8px}#connection:empty{display:none}
.host.lobby .layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr) auto auto;gap:12px}.host.lobby #worlds{grid-column:1;grid-row:1 / span 3;display:flex;flex-direction:column;min-height:0;padding:18px;overflow:hidden}.host #worlds h2{flex:none;margin:0 0 12px;font-size:25px}.host #games{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}.host #games .game{flex:none;min-height:60px}.host #settings{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid #c9a35d;background:inherit}.audio-settings{grid-column:1 / -1;font-size:12px}.audio-settings summary{cursor:pointer;font-weight:700}.audio-settings[open]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.audio-settings summary{grid-column:1/-1}.audio-settings input{min-height:20px;padding:0;border:0}.host.lobby #people-panel{grid-column:2;grid-row:1;padding:18px;min-height:0;overflow:hidden}.host.lobby #players{grid-template-columns:repeat(var(--lobby-columns,1),minmax(0,1fr));grid-template-rows:repeat(var(--lobby-rows,1),minmax(0,1fr));gap:14px;align-items:stretch}.host.lobby .player-card{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:#f5e6c866;padding:12px 6px;min-height:0;gap:8px}.host.lobby .player-card .character-art{min-height:0;flex:none}.host.lobby .player-name{font-size:clamp(14px,1.5vw,24px)}.host.lobby .badge{font-size:clamp(12px,1.2vw,18px)}.host.lobby #controls{grid-column:2;grid-row:2}.host.lobby #status{grid-column:2;grid-row:3}
.host.playing #people-panel{padding:10px 14px}.host.playing #players{width:min(100%,calc(var(--roster-count,1) * 225px));margin:auto;grid-template-columns:repeat(var(--roster-count,1),minmax(0,1fr));gap:12px}.host.playing .player-card{display:grid;grid-template-columns:var(--portrait-size,56px) minmax(0,1fr);grid-template-rows:auto auto;padding:4px;gap:3px 8px;align-items:center}.host.playing .player-card .portrait{width:var(--portrait-size,56px);height:var(--portrait-size,56px);grid-row:1/span 2;grid-column:1}.host.playing .player-card .player-name{font-size:clamp(11px,1.05vw,17px);grid-column:2;text-align:left}.host.playing .player-card .badge{font-size:clamp(10px,1vw,16px);grid-column:2}.host.playing .question-panel{padding:18px clamp(20px,4vw,80px);gap:12px}.host:is(.phase-reading,.phase-question,.phase-reveal) .question-panel>h2{width:min(100%,1400px);margin:0 auto;text-align:center;font-size:clamp(30px,3.2vw,62px);line-height:1.16}.host:is(.phase-reading,.phase-question,.phase-reveal) .answers{width:min(100%,1400px);margin:12px auto 0}.host .answer-tile{justify-content:center;text-align:center;font-size:clamp(24px,2.4vw,44px);padding:16px 22px;min-height:72px}.host .question-meta{width:100%;font-size:15px}
.host:is(.phase-intro,.phase-intro-ready) .round-copy{height:100%;justify-content:flex-start;align-items:center;gap:10px;padding:0 12px}.host:is(.phase-intro,.phase-intro-ready) .intro-logo{width:360px;height:110px;max-width:100%;margin:0;flex:none}.host:is(.phase-intro,.phase-intro-ready) .phone-tutorial{flex:1;min-height:0;width:100%;margin:0;align-items:stretch}.host:is(.phase-intro,.phase-intro-ready) .tutorial-step{display:flex;flex-direction:column;min-height:0;flex:1}.host:is(.phase-intro,.phase-intro-ready) .tutorial-phone{height:auto;flex:1;min-height:0;max-height:460px;padding:12px 9px;gap:8px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-phone h3{font-size:clamp(12px,1.1vw,19px)}.host:is(.phase-intro,.phase-intro-ready) .tutorial-answers .answer-tile{font-size:clamp(11px,1vw,17px);min-height:0;padding:5px;gap:6px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-lock,.host:is(.phase-intro,.phase-intro-ready) .tutorial-locked{font-size:14px;padding:8px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-label{font-size:clamp(12px,1vw,18px)}.host:is(.phase-intro,.phase-intro-ready) .round-actions{flex:none;order:5}
.host.phase-reveal .reveal-footer{gap:12px;justify-content:center}.host.phase-reveal .reveal-footer .answer-reactions{width:min(100%,calc(var(--stage-count,12) * 270px));margin:0 auto;align-items:center;padding:0;gap:12px}.host .character-spotlight{align-items:center;justify-content:center}.host.phase-reveal .reveal-details{grid-template-columns:1fr 2fr;gap:24px;padding:16px 22px;background:#f1dfb8;border:1px solid #c5a66d}.host.phase-reveal .explanation{font-size:clamp(17px,1.4vw,25px);line-height:1.35}.host.phase-reveal .scripture blockquote{font-size:clamp(21px,1.75vw,32px);line-height:1.25}.host.phase-reveal .scripture>strong{font-size:clamp(15px,1.1vw,21px)}.host.phase-reveal .scripture small{font-size:10px}.host .character-name{font-size:clamp(11px,1.2vw,22px);overflow-wrap:anywhere}.host.phase-reveal .winning-spotlight .character-name{font-size:clamp(11px,1.2vw,22px)}
.host.phase-results .question-panel{display:flex;flex-direction:column;gap:16px;text-align:center}.host.phase-results .question-panel>h2{font-size:clamp(20px,2.5vw,46px);flex:none}.host.phase-results .results-grid{display:grid;grid-template-columns:repeat(var(--result-count,1),minmax(0,1fr));gap:8px;flex:none;align-items:center;width:100%}.host.phase-results .result-row{display:flex;flex-direction:column;gap:4px;padding:10px 4px;min-width:0;font-size:clamp(11px,1.1vw,20px);border:2px solid #d4b681;border-radius:12px;background:#f5e7d0}.host.phase-results .result-row>span:not(.portrait){overflow-wrap:anywhere;line-height:1.15;max-width:100%}.host.phase-results .result-row .portrait{width:clamp(32px,3.2vw,58px);height:clamp(32px,3.2vw,58px)}.host.phase-results .result-row.result-winner{background:#ffe8a8;border:3px solid #c69328;box-shadow:0 3px 0 #d1b277;padding-top:15px;padding-bottom:15px}.host.phase-results .result-row>strong:last-child{font-size:clamp(16px,1.65vw,30px);color:var(--teal)}.host.phase-results .character-stage{flex:1;width:min(100%,calc(var(--stage-count,1) * 350px));margin:auto;align-items:center;min-height:0}.host.phase-results .announcement-replay{flex:none;margin:0 auto}
.phone main{height:100dvh;max-height:100dvh}.phone .room-heading .pack-logo{width:145px;height:62px;max-width:100%}.phone.playing .solomon-logo{width:150px;height:58px;object-fit:contain}.phone .join-brand{height:64px}.phone .join-brand .pack-logo{width:170px;height:64px;margin:auto}.phone #players{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.phone .player-card{padding:5px 2px}.phone .player-card .portrait{width:38px;height:38px}
/* Unreleased themes are previews; finished games can replace each asset independently. */
.host.theme-sketch{--teal:#26777b;--blue:#9a482b;--paper:#eee1c3;background:linear-gradient(#29180926,#29180926),url('/assets/scroll-sketch-background.png') center/cover fixed}.theme-sketch .player-card{background:#f8edd6b8}.host.theme-tales{--teal:#78567e;--blue:#854929;background:radial-gradient(ellipse at 50% 80%,#f9d3a5,#d49d77 50%,#755878)}.theme-tales .character-art,.theme-tales .portrait{filter:sepia(.25) saturate(.85)}.host.theme-letters{--teal:#467562;--blue:#526f85;background:linear-gradient(145deg,#8baca0,#d8d9b1 50%,#c5a379)}.theme-letters .character-art,.theme-letters .portrait{filter:sepia(.3) saturate(.75)}.host.theme-campfire{--teal:#8d542d;--blue:#936127;background:radial-gradient(ellipse at 50% 100%,#e5a951,#85614f 48%,#304960)}.theme-campfire .character-art,.theme-campfire .portrait{filter:sepia(.3) saturate(1.2)}
@media(max-height:650px){.host main,.host.playing main{padding:8px 16px}.host .room-heading{min-height:60px;margin-bottom:8px}.host .room-heading .pack-logo{width:185px;height:60px}.host .room-heading .solomon-logo{width:225px;height:60px}.host .code-box strong{font-size:34px}.host .code-box{padding:5px 16px}.host.lobby #worlds,.host.lobby #people-panel{padding:12px}.host #worlds h2{font-size:21px;margin-bottom:8px}.host #games .game{min-height:48px}.host #settings{gap:6px;margin-top:8px;padding-top:8px}.host.lobby .player-card{gap:5px;padding:6px}.host.playing #people-panel{padding:6px 8px}.host.playing .player-card .portrait{width:min(var(--portrait-size),48px);height:min(var(--portrait-size),48px)}.host.playing .player-card{grid-template-columns:min(var(--portrait-size),48px) minmax(0,1fr)}.host.playing .question-panel{padding:12px 28px;gap:8px}.host:is(.phase-reading,.phase-question,.phase-reveal) .question-panel>h2{font-size:28px}.host .answer-tile{min-height:48px;padding:8px 14px;font-size:22px}.host:is(.phase-intro,.phase-intro-ready) .intro-logo{width:260px;height:74px}.host:is(.phase-intro,.phase-intro-ready) .round-copy{gap:5px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-phone{padding:6px;gap:4px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-phone h3{font-size:11px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-answers .answer-tile{font-size:10px;padding:3px;gap:3px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-lock,.host:is(.phase-intro,.phase-intro-ready) .tutorial-locked{font-size:10px;padding:4px}.host.phase-reveal .reveal-details{padding:10px 14px;gap:16px}.host.phase-reveal .explanation{font-size:16px}.host.phase-reveal .scripture blockquote{font-size:20px}.host.phase-results .result-row{padding:6px 3px}.host.phase-results .result-row.result-winner{padding:10px 3px}.host.phase-results .question-panel{gap:10px}}
@media(orientation:landscape) and (max-height:500px){.phone .room-heading .pack-logo,.phone.playing .solomon-logo{height:36px;width:120px}.phone .join-brand,.phone .join-brand .pack-logo{height:36px}.phone .player-card .portrait{width:28px;height:28px}.phone #players{grid-template-columns:repeat(6,minmax(0,1fr))}}
.phone.phase-results .results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.phone.phase-results .result-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:2px;padding:4px;font-size:10px}.phone.phase-results .result-row .portrait{display:none}.phone.phase-results .result-row>span{overflow-wrap:anywhere;line-height:1.1}.phone.phase-results .result-row>strong:last-child{grid-column:2;font-size:12px}.phone.phase-results .result-winner{background:#ffe8a8;border:1px solid #c69328}
@media(orientation:landscape) and (max-height:500px){.phone.phase-results .results-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.phone.phase-results .question-panel h2{font-size:16px}}
.audio-settings:not([open])>:not(summary){display:none!important}.host.lobby .player-name{font-size:clamp(12px,1.1vw,22px)}.host.lobby #scripture-status:empty{display:none}
.host.lobby #worlds{height:100%;align-self:stretch}.host #settings{position:relative;z-index:1}
.host.playing #players.crowded-roster .player-card{display:flex;flex-direction:column;gap:3px;padding:2px;justify-content:center}.host.playing #players.crowded-roster .player-name{text-align:center;font-size:clamp(10px,.8vw,16px)}.host.playing #players.crowded-roster .badge{font-size:clamp(10px,.8vw,15px)}.host:is(.phase-intro,.phase-intro-ready) .round-scene{align-items:stretch}.host:is(.phase-intro,.phase-intro-ready) .round-copy{overflow:visible}.host:is(.phase-intro,.phase-intro-ready) .tutorial-step{max-width:260px}.host:is(.phase-intro,.phase-intro-ready) .phone-tutorial{min-width:0}
@media(max-height:650px){.host:is(.phase-intro,.phase-intro-ready) .intro-logo{height:64px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-phone .portrait{width:48px;height:48px}.host.playing #players.crowded-roster .player-card .portrait{width:36px;height:36px}.host.playing #players.crowded-roster .player-name{font-size:10px;line-height:1.05}.host.playing #players.crowded-roster .badge{font-size:9px;line-height:1.1}}
.host:is(.phase-intro,.phase-intro-ready) .tutorial-phone{padding:8px 6px;gap:4px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-answers .answer-tile{padding:1px 4px;border-width:1px;line-height:1.1}.host:is(.phase-intro,.phase-intro-ready) .tutorial-answers .option-letter{width:14px;height:14px;font-size:9px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-lock,.host:is(.phase-intro,.phase-intro-ready) .tutorial-locked{padding:5px;line-height:1.1}
@media(max-height:650px){.host:is(.phase-intro,.phase-intro-ready) .tutorial-phone{padding:5px;gap:3px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-answers .answer-tile{padding:1px 3px;font-size:10px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-answers .option-letter{width:11px;height:11px;font-size:8px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-lock,.host:is(.phase-intro,.phase-intro-ready) .tutorial-locked{padding:4px}}
.host:is(.phase-intro,.phase-intro-ready) .tutorial-answers{grid-template-rows:repeat(4,minmax(18px,1fr))}
@media(max-height:650px){.host:is(.phase-intro,.phase-intro-ready) .question-panel{padding:8px 20px;gap:6px}.host:is(.phase-intro,.phase-intro-ready) .intro-logo{height:52px}.host:is(.phase-intro,.phase-intro-ready) .tutorial-answers{grid-template-rows:repeat(4,minmax(14px,1fr))}.host:is(.phase-intro,.phase-intro-ready) .round-actions button{min-height:26px;padding:3px 10px}}

.host.phase-reveal .character-name,.host.phase-reveal .winning-spotlight .character-name{font-size:clamp(10px,.9vw,18px);line-height:1.1}.host.phase-reveal .character-points{font-size:clamp(11px,.9vw,18px);line-height:1.1}
@media(max-height:650px){.host.phase-reveal .reveal-footer,.host.phase-reveal .answer-reactions{gap:6px}.host.phase-reveal .character-spotlight{gap:3px}.host.phase-reveal .reveal-details{padding:8px 12px}}

@media(max-height:650px){.host.phase-reveal .reveal-footer .answer-reactions{gap:4px}.host.phase-reveal .answers{margin-top:0}.host.phase-reveal .reveal-details{grid-template-columns:1.3fr 2fr}}

/* Keep champions in the center, with smaller disappointed players on both sides. */
.host.phase-results .results-characters{width:100%;display:grid;grid-template-columns:minmax(0,1fr) var(--winner-width,50%) minmax(0,1fr);gap:8px}.result-character-group{display:grid;grid-template-columns:repeat(var(--group-count,1),minmax(0,1fr));height:100%;min-height:0;min-width:0;align-items:center;gap:6px}.host.phase-results .runner-up-spotlight .character-name{font-size:clamp(10px,.9vw,17px);line-height:1.1}.host.phase-results .result-character-group .character-spotlight{min-width:0}.host #games .game-logo{object-fit:contain;max-width:70%}
@media(max-height:650px){.host.phase-reveal .character-points,.host.phase-reveal .winning-spotlight .character-points{font-size:10px;line-height:1.1;white-space:nowrap}.host.phase-reveal .reveal-details{grid-template-columns:1fr 3fr;gap:12px}.host.phase-reveal .character-name,.host.phase-reveal .winning-spotlight .character-name{font-size:9px}}

/* Full illustrated settings for all five selectable lobby worlds. */
.host.theme-tales{background:linear-gradient(#28112d18,#28112d18),url('/assets/tales-background.png') center/cover fixed}.host.theme-letters{background:linear-gradient(#fff1cd15,#fff1cd15),url('/assets/letters-background.png') center/cover fixed}.host.theme-campfire{background:linear-gradient(#19254415,#19254415),url('/assets/campfire-background.png') center/cover fixed}
.host #games .game{justify-content:space-between}.host #games .game-logo{height:58px;width:210px;max-width:75%;object-fit:contain}.host #games .game small{flex:none}@media(max-height:650px){.host #games .game-logo{height:42px;width:155px}}
.host #games .game{min-height:104px}.host #games .game-logo{height:84px;width:280px}@media(max-height:650px){.host #games .game{min-height:68px}.host #games .game-logo{height:52px;width:190px}}
/* Host-only game browsing keeps the room connected behind a separate screen. */
#game-select[hidden]{display:none!important}.host #game-select{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,24px);text-align:center;padding:12px 20px}.selector-pack-logo{width:230px;height:90px;object-fit:contain}.host #game-select>h1{font-size:clamp(28px,3vw,52px);color:var(--ink);background:#fff1dce8;padding:10px 24px;border-radius:16px}.host #game-select #games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.2vw,24px);width:min(100%,1680px);overflow:visible;flex:none;margin:0}.host #game-select .game{height:clamp(130px,22vh,280px);min-height:0;padding:12px;display:flex;justify-content:center;background:#fff3dedb;border:3px solid #d7b77a;box-shadow:0 8px 20px #28182b26}.host #game-select .game.selected{background:#fff2cf;border-color:var(--teal);box-shadow:0 0 0 4px #fff0cba6,0 8px 20px #28182b26}.host #game-select .game-logo{width:100%;height:100%;max-width:100%;object-fit:contain}.game-preview-copy{width:min(100%,1100px);background:#fff2ddea;border:2px solid #d1b071;border-radius:18px;padding:18px 28px;flex:none}.game-preview-copy h2{font-size:clamp(24px,2vw,38px)}#game-description{font-size:clamp(17px,1.35vw,25px);line-height:1.4;margin:10px auto;max-width:1000px}.game-preview-copy .micro{font-size:13px}.selector-actions{display:flex;gap:16px;flex:none}.selector-actions button{min-width:190px;font-size:19px}.host #lobby-game-logo{width:100%;height:clamp(100px,25vh,300px);min-height:0;object-fit:contain;flex:1;margin:auto}.host #change-game{flex:none;align-self:center;min-width:180px;margin:12px 0}.host.choosing-game main{max-width:none}.host.choosing-game #error{flex:none;text-align:center}
@media(max-height:650px){.host #game-select{padding:4px 12px;gap:8px}.selector-pack-logo{height:48px;width:150px}.host #game-select>h1{font-size:26px;padding:6px 20px}.host #game-select .game{height:125px;padding:8px}.game-preview-copy{padding:10px 18px}.game-preview-copy h2{font-size:24px}#game-description{font-size:16px;line-height:1.3;margin:6px auto}.selector-actions button{min-height:38px;padding:6px 20px;font-size:16px}.host #change-game{margin:8px 0;min-height:36px;padding:6px 16px}}
/* v0.16: logo-first launch and game selection, without card backplates. */
.host #game-select{justify-content:flex-start;padding:0 18px;gap:clamp(12px,2vh,24px)}.selector-pack-logo{width:420px;height:170px;flex:none;object-fit:contain;align-self:center}.host #game-select #games{margin-top:auto;width:min(100%,1820px);gap:clamp(8px,1.4vw,28px)}.host #game-select .game,.host #game-select .game.selected{background:transparent;border:0;box-shadow:none;border-radius:0;height:clamp(165px,28vh,330px);padding:6px;overflow:visible}.host #game-select .game-logo{filter:drop-shadow(0 8px 7px #28182b66);transition:transform .18s,filter .18s}.host #game-select .game.selected .game-logo{transform:scale(1.07);filter:drop-shadow(0 0 8px #fff8d3) drop-shadow(0 8px 8px #28182b88)}.host #game-select .game:hover .game-logo{transform:scale(1.07)}.game-preview-copy{width:min(100%,1200px);padding:18px 30px}.game-preview-copy h2{font-size:clamp(28px,2.5vw,46px)}#game-description{font-size:clamp(20px,1.6vw,30px);line-height:1.35;margin:10px auto}.selector-actions{margin-bottom:auto;align-items:center}.selector-actions .button{min-width:190px;font-size:19px}.host.lobby .player-card{justify-content:center}
@media(max-height:650px){.host #game-select{gap:10px;padding:0 12px}.selector-pack-logo{height:85px;width:270px}.host #game-select .game,.host #game-select .game.selected{height:145px;padding:4px}.game-preview-copy{padding:10px 18px}.game-preview-copy h2{font-size:27px}#game-description{font-size:18px;line-height:1.3;margin:6px auto}.selector-actions .button{min-height:38px;padding:6px 20px;font-size:16px}}
/* v0.17: lobby branding overlaps the panels; the selector contains only games. */
.host.lobby:not(.choosing-game) .room-heading{position:relative;min-height:125px;margin-bottom:-34px;z-index:3;align-items:flex-start}.host.lobby:not(.choosing-game) #room-title{position:absolute;left:50%;top:-4px;transform:translateX(-50%);pointer-events:none}.host.lobby:not(.choosing-game) .room-heading .pack-logo{width:400px;height:165px;filter:drop-shadow(0 5px 6px #33233566)}.host.lobby:not(.choosing-game) .code-box{margin-left:auto;position:relative;z-index:4}.host.lobby:not(.choosing-game) #people-panel{padding-top:68px}.host.lobby:not(.choosing-game) #worlds{padding-top:36px}.host #lobby-game-description{font-size:clamp(16px,1.05vw,21px);line-height:1.35;text-align:center;margin:12px 8px;flex:none}.host #lobby-game-logo{max-height:260px}.host #game-select #games{margin-top:auto}.host #game-select{padding-top:40px}
@media(max-height:650px){.host.lobby:not(.choosing-game) .room-heading{min-height:78px;margin-bottom:-25px}.host.lobby:not(.choosing-game) .room-heading .pack-logo{width:260px;height:105px}.host.lobby:not(.choosing-game) #people-panel{padding-top:46px}.host.lobby:not(.choosing-game) #worlds{padding-top:24px}.host #lobby-game-description{font-size:14px;line-height:1.25;margin:6px 2px}.host #lobby-game-logo{max-height:145px}.host #game-select{padding-top:12px}}

/* v0.18: full-width gathering space and selected-game emphasis. */
.host #game-select{justify-content:center;padding:24px 18px;gap:clamp(14px,2.5vh,30px)}
.host #game-select #games{margin:0;align-items:center}
.host #game-select .game{height:clamp(150px,25vh,280px);padding:8px}
.host #game-select .game.selected{height:clamp(220px,36vh,390px);padding:0}
.host #game-select .game.selected .game-logo{transform:none}
.host #game-select .game:not(.selected) .game-logo{opacity:.85}
.host #game-select .selector-actions{margin:0}
.host.lobby:not(.choosing-game) .room-heading .lobby-logo{display:block;width:400px;height:165px;object-fit:contain;filter:drop-shadow(0 5px 6px #33233566)}
.host.lobby:not(.choosing-game) .code-box{margin-left:0;margin-right:auto}
.host.lobby .layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px;position:relative}
.host.lobby #people-panel{grid-column:1 / -1;grid-row:1;height:100%;padding-top:68px}
.host.lobby #worlds{display:contents}
.host.lobby #settings{grid-column:1;grid-row:2;margin:0;padding:10px 14px;border:1px solid #c9a35d;border-radius:14px;background:#fff2ddeb;align-self:end;max-width:540px}
.host.lobby #change-game{grid-column:3;grid-row:2;justify-self:end;align-self:end;margin:0;min-height:52px}
.host.lobby #controls{grid-column:2;grid-row:2;align-self:center;justify-content:center}
.host.lobby #controls button{min-width:min(100%,340px);min-height:76px;font-size:clamp(24px,2vw,34px);padding:16px 30px;box-shadow:0 5px 14px #241c3544}
.host.lobby #status{position:absolute;bottom:0;left:34%;width:32%;text-align:center;margin:0;font-size:12px;pointer-events:none}
.host.lobby #scripture-status{display:none}
@media(max-height:650px){
 .host #game-select{padding:12px;gap:12px}
 .host #game-select .game{height:130px}
 .host #game-select .game.selected{height:200px}
 .host.lobby:not(.choosing-game) .room-heading .lobby-logo{width:260px;height:105px}
 .host.lobby #people-panel{padding-top:46px}
 .host.lobby #settings{padding:6px 10px;gap:4px}
 .host.lobby #settings label{font-size:11px}
 .host.lobby #settings select{min-height:30px;font-size:11px;padding:3px}
 .host.lobby #controls button{min-height:60px;font-size:23px;padding:12px 20px}
 .host.lobby #change-game{min-height:44px;font-size:16px}
 .host.lobby .layout{gap:8px}
}

/* v0.19: higher game logos, description only, and top-right lobby action. */
.host #game-select{padding-bottom:clamp(44px,8vh,86px)}
.host.lobby .room-heading{position:relative}
.host.lobby .room-heading #change-game{position:absolute;right:0;top:0;z-index:3;margin:0;min-height:52px;align-self:start}
#change-game[hidden]{display:none!important}
@media(max-height:650px){.host #game-select{padding-bottom:44px}.host.lobby .room-heading #change-game{min-height:44px}}

/* Scroll & Sketch playable loop. */
.sketch-panel{height:100%;min-height:0;border:2px solid #c9a35d;border-radius:20px;background:#fff2ddec;padding:clamp(12px,2vh,28px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4vh,18px)}
.sketch-panel h2{margin:0;font-size:clamp(26px,3vw,48px)}.sketch-panel p{margin:0}.sketch-lead{font-size:clamp(18px,1.6vw,28px);max-width:1100px}.sketch-prompt{font-size:clamp(20px,2vw,32px);font-weight:800;background:#f5e6c8;border-radius:12px;padding:10px 18px}.sketch-instructions{text-align:left;font-size:clamp(18px,1.4vw,24px);line-height:1.8;max-width:1000px}.sketch-turn-heading{display:flex;justify-content:space-between;width:100%;font-weight:800}.sketch-timer{color:var(--teal);font-size:24px}
.host.sketch-playing .layout{display:flex;flex-direction:column;align-items:stretch;gap:10px}.host.sketch-playing #gameplay{flex:1;min-height:0}.host.sketch-playing #controls{flex:none}.host.sketch-playing #status:empty{display:none}.host.sketch-playing .room-heading .solomon-logo{width:240px;height:90px;object-fit:contain}.host.sketch-playing .room-heading{min-height:90px;margin-bottom:8px}.host.sketch-playing #room-title{line-height:0}
.sketch-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;flex:1;min-height:0;align-content:center}.sketch-progress-player{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;border-radius:12px;background:#f5e6c899;padding:8px}.sketch-progress-player .character-art{height:clamp(65px,14vh,180px);width:auto;max-width:100%}.sketch-progress-player strong{overflow-wrap:anywhere;font-size:clamp(12px,1.3vw,22px);line-height:1.2}.sketch-progress-player span:last-child{font-size:clamp(11px,1vw,18px)}.sketch-progress-player.submitted{background:#d5ead0bb}
.sketch-canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#fffaf0;border:2px solid #c9a35d;border-radius:10px;object-fit:contain;flex:none}.sketch-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:100%}.sketch-tools button{min-height:36px;padding:6px 9px;border:2px solid transparent;font-size:13px}.sketch-tools [aria-pressed=true]{border-color:#000;box-shadow:0 0 0 2px white}.sketch-tools select{width:auto;min-height:36px;font-size:13px}.sketch-guess-form{width:100%;display:flex;flex-direction:column;gap:12px}.sketch-guess-text{font-size:clamp(20px,2vw,36px);overflow-wrap:anywhere;font-weight:800}.sketch-reveal-track{display:flex;gap:14px;overflow-x:auto;width:100%;min-height:0;flex:1;align-items:stretch;padding-bottom:8px;text-align:center}.sketch-reveal-card{flex:0 0 min(42vw,600px);background:#f9eacb;border:1px solid #c9a35d;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0}.sketch-reveal-card .sketch-canvas{max-height:calc(100% - 60px);min-height:0;object-fit:contain;flex:0 1 auto}.sketch-reveal-card strong{font-size:clamp(14px,1.3vw,24px);overflow-wrap:anywhere}.phone.sketch-playing main{padding:10px;max-width:600px}.phone.sketch-playing .room-heading{margin-bottom:10px}.phone.sketch-playing .room-heading img{height:65px;width:150px;object-fit:contain}.phone.sketch-playing .code-box{padding:5px 9px;gap:8px}.phone.sketch-playing .code-box strong{font-size:20px}.phone.sketch-playing .layout{display:block}.phone.sketch-playing .sketch-panel{height:auto;padding:12px;gap:10px}.phone.sketch-playing .sketch-panel .character-art{height:120px;width:auto}.phone.sketch-playing .sketch-panel h2{font-size:26px}.phone.sketch-playing .sketch-prompt{font-size:19px;padding:8px}.phone.sketch-playing .sketch-lead{font-size:17px}.phone.sketch-playing .sketch-instructions{font-size:16px;line-height:1.5;padding-left:20px}.phone.sketch-playing .sketch-reveal-track{min-height:280px}.phone.sketch-playing .sketch-reveal-card{flex-basis:85%}.phone.sketch-playing .sketch-progress{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-height:650px){.host.sketch-playing .room-heading{min-height:55px}.host.sketch-playing .room-heading .solomon-logo{height:55px;width:180px}.host.sketch-playing .sketch-panel{gap:6px;padding:10px}.host.sketch-playing .sketch-panel h2{font-size:26px}.host.sketch-playing .sketch-lead{font-size:17px}.host.sketch-playing .sketch-prompt{font-size:20px;padding:6px 12px}.host.sketch-playing .sketch-progress{gap:6px}.host.sketch-playing .sketch-progress-player{padding:4px;gap:3px}.host.sketch-playing .sketch-progress-player .character-art{height:70px}.host.sketch-playing .sketch-instructions{font-size:17px;line-height:1.5}}
.sketch-vote-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;flex:1;min-height:0;align-items:center}.sketch-vote-card{background:#f5e6c8;border:1px solid #c9a35d;border-radius:12px;padding:8px;min-width:0;overflow-wrap:anywhere}.sketch-vote-card strong{font-size:clamp(12px,1vw,18px)}.sketch-vote-card .sketch-guess-text{font-size:clamp(14px,1.3vw,24px)}.sketch-vote-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.sketch-vote-choice{background:#f5e6c8;color:var(--ink);border:3px solid transparent;display:flex;flex-direction:column;gap:6px;padding:8px;min-width:0;overflow-wrap:anywhere;font-size:16px}.sketch-vote-choice[aria-pressed=true]{border-color:var(--teal);background:#d5ead0}.sketch-vote-choice .sketch-canvas{border:0}.sketch-vote-choice small{font-size:12px}
.sketch-vote-caption{font-size:clamp(16px,1.4vw,24px);font-weight:750;overflow-wrap:anywhere}.sketch-vote-choice:disabled{opacity:.55}.sketch-vote-choice .sketch-canvas{max-height:160px;object-fit:contain}.sketch-vote-choice strong{font-size:16px}.host .sketch-vote-card .sketch-canvas{max-height:210px;object-fit:contain}.host .sketch-vote-card .sketch-vote-caption{font-size:clamp(14px,1.2vw,22px)}
.sketch-awards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sketch-awards span{font-size:clamp(12px,1vw,18px);padding:4px 9px;background:#d5ead0;border-radius:8px}
@media(max-height:650px){.host .sketch-vote-card .sketch-canvas{max-height:105px}.host .sketch-vote-caption{font-size:14px}.host .sketch-vote-card{padding:5px}.host .sketch-awards span{font-size:11px}}
.sketch-vote-card{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.sketch-vote-card .sketch-vote-caption{display:block}.host .sketch-vote-card .sketch-canvas{max-height:280px}.sketch-vote-card small{display:block;font-size:12px}
@media(max-height:650px){.host .sketch-vote-card{gap:5px}.host .sketch-vote-card .sketch-canvas{max-height:105px}}
/* Objective recognition: shuffled evidence and similar original prompts. */
.recognition-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;flex:1;min-height:0;width:100%;text-align:left}.recognition-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;align-items:stretch}.recognition-evidence{background:#f9eacb;border:1px solid #c9a35d;border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:0;overflow-wrap:anywhere}.recognition-evidence p{font-size:clamp(13px,1.2vw,22px);text-align:center;font-weight:750}.recognition-evidence .sketch-canvas{flex:0 1 auto;min-height:0;max-height:calc(100% - 30px);object-fit:contain}.recognition-evidence strong{font-size:12px;color:var(--teal)}.recognition-options{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:0}.recognition-option{background:#fff8eb;color:var(--ink);border:2px solid #cdb177;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px;font-size:clamp(17px,1.5vw,28px);line-height:1.25;min-width:0}.recognition-option strong{color:var(--teal);font-size:24px}.recognition-option span{overflow-wrap:anywhere}.recognition-option.selected{border-color:var(--teal);background:#dceae2;box-shadow:inset 0 0 0 1px var(--teal)}.phone.sketch-playing{height:auto;min-height:100dvh;overflow:auto}.phone .recognition-layout{display:flex;flex-direction:column;width:100%}.phone .recognition-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.phone .recognition-evidence{min-height:80px}.phone .recognition-evidence .sketch-canvas{max-height:130px}.phone .recognition-evidence p{font-size:15px}.phone .recognition-option{font-size:17px;min-height:62px}.host.sketch-playing .sketch-final{display:grid;grid-template-rows:auto auto minmax(0,1fr);justify-items:stretch;gap:12px}.host.sketch-playing .sketch-final .results-grid{width:100%}.host.sketch-playing .sketch-final .results-characters{min-height:0;height:100%;align-items:center}.host.sketch-playing .sketch-final .character-name{font-size:clamp(11px,1.2vw,22px)}.host.sketch-playing .sketch-final .character-points{font-size:clamp(11px,1.2vw,22px)}
@media(max-height:650px){.host .recognition-option{font-size:14px;gap:8px;padding:7px 10px}.host .recognition-options{gap:7px}.host .recognition-evidence{padding:5px;gap:4px}.host .recognition-evidence p{font-size:11px}.host .recognition-layout{gap:10px}.host.sketch-playing .sketch-final{gap:6px}.host.sketch-playing .sketch-final .character-name,.host.sketch-playing .sketch-final .character-points{font-size:10px}}
/* Arks tutorial follows Solomon Says' illustrated phone cards. */
.host .sketch-onboarding{justify-content:center}.arks-phone-tutorial{flex:1;min-height:0;width:min(100%,1150px);align-items:center;justify-content:center;gap:clamp(12px,3vw,50px)}.arks-phone-tutorial .tutorial-step{opacity:1;height:100%;min-height:0;flex:1;max-width:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.arks-phone-tutorial .tutorial-phone{width:100%;height:min(100%,450px);min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:14px 10px;border:7px solid #382b32;border-radius:28px;background:#fff7e7;box-shadow:0 8px 0 #d6b57d}.arks-phone-tutorial .tutorial-phone-brand{height:58px;max-width:100%;object-fit:contain;margin:0 auto}.tutorial-example-prompt{font-size:16px;font-weight:750;line-height:1.2}.tutorial-doodle{min-height:0;flex:1;background:#fffaf0;border:1px solid #d2b477;border-radius:8px;display:flex;align-items:center;justify-content:center}.tutorial-doodle svg{width:100%;max-height:100%;display:block}.tutorial-mini-tools{font-size:21px;color:var(--teal);letter-spacing:8px}.tutorial-caption-input{font-size:16px;text-align:left;border:2px solid #d2b477;border-radius:8px;padding:8px;line-height:1.25;background:white}.arks-phone-tutorial .tutorial-lock{font-size:14px;padding:8px;min-height:36px;margin:0}.tutorial-answer{display:flex;gap:7px;font-size:14px;text-align:left;padding:7px;border:1px solid #c9a35d;border-radius:8px;line-height:1.2}.tutorial-answer b{color:var(--teal)}.tutorial-answer.selected{border:2px solid var(--teal);background:#dceae2}.sketch-onboarding .round-actions{display:flex;gap:8px}.sketch-onboarding .captions{font-size:clamp(13px,1.1vw,20px);overflow:auto;max-height:25vh;max-width:1200px}.ready-roster .portrait{width:clamp(45px,8vh,82px);height:clamp(45px,8vh,82px)}
.host .recognition-gallery{grid-template-columns:repeat(var(--picture-columns,2),minmax(0,1fr));grid-template-rows:repeat(var(--picture-rows,1),minmax(0,1fr));align-items:stretch}.host .recognition-evidence{aspect-ratio:auto;padding:4px;background:#fffaf0;border:0;justify-content:center}.host .recognition-evidence .sketch-canvas{flex:0 1 auto;min-height:0;max-height:100%;width:100%;border-width:2px;object-fit:contain}.host .recognition-options{gap:clamp(5px,1vh,12px)}.host .recognition-option{font-size:clamp(15px,1.35vw,25px);padding:clamp(6px,1vh,12px) 12px;flex:0 1 auto}.host .recognition-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.phone .sketch-onboarding{min-height:70dvh;justify-content:center;gap:24px}.phone.sketch-playing .sketch-panel.sketch-onboarding .character-art{height:clamp(150px,30dvh,240px)}.phone .sketch-onboarding>button{width:100%;min-height:64px;font-size:21px}.phone .recognition-gallery{grid-template-columns:repeat(var(--picture-columns,2),minmax(0,1fr))}.phone .recognition-evidence{min-height:0;padding:0;border:0;background:none}.phone .recognition-evidence .sketch-canvas{max-height:150px}.phone .recognition-option{min-height:54px;padding:10px;font-size:16px}
@media(max-height:650px){.host .arks-phone-tutorial{gap:18px;width:min(100%,850px)}.host .arks-phone-tutorial .tutorial-step{gap:6px;max-width:245px}.host .arks-phone-tutorial .tutorial-phone{height:100%;padding:6px 8px;gap:4px;border-width:5px;border-radius:20px}.host .arks-phone-tutorial .tutorial-phone-brand{height:30px}.host .tutorial-example-prompt,.host .tutorial-caption-input{font-size:12px}.host .tutorial-caption-input{padding:5px}.host .tutorial-mini-tools{font-size:14px}.host .tutorial-answer{font-size:11px;padding:4px}.host .arks-phone-tutorial .tutorial-lock{font-size:11px;min-height:24px;padding:4px}.host .arks-phone-tutorial .tutorial-label{font-size:13px}.host .sketch-onboarding .round-actions button{min-height:28px;padding:4px 12px;font-size:12px}.host .recognition-option{font-size:13px;padding:5px 8px}}
/* Centre Solomon's question and choices as one group; metadata remains above. */
.host:is(.phase-reading,.phase-question) .question-panel{position:relative;justify-content:stretch}.host:is(.phase-reading,.phase-question) .question-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;text-align:center}.host:is(.phase-reading,.phase-question) .question-content>h2{width:min(100%,1400px);margin:0;text-align:center;font-size:clamp(30px,3.2vw,62px);line-height:1.16}.host:is(.phase-reading,.phase-question) .question-content .answers{width:min(100%,1400px);margin:0}.host .question-content .verse-credit{font-size:10px}.host .question-content .order-row,.host .question-content .match-row{justify-content:center;text-align:center}
/* Results use only full-body characters with names and scores underneath. */
.host.phase-results .question-panel .character-points{font-size:clamp(14px,1.5vw,26px);color:var(--teal)}.host.sketch-playing .sketch-final{grid-template-rows:auto minmax(0,1fr)}.host.phase-results .results-characters{flex:1;min-height:0}.phone.phase-results{height:auto;min-height:100dvh;overflow:auto}.phone.phase-results main{height:auto;max-height:none;min-height:100dvh}.phone .mobile-results-characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;width:100%;height:auto;gap:18px 8px;align-items:start}.phone .mobile-results-characters .character-art{width:auto;height:110px;max-width:100%}.phone .mobile-results-characters .character-name,.phone .mobile-results-characters .character-points{font-size:12px;line-height:1.2;overflow-wrap:anywhere}.phone .mobile-results-characters .character-points{color:var(--teal)}
/* A flexible, full-width phone shell prevents content shrinking into a corner. */
.phone.sketch-playing{height:auto;min-height:100dvh;overflow:auto}.phone.sketch-playing main{width:100%;height:auto;max-height:none;min-height:100dvh;max-width:600px;margin:0 auto;display:flex;flex-direction:column}.phone.sketch-playing #room{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.phone.sketch-playing .layout{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch}.phone.sketch-playing #gameplay{width:100%;flex:1;display:flex;min-height:0}.phone.sketch-playing .sketch-panel{width:100%;flex:1;min-width:0;align-self:stretch;box-sizing:border-box}.phone.sketch-playing .sketch-onboarding,.phone.sketch-playing .sketch-waiting{justify-content:center;align-items:center;text-align:center;min-height:calc(100dvh - 22px)}.phone.sketch-playing .sketch-waiting>.sketch-canvas{width:min(100%,350px);max-height:30dvh}.phone.sketch-playing .sketch-panel.sketch-waiting .character-art{height:clamp(140px,26dvh,220px)}
@media(max-height:650px){.host:is(.phase-reading,.phase-question) .question-content{gap:12px}.host:is(.phase-reading,.phase-question) .question-content>h2{font-size:28px}.host.phase-results .question-panel .character-points{font-size:14px}}
@media(orientation:landscape) and (max-height:500px){.phone .mobile-results-characters{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 6px}.phone .mobile-results-characters .character-art{height:72px}.phone.sketch-playing .sketch-panel.sketch-waiting .character-art,.phone.sketch-playing .sketch-panel.sketch-onboarding .character-art{height:100px}.phone.sketch-playing .sketch-onboarding,.phone.sketch-playing .sketch-waiting{gap:10px}}
.phone.sketch-playing:has(.sketch-onboarding,.sketch-waiting) main{max-width:none}.phone:is(.phase-reading,.phase-question) .question-panel>h2{text-align:center}.arks-phone-tutorial .tutorial-step.active-step{opacity:1;outline:3px solid var(--gold);outline-offset:5px;border-radius:20px}.arks-phone-tutorial:has(.active-step) .tutorial-step:not(.active-step){opacity:.65}
@media(orientation:landscape) and (max-height:500px){.phone.sketch-playing .sketch-waiting>.sketch-canvas{max-height:18dvh}.phone.sketch-playing .sketch-panel.sketch-waiting .character-art{height:80px}.phone.sketch-playing .sketch-waiting{gap:6px}}

.phone.sketch-playing .sketch-waiting>h3{margin:0;font-size:24px}

.phone.sketch-playing .sketch-caption{justify-content:center}.phone.sketch-playing:has(.sketch-caption) main{max-width:none}.phone.sketch-playing .sketch-caption>.sketch-canvas{width:min(100%,450px);max-height:32dvh}.phone.sketch-playing .sketch-caption>.sketch-guess-form{max-width:600px}
@media(orientation:landscape) and (max-height:500px){.phone.sketch-playing .sketch-caption{gap:6px}.phone.sketch-playing .sketch-caption>.sketch-canvas{max-height:18dvh}}
.phone.sketch-playing .sketch-turn-heading{gap:8px;flex-wrap:wrap;align-items:center}.phone.sketch-playing .sketch-turn-heading .sketch-timer{font-size:18px}
/* Arks v0.25: stable clocks, minimal phones, and responsive character scores. */
.arks-phone-tutorial .tutorial-step{transform:scale(.98);transform-origin:center;transition:transform .22s ease,opacity .22s ease,filter .22s ease;will-change:transform}.arks-phone-tutorial .tutorial-step.active-step{transform:scale(1.055);filter:drop-shadow(0 0 12px #e9b44c77)}
.sketch-timer{display:flex;align-items:center;justify-content:center;flex:none;min-height:36px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:14ch}.sketch-turn-heading{align-items:center;min-height:36px;flex:none}.sketch-turn-heading .sketch-timer{justify-content:flex-end}.host.phase-sketch-turn #controls{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch}.host.phase-sketch-turn #controls button{height:56px;min-height:56px;font-size:16px;padding:6px 12px}.host.phase-sketch-turn #sketch-phone-status{min-height:20px;line-height:20px;white-space:nowrap}.host.phase-sketch-vote #sketch-vote-count{min-height:20px;line-height:20px}
.phone.sketch-playing main{max-width:none}.phone.sketch-playing .sketch-panel{justify-content:safe center;align-items:center;text-align:center}.phone.sketch-playing .sketch-onboarding{gap:24px}.phone.sketch-playing .sketch-onboarding>button{width:min(100%,600px)}.phone.sketch-playing .sketch-panel>h2,.phone.sketch-playing .sketch-panel>p{text-align:center}.phone.sketch-playing .sketch-turn-heading{flex-wrap:nowrap;gap:8px;min-height:28px}.phone.sketch-playing .sketch-turn-heading>span{font-size:12px;white-space:nowrap}.phone.sketch-playing .sketch-timer{font-size:18px;min-height:28px;min-width:0}.phone.sketch-playing .recognition-layout{max-width:720px;margin:0 auto}.phone.sketch-playing .sketch-panel>form{max-width:600px}.phone.sketch-playing .sketch-tools{flex:none}
.host.sketch-playing .sketch-score-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);justify-items:center;align-items:stretch;gap:10px}.host.sketch-playing .sketch-score-stage{display:grid;grid-auto-flow:row;grid-template-columns:repeat(var(--score-columns),minmax(0,1fr));grid-template-rows:repeat(var(--score-rows),minmax(0,1fr));width:100%;height:100%;min-height:0;gap:12px}.host.sketch-playing .sketch-score-stage .character-spotlight,.host.sketch-playing .sketch-final .character-spotlight{height:100%;min-height:0;justify-content:center;gap:6px}.host.sketch-playing .sketch-score-stage .character-name,.host.sketch-playing .sketch-final .character-name{font-size:clamp(16px,min(var(--score-font),4dvh),48px);line-height:1.15;overflow-wrap:anywhere}.host.sketch-playing .sketch-score-stage .character-points,.host.sketch-playing .sketch-final .character-points{font-size:clamp(18px,min(var(--score-font),4.8dvh),52px);line-height:1.15;color:var(--teal);white-space:nowrap}.host.sketch-playing .score-delta{font-size:clamp(12px,1.6dvh,22px);line-height:1.2}.phone .sketch-score-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;width:100%;gap:12px}.phone .sketch-score-stage .character-art{height:clamp(100px,20dvh,180px)}.phone .sketch-score-stage .character-name,.phone .sketch-score-stage .character-points{font-size:14px;overflow-wrap:anywhere}.phone .score-delta{font-size:11px}
@media(max-height:650px){.host.phase-sketch-turn #controls button{height:44px;min-height:44px;font-size:12px}.host.sketch-playing .sketch-score-panel{gap:6px}.host.sketch-playing .sketch-score-panel>.sketch-lead{font-size:14px}.host.sketch-playing .sketch-score-panel>.sketch-prompt{font-size:18px;padding:4px 8px}.host.sketch-playing .sketch-score-stage .character-spotlight,.host.sketch-playing .sketch-final .character-spotlight{gap:3px}}
@media(prefers-reduced-motion:reduce){.arks-phone-tutorial .tutorial-step{transition:none}}
.sketch-timer{width:16ch;min-width:16ch}.phone.sketch-playing .sketch-timer{font-size:16px;width:16ch;min-width:16ch}.phone.sketch-playing .sketch-turn-heading .sketch-timer{font-size:16px}.host.sketch-playing .result-character-group[hidden]{display:none}
.phone.phase-sketch-vote #sketch-timer{position:sticky;top:0;z-index:3;background:#fff2dd;border-radius:8px}

/* Arks v0.27: transparent cast, stable controls and one narrated demonstration. */
.host:is(.phase-sketch-turn,.phase-sketch-ready) .sketch-live-roster{grid-template-rows:repeat(var(--roster-rows),minmax(0,1fr));align-content:stretch;align-items:stretch;gap:12px}
.host:is(.phase-sketch-turn,.phase-sketch-ready) .sketch-live-roster .sketch-progress-player{background:none;border:0;box-shadow:none;padding:0;min-height:0;justify-content:center;gap:6px}
.host:is(.phase-sketch-turn,.phase-sketch-ready) .sketch-live-roster .sketch-progress-player .character-art{height:100%;max-height:none;flex:none}
.host:is(.phase-sketch-turn,.phase-sketch-ready) .sketch-live-roster .sketch-progress-player strong{font-size:clamp(16px,min(var(--roster-font),3.5vh),32px)}
.host:is(.phase-sketch-turn,.phase-sketch-ready) .sketch-live-roster .sketch-progress-player span:last-child{font-size:clamp(13px,2vh,22px);color:var(--teal)}
.host.phase-sketch-turn #controls,.host.phase-sketch-vote #controls{display:grid;grid-template-columns:minmax(0,min(40%,340px)) minmax(0,min(40%,340px));grid-auto-flow:row;justify-content:space-between;align-items:stretch;gap:16px}
.host.phase-sketch-turn #controls button,.host.phase-sketch-vote #controls button{width:100%;height:56px;min-height:56px;font-size:16px;padding:6px 12px}
.host.phase-sketch-vote #controls button:only-child{grid-column:2}
.sketch-phone-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;width:100%;flex:none}
.host.phase-sketch-turn #sketch-force{min-height:28px;height:28px;font-size:12px;padding:4px 10px;background:transparent;color:var(--teal);box-shadow:none}
.phone.sketch-playing .sketch-panel.sketch-sit-out{min-height:calc(100dvh - 22px);justify-content:center}
.phone.sketch-playing .sketch-sit-out>h2{max-width:600px;font-size:clamp(28px,6vw,46px);line-height:1.4}
.host.sketch-playing .sketch-score-panel{grid-template-rows:auto auto minmax(0,1fr)}
/* The canvas border hugs its native 3:2 picture; the evidence cell is transparent. */
.host .recognition-evidence{background:none;border:0;border-radius:0;padding:0;overflow:hidden}
.host .recognition-evidence .sketch-canvas{flex:none;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:fill}
.host .sketch-reveal-card:has(.sketch-canvas){background:none;border:0;padding:0}
.host .sketch-reveal-card .sketch-canvas{flex:none;height:auto;max-height:none;object-fit:fill;aspect-ratio:3/2}
.arks-tutorial-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);position:relative;isolation:isolate;width:100%;flex:1;min-height:0;gap:clamp(8px,2vw,36px);max-width:1500px}
.arks-tutorial-scene .arks-phone-tutorial{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;min-height:0;align-items:center;justify-items:center;gap:0;z-index:2;padding:12px}
.arks-tutorial-scene .arks-phone-tutorial .tutorial-step{grid-area:1/1;width:100%;max-width:300px;height:100%;visibility:hidden;opacity:0;outline:0;transition:transform .22s ease,filter .22s ease}
.arks-tutorial-scene .arks-phone-tutorial .tutorial-step.active-step{visibility:visible;opacity:1;outline:0;transform:scale(1.035)}
.arks-tutorial-scene .arks-phone-tutorial .tutorial-phone{height:min(100%,430px);width:100%}
.arks-cast{grid-row:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding-bottom:35px;z-index:1}
.arks-cast.noah{grid-column:1}.arks-cast.wife{grid-column:3}
.arks-paper-puppet{background-image:url('/assets/arks-tutorial-couple-v1.png');background-repeat:no-repeat;aspect-ratio:580/650;height:100%;max-height:600px;max-width:100%;width:auto;transform-origin:50% 95%;filter:brightness(.9);transition:filter .15s ease}
.arks-paper-puppet.noah{background-size:264.8276% 157.5385%;background-position:19.8745% 0}
.arks-paper-puppet.wife{aspect-ratio:468/650;background-size:328.2051% 157.5385%;background-position:76.0300% 0}
.arks-cast.speaking .arks-paper-puppet{filter:brightness(1) drop-shadow(0 0 8px #e9b44c66);animation:arks-speaking .7s ease-in-out infinite alternate}
.arks-tutorial-animals{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) .85fr repeat(2,minmax(0,1fr));align-items:end;justify-items:center;height:30%;max-height:155px;pointer-events:none;z-index:3}
.arks-paper-animal{background-image:url('/assets/arks-tutorial-animals-v1.png');background-repeat:no-repeat;width:auto;height:100%;max-width:100%;transform-origin:bottom}
.arks-paper-animal.goat{grid-column:1;aspect-ratio:326/377;background-size:471.1656% 271.618%;background-position:2.1488% 97.8362%;clip-path:polygon(0 0,86% 0,86% 6%,100% 6%,100% 100%,0 100%)}
.arks-paper-animal.sheep{grid-column:2;aspect-ratio:340/330;background-size:451.7647% 310.303%;background-position:33.612% 96.5418%}
.arks-paper-animal.camel{grid-column:4;aspect-ratio:327/401;background-size:469.7248% 255.3616%;background-position:65.8395% 97.9133%;clip-path:polygon(0 0,45% 0,45% 10%,100% 10%,100% 100%,0 100%)}
.arks-paper-animal.rooster{grid-column:5;aspect-ratio:368/365;background-size:417.3913% 280.5479%;background-position:98.2877% 97.5721%}
@keyframes arks-speaking{from{transform:rotate(-.5deg) scale(1)}to{transform:rotate(.5deg) scale(1.012)}}
@media(max-height:650px){.host.phase-sketch-turn #controls button,.host.phase-sketch-vote #controls button{height:44px;min-height:44px;font-size:13px}.sketch-phone-status-row{min-height:28px}.host.phase-sketch-turn #sketch-phone-status{font-size:10px}.arks-cast{padding-bottom:20px}.arks-tutorial-scene .arks-phone-tutorial{padding:8px}.arks-tutorial-scene .arks-phone-tutorial .tutorial-step{max-width:235px;gap:6px}.arks-tutorial-scene .arks-phone-tutorial .tutorial-phone{height:100%}.arks-tutorial-animals{max-height:95px}}
@media(prefers-reduced-motion:reduce){.arks-cast.speaking .arks-paper-puppet{animation:none}.arks-tutorial-scene .tutorial-step{transition:none}}

.arks-tutorial-scene .tutorial-step.active-step .tutorial-phone{outline:3px solid var(--gold);outline-offset:4px}

/* v0.28: lobby scenery, generous phone rosters, and recognizable waiting players. */
.arks-paper-animal.goat,.arks-paper-animal.sheep{transform:scale(1.25)}
.arks-paper-animal.camel{transform:scale(1.4)}
.host.lobby #people-panel{background:none;border:0;overflow:visible}
.host.lobby #players{position:relative;isolation:isolate}
.host.lobby #players .player-card{background:none;isolation:isolate;justify-content:flex-end}
.host.lobby #players .player-card::before{content:'';position:absolute;left:-7px;right:-7px;bottom:0;height:var(--name-band-height,80px);background:#fff5e5ee;border-top:2px solid #d8bd82;z-index:-1}
.host.lobby #players .player-card .character-art,.host.lobby #players .player-name,.host.lobby #players .badge{position:relative;z-index:1}
.host.lobby #players .empty-roster{align-self:end;background:#fff5e5ee;border-top:2px solid #d8bd82;border-radius:14px;padding:20px;font-size:clamp(20px,2vw,32px)}
.phone #worlds{display:none!important}
.phone.lobby main{max-width:900px}
.phone.lobby .layout{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;align-items:stretch}
.phone.lobby #people-panel{justify-content:flex-start;padding:12px;gap:10px;overflow:hidden}
.phone.lobby .people-heading{flex:none;margin:0;gap:12px}
.phone.lobby .people-heading h2{font-size:clamp(24px,4vw,36px)}
.phone.lobby #count{font-size:clamp(16px,3vw,24px)}
.phone.lobby #players{flex:1;min-height:0;grid-template-columns:repeat(var(--phone-lobby-columns,1),minmax(0,1fr));grid-template-rows:repeat(var(--phone-lobby-rows,1),minmax(78px,1fr));gap:8px;align-items:stretch;overflow:auto}
.phone.lobby #players .player-card{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;min-height:0;gap:4px 8px;padding:8px;background:#f5e6c866}
.phone.lobby #players .portrait{grid-column:1;grid-row:1;justify-self:center;align-self:center;max-width:100%;border-width:3px;background:none}
.phone.lobby #players .player-name{grid-column:2;grid-row:1;align-self:end;width:100%;font-size:var(--waiting-name-font,24px);line-height:1.12;text-align:left;overflow-wrap:anywhere}
.phone.lobby #players .badge{grid-column:2;grid-row:2;align-self:start;font-size:var(--waiting-badge-font,20px);line-height:1.2;text-align:left}
.phone.lobby #controls{flex:none;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.phone.lobby #controls button{max-width:none;width:100%;min-height:52px;font-size:18px}
.phone.sketch-playing .sketch-panel.sketch-sit-out{container-type:inline-size;gap:24px}
.phone.sketch-playing .sketch-panel.sketch-sit-out .character-art{height:min(44dvh,340px,calc(100cqw / var(--character-ratio)));width:auto;max-width:100%;flex:none}
.phone.sketch-playing .sketch-panel.sketch-sit-out>h2{font-size:clamp(26px,6vw,42px);line-height:1.2;max-width:650px}
.phone.sketch-playing .sketch-panel.sketch-onboarding{container-type:inline-size}
.phone.sketch-playing .sketch-panel.sketch-onboarding .character-art{height:min(44dvh,340px,calc(100cqw / var(--character-ratio)));width:auto;max-width:100%}
@media(orientation:landscape) and (max-height:500px){
 .phone.lobby .room-heading{margin-bottom:6px}
 .phone.lobby .room-heading .pack-logo{height:36px;width:125px;object-fit:contain}
 .phone.lobby #people-panel{padding:6px;gap:6px}
 .phone.lobby .people-heading h2{font-size:20px}.phone.lobby #count{font-size:16px}
 .phone.lobby #players{grid-template-columns:repeat(var(--phone-landscape-columns,3),minmax(0,1fr));grid-template-rows:repeat(var(--phone-landscape-rows,1),minmax(96px,1fr));gap:6px}
 .phone.lobby #players .player-card{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px}
 .phone.lobby #players .player-name,.phone.lobby #players .badge{text-align:center;align-self:center}
 .phone.lobby #players .portrait{flex:none}
 .phone.lobby #controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .phone.lobby #controls button{min-height:44px;font-size:16px;padding:6px 10px}
 .phone.sketch-playing .sketch-panel.sketch-sit-out{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);grid-template-rows:minmax(0,1fr);gap:18px;justify-items:center;align-items:center}
 .phone.sketch-playing .sketch-panel.sketch-sit-out .character-art{height:min(70dvh,240px,calc((100cqw - 18px)*.45 / var(--character-ratio)));max-width:100%}
 .phone.sketch-playing .sketch-panel.sketch-sit-out>h2{font-size:clamp(24px,4vw,32px)}
}

.phone.lobby #players .player-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;max-width:100%;align-self:center}
.phone.lobby #players .player-copy .player-name,.phone.lobby #players .player-copy .badge{align-self:stretch}
.host.lobby .people-heading h2,.host.lobby #count{color:#fff5df;text-shadow:0 2px 4px #241c35}
.host.lobby #players .remove{top:auto;bottom:calc(var(--name-band-height,80px) - 30px);right:6px;color:#77555c}
@media(orientation:landscape) and (max-height:500px){.phone.lobby #players .player-copy{width:100%;flex:none;gap:3px}}

/* v0.29: keep the complete drawing workspace inside the phone viewport. */
.phone.sketch-playing:has(.sketch-drawing){height:100dvh;min-height:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}
.phone.sketch-playing:has(.sketch-drawing) main{height:100%;min-height:0;flex:1;padding:8px;overflow:hidden}
.phone.sketch-playing .sketch-panel.sketch-drawing{height:100%;min-height:0;padding:10px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto;gap:8px;justify-content:stretch;align-items:stretch}
.phone.sketch-playing .sketch-drawing>h2{font-size:clamp(20px,3dvh,26px);line-height:1.1;margin:0}
.phone.sketch-playing .sketch-drawing>.sketch-prompt{font-size:clamp(15px,2.5dvh,19px);line-height:1.2;padding:6px 8px;margin:0;overflow-wrap:anywhere}
.sketch-drawing-surface{min-width:0;min-height:0;container-type:size;display:grid;place-items:center}
.phone.sketch-playing .sketch-drawing-surface>.sketch-canvas{width:min(100cqw,150cqh);height:auto;max-height:100%;aspect-ratio:3/2;flex:none}
.phone.sketch-playing .sketch-drawing>.sketch-tools{gap:6px;flex-wrap:nowrap}
.phone.sketch-playing .sketch-drawing>.sketch-tools button{min-width:0;min-height:44px;padding:6px;flex:1;max-width:96px;font-size:13px}
.phone.sketch-playing .sketch-drawing>.micro{margin:0;font-size:11px;line-height:1.1}
.phone.sketch-playing .sketch-drawing>.micro:empty{display:none}
.phone.sketch-playing .sketch-drawing>button{grid-row:7;width:100%;min-height:44px;padding:8px}
@media(orientation:landscape) and (max-height:500px){
 .phone.sketch-playing .sketch-panel.sketch-drawing{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:6px 12px;padding:8px}
 .phone.sketch-playing .sketch-drawing>.sketch-turn-heading{grid-column:1;grid-row:1;font-size:11px;gap:4px}
 .phone.sketch-playing .sketch-drawing>.sketch-turn-heading>span{font-size:10px}
 .phone.sketch-playing .sketch-drawing .sketch-timer{font-size:12px;min-width:0;width:auto}
 .phone.sketch-playing .sketch-drawing>h2{grid-column:1;grid-row:2;font-size:20px}
 .phone.sketch-playing .sketch-drawing>.sketch-prompt{grid-column:1;grid-row:3;align-self:center;font-size:14px;padding:4px}
 .phone.sketch-playing .sketch-drawing>.sketch-drawing-surface{grid-column:2;grid-row:1 / -1}
 .phone.sketch-playing .sketch-drawing>.sketch-tools{grid-column:1;grid-row:4;gap:3px}
 .phone.sketch-playing .sketch-drawing>.sketch-tools button{font-size:11px;padding:4px 2px}
 .phone.sketch-playing .sketch-drawing>.micro{grid-column:2;grid-row:5;z-index:1;background:var(--paper)}
 .phone.sketch-playing .sketch-drawing>button{grid-column:1;grid-row:5}
}

/* v0.30: mobile scores use the full stage and keep crowded lineups readable. */
.phone.sketch-playing:has(.sketch-score-panel,.sketch-final,.sketch-watch-tv){height:100dvh;min-height:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}
.phone.sketch-playing:has(.sketch-score-panel,.sketch-final,.sketch-watch-tv) main{height:100%;min-height:0;flex:1;padding:8px;overflow:hidden}
.phone.sketch-playing .sketch-panel:is(.sketch-score-panel,.sketch-final){height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:12px}
.phone.sketch-playing .sketch-panel:is(.sketch-score-panel,.sketch-final)>h2{flex:none;font-size:clamp(22px,4dvh,32px);line-height:1.15;overflow-wrap:anywhere}
.phone.sketch-playing .sketch-score-panel>.sketch-prompt{flex:none;font-size:clamp(16px,2.6dvh,22px);line-height:1.2;padding:8px;overflow-wrap:anywhere}
.phone.sketch-playing .sketch-score-panel>p:last-child{flex:none;font-size:16px;line-height:1.2}
.phone.sketch-playing .sketch-mobile-lineup{flex:1;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:repeat(var(--mobile-columns,2),minmax(0,1fr));grid-template-rows:repeat(var(--mobile-rows,2),minmax(var(--mobile-row-min,250px),1fr));grid-auto-flow:row;align-items:stretch;align-content:stretch;gap:12px 8px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.phone.sketch-playing .sketch-mobile-lineup.mobile-hero{grid-template-rows:minmax(260px,1.15fr) minmax(230px,1fr)}
.phone.sketch-playing .sketch-mobile-lineup.mobile-hero>.character-spotlight:first-child{grid-column:1 / -1}
.phone.sketch-playing .sketch-mobile-lineup>.character-spotlight{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;gap:5px}
.phone.sketch-playing .sketch-mobile-lineup .character-art{flex:none;max-width:100%;max-height:none;width:auto;height:140px}
.phone.sketch-playing .sketch-mobile-lineup .character-name{font-size:var(--mobile-name-size,22px);line-height:1.1;max-width:100%;overflow-wrap:anywhere}
.phone.sketch-playing .sketch-mobile-lineup .character-points{font-size:var(--mobile-points-size,24px);line-height:1.1;max-width:100%;color:var(--teal);white-space:normal;overflow-wrap:anywhere}
.phone.sketch-playing .sketch-mobile-lineup .score-delta{font-size:var(--mobile-delta-size,14px);line-height:1.1;max-width:100%;white-space:normal}
.phone.sketch-playing .sketch-panel.sketch-watch-tv{height:100%;min-height:0;justify-content:center;align-items:center;gap:24px;container-type:inline-size}
.phone.sketch-playing .sketch-watch-tv .character-art{height:min(58dvh,calc(90cqw / var(--character-ratio)));max-width:100%;width:auto;flex:none}
.phone.sketch-playing .sketch-watch-tv>h2{font-size:clamp(32px,8vw,48px);line-height:1.1;margin:0}
@media(orientation:landscape){
 .phone.sketch-playing .sketch-panel:is(.sketch-score-panel,.sketch-final){padding:8px;gap:6px}
 .phone.sketch-playing .sketch-panel:is(.sketch-score-panel,.sketch-final)>h2{font-size:22px}
 .phone.sketch-playing .sketch-score-panel>.sketch-prompt{font-size:15px;padding:4px}
 .phone.sketch-playing .sketch-score-panel>p:last-child{font-size:14px}
 .phone.sketch-playing .sketch-panel.sketch-watch-tv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;justify-items:center}
 .phone.sketch-playing .sketch-watch-tv .character-art{height:min(80dvh,calc(45cqw / var(--character-ratio)))}
 .phone.sketch-playing .sketch-watch-tv>h2{font-size:clamp(30px,5vw,46px)}
}

.phone.sketch-playing .sketch-mobile-lineup:is([data-count='9'],[data-count='10'],[data-count='11'],[data-count='12']){--mobile-row-min:290px}
/* Campfire Census V1: stable full-screen percentage and prediction controls. */
.census-panel{position:relative;text-align:center;justify-content:center;align-items:center;min-height:0;overflow:auto}.census-panel h2{max-width:1100px;font-size:clamp(24px,3vw,52px)}.census-panel .question-meta{width:100%;flex-shrink:0}.census-timer{min-width:3ch;font-variant-numeric:tabular-nums}.census-tutorial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.census-tutorial section{padding:20px;border:2px solid #a77842;border-radius:24px;background:#fff1d6d9}.census-icon{display:block;font-size:64px;color:#ac4b23}.census-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:680px}.census-choices button{min-height:68px;white-space:normal}.census-choices .selected{background:#326e72;color:white;outline:3px solid #e9b44c}.census-value{font-size:clamp(48px,8vw,110px);font-weight:900;font-variant-numeric:tabular-nums}.census-adjust{display:flex;align-items:center;justify-content:center;gap:18px}.census-adjust button{min-width:56px}.census-panel input[type=range]{width:min(100%,600px);min-height:48px;accent-color:#b05b2b}.census-guessed{font-size:28px}.census-meter{height:24px;border:2px solid #a77842;border-radius:99px;width:min(85%,700px);overflow:hidden;background:#f6e7c7}.census-meter span{display:block;height:100%;width:calc(var(--truth)*1%);background:#326e72}.census-panel .character-stage{width:100%;min-height:0;flex:1}.census-panel .character-points{font-size:clamp(20px,2vw,38px)}.census-panel .character-name{font-size:clamp(20px,2vw,36px)}.phone.theme-campfire.playing #room{height:100dvh;display:flex;flex-direction:column;min-height:0}.phone.theme-campfire.playing #gameplay{flex:1;min-height:0;display:flex}.phone.theme-campfire.playing .census-panel{width:100%;padding:12px;gap:12px}.phone.theme-campfire.playing .room-heading{min-height:44px;flex-shrink:0}.phone.theme-campfire.playing .solomon-logo{height:44px;width:170px}.phone.theme-campfire.playing .census-panel h2{font-size:clamp(20px,5vw,30px);margin:0}.phone.theme-campfire.playing .character-stage{max-height:none;min-height:120px}.phone.theme-campfire.playing .character-art{max-height:45dvh}.phone.theme-campfire .census-choices{gap:8px}.phone.theme-campfire .census-choices button{font-size:18px;min-height:54px;padding:10px}.phone.theme-campfire .census-choices button:last-child:nth-child(odd){grid-column:1/-1}.census-final .winning-spotlight{transform:scale(1.05)}.census-final .runner-up-spotlight .character-art{max-height:65%}
.winning-spotlight{position:relative}.winner-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.winner-confetti i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:calc(var(--size) * 1.4);background:var(--colour);animation:winner-fall var(--duration) var(--delay) cubic-bezier(.2,.55,.65,1) forwards;opacity:0}@keyframes winner-fall{0%{opacity:1;transform:translate(0,-20px) rotate(var(--tilt))}35%{transform:translate(calc(var(--drift) * -.25),14vh) rotate(calc(var(--spin) * .35))}85%{opacity:1}100%{opacity:0;transform:translate(var(--drift),55vh) rotate(var(--spin))}}@media(prefers-reduced-motion:reduce){.winner-confetti{display:none}}.sketch-guess-form input{text-transform:uppercase}
.phone.theme-campfire.playing #room{height:auto;flex:1;max-height:100%;min-height:0}.phone.theme-campfire.playing .census-panel{overflow:auto;justify-content:safe center}.phone.theme-campfire.playing .census-panel .mobile-results-characters{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(180px,1fr);align-content:start;overflow:auto;overscroll-behavior:contain}.phone.theme-campfire.playing .mobile-results-characters .character-art{height:140px}.phone.theme-campfire.playing .mobile-results-characters .character-name,.phone.theme-campfire.playing .mobile-results-characters .character-points{font-size:20px}.phone.theme-campfire.playing .census-panel .character-stage:not(.mobile-results-characters){display:flex;flex-direction:column;align-items:center;justify-content:center}.phone.theme-campfire.playing .census-panel .character-stage:not(.mobile-results-characters) .character-art{height:clamp(120px,36dvh,320px);width:auto}.host.theme-campfire.playing .census-final{display:grid;grid-template-columns:repeat(var(--census-columns,3),minmax(0,1fr));grid-template-rows:repeat(var(--census-rows,1),minmax(0,1fr));gap:12px;overflow:hidden}.host.theme-campfire.playing .census-final .character-spotlight{height:100%;min-height:0}.host.theme-campfire.playing .census-final .character-name,.host.theme-campfire.playing .census-final .character-points{font-size:clamp(14px,1.8vw,32px)}
@media(orientation:landscape) and (max-height:500px){.phone.theme-campfire.playing .room-heading{display:none}.phone.theme-campfire.playing .census-panel{gap:5px;padding:8px}.phone.theme-campfire.playing .census-panel h2{font-size:18px}.phone.theme-campfire .census-choices{gap:5px}.phone.theme-campfire .census-choices button{min-height:44px;padding:6px;font-size:16px}.phone.theme-campfire .census-guessed{font-size:19px}.phone.theme-campfire .census-panel .character-stage:not(.mobile-results-characters) .character-art{height:32dvh}.phone.theme-campfire .census-value{font-size:46px}.phone.theme-campfire .census-panel input[type=range]{min-height:32px}}
.phone.theme-campfire.playing .census-panel>.census-guessed{font-size:22px;line-height:1.15}.phone.theme-campfire.playing .census-panel>.census-choices button{font-size:16px;line-height:1.2;padding:10px 6px;min-height:48px}.phone.theme-campfire.playing .census-panel>h2{font-size:22px;line-height:1.12}.phone.theme-campfire.playing .census-panel>.question-meta{min-height:20px;flex:none}.phone.theme-campfire.playing .census-panel>button{flex-shrink:0;min-height:44px}.phone.theme-campfire.playing .census-panel>small{font-size:11px}.phone.theme-campfire.playing .census-panel .census-choices{flex-shrink:0}
@media(orientation:landscape) and (max-height:500px){.phone.theme-campfire.playing .census-panel>h2{font-size:18px}.phone.theme-campfire.playing .census-panel>.census-guessed{font-size:18px}.phone.theme-campfire.playing .census-panel>.census-choices button{min-height:44px;padding:6px}.phone.theme-campfire.playing .census-panel{gap:4px}.phone.theme-campfire.playing .census-panel .census-choices{max-width:550px}}
.host.theme-campfire.playing .census-panel{min-width:0;width:100%}.host.theme-campfire.playing .census-roster{min-width:0;display:grid;grid-template-columns:repeat(var(--census-columns,3),minmax(0,1fr));grid-template-rows:repeat(var(--census-rows,1),minmax(0,1fr));gap:8px;width:100%;overflow:hidden;align-items:stretch}.host.theme-campfire.playing .census-roster .character-spotlight{width:100%;height:100%;min-width:0;min-height:0;justify-content:center;gap:4px}.host.theme-campfire.playing .census-roster .character-name,.host.theme-campfire.playing .census-roster .character-points{font-size:clamp(14px,1.4vw,26px);line-height:1.1;max-width:100%;overflow-wrap:anywhere}.host.theme-campfire.playing .census-roster .character-art{max-width:100%;min-height:0}.host.theme-campfire.playing .census-panel>p{margin:4px 0}.host.theme-campfire.playing .census-final{overflow:visible}.phone.theme-campfire.playing .census-panel>.census-mobile-lineup{flex:1;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:repeat(var(--mobile-columns,2),minmax(0,1fr));grid-template-rows:repeat(var(--mobile-rows,2),minmax(250px,1fr));align-items:stretch;align-content:stretch;gap:12px 8px;overflow:auto;overscroll-behavior:contain}.phone.theme-campfire.playing .census-mobile-lineup.mobile-hero{grid-template-rows:minmax(260px,1.15fr) minmax(230px,1fr)}.phone.theme-campfire.playing .census-mobile-lineup.mobile-hero>.character-spotlight:first-child{grid-column:1/-1}.phone.theme-campfire.playing .census-mobile-lineup>.character-spotlight{width:100%;height:100%;min-height:0;display:flex;justify-content:center;align-items:center;gap:5px}.phone.theme-campfire.playing .census-mobile-lineup .character-art{flex:none;max-height:none;max-width:100%}.phone.theme-campfire.playing .census-mobile-lineup .character-name{font-size:var(--mobile-name-size,22px);line-height:1.1}.phone.theme-campfire.playing .census-mobile-lineup .character-points{font-size:var(--mobile-points-size,24px);line-height:1.1}

/* v0.33: the reveal gives the cast the stage and the passage a full-width footer. */
.host.phase-reveal .question-panel>h2{font-size:clamp(18px,1.7vw,30px);line-height:1.2;margin:0}
.host.phase-reveal .reveal-footer .answer-reactions{width:100%;grid-auto-flow:row;grid-template-columns:repeat(var(--stage-count),minmax(0,1fr));grid-template-rows:minmax(0,1fr);align-items:stretch;gap:12px}
.host.phase-reveal .answer-reactions .character-spotlight{height:100%;justify-content:flex-end;gap:4px}
.host.phase-reveal .answer-reactions .character-name,.host.phase-reveal .answer-reactions .character-points{font-size:clamp(15px,1.7vw,30px)}
.host.phase-reveal .player-answer{font-size:clamp(13px,1.35vw,24px);line-height:1.15;text-align:center;overflow-wrap:anywhere;max-width:100%;white-space:normal}
.host.phase-reveal .reveal-details{display:block;padding:8px 18px;text-align:center}
.host.phase-reveal .reveal-details .scripture{width:100%}
.host.phase-reveal .scripture blockquote{font-size:clamp(18px,1.6vw,28px);margin:4px 0}
.host.phase-reveal .scripture small{display:block;font-size:9px;line-height:1.1;opacity:.65}
.host.phase-reveal #voice-status:empty{display:none}
.host.phase-reveal .answer-reactions:is([data-count="7"],[data-count="8"],[data-count="9"],[data-count="10"],[data-count="11"],[data-count="12"]){grid-template-columns:repeat(var(--stage-count),minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:6px}
.host.phase-reveal .answer-reactions:is([data-count="7"],[data-count="8"],[data-count="9"],[data-count="10"],[data-count="11"],[data-count="12"]) :is(.character-name,.character-points,.player-answer){font-size:clamp(11px,1.1vw,19px)}
.phone.sketch-playing .sketch-caption .caption-status{justify-content:center;min-height:28px;width:100%;margin:0}
.phone.sketch-playing .sketch-caption .caption-status .sketch-timer{justify-content:center;text-align:center;width:100%}

.host.phase-reveal .player-answer{border-radius:14px;padding:5px 10px;width:100%;border:1px solid;min-height:28px;display:flex;align-items:center;justify-content:center;font-weight:700}.host.phase-reveal .player-answer.answer-correct{background:#deedcf;border-color:#668d4d;color:#285428}.host.phase-reveal .player-answer.answer-incorrect{background:#f6d7d0;border-color:#c7796f;color:#85332b}.host.phase-reveal .answer-reactions[data-count="12"] .player-answer{padding:4px 3px}
/* Campfire Census: ink-and-gouache presenters and a rotary phone dial. */
.host.theme-campfire .census-introduction{gap:12px;overflow:hidden}.census-theatre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:20px;align-items:center;width:100%;flex:1;min-height:0}.census-speaker{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.census-puppet{width:100%;aspect-ratio:3/4;max-height:100%;background-repeat:no-repeat;background-size:200% 100%;background-position:0 0;transform-origin:50% 95%}.census-puppet.moses{background-image:url('/assets/census-moses-poses-v1.png')}.census-puppet.aaron{background-image:url('/assets/census-aaron-poses-v1.png');transform:scaleX(-1)}.census-puppet.talking-pose{background-position:100% 0}.census-speaker.talking .census-puppet.moses{animation:census-talk .5s ease-in-out infinite alternate}.census-speaker.talking .census-puppet.aaron{animation:census-aaron-talk .45s ease-in-out infinite alternate}.census-speaker>strong{font-size:clamp(18px,2vw,30px);color:#573725}.census-teaching{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.census-demo{border:2px solid #ba8b4d;border-radius:24px;background:#fff1d8;padding:12px;width:min(100%,360px);transition:transform .2s}.census-demo[hidden]{display:none}.census-demo.active{transform:scale(1.04);box-shadow:0 0 30px #e8b75e88}.census-demo h3{margin:0 0 8px;font-size:clamp(18px,2vw,30px)}.census-demo-phone{border:5px solid #5b4035;border-radius:22px;min-height:140px;display:flex;align-items:center;justify-content:center;white-space:pre-line;padding:12px;font-size:clamp(20px,2.3vw,36px);line-height:1.6;color:#326e72;font-weight:800;background:#fff8e9}.census-subtitle{min-height:3em;max-width:950px;font-size:clamp(16px,1.8vw,27px);line-height:1.3;margin:0}.census-dial{position:relative;width:clamp(130px,34dvh,250px);aspect-ratio:1;border-radius:50%;flex:none;touch-action:none;cursor:grab;border:5px solid #694d3a;box-shadow:inset 0 0 0 8px #f6dcac,0 8px 15px #57392522;background:conic-gradient(from 225deg,#c17532 0deg var(--dial-progress),#dfbf88 var(--dial-progress) 270deg,#f8e9d1 270deg 360deg);display:flex;align-items:center;justify-content:center}.census-dial:focus-visible{outline:4px solid #326e72;outline-offset:4px}.census-dial:active{cursor:grabbing}.dial-output{position:relative;display:flex;align-items:center;justify-content:center;width:76%;aspect-ratio:1;border-radius:50%;background:#fff5df;color:#326e72;font-size:clamp(30px,6vw,52px);font-weight:900;pointer-events:none}.dial-needle{position:absolute;width:6px;height:48%;left:calc(50% - 3px);top:2%;transform-origin:50% 100%;transform:rotate(var(--dial-angle));background:#4b3226;z-index:1;border-radius:8px;pointer-events:none}.census-scale{font-size:14px}.phone.theme-campfire .census-estimating{gap:12px}.phone.theme-campfire .census-estimating .census-adjust{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;width:min(100%,400px)}.census-prediction{width:min(100%,650px);display:grid;grid-template-rows:auto minmax(56px,1fr) auto;gap:12px}.prediction-high,.prediction-low{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prediction-high>button:only-child,.prediction-low>button:only-child{grid-column:1/-1}.census-prediction .census-guessed{font-size:clamp(44px,12vw,82px);line-height:1.1;align-self:center;color:#326e72}.phone.theme-campfire .census-prediction button{min-height:54px;padding:10px 6px;font-size:18px}.prediction-exact{width:min(100%,650px)}.prediction-exact button{width:100%;min-height:44px}.census-predicting button.selected{background:#326e72;color:white;outline:3px solid #b88645}.census-evidence{border-radius:18px;background:#fff0d2;padding:12px 20px;width:100%;font-size:clamp(15px,1.5vw,23px)}.census-evidence p{margin:4px 0}.census-evidence small{font-size:.7em}.host.theme-campfire .census-reveal-question{font-size:clamp(16px,1.4vw,24px)}.census-timer{min-height:24px}.phone.theme-campfire .census-panel{overflow:hidden}.host.phase-census-reveal .census-roster{flex:1;min-height:0}.host.theme-campfire .census-waiting .census-roster{max-width:900px}.phone.theme-campfire .census-panel .census-roster:not(.mobile-results-characters){width:100%;display:flex;justify-content:center}.phone.theme-campfire .census-waiting .character-spotlight{max-width:100%;width:100%}.phone.theme-campfire .census-waiting .character-points{font-size:clamp(20px,5vw,30px)}
@keyframes census-talk{to{transform:rotate(-1.2deg) translateY(-3px)}}@keyframes census-aaron-talk{to{transform:scaleX(-1) rotate(-1.5deg) translateY(-3px)}}
@media(max-height:650px){.host.theme-campfire .census-introduction{gap:6px}.census-demo-phone{min-height:100px;padding:8px}.census-subtitle{font-size:17px}.host.theme-campfire .census-panel .census-evidence{padding:6px 10px}.host.theme-campfire .census-panel>h2{font-size:26px}}
@media(orientation:landscape) and (max-height:500px){.phone.theme-campfire .census-estimating{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto auto auto;align-content:center;gap:6px 14px}.phone.theme-campfire .census-estimating>.question-meta{grid-column:1/-1}.phone.theme-campfire .census-estimating>h2{grid-column:1;grid-row:2}.phone.theme-campfire .census-estimating>.census-dial{grid-column:2;grid-row:2/4;width:150px}.phone.theme-campfire .census-estimating>.census-adjust{grid-column:1;grid-row:3}.phone.theme-campfire .census-estimating>button{grid-column:1/-1}.phone.theme-campfire .dial-output{font-size:34px}.phone.theme-campfire .census-predicting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto auto auto;align-content:center;gap:5px 12px}.phone.theme-campfire .census-predicting>.question-meta{grid-column:1/-1}.phone.theme-campfire .census-predicting>h2{grid-column:1;grid-row:2}.phone.theme-campfire .census-predicting>.census-prediction{grid-column:2;grid-row:2/5;gap:5px}.phone.theme-campfire .census-predicting>.prediction-exact,.phone.theme-campfire .census-predicting>small,.phone.theme-campfire .census-predicting>button{grid-column:1}.phone.theme-campfire .census-prediction button{min-height:44px;font-size:15px;padding:4px}.phone.theme-campfire .census-prediction .census-guessed{font-size:42px}}
@media(prefers-reduced-motion:reduce){.census-speaker.talking .census-puppet{animation:none!important}.census-demo.active{transform:none}}

.dial-needle{background:linear-gradient(#4b3226 0 22%,transparent 22%)}

/* v0.35: Census campfire instruments, parchment panels and a quiet shared reveal. */
.theme-campfire{--census-brass:#c79b55;--census-dark:#234d4a;--census-cream:#fff4dc;--census-copper:#93502c;--census-ink:#3e3025}
.theme-campfire.playing .census-panel{border:1px solid #c2a16e;border-radius:28px;background:radial-gradient(ellipse at 50% 0,#fffaf0 0,#fff3db 55%,#ecdcba 100%);box-shadow:inset 0 0 0 5px #fffaec,inset 0 0 0 7px #d7ba86,0 12px 32px #2e271640;color:var(--census-ink);gap:12px;padding:24px 30px;isolation:isolate;overflow:hidden}
.theme-campfire.playing .census-panel::before{content:'';position:absolute;inset:10px;border:1px solid #b98b4540;border-radius:20px;pointer-events:none;z-index:-1}
.theme-campfire.playing .census-panel>h2{color:#3f392d;letter-spacing:-.025em;text-wrap:balance;margin:4px 0;line-height:1.2}
.theme-campfire.playing .census-panel .question-meta{min-height:28px;letter-spacing:1.4px;font-size:11px;color:#826541;align-items:center}
.theme-campfire.playing .census-timer{display:flex;align-items:center;justify-content:center;min-width:38px;height:28px;font-size:18px;color:var(--census-dark);letter-spacing:0}
.theme-campfire.playing button{border:1px solid #163b36;border-radius:15px;background:linear-gradient(#38736a,#28584f);box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #163c35,0 5px 12px #18393018;letter-spacing:.2px;transition:background .12s,box-shadow .12s}
.theme-campfire.playing button:active:not(:disabled){box-shadow:inset 0 2px 5px #173e39aa,0 1px 0 #183c36}
.theme-campfire.playing .census-panel>.census-reveal-question{font:500 clamp(16px,1.65vw,28px)/1.25 Georgia,serif;max-width:1000px;text-wrap:balance;color:#766449;margin:0}
.theme-campfire.playing .census-answer{display:block;font:800 clamp(64px,8.5vw,144px)/1 Georgia,serif;letter-spacing:-.04em;color:var(--census-dark);text-shadow:0 2px 0 #fff8ea;flex:none;padding:0 0 10px}
.theme-campfire.playing .census-revealing .census-roster{flex:1;min-height:0}
.host.theme-campfire.playing .census-roster .character-name{font-size:clamp(16px,1.9vw,34px);color:#3e382b}
.host.theme-campfire.playing .census-roster .character-points{font-size:clamp(16px,2vw,36px);color:var(--census-dark)}
.host.theme-campfire.playing .census-roster[data-count="12"] :is(.character-name,.character-points){font-size:clamp(14px,1.3vw,24px)}
.census-earned .character-points{background:#dce8c6;color:#315337;border:1px solid #91ac6b;border-radius:99px;padding:3px 14px}.census-missed .character-points{color:#8e6049!important}
.census-host-guess{display:flex;flex-direction:column;align-items:center;gap:0}.census-host-guess>span{font-size:clamp(15px,1.6vw,28px);color:#81623c}.host.theme-campfire.playing .census-value{font:800 clamp(64px,8vw,130px)/1 Georgia,serif;color:var(--census-dark);letter-spacing:-.03em}.census-lock-status{border:1px solid #bca77c;border-radius:50px;background:#fff8e7;padding:5px 22px;color:#806443;font-size:14px}
.host.theme-campfire.playing .census-host-predicting .census-roster{flex:1;min-height:0}.host.theme-campfire.playing .census-host-predicting>h2{font-size:clamp(24px,2.9vw,48px)}
.phone.theme-campfire.playing .room-heading{display:none}.phone.theme-campfire.playing main{padding:10px}.phone.theme-campfire.playing .census-panel{padding:16px 18px;gap:12px;border-radius:24px;justify-content:center;overflow:hidden}.phone.theme-campfire.playing .census-panel>h2{font-size:clamp(19px,5.3vw,29px);line-height:1.2;margin:0;max-width:530px}.phone.theme-campfire.playing .census-panel>.question-meta{min-height:24px}.phone.theme-campfire.playing .census-panel>button{width:min(100%,400px);min-height:50px;text-transform:uppercase;font-size:14px;letter-spacing:1.4px;margin-top:5px}.phone.theme-campfire.playing .census-panel .character-name{font-size:clamp(24px,7vw,34px)}.phone.theme-campfire.playing .census-waiting .character-points{font-size:clamp(18px,5vw,27px);line-height:1.3;max-width:330px;text-wrap:balance;white-space:normal}.phone.theme-campfire.playing .census-waiting .census-roster{min-height:0}.phone.theme-campfire.playing .census-waiting .character-art{height:clamp(150px,42dvh,400px);max-height:48dvh}.phone.theme-campfire.playing .census-revealing .census-answer{font-size:clamp(58px,18vw,90px);padding:0}.phone.theme-campfire.playing .census-revealing>.census-reveal-question{font-size:15px;line-height:1.2}.phone.theme-campfire.playing .census-revealing .character-art{height:clamp(100px,30dvh,280px);max-height:35dvh}
/* Brass bezels and a textured cream dial face. The marks never catch touches. */
.phone.theme-campfire.playing .census-dial{width:clamp(160px,33dvh,280px);border:3px solid #6c4b2d;background:conic-gradient(from 225deg,#f1cd83 0deg var(--dial-progress),#86643f var(--dial-progress) 270deg,#c4a577 270deg 360deg);box-shadow:inset 0 0 0 3px #f3d59a,inset 0 0 0 7px #846244,0 2px 0 #fae4b8,0 10px 0 -2px #7a593b,0 15px 24px #63492638;overflow:visible}
.census-dial::before{content:'';position:absolute;inset:12px;border-radius:50%;background:repeating-conic-gradient(#b28b56 0deg 2deg,#ebd2a1 2deg 5deg);box-shadow:inset 0 0 7px #5e3f24;pointer-events:none}
.dial-face{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle at 35% 20%,#fffdf4,#f3e4bf 72%,#d3b77e);border:3px solid #d4b174;box-shadow:inset 0 2px 5px #fffefa,0 3px 9px #62462655;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.phone.theme-campfire.playing .dial-output{position:static;border-radius:0;width:auto;aspect-ratio:auto;background:none;font:800 clamp(34px,10vw,60px)/1.1 Georgia,serif;color:var(--census-dark);letter-spacing:-.035em;box-shadow:none}.dial-caption{font-size:8px!important;letter-spacing:1.8px;color:#8c6d42;font-weight:800;margin-bottom:6px}
.dial-marks{position:absolute;inset:4%;pointer-events:none;z-index:1}.dial-marks i{position:absolute;inset:0;transform:rotate(var(--tick-angle))}.dial-marks i::before{content:'';position:absolute;top:4%;left:calc(50% - 1px);width:2px;height:6%;border-radius:2px;background:#65472d}.dial-marks i.major::before{height:9%;width:3px;background:#513726}.phone.theme-campfire.playing .dial-needle{top:0%;height:50%;width:8px;left:calc(50% - 4px);background:linear-gradient(#2b5e54 0 13%,transparent 13%);filter:drop-shadow(0 1px 1px #3e2b21);z-index:3}
.phone.theme-campfire.playing .census-estimating .census-adjust{width:min(100%,330px);grid-template-columns:46px 1fr 46px;gap:14px;margin-top:2px}.phone.theme-campfire.playing .census-adjust button{border-radius:50%;width:46px;height:46px;font-size:25px;background:linear-gradient(#fffaf0,#e9d8ad);color:#61492c;border:1px solid #a58453;box-shadow:inset 0 1px 0 #fff,0 2px 0 #b29464}.phone.theme-campfire.playing .census-scale{font-size:13px;color:#846a47;font-weight:700}
/* Every choice has its own full-width row in the requested order. */
.phone.theme-campfire.playing .census-prediction{width:min(100%,420px);grid-template-rows:auto auto auto;gap:10px;flex:none}.phone.theme-campfire.playing .prediction-high,.phone.theme-campfire.playing .prediction-low{display:grid;grid-template-columns:1fr;gap:8px}.phone.theme-campfire.playing .census-prediction button{width:100%;min-height:48px;padding:9px 16px;font-size:18px;border:1px solid #b29766;background:linear-gradient(#fffaf0,#ebddbb);color:#655030;box-shadow:inset 0 1px 0 #fff,0 3px 0 #c0a571;text-align:center;position:relative}.phone.theme-campfire.playing .prediction-high button::before{content:'↑';position:absolute;left:18px;font-size:22px}.phone.theme-campfire.playing .prediction-low button::before{content:'↓';position:absolute;left:18px;font-size:22px}.phone.theme-campfire.playing .census-prediction button[data-prediction^="much-"]{background:linear-gradient(#ead9b3,#ddc292);color:#66502f}.phone.theme-campfire.playing .census-prediction button.selected{background:linear-gradient(#3f7a6d,#28574d);color:#fff7df;border-color:#1e483e;outline:2px solid #e5b85f;outline-offset:1px;box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #183c33}.phone.theme-campfire.playing .census-guessed{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;padding:10px 4px;color:var(--census-dark);font-size:inherit}.phone.theme-campfire.playing .census-guessed>span{font-size:16px;line-height:1.2;color:#92703f;max-width:100%;overflow-wrap:anywhere}.phone.theme-campfire.playing .census-guessed>strong{font:800 clamp(44px,14vw,70px)/1 Georgia,serif;letter-spacing:-.04em}.phone.theme-campfire.playing .census-predicting>h2{font-size:20px}
@media(max-height:650px){.host.theme-campfire.playing .census-panel{padding:16px 22px;gap:8px}.host.theme-campfire.playing .census-answer{font-size:70px;padding-bottom:0}.phone.theme-campfire.playing .census-panel{gap:8px;padding:12px 16px}.phone.theme-campfire.playing .census-prediction{gap:7px}.phone.theme-campfire.playing .census-guessed{padding:6px 0}.phone.theme-campfire.playing .census-guessed>strong{font-size:46px}.phone.theme-campfire.playing .census-prediction button{min-height:44px;padding:7px 12px;font-size:17px}.phone.theme-campfire.playing .census-panel>button{min-height:44px;margin-top:2px}.phone.theme-campfire.playing .census-estimating>h2{font-size:20px}}
@media(orientation:landscape) and (max-height:500px){.phone.theme-campfire.playing main{padding:6px}.phone.theme-campfire.playing .census-panel{padding:10px 14px;gap:5px}.phone.theme-campfire.playing .census-estimating{grid-template-columns:minmax(0,1fr) 155px;gap:4px 12px}.phone.theme-campfire.playing .census-dial{width:150px}.phone.theme-campfire.playing .dial-output{font-size:36px}.phone.theme-campfire.playing .dial-caption{font-size:6px!important;letter-spacing:1px;margin-bottom:3px}.phone.theme-campfire.playing .census-adjust button{width:38px;height:38px;min-height:38px}.phone.theme-campfire.playing .census-estimating .census-adjust{grid-template-columns:38px 1fr 38px;gap:5px}.phone.theme-campfire.playing .census-predicting{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:5px 14px}.phone.theme-campfire.playing .census-predicting>.census-prediction{grid-column:2;grid-row:1/5;gap:5px}.phone.theme-campfire.playing .census-predicting>.question-meta{grid-column:1;grid-row:1}.phone.theme-campfire.playing .census-predicting>h2{grid-column:1;grid-row:2;font-size:20px}.phone.theme-campfire.playing .census-predicting>button{grid-column:1;grid-row:3;align-self:end}.phone.theme-campfire.playing .prediction-high,.phone.theme-campfire.playing .prediction-low{gap:5px}.phone.theme-campfire.playing .census-prediction button{min-height:40px;padding:5px 12px;font-size:15px}.phone.theme-campfire.playing .census-guessed{gap:0;padding:4px}.phone.theme-campfire.playing .census-guessed>strong{font-size:36px}.phone.theme-campfire.playing .census-guessed>span{font-size:12px}.phone.theme-campfire.playing .census-revealing .census-answer{font-size:44px}.phone.theme-campfire.playing .census-revealing .character-art{height:80px;max-height:27dvh}.phone.theme-campfire.playing .census-waiting .character-art{height:140px;max-height:46dvh}.phone.theme-campfire.playing .census-waiting .character-name{font-size:20px}.phone.theme-campfire.playing .census-waiting .character-points{font-size:16px}}

/* v0.36: a lantern-lit camp, woven travellers and fire-warmed controls. */
.theme-campfire{--census-dark:#62351f;--census-brass:#b47d46;--census-copper:#a35c33;--census-ink:#413025}
.theme-campfire.playing .census-panel{border-color:#855b35;background:radial-gradient(ellipse at 50% 110%,#f5d5a9 0,#f6e8cceF 55%,#fff5dfF5 100%);box-shadow:inset 0 0 0 5px #edd8b4,inset 0 0 0 7px #a57b4a,0 12px 32px #25190f66}
.theme-campfire.playing .census-panel::before{border-color:#98724955}.theme-campfire.playing button{border-color:#61341e;background:linear-gradient(#b86d40,#8a482b);box-shadow:inset 0 1px 0 #ffdfb150,0 3px 0 #61331f,0 6px 12px #542c201e;color:#fff7e4}.theme-campfire.playing button:active:not(:disabled){box-shadow:inset 0 2px 5px #53281899,0 1px 0 #653821}
.theme-campfire.playing .census-chapter{color:#89603a;letter-spacing:.3px;font-weight:600}.census-chapter-name{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.2 Georgia,serif}.census-chapter-name::before{content:'';width:18px;height:24px;flex:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath fill='%23a95b32' d='M12 1C17 8 23 13 21 21C19 29 5 29 3 21C1 14 9 10 12 1Z'/%3E%3Cpath fill='%23efb566' d='M12 13C15 17 19 19 17 23C15 28 8 28 7 23C6 20 10 17 12 13Z'/%3E%3Cpath stroke='%23634228' stroke-width='3' stroke-linecap='round' d='M3 28L21 31M3 31L21 28'/%3E%3C/svg%3E")}
.phone.theme-campfire.playing .census-panel .census-chapter{font-size:12px;letter-spacing:0}.phone.theme-campfire.playing .census-chapter-name{font-size:12px;gap:6px}.theme-campfire.playing .census-timer{color:#814829}
.phone.theme-campfire.playing .census-dial{border-color:#674526;background:conic-gradient(from 225deg,#c77942 0deg var(--dial-progress),#9e7445 var(--dial-progress) 270deg,#634529 270deg 360deg);box-shadow:inset 0 0 0 3px #ddb67d,inset 0 0 0 7px #765435,0 2px 0 #e1bf8b,0 10px 0 -2px #56391f,0 15px 24px #56371e38}.phone.theme-campfire.playing .census-dial::before{background:repeating-conic-gradient(#957144 0deg 2deg,#d7bb88 2deg 5deg);box-shadow:inset 0 0 7px #56381f}.phone.theme-campfire.playing .dial-face{background:radial-gradient(circle at 35% 20%,#fff6dd,#e9d1a4 72%,#c19a61);border-color:#b68e53;box-shadow:inset 0 2px 5px #fff3d3,0 3px 9px #563b2455}.phone.theme-campfire.playing .dial-output{color:#65371f}.phone.theme-campfire.playing .dial-needle{background:linear-gradient(#9b4c29 0 13%,transparent 13%)}.phone.theme-campfire.playing .census-dial:focus-visible{outline-color:#a8522c}
.phone.theme-campfire.playing .census-adjust button{width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px;max-height:46px;aspect-ratio:1;padding:0;border-radius:50%;line-height:1;place-self:center;font-size:26px;color:#663d24;background:linear-gradient(#f3d9ac,#d4ae74);box-shadow:inset 0 1px 0 #fff1cc,0 2px 0 #9a7446;border-color:#977046}
.phone.theme-campfire.playing .census-prediction button{background:linear-gradient(#f4e0bb,#ddbe8c);color:#6a4527;border-color:#ae8753;box-shadow:inset 0 1px 0 #fff0ce,0 3px 0 #ae8753}.phone.theme-campfire.playing .census-prediction button[data-prediction^="much-"]{background:linear-gradient(#e7c895,#cba36d);color:#644021}.phone.theme-campfire.playing .census-prediction button.selected{background:linear-gradient(#b96d42,#82432a);color:#fff5df;outline-color:#f3c57e;border-color:#60331f;box-shadow:inset 0 1px 0 #ffe0bd40,0 3px 0 #65341f}.phone.theme-campfire.playing .census-guessed>span{color:#996c3e}.phone.theme-campfire.playing .census-guessed>strong{color:#65381f}
.census-player-answer{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid;border-radius:12px;padding:4px 12px;max-width:100%;font-size:clamp(13px,1.3vw,24px);line-height:1.15;font-weight:750;text-align:center;overflow-wrap:anywhere}.census-player-answer.answer-correct{color:#385838;border-color:#88a673;background:#dce8cc}.census-player-answer.answer-incorrect{color:#8c3e2d;border-color:#bc806d;background:#f0d2bd}.host.theme-campfire.playing .census-revealing .character-spotlight{justify-content:flex-end}.host.theme-campfire.playing .census-roster[data-count="12"] .census-player-answer{font-size:clamp(12px,1.1vw,19px);padding:3px 8px;min-height:24px}.phone.theme-campfire.playing .census-player-answer{font-size:17px;padding:5px 18px}
.host.theme-campfire.playing .census-final .winning-spotlight{transform:none}.host.theme-campfire.playing .census-final .runner-up-spotlight .character-art{max-height:none}.census-congratulations{font:600 clamp(18px,2.2vw,36px)/1.2 Georgia,serif;max-width:1200px;text-wrap:balance;color:#89522e;flex:none}.phone.theme-campfire.playing .census-congratulations{font-size:18px;margin:0!important}.phone.theme-campfire.playing .census-panel:has(.census-mobile-lineup)>h2{font-size:23px}
@media(orientation:landscape) and (max-height:500px){.phone.theme-campfire.playing .census-adjust button{width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;font-size:22px}.phone.theme-campfire.playing .census-revealing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:6px 16px;align-content:center;justify-items:center}.phone.theme-campfire.playing .census-revealing>.census-chapter{grid-column:1;grid-row:1}.phone.theme-campfire.playing .census-revealing>.census-reveal-question{grid-column:1;grid-row:2;font-size:15px}.phone.theme-campfire.playing .census-revealing>.census-answer{grid-column:1;grid-row:3;align-self:start;font-size:48px}.phone.theme-campfire.playing .census-revealing>.census-roster{grid-column:2;grid-row:1/4;align-self:stretch;min-height:0}.phone.theme-campfire.playing .census-revealing .character-art{height:115px;max-height:40dvh}.phone.theme-campfire.playing .census-player-answer{font-size:14px;min-height:24px;padding:3px 12px}.phone.theme-campfire.playing .census-congratulations{font-size:15px}}

.theme-campfire.playing .census-demo-phone{color:#89502c;border-color:#6f4b31;background:#fff0d2}.theme-campfire.playing .census-demo.active{box-shadow:0 0 30px #dd8d4266}

/* v0.39: the royal court and papercut ark each keep their own palette. */
.theme-solomon{--paper:#f8f9fd;--ink:#17294b;--teal:#315cc0;--blue:#234b9d;--gold:#d7af57;--court-line:#c9d3e7;background:#eaf0fb;color:var(--ink)}
.host.theme-solomon{background:linear-gradient(145deg,#10244be0,#254b9b85 55%,#152b55bd),url('/assets/courtyard.png') center/cover fixed}
.phone.theme-solomon{background:radial-gradient(ellipse at 50% 0,#e1eafa,#f7f9fd 70%)}
.theme-solomon button:not(.icon-button,.remove,.avatar-choice,.game,.answer-tile){background:linear-gradient(#3b65c5,#254992);border:1px solid #22417b;box-shadow:inset 0 1px 0 #ffffff38,0 3px 0 #173367,0 5px 12px #12295122;color:#fffdf6}
.theme-solomon button:focus-visible,.theme-solomon input:focus-visible,.theme-solomon select:focus-visible{outline-color:#ac812c}
.theme-solomon .code-box{background:linear-gradient(135deg,#173566,#244d99);border-color:#d7af57;color:#fff9e7;box-shadow:inset 0 0 0 1px #ffffff20,0 5px 20px #07193240}
.theme-solomon .code-box small{color:#e5c778}.theme-solomon .code-box strong{color:#fff7dc}
.theme-solomon .question-panel{background:linear-gradient(145deg,#fffffffa,#edf2fcf7);border-color:#cfaf64;box-shadow:inset 0 0 0 1px #ffffff,0 10px 30px #071a3d30}
.theme-solomon .question-meta{color:#47628d}.theme-solomon .timer{color:#254b94}
.theme-solomon .answer-tile{background:#fff;border-color:#c2cee3;color:#17294b;box-shadow:0 3px 8px #16366e0d}
.theme-solomon .answer-tile.selected{background:#e4ecfc;border-color:#315cc0;box-shadow:inset 0 0 0 1px #315cc0,0 3px 8px #315cc01a}
.theme-solomon .option-letter{background:linear-gradient(#355fb5,#244580);color:#fff7df;box-shadow:inset 0 0 0 1px #e6c87b66}
.theme-solomon .answer-tile.correct{background:#e4f1e3;border-color:#3f7950;color:#215232}
.theme-solomon .answer-tile.correct .option-letter{background:#376d48;color:#fff}
.theme-solomon .order-row,.theme-solomon .match-row{background:#fff;border-color:#c2cee3;color:#17294b}
.theme-solomon input,.theme-solomon select{background:#fff;border-color:#b9c8e1;color:#17294b;accent-color:#315cc0}
.theme-solomon .character-name{color:#17294b}.theme-solomon .character-points{color:#244d99}
.theme-solomon .scripture{border-color:#c3cee2}.theme-solomon .scripture>strong{color:#244d99}
.theme-solomon .micro,.theme-solomon .badge,.theme-solomon .scripture small{color:#526381}
.theme-solomon .player-answer.answer-correct{background:#deefdf;border-color:#6b9c72;color:#23532e}
.theme-solomon .player-answer.answer-incorrect{background:#f7e2e2;border-color:#c98b8b;color:#8b333b}
.theme-solomon .tutorial-phone{background:#f4f7fd;border-color:#213d70;box-shadow:0 7px 18px #19376b26}
.theme-solomon .tutorial-step.active-step .tutorial-phone{outline-color:#d7af57;box-shadow:0 0 24px #ddb75466}
.theme-solomon .tutorial-lock,.theme-solomon .tutorial-locked{background:#2e56a5;color:#fff8e1}
.theme-solomon .avatar-choice{background:#edf2fb;color:#17294b}.theme-solomon .avatar-choice.picked{background:#dde7fb;border-color:#315cc0}
.theme-solomon .portrait{border-color:#d7af57}.theme-solomon .player-card{background:#ecf1fa}
.host.theme-solomon #worlds,.host.theme-solomon #people-panel{background:#f7f9fdf0;border-color:#cfaf64;color:#17294b}
.host.theme-solomon .game{background:#fff;color:#17294b;border-color:#d9e1ee}.host.theme-solomon .game.selected{background:#e3ebfb;border-color:#315cc0}
.host.theme-solomon.lobby .player-card,.host.theme-solomon.playing .player-card{background:transparent}
.theme-solomon #status{color:#e5ecfa}.phone.theme-solomon #status{color:#526381}

.theme-sketch{--paper:#fff5e5;--ink:#25413f;--teal:#29756e;--blue:#b45c40;--gold:#dfa957;color:var(--ink)}
.host.theme-sketch{background:linear-gradient(145deg,#153c3c55,#55331d18 60%,#1d484a66),url('/assets/scroll-sketch-background.png') center/cover fixed}
.phone.theme-sketch{background:linear-gradient(155deg,#dcece7,#fff5e5 55%,#f4dfc4)}
.theme-sketch .sketch-panel{background:#eef4e8;border-color:#9caf95;box-shadow:inset 0 0 0 1px #f8fbf4,0 8px 24px #233f3826}
.theme-sketch button:not(.icon-button,.remove,.avatar-choice,.game,.sketch-tools button){background:linear-gradient(#34877e,#24685f);border:1px solid #1f5e55;box-shadow:inset 0 1px 0 #ffffff38,0 3px 0 #1c514b;color:#fffaf0}
.theme-sketch button:focus-visible,.theme-sketch input:focus-visible{outline-color:#b66040}
.theme-sketch .code-box{background:#e5efe8;border-color:#b99361;color:#25413f}
.theme-sketch .sketch-prompt{background:#f4e2cc;color:#87492f;border-color:#d1ad7e;border-radius:14px}
.theme-sketch .sketch-turn-heading,.theme-sketch .caption-status{color:#426760}
.theme-sketch .sketch-timer{background:#dceae4;color:#215d56;border-radius:9px;font-variant-numeric:tabular-nums}
.theme-sketch .recognition-option{background:#fffaf0!important;color:#25413f!important;border-color:#bfaf8b!important;box-shadow:none!important}
.theme-sketch .recognition-option.selected{background:#dceee7!important;border-color:#29756e!important;box-shadow:inset 0 0 0 1px #29756e!important}
.theme-sketch .recognition-option strong{color:#a45035}.theme-sketch .character-points{color:#24685f}
.theme-sketch input,.theme-sketch select{background:#fffdf7;border-color:#b7c7ba;color:#25413f;accent-color:#29756e}
.theme-sketch .avatar-choice{background:#ebeee2;color:#25413f}.theme-sketch .avatar-choice.picked{background:#d6e9df;border-color:#29756e}
.host.theme-sketch #worlds,.host.theme-sketch #people-panel{background:#fff5e9ed;border-color:#b99361}
.host.theme-sketch .game{background:#fffaf0;color:#25413f;border-color:#d7c7ad}.host.theme-sketch .game.selected{background:#deede5;border-color:#29756e}
.theme-sketch .tutorial-phone{background:#fff9eb;border-color:#2c5b56}.theme-sketch .tutorial-lock,.theme-sketch .tutorial-locked{background:#29756e;color:#fff9eb}
.theme-sketch .sketch-canvas{border-color:#bb9d73;border-radius:12px;box-shadow:0 3px 12px #294a3f16}
.host.theme-sketch .recognition-evidence,.host.theme-sketch .sketch-reveal-card{background:none}
.phone.theme-sketch .sketch-drawing{background:linear-gradient(#fffaf1,#f8eedf)}
.phone.theme-sketch .sketch-drawing>h2{color:#245a53}
.phone.theme-sketch .sketch-drawing>.sketch-prompt{box-shadow:inset 3px 0 0 #bc6e48}
.phone.theme-sketch .sketch-drawing-surface{border-radius:14px}
.phone.theme-sketch .sketch-drawing-surface>.sketch-canvas{border-color:#aa9272;box-shadow:0 4px 15px #244e3e1c}
.phone.theme-sketch .sketch-drawing>.sketch-tools{border-radius:14px;background:#e5ebe1;box-shadow:inset 0 0 0 1px #bbcebf}
.phone.theme-sketch .sketch-drawing>.sketch-tools button{position:relative;background:transparent!important;background-image:none!important;color:transparent!important;border:2px solid transparent;border-radius:12px;font-size:0;padding:0;box-shadow:none;max-width:72px}
.phone.theme-sketch .sketch-drawing>.sketch-tools button::before{content:'';width:min(28px,75%);aspect-ratio:1;border-radius:50%;background:var(--paint);box-shadow:inset 0 0 0 1px #00000018,0 2px 3px #163b3326}
.phone.theme-sketch .sketch-drawing>.sketch-tools button[aria-pressed=true]{background:#fffaf0!important;border-color:#29756e;box-shadow:inset 0 0 0 1px #fff}
.phone.theme-sketch .sketch-drawing>.sketch-tools button[aria-pressed=true]::before{outline:2px solid #29756e;outline-offset:3px}
.phone.theme-sketch .sketch-drawing>button{letter-spacing:.06em;text-transform:uppercase}

/* Keep lobby artwork open above the existing bottom name band. */
.host.theme-solomon.lobby #people-panel,.host.theme-sketch.lobby #people-panel{background:none;border:0;box-shadow:none}
.host.theme-solomon.lobby #players .player-card::before{background:#f8f9fdf0;border-top-color:#d7af57}
.host.theme-sketch.lobby #players .player-card::before{background:#fff5e9ed;border-top-color:#b99361}
.phone.theme-solomon.lobby #players .player-card{background:#e7edf7}
.phone.theme-sketch.lobby #players .player-card{background:#e6eee5}
.host.theme-solomon.lobby #settings,.theme-solomon dialog{background:#f8f9fdf0;border-color:#cfaf64;color:#17294b}
.host.theme-sketch.lobby #settings,.theme-sketch dialog{background:#fff5e9ed;border-color:#b99361;color:#25413f}

/* v0.40: a single narrated device, papercut studio and unobstructed story stage. */
.host.theme-solomon.phase-intro .solomon-phone-tutorial{margin:0;min-height:0;flex:1;display:flex;align-items:center;justify-content:center}
.host.theme-solomon.phase-intro .solomon-phone-tutorial>.tutorial-phone{position:relative;width:min(100%,260px);height:min(49vh,480px);min-height:240px;flex:none;padding:26px 14px 22px;border:9px solid #19345f;border-radius:36px;box-shadow:inset 0 0 0 2px #7691bc,0 0 0 2px #c9ab63,8px 12px 0 #13284922,0 16px 28px #152d4e28;background:linear-gradient(#ffffff,#edf3ff);pointer-events:none}
.solomon-phone-tutorial>.tutorial-phone::before{content:'';position:absolute;width:64px;height:10px;top:8px;left:calc(50% - 32px);border-radius:9px;background:#19345f;box-shadow:81px 42px 0 -3px #19345f}
.solomon-phone-tutorial>.tutorial-phone::after{content:'';position:absolute;width:65px;height:4px;bottom:8px;left:calc(50% - 32px);border-radius:9px;background:#19345f}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-screen{width:100%;max-width:none;flex:1;min-height:0;opacity:1;display:flex;flex-direction:column;justify-content:center;gap:8px;transform:none;transition:none}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-screen[hidden],.solomon-phone-tutorial .tutorial-phone-idle[hidden]{display:none}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-screen.active-step{transform:none}
.solomon-phone-tutorial .tutorial-phone-idle{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-phone-brand{height:auto;width:100%;max-height:110px;object-fit:contain}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-screen h3{font-size:clamp(14px,1.2vw,20px);text-align:center}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-answers{display:flex;flex-direction:column;gap:6px}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .answer-tile{font-size:clamp(11px,1vw,16px);min-height:0;padding:7px;gap:6px}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .option-letter{height:23px;width:23px;font-size:12px}
.solomon-phone-tutorial .tutorial-screen .character-art{height:min(24vh,200px);max-width:100%;flex:none;align-self:center}
.solomon-phone-tutorial .tutorial-score{font-size:24px;text-align:center;color:#254b9d}
.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-label{font-size:14px;margin:0;text-align:center}
.host.theme-solomon.phase-intro .captions{max-height:12vh;overflow:auto;flex:none;order:3}
@media(max-height:650px){.host.theme-solomon.phase-intro .solomon-phone-tutorial>.tutorial-phone{min-height:220px;height:52vh;width:210px;padding:22px 10px 16px}.host.theme-solomon.phase-intro .solomon-phone-tutorial .answer-tile{padding:3px;font-size:11px}.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-screen{gap:5px}.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-screen h3{font-size:13px}.host.theme-solomon.phase-intro .solomon-phone-tutorial .tutorial-label{font-size:11px}.host.theme-solomon.phase-intro .solomon-phone-tutorial .option-letter{height:18px;width:18px;font-size:10px}}

.arks-easel{position:relative;isolation:isolate;min-width:0;min-height:0;display:grid;place-items:center;padding:16px 12px 42px}
.arks-easel::before{content:'';position:absolute;z-index:-1;inset:0 8%;background:repeating-linear-gradient(92deg,#95613a 0 4px,#af7a4c 5px 9px,#97653f 10px 12px);clip-path:polygon(46% 0,54% 0,96% 100%,83% 100%,50% 20%,17% 100%,4% 100%);filter:drop-shadow(2px 3px 0 #5d412e)}
.easel-canvas{position:relative;min-width:0;min-height:0;width:100%;background:#fffaf0;border:5px solid #c49c6a;border-radius:4px;box-shadow:inset 0 0 0 2px #fff8e8,3px 6px 0 #563f2726}
.easel-canvas::before{content:'';position:absolute;top:-16px;left:calc(50% - 24px);width:48px;height:18px;background:#99653e;border:2px solid #745133;border-radius:3px;z-index:2}
.easel-canvas::after{content:'';position:absolute;left:-10px;right:-10px;bottom:-13px;height:13px;border-radius:3px;background:linear-gradient(#c19662,#95613b);border:1px solid #765130;box-shadow:0 4px 0 #5b412226;z-index:2}
.host .arks-tutorial-scene{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,.8fr);gap:10px}
.host .arks-tutorial-scene>.tutorial-easel{grid-column:2;grid-row:1;width:100%;height:100%;z-index:2;align-self:center}
.host .arks-tutorial-scene .easel-canvas{height:min(100%,420px);aspect-ratio:4/3;max-height:100%;overflow:visible}
.host .arks-tutorial-scene .arks-canvas-tutorial{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;height:100%;padding:12px;gap:0;align-items:stretch}
.host .arks-tutorial-scene .arks-canvas-tutorial .tutorial-step{grid-area:1/1;width:100%;max-width:none;height:100%;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;visibility:hidden;opacity:0;transform:none;outline:none}
.host .arks-tutorial-scene .arks-canvas-tutorial .tutorial-step.active-step{visibility:visible;opacity:1;transform:none;filter:none}
.arks-canvas-tutorial .tutorial-canvas-content{display:flex;flex:1;flex-direction:column;gap:6px;min-height:0;align-items:stretch;justify-content:center}
.host .arks-canvas-tutorial .tutorial-phone-brand{height:40px;max-width:100%;object-fit:contain}
.host .arks-canvas-tutorial .tutorial-example-prompt{font-size:18px;margin:0;text-align:center;color:#87492f}
.host .arks-canvas-tutorial .tutorial-doodle{flex:1;min-height:0;border:0;background:none}
.host .arks-canvas-tutorial .tutorial-lock{flex:none;font-size:14px;min-height:28px;padding:5px;border-radius:8px;background:#29756e;color:#fff9eb;text-align:center}
.host .arks-canvas-tutorial .tutorial-caption-input{font-size:16px;padding:6px}
.host .arks-canvas-tutorial .tutorial-label{font-size:18px;margin:0;color:#25413f}
.host .arks-canvas-tutorial .tutorial-answer{font-size:16px;padding:7px;background:#fffdf6}
.easel-idle{grid-area:1/1;display:flex;align-items:center;justify-content:center;padding:12px;opacity:.8}
.easel-idle img{max-width:90%;max-height:85%;object-fit:contain}
.arks-canvas-tutorial:has(.active-step) .easel-idle{visibility:hidden}
.host .arks-cast{align-items:flex-end;padding-bottom:34px}
.host .arks-tutorial-animals{height:45%;max-height:none;grid-template-columns:repeat(2,minmax(0,.4fr)) 1.1fr repeat(2,minmax(0,.4fr));bottom:0;z-index:3;align-items:end}
.host .arks-paper-animal{max-width:120%;transform:none}
.host .arks-paper-animal.goat{height:min(23vh,170px)}.host .arks-paper-animal.sheep{height:min(18vh,135px)}.host .arks-paper-animal.camel{height:min(35vh,260px)}.host .arks-paper-animal.rooster{height:min(13vh,92px)}
@media(max-height:650px){.host .arks-tutorial-scene .arks-canvas-tutorial{padding:8px}.host .arks-canvas-tutorial .tutorial-phone-brand{height:28px}.host .arks-canvas-tutorial .tutorial-label{font-size:14px}.host .arks-canvas-tutorial .tutorial-example-prompt,.host .arks-canvas-tutorial .tutorial-caption-input{font-size:13px}.host .arks-canvas-tutorial .tutorial-answer{font-size:12px;padding:4px}.host .arks-canvas-tutorial .tutorial-lock{font-size:12px;min-height:24px}.host .arks-cast{padding-bottom:22px}}

/* Paper canvas and painter's palette keep the native 3:2 drawing coordinates. */
.phone.theme-sketch .sketch-panel.sketch-drawing{grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto;gap:6px}
.phone.theme-sketch .sketch-drawing>h2{grid-row:1}.phone.theme-sketch .sketch-drawing>.sketch-prompt{grid-row:2}
.phone.theme-sketch .sketch-drawing>.sketch-drawing-surface{grid-row:3;container-type:size;padding:16px 8px 36px;border-radius:0}
.phone.theme-sketch .sketch-drawing-surface .easel-canvas{width:min(calc(100cqw - 18px),calc(150cqh - 75px));max-width:100%;height:auto;border-width:3px}
.phone.theme-sketch .sketch-drawing-surface .sketch-canvas{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;border:0;border-radius:0;box-shadow:none}
.phone.theme-sketch .sketch-drawing>.sketch-tools{position:relative;grid-row:4;padding:8px 6px 8px 34px;border-radius:45% 38% 42% 32% / 40% 46% 39% 48%;background:linear-gradient(165deg,#d0a16a,#ad7848);border:2px solid #8d603b;box-shadow:inset 0 2px 0 #f4d9ad,0 3px 0 #704c3026;gap:3px}
.phone.theme-sketch .sketch-drawing>.sketch-tools::before{content:'';position:absolute;left:10px;top:calc(50% - 9px);height:18px;width:15px;border-radius:50%;background:#fff5e5;box-shadow:inset 1px 2px 2px #64472866}
.phone.theme-sketch .sketch-drawing>.sketch-tools button{min-height:40px;height:40px;border-radius:50%;max-width:56px}
.phone.theme-sketch .sketch-drawing>.sketch-tools button::before{width:26px}
.phone.theme-sketch .sketch-drawing>.micro{grid-row:5}.phone.theme-sketch .sketch-drawing>button{grid-row:6}
.phone.theme-sketch .sketch-drawing>.drawing-status{grid-row:7;justify-content:center;min-height:24px}
.phone.theme-sketch .drawing-status .sketch-timer{font-size:14px;min-height:24px;text-align:center;justify-content:center}
@media(orientation:landscape) and (max-height:500px){.phone.theme-sketch .sketch-panel.sketch-drawing{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);grid-template-rows:auto minmax(0,1fr) auto auto auto auto;padding:6px;gap:4px 10px}.phone.theme-sketch .sketch-drawing>h2{grid-column:1;grid-row:1}.phone.theme-sketch .sketch-drawing>.sketch-prompt{grid-column:1;grid-row:2}.phone.theme-sketch .sketch-drawing>.sketch-drawing-surface{grid-column:2;grid-row:1/6}.phone.theme-sketch .sketch-drawing>.sketch-tools{grid-column:1;grid-row:3;padding:3px 4px 3px 25px}.phone.theme-sketch .sketch-drawing>.sketch-tools::before{left:6px;width:12px;height:15px;top:calc(50% - 7px)}.phone.theme-sketch .sketch-drawing>.sketch-tools button{min-height:38px;height:38px}.phone.theme-sketch .sketch-drawing>.sketch-tools button::before{width:22px}.phone.theme-sketch .sketch-drawing>.micro{grid-column:1;grid-row:4}.phone.theme-sketch .sketch-drawing>button{grid-column:1;grid-row:5}.phone.theme-sketch .sketch-drawing>.drawing-status{grid-column:1/-1;grid-row:6}}

.host.theme-sketch .sketch-reveal-track.story-viewer{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:1;min-height:0;width:min(100%,1050px);overflow:hidden;align-self:center}
.host.theme-sketch .story-viewer .sketch-reveal-card{grid-area:1/1;width:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0;background:none;border:0}
.host.theme-sketch .story-viewer .sketch-reveal-card[hidden]{display:none}
.host.theme-sketch .story-viewer .sketch-canvas{flex:1;min-height:0;width:auto;max-width:100%;height:auto;max-height:100%;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.host.theme-sketch .story-viewer .sketch-guess-text{width:min(100%,800px);font-size:clamp(28px,4vw,60px);text-align:center;background:#f3e2c7;border:1px solid #b99361;border-radius:20px;padding:24px}
.host.theme-sketch #controls:has(.story-navigation){display:flex;width:100%;justify-content:center}
.story-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;align-items:center;gap:16px}
.story-position{color:#fff9e7;font-size:18px;white-space:nowrap}.story-navigation button{width:100%;max-width:none!important;min-height:48px}

.theme-sketch .sketch-final{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#fffdf0 0,#fff1d8 55%,#e2c9a3 100%);border:3px solid #b99361;box-shadow:inset 0 0 0 5px #fff4dd,0 12px 28px #163c392b}
.theme-sketch .sketch-final::before{content:'';position:absolute;inset:9px;border:1px solid #c4a571;border-radius:14px;pointer-events:none;z-index:-1;background:repeating-conic-gradient(from 6deg at 50% 25%,#dfa95710 0deg 8deg,transparent 8deg 20deg)}
.theme-sketch .sketch-final>h2{color:#255d56;text-shadow:0 2px 0 #fffdf0;padding-bottom:8px;border-bottom:2px solid #d3ae70;width:100%}
.theme-sketch .sketch-final .winning-spotlight .character-name{color:#87492f}.theme-sketch .sketch-final .winning-spotlight .character-points{color:#255d56;font-weight:900}
.theme-sketch .sketch-final .winning-spotlight::before{content:'';position:absolute;width:95%;height:75%;top:5%;left:2.5%;background:radial-gradient(ellipse,#efc56f44,transparent 70%);border-radius:50%;z-index:-1;pointer-events:none}

/* Gameplay clocks stay mounted at the bottom center of every phone. */
.phone.theme-solomon:is(.phase-question,.phase-reading) .question-panel{padding-bottom:42px}
.phone.theme-solomon:is(.phase-question,.phase-reading) .timer,.phone.theme-sketch .vote-status,.phone.theme-campfire.playing .census-timer{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);top:auto;z-index:5;display:flex;align-items:center;justify-content:center;min-height:26px;width:14ch;margin:0;text-align:center;font-size:15px;border-radius:9px;pointer-events:none}
.phone.theme-solomon:is(.phase-question,.phase-reading) .timer{background:#e7edf9;color:#254b94}
.phone.theme-sketch.phase-sketch-vote .sketch-panel{padding-bottom:44px}.phone.theme-sketch.phase-sketch-vote #sketch-timer{position:fixed;top:auto;bottom:calc(10px + env(safe-area-inset-bottom))}
.phone.theme-campfire.playing:has(.census-timer) main{padding-bottom:38px}
.phone.theme-campfire.playing .census-chapter{height:0;min-height:0;padding:0;margin:0}.phone.theme-campfire.playing .census-timer{background:#f5e5c9;color:#814829}
.census-scope{font-size:12px;color:#89603a;margin:0}
.phone.theme-solomon .timer:empty,.phone.theme-sketch .vote-status:empty,.phone.theme-campfire .census-timer:empty{visibility:hidden}
/* The header already carries the logo; give the tutorial phone its own clear space. */
.host.theme-solomon.phase-intro .round-copy{height:100%;align-items:center}
.host.theme-solomon.phase-intro .intro-logo{display:none}
.host.theme-solomon.phase-intro .solomon-phone-tutorial{width:100%;order:0}
.host.theme-solomon.phase-intro .round-actions{order:1;flex:none}
.host.theme-solomon.phase-intro .solomon-phone-tutorial>.tutorial-phone{height:min(100%,49vh);min-height:0}
.solomon-phone-tutorial>.tutorial-phone::before{box-shadow:none}
.phone.theme-sketch .sketch-caption,.phone.theme-sketch .sketch-waiting{padding-bottom:44px}
.phone.theme-sketch .caption-status .sketch-timer,.phone.theme-sketch .locked-status{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);top:auto;width:16ch!important;min-width:0;min-height:26px;z-index:5;text-align:center;justify-content:center;font-size:15px;pointer-events:none}
.phone.theme-sketch .locked-status:empty,.phone.theme-sketch .caption-status .sketch-timer:empty{visibility:hidden}
/* The fixed caption clock reserves space only once, at the viewport footer. */
.phone.theme-sketch .sketch-caption .caption-status{height:0;min-height:0;flex:none;margin:0}
/* Reserve the voting footer without pushing small-phone choices off screen. */
.phone.theme-sketch.phase-sketch-vote{height:100dvh;min-height:0;overflow:hidden}
.phone.theme-sketch.phase-sketch-vote main{height:100%;min-height:0;flex:1;padding:8px;overflow:hidden}
.phone.theme-sketch.phase-sketch-vote .sketch-panel{height:100%;min-height:0;padding:10px 10px 42px;gap:6px;overflow:hidden}
.phone.theme-sketch.phase-sketch-vote .sketch-panel>h2{font-size:24px;margin:0}
.phone.theme-sketch.phase-sketch-vote .sketch-panel>.eyebrow,.phone.theme-sketch.phase-sketch-vote .sketch-panel>.sketch-lead{margin:0;font-size:12px}
.phone.theme-sketch.phase-sketch-vote .recognition-layout{display:grid;grid-template-rows:minmax(60px,.6fr) minmax(0,2.2fr);gap:6px;min-height:0;width:100%}
.phone.theme-sketch.phase-sketch-vote .recognition-gallery{grid-template-rows:repeat(var(--picture-rows,1),minmax(0,1fr));min-height:0;height:100%;overflow:hidden}
.phone.theme-sketch.phase-sketch-vote .recognition-evidence{min-height:0;padding:0;background:none;border:0;display:grid;place-items:center}
.phone.theme-sketch.phase-sketch-vote .recognition-evidence .sketch-canvas{width:100%;height:100%;min-height:0;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.phone.theme-sketch.phase-sketch-vote .recognition-options{display:grid;grid-auto-rows:minmax(44px,1fr);gap:4px;min-height:0}
.phone.theme-sketch.phase-sketch-vote .recognition-option{min-height:44px;padding:5px 8px;font-size:14px;line-height:1.15}
.phone.theme-sketch.phase-sketch-vote .recognition-option span{overflow-wrap:anywhere}
.phone.theme-sketch.phase-sketch-vote .sketch-panel>button{min-height:44px;flex:none;width:100%}
@media(orientation:landscape) and (max-height:500px){.phone.theme-sketch.phase-sketch-vote .sketch-panel{padding:8px 8px 38px;gap:4px}.phone.theme-sketch.phase-sketch-vote .sketch-panel>.eyebrow,.phone.theme-sketch.phase-sketch-vote .sketch-panel>.sketch-lead{display:none}.phone.theme-sketch.phase-sketch-vote .sketch-panel>h2{font-size:20px}.phone.theme-sketch.phase-sketch-vote .recognition-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);grid-template-rows:minmax(0,1fr);gap:8px}.phone.theme-sketch.phase-sketch-vote .recognition-options{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(44px,1fr)}.phone.theme-sketch.phase-sketch-vote .recognition-option{font-size:12px;padding:4px}}

/* v0.41: illustrated portrait studio, court theatre, camp instruments. */
.arks-easel{padding:0!important;container-type:size;display:grid!important;place-items:center;min-width:0;min-height:0;isolation:isolate}
.arks-easel::before,.arks-easel::after,.easel-canvas::before,.easel-canvas::after{display:none!important}
.arks-easel .easel-art{position:relative;width:min(100cqw,calc(100cqh * 2 / 3));height:auto;aspect-ratio:2/3;background:url('/assets/arks-easel-v2.png') center/100% 100% no-repeat;flex:none;min-height:0}
.arks-easel .easel-canvas{position:absolute;left:14%;top:12%;width:72%;height:64%;aspect-ratio:3/4;max-height:none;border:0;border-radius:0;box-shadow:none;background:none;min-width:0;min-height:0}
.phone.theme-sketch .sketch-drawing-surface .easel-canvas{width:72%;height:64%;border:0;max-width:none}
.phone.theme-sketch .sketch-drawing-surface .sketch-canvas{width:100%;height:100%;aspect-ratio:3/4;object-fit:contain;border:0;background:transparent!important;box-shadow:none;border-radius:0}
.host .arks-tutorial-scene .easel-canvas{width:72%;height:64%;aspect-ratio:3/4;max-height:none}
.host .arks-tutorial-scene .arks-canvas-tutorial{padding:8px;gap:0}
.host .arks-canvas-tutorial .tutorial-phone-brand{height:30px}
.host .arks-canvas-tutorial .tutorial-label{font-size:15px}
.host .arks-canvas-tutorial .tutorial-answer{font-size:13px;padding:6px}
.host .arks-canvas-tutorial .tutorial-example-prompt,.host .arks-canvas-tutorial .tutorial-caption-input{font-size:14px}
.host .arks-tutorial-scene .tutorial-easel{height:100%;width:100%;max-width:none}
.host .arks-tutorial-animals{height:55%;grid-template-columns:repeat(2,minmax(0,.4fr)) 1.1fr repeat(2,minmax(0,.4fr));bottom:0}
.host .arks-paper-animal.goat{height:min(32vh,270px)}.host .arks-paper-animal.sheep{height:min(27vh,225px)}.host .arks-paper-animal.camel{height:min(47vh,390px)}.host .arks-paper-animal.rooster{height:min(19vh,160px)}
.host .arks-cast{padding-bottom:55px}
.phone.theme-sketch .sketch-drawing>.sketch-tools{display:block;position:relative;align-self:center;justify-self:center;width:min(100%,300px);height:auto;aspect-ratio:8/3;padding:0!important;background:url('/assets/arks-palette-v2.png') center/100% 100% no-repeat!important;border:0!important;border-radius:0;box-shadow:none!important}
.phone.theme-sketch .sketch-drawing>.sketch-tools::before{display:none}
.phone.theme-sketch .sketch-drawing>.sketch-tools button{position:absolute;top:48%;width:14%;height:44%;min-height:44px;max-width:none;transform:translate(-50%,-50%);background:transparent!important;border:2px solid transparent;border-radius:50%;padding:0;box-shadow:none!important}
.phone.theme-sketch .sketch-drawing>.sketch-tools button:nth-child(1){left:30%}.phone.theme-sketch .sketch-drawing>.sketch-tools button:nth-child(2){left:43%}.phone.theme-sketch .sketch-drawing>.sketch-tools button:nth-child(3){left:57%}.phone.theme-sketch .sketch-drawing>.sketch-tools button:nth-child(4){left:71%}.phone.theme-sketch .sketch-drawing>.sketch-tools button:nth-child(5){left:85%}
.phone.theme-sketch .sketch-drawing>.sketch-tools button::before{display:none}
.phone.theme-sketch .sketch-drawing>.sketch-tools button[aria-pressed=true]{background:transparent!important;border:2px solid #fff8d7;outline:2px solid #255d56;outline-offset:1px}
.phone.theme-sketch .sketch-drawing>.drawing-status{height:0;min-height:0;gap:0}
.phone.theme-sketch .sketch-panel.sketch-drawing{grid-template-rows:auto auto minmax(0,1fr) auto auto auto 0;gap:5px}
.phone.theme-sketch .sketch-drawing>.sketch-drawing-surface{padding:0;grid-row:3;min-height:0;container-type:size}
.phone.theme-sketch .sketch-drawing .sketch-canvas{aspect-ratio:3/4}
.phone.theme-sketch .sketch-caption .sketch-canvas{aspect-ratio:3/4;width:auto;max-width:100%;height:32vh;object-fit:contain}
@media(orientation:landscape) and (max-height:500px){.phone.theme-sketch .sketch-panel.sketch-drawing{grid-template-rows:auto minmax(0,1fr) auto auto auto 0}.phone.theme-sketch .sketch-drawing>.sketch-drawing-surface{grid-column:2;grid-row:1/6}.phone.theme-sketch .sketch-drawing>.sketch-tools{grid-column:1;grid-row:3;width:min(100%,240px)}.phone.theme-sketch .sketch-drawing>.sketch-tools button{min-height:40px}.phone.theme-sketch .sketch-drawing>.drawing-status{grid-row:6}.phone.theme-sketch .sketch-caption .sketch-canvas{height:18vh}}
.host.theme-sketch .sketch-reveal-track.story-viewer.story-window{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:16px;width:100%;max-width:none;align-items:stretch;overflow:hidden}
.host.theme-sketch .story-window .sketch-reveal-card{grid-area:auto;min-width:0;min-height:0;justify-content:center;padding:8px;background:#fffaf078;border-radius:14px}
.host.theme-sketch .story-window .sketch-reveal-card>strong{font-size:clamp(13px,1.2vw,21px);text-align:center;flex:none}
.host.theme-sketch .story-window .sketch-canvas{width:100%;height:100%;max-height:100%;min-height:0;aspect-ratio:3/4;object-fit:contain;flex:1}
.host.theme-sketch .story-window .sketch-guess-text{font-size:clamp(22px,2.5vw,42px);width:100%;padding:12px;overflow-wrap:anywhere}

.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-theatre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);width:100%;height:100%;min-height:0;gap:20px;align-items:stretch}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-theatre>.announcer{grid-column:1;grid-row:1;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;align-self:end}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-theatre>.round-copy{grid-column:2;grid-row:1;width:100%;max-width:none;min-height:0;height:100%;gap:8px;display:flex;flex-direction:column;align-items:center}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .intro-logo{display:none}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial{container-type:size;flex:1;width:100%;min-height:0;display:grid;place-items:center;margin:0;order:0}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial>.tutorial-phone{width:min(100cqw,calc(100cqh * .74));height:auto;aspect-ratio:.74;min-height:0;max-height:100%;padding:26px 14px 22px;position:relative;border:9px solid #19345f;border-radius:36px;background:linear-gradient(#ffffff,#edf3ff);box-shadow:inset 0 0 0 2px #7691bc,0 0 0 2px #c9ab63,8px 12px 0 #13284922;gap:8px}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-screen{width:100%;max-width:none;height:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;opacity:1;transform:none}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-screen[hidden],.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-phone-idle[hidden]{display:none}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-phone-idle{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-phone-brand{width:95%;height:auto;max-height:55%;object-fit:contain}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-screen h3{font-size:clamp(14px,1.45vw,24px);text-align:center;margin:0}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-answers{display:flex;flex-direction:column;gap:7px}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .answer-tile{font-size:clamp(13px,1.2vw,20px);padding:9px;min-height:0;gap:8px}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .option-letter{height:26px;width:26px;font-size:14px}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .round-actions{order:1;flex:none}
.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-label{font-size:clamp(12px,1.1vw,18px);margin:0}
.solomon-advisor-group{grid-column:3;grid-row:1;position:relative;min-height:0;min-width:0;container-type:size;isolation:isolate}
.solomon-advisor-group>.character-art{position:absolute;left:var(--group-left);bottom:var(--group-bottom);height:min(74cqh,calc(var(--group-width,55) * 1cqw / var(--character-ratio)));width:auto;max-width:none;flex:none;filter:drop-shadow(0 5px 3px #16335718)}
@media(max-height:650px){.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-theatre{gap:10px}.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial>.tutorial-phone{padding:20px 9px 16px;border-width:7px;border-radius:28px}.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .answer-tile{padding:4px;font-size:12px}.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-screen{gap:5px}.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-screen h3{font-size:14px}.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .option-letter{height:20px;width:20px;font-size:11px}}
#solomon-credit{display:none;position:fixed;bottom:4px;right:12px;font-size:10px;line-height:1.2;z-index:20;color:#f3e7bf;text-shadow:0 1px 2px #10244b}
.theme-solomon #solomon-credit{display:block}.phone.theme-solomon #solomon-credit{color:#526381;text-shadow:none}
.host.theme-solomon main{padding-bottom:22px}.host.theme-solomon #status{text-align:left;padding-right:240px;margin:0;min-height:14px}
.phone.theme-solomon main{padding-bottom:20px}

.host.theme-campfire .census-theatre{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:18px;padding-top:16px;align-items:stretch}
.census-speaker{padding:12px 0;container-type:size;overflow:visible;justify-content:flex-end}
.census-speaker .census-puppet{width:auto;height:min(calc(100cqh - 22px),calc(100cqw * 4 / 3));max-width:100%;max-height:none;aspect-ratio:3/4;flex:none}
.census-teaching{container-type:size;height:100%;width:100%;min-height:0;gap:0;display:grid;place-items:center}
.camp-tutorial-phone{position:relative;width:min(100cqw,calc(100cqh * .64));height:auto;aspect-ratio:.64;max-height:100%;padding:22px 12px 18px;border:7px solid #6d4935;border-radius:30px;background:linear-gradient(#fcf0d6,#e9d2ab);box-shadow:inset 0 0 0 2px #e0b584,0 5px 0 #52392633;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.camp-tutorial-phone::before{content:'';position:absolute;top:7px;left:calc(50% - 24px);width:48px;height:6px;background:#6d4935;border-radius:9px}.camp-tutorial-phone::after{content:'';position:absolute;bottom:6px;left:calc(50% - 24px);width:48px;height:4px;background:#6d4935;border-radius:9px}
.camp-tutorial-idle{grid-area:1/1;width:95%;height:100%;max-height:100%;object-fit:contain;align-self:center;justify-self:center;opacity:.85}.camp-tutorial-phone:has(.census-demo:not([hidden])) .camp-tutorial-idle{visibility:hidden}
.camp-tutorial-phone .census-demo{grid-area:1/1;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;background:none;border:0;padding:0;width:100%;transform:none;box-shadow:none!important}
.camp-tutorial-phone .census-demo[hidden]{display:none}
.camp-tutorial-phone .census-demo-phone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;height:100%;width:100%;padding:0;gap:10px;white-space:normal;border:0;border-radius:0;background:none;font-size:14px;line-height:1.2}
.camp-tutorial-phone h3{font-size:clamp(13px,1.35vw,23px);line-height:1.2;text-align:center;margin:0}
.camp-tutorial-phone .census-dial{width:min(100%,23vh);max-height:45%;flex:none;pointer-events:none}
.camp-tutorial-phone .census-dial .dial-output{font-size:25px}.camp-tutorial-phone .dial-caption{font-size:8px}
.camp-tutorial-phone .census-adjust{display:flex;gap:16px;width:100%;justify-content:center}.demo-adjust{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#b67a4d;color:#fff6df;font-size:22px}
.demo-lock,.demo-prediction,.demo-round{padding:8px;border-radius:10px;background:#b4774c;color:#fff7e5;width:100%;text-align:center;font-size:clamp(11px,1vw,17px);font-weight:750}
.camp-tutorial-phone .census-prediction{width:100%;gap:6px;grid-template-rows:auto auto auto}.camp-tutorial-phone .prediction-high,.camp-tutorial-phone .prediction-low{display:flex;flex-direction:column;gap:5px}.camp-tutorial-phone .census-guessed{font-size:14px;color:#6e472d;display:flex;flex-direction:column;gap:5px}.camp-tutorial-phone .census-guessed strong{font-size:30px}.demo-prediction.selected{background:#744b34;outline:2px solid #d3ac72}
.theme-campfire.theme-campfire .census-dial.census-dial{background:center/100% 100% no-repeat url('/assets/census-dial-face-v2.svg');border:0;box-shadow:0 7px 0 #68472c2b,0 10px 20px #68472c26;border-radius:50%}
.theme-campfire.theme-campfire .census-dial.census-dial .dial-face{background:radial-gradient(#fff8e6,#eddbb8);border:2px solid #bc9162;box-shadow:inset 0 0 0 3px #fbefd7;width:64%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.theme-campfire.theme-campfire .census-dial.census-dial .dial-output{background:none;border:0;box-shadow:none;color:#6a422c;width:auto;aspect-ratio:auto}
.theme-campfire.theme-campfire .census-dial.census-dial .dial-needle{width:14px;height:40%;left:calc(50% - 7px);top:10%;border-radius:0;background:linear-gradient(90deg,#744630,#dca86e,#915d37);clip-path:polygon(50% 0,100% 30%,70% 100%,30% 100%,0 30%);z-index:1}
.theme-campfire.theme-campfire .census-dial.census-dial .dial-marks{inset:8%;color:#6c482f}
.phone.theme-campfire.playing:has(.census-timer) main{padding-bottom:8px}
.census-scope{display:none!important}
@media(max-height:650px){.camp-tutorial-phone{padding:18px 8px 14px;border-width:5px;border-radius:23px}.camp-tutorial-phone .census-demo-phone{gap:6px}.camp-tutorial-phone .census-dial{width:min(100%,21vh)}.camp-tutorial-phone h3{font-size:13px}.demo-lock,.demo-prediction,.demo-round{padding:6px;font-size:11px}.camp-tutorial-phone .census-guessed strong{font-size:24px}.host.theme-campfire .census-theatre{gap:12px;padding-top:8px}}

/* v0.42: clocks belong inside each game's rounded content panel. */
:is(.question-panel,.sketch-panel,.census-panel):has(.time-bar){position:relative}
body .time-bar.time-bar.time-bar.time-bar{position:absolute!important;top:14px!important;bottom:auto!important;left:24px!important;right:24px!important;width:calc(100% - 48px)!important;min-width:0!important;height:14px!important;min-height:14px!important;margin:0!important;padding:2px!important;border:1px solid var(--clock-edge,#bb9b50)!important;border-radius:999px!important;background:var(--clock-track,#dce5f4)!important;box-shadow:inset 0 1px 3px #00000015,0 1px 0 #ffffffa0!important;transform:none!important;z-index:8!important;display:block!important;visibility:visible!important;overflow:hidden;pointer-events:none;font-size:0!important}
.time-bar::before{content:'';display:block;height:100%;width:calc(var(--time-left,1)*100%);border-radius:999px;background:var(--clock-fill,linear-gradient(180deg,#edcf80,#c59b43));box-shadow:inset 0 1px 0 #ffffff60;transition:width .2s linear}
.theme-solomon{--clock-track:#dbe5f6;--clock-edge:#c5a358;--clock-fill:linear-gradient(180deg,#efd38d,#bd913a)}
.theme-sketch{--clock-track:#d3e3dc;--clock-edge:#638e81;--clock-fill:linear-gradient(180deg,#62a594,#2c7666)}
.theme-campfire{--clock-track:#e9d5b7;--clock-edge:#ad8151;--clock-fill:linear-gradient(180deg,#dfa76e,#995a32)}
.time-bar.urgent::before{background:linear-gradient(180deg,#db9674,#af583c)}.time-bar.paused::before{transition:none;filter:saturate(.5)}
body .time-bar.time-bar.time-bar.time-bar[hidden]{display:none!important}
.host :is(.question-panel,.sketch-panel,.census-panel):has(.time-bar:not([hidden])){padding-top:42px}
.phone :is(.question-panel,.sketch-panel,.census-panel):has(.time-bar:not([hidden])){padding-top:32px}
.phone .time-bar.time-bar.time-bar.time-bar{top:10px!important;left:14px!important;right:14px!important;width:calc(100% - 28px)!important;height:12px!important;min-height:12px!important}
.phone.theme-sketch .caption-status{height:0!important;min-height:0!important;gap:0!important}.phone.theme-sketch .sketch-caption,.phone.theme-sketch .sketch-waiting{padding-bottom:10px}
.phone.theme-sketch.phase-sketch-vote .sketch-panel{padding-bottom:10px}
.phone.theme-solomon:is(.phase-question,.phase-reading) .question-panel{padding-bottom:14px}

.theme-campfire.theme-campfire .census-dial.census-dial::before{display:none}

/* One pale green surface; the paper and deeper green controls remain distinct. */
.host .arks-tutorial-scene{background:none;border:0;border-radius:0;box-shadow:none}
.phone.theme-sketch:has(.sketch-drawing) main{padding:6px}
.phone.theme-sketch .sketch-panel.sketch-drawing{padding:30px 8px 8px;gap:4px;background:#eef4e8;border-color:#9caf95;grid-template-rows:auto auto minmax(0,1fr) auto 0 auto 0}
.phone.theme-sketch .sketch-drawing>h2{font-size:20px;color:#163f39;line-height:1.1}
.phone.theme-sketch .sketch-drawing>.sketch-prompt{font-size:clamp(16px,2.5vw,22px);line-height:1.15;padding:6px 10px;background:#fff5df;box-shadow:0 2px 4px #244e3e18}
.phone.theme-sketch .sketch-drawing>.sketch-drawing-surface{overflow:hidden;border-radius:10px;position:relative;isolation:isolate}
.phone.theme-sketch .sketch-drawing-surface .easel-art{position:absolute;left:50%;top:50%;width:min(calc((100cqw - 8px)/.72),calc((100cqh - 8px)*.75/.72));height:auto;aspect-ratio:2/3;transform:translate(-50%,-44%)}
.phone.theme-sketch .sketch-drawing>.sketch-tools{grid-row:4;width:min(90%,280px);margin-top:-30px;z-index:4}
.phone.theme-sketch .sketch-drawing>.micro{height:0;min-height:0;margin:0;overflow:hidden}
.phone.theme-sketch .sketch-drawing>button{min-height:44px;height:44px;grid-row:6}
@media(orientation:landscape) and (max-height:500px){
 .phone.theme-sketch .sketch-panel.sketch-drawing{padding:28px 8px 6px;grid-template-rows:auto minmax(0,1fr) auto 0 auto 0;gap:4px 10px}
 .phone.theme-sketch .sketch-drawing>.sketch-drawing-surface{grid-column:2;grid-row:1/6}
 .phone.theme-sketch .sketch-drawing>.sketch-tools{grid-column:1;grid-row:3;margin-top:0;width:min(100%,230px)}
 .phone.theme-sketch .sketch-drawing>button{grid-column:1;grid-row:5}
}

.host .arks-canvas-tutorial .tutorial-ready-mark{font-size:72px;color:#29756e;line-height:1;text-align:center;margin:12px 0}

/* Test tools and delegated controls */
#test-tools{display:flex;gap:6px;flex-wrap:wrap}#test-tools[hidden]{display:none}#test-tools button{font-size:12px;padding:8px 10px;min-height:32px}
#vip-controls{position:fixed;right:10px;bottom:26px;z-index:100;background:#17294bf5;color:#fff;border:1px solid #d2af64;border-radius:16px;padding:8px;box-shadow:0 4px 18px #0003;max-width:220px}#vip-controls[hidden]{display:none}#vip-controls summary{cursor:pointer;font-size:12px;font-weight:700;padding:3px}#vip-controls button{font-size:14px;min-height:40px;margin-top:7px;padding:8px 14px;background:#d6b46a;color:#17294b;border-radius:12px}.theme-sketch #vip-controls{background:#25413ff5}.theme-campfire #vip-controls{background:#62452bf5}
.host.lobby #settings .toggle{grid-column:auto}.host.lobby #settings #test-tools{grid-column:1 / -1;flex-wrap:nowrap}.host.lobby #settings .audio-settings{grid-column:1 / -1}.host.lobby #settings #controller-player{max-width:100%}.host.lobby #settings #test-tools button{min-width:0;flex:1;padding:7px 6px}
/* v0.48: clear shared-screen layouts and settings dialog */
#lobby-menu-actions{position:absolute;right:24px;top:12px;display:flex;gap:10px;z-index:25}.host #lobby-menu-actions #change-game,.host #lobby-menu-actions #open-settings{position:static;margin:0;min-width:130px;min-height:44px;align-self:auto;font-size:16px;padding:10px 18px}.phone #lobby-menu-actions{display:none}
#settings-dialog{width:min(560px,94vw);max-height:90dvh;border:2px solid #c9ab63;border-radius:24px;padding:22px;background:#f8f9fd;color:#17294b;box-shadow:0 16px 70px #0006}#settings-dialog::backdrop{background:#0b172bb8;backdrop-filter:blur(4px)}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.settings-heading h2{font-size:30px}.host.lobby #settings-dialog #settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:none;margin:0;padding:0;background:none;border:0;grid-column:auto;grid-row:auto}.host.lobby #settings-dialog #settings label{font-size:14px}.host.lobby #settings-dialog #settings select{min-height:44px;font-size:15px}.host.lobby #worlds{display:none}.host.lobby .layout{grid-template-rows:minmax(0,1fr) auto}.host.lobby #controls{grid-column:1 / -1}.host.lobby #people-panel{padding-top:14px}.people-heading h2:empty{display:none}.host.lobby #status:empty{display:none}
.solomon-advisor-group{display:flex;align-items:center;justify-content:center}.solomon-advisor-group>.character-art{position:relative;left:auto;bottom:auto;height:100%;width:auto;transform:scaleX(-1)}
.host.theme-solomon.phase-instructions .layout{grid-template-rows:minmax(0,1fr) 50vh auto auto}.host.theme-solomon.phase-instructions #people-panel{background:none;min-height:0;height:100%;padding:0}.host.theme-solomon.phase-instructions #players{height:100%;grid-template-columns:repeat(var(--roster-columns,6),minmax(0,1fr));grid-template-rows:repeat(var(--roster-rows,1),minmax(0,1fr));gap:8px}.host.theme-solomon.phase-instructions .player-card{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-end;min-height:0;gap:4px}.host.theme-solomon.phase-instructions .player-card .character-art{flex:none;height:100px;max-width:100%}.host.theme-solomon.phase-instructions .player-card .player-name{font-size:clamp(24px,2.5vw,40px);line-height:1.1;text-align:center;flex:none;overflow-wrap:anywhere}.host.theme-solomon.phase-instructions .player-card .badge{font-size:clamp(22px,2.3vw,36px);line-height:1.1;flex:none;text-align:center}.host.theme-solomon.phase-instructions .round-copy .eyebrow{font-size:26px;line-height:1;margin:0}.host.theme-solomon.phase-instructions .round-copy h2{font-size:clamp(56px,6.2vw,110px);line-height:1.02;margin:0}.host.theme-solomon.phase-instructions .round-scene{gap:12px}.host.theme-solomon.phase-instructions .announcer{max-width:13%;width:13%;height:100%}.host.theme-solomon.phase-instructions .round-copy{max-height:none;gap:8px}.host.theme-solomon.phase-instructions .round-summary{font-size:clamp(14px,1.4vw,23px);margin:0}
.host.theme-solomon:is(.phase-question,.phase-reading) .player-card .player-name{font-size:24px;line-height:1.1}.host.theme-solomon:is(.phase-question,.phase-reading) .player-card .badge{font-size:22px;line-height:1.1}.host.theme-solomon.phase-reveal .character-name,.host.theme-solomon.phase-reveal .winning-spotlight .character-name{font-size:clamp(24px,2.6vw,42px);line-height:1.1}.host.theme-solomon.phase-reveal .player-answer{height:auto;min-height:min-content;flex:none;display:block;white-space:normal;line-height:1.25;padding:7px 10px;overflow:visible;box-decoration-break:clone;align-self:stretch;overflow-wrap:anywhere}
.host.theme-sketch .arks-tutorial-scene{grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) minmax(0,.7fr);gap:8px}.host.theme-sketch .arks-tutorial-scene .easel-art{transform:scale(1.12);transform-origin:50% 50%}.host.theme-sketch .arks-canvas-tutorial .tutorial-label{font-size:clamp(18px,1.8vw,30px)}.host.theme-sketch .arks-canvas-tutorial .tutorial-answer{font-size:clamp(17px,1.5vw,26px);padding:8px}.host.theme-sketch .arks-canvas-tutorial .tutorial-example-prompt,.host.theme-sketch .arks-canvas-tutorial .tutorial-caption-input{font-size:clamp(19px,1.8vw,30px)}.host.theme-sketch .arks-canvas-tutorial .tutorial-lock{font-size:clamp(17px,1.5vw,25px);min-height:36px}.host.theme-sketch .arks-canvas-tutorial .tutorial-mini-tools{font-size:26px}
.host.theme-sketch.phase-sketch-vote .recognition-layout{display:block;min-height:0;height:100%;width:100%;flex:1}.host.theme-sketch.phase-sketch-vote .recognition-gallery{height:100%;width:100%;gap:18px;grid-template-columns:repeat(var(--picture-columns),minmax(0,1fr));grid-template-rows:repeat(var(--picture-rows),minmax(0,1fr))}.host.theme-sketch.phase-sketch-vote .recognition-evidence{padding:0;min-height:0;justify-content:center;background:none;border:0}.host.theme-sketch.phase-sketch-vote .sketch-lead{display:none}.phone.theme-sketch.phase-sketch-vote .recognition-layout{display:flex;flex-direction:column;flex:1;min-height:0;grid-template-columns:none;grid-template-rows:none}.phone.theme-sketch.phase-sketch-vote .recognition-options{display:flex;flex-direction:column;gap:9px;min-height:0;width:100%;height:100%;max-width:none;flex:1}.phone.theme-sketch.phase-sketch-vote .recognition-option{width:100%;min-height:0;flex:1;font-size:clamp(20px,5.5vw,30px);padding:10px 14px;line-height:1.15;overflow-wrap:anywhere}.phone.theme-sketch.phase-sketch-vote .recognition-option strong{flex:none}.phone.theme-sketch.phase-sketch-vote .sketch-lead,.phone.theme-sketch.phase-sketch-vote>.eyebrow{display:none}
.camp-tutorial-phone.stone-tablet{width:min(100cqw,calc(100cqh * .74));aspect-ratio:.74;border:10px solid #8b8373;border-radius:48px 38px 22px 30px;background:radial-gradient(ellipse at 22% 15%,#ffffff65,transparent 50%),linear-gradient(130deg,#ded9c9,#c5bdab 70%,#dad3c2);box-shadow:inset 0 0 0 3px #eee9d8,inset 4px 8px 14px #ffffff60,inset -5px -8px 15px #625b4844,8px 10px 0 #544d3c55,12px 16px 22px #3c342333;padding:20px 16px;clip-path:polygon(4% 0,95% 0,100% 5%,99% 46%,100% 50%,98% 96%,94% 100%,5% 99%,0 95%,1% 52%,0 47%,1% 5%)}.camp-tutorial-phone.stone-tablet::before,.camp-tutorial-phone.stone-tablet::after{display:none}.stone-tablet .census-demo-phone{gap:14px}.stone-tablet h3{font-size:clamp(16px,1.6vw,27px)}.stone-tablet .demo-lock,.stone-tablet .demo-prediction,.stone-tablet .demo-round{font-size:clamp(14px,1.2vw,22px);border:1px solid #958a70;box-shadow:inset 0 1px 3px #655b4433;background:#b5a789;color:#352e23}.stone-tablet .demo-prediction.selected{background:#74664a;color:#fff8e7}.host.theme-campfire .census-introduction{gap:0}.host.theme-campfire .census-theatre{padding-top:8px}
@media(max-height:650px){.host.theme-solomon.phase-instructions .round-copy .eyebrow{font-size:22px}.host.theme-solomon:is(.phase-question,.phase-reading) .player-card .player-name{font-size:20px}.host.theme-solomon:is(.phase-question,.phase-reading) .player-card .badge{font-size:18px}.host.theme-solomon.phase-reveal .character-name{font-size:22px}.host.theme-sketch .arks-canvas-tutorial .tutorial-answer{font-size:15px;padding:5px}.host.theme-sketch .arks-canvas-tutorial .tutorial-lock{font-size:16px;min-height:28px}.host.theme-sketch .arks-canvas-tutorial .tutorial-label{font-size:17px}.stone-tablet .census-demo-phone{gap:8px}}
@media(orientation:landscape) and (max-height:500px){.phone.theme-sketch.phase-sketch-vote .recognition-option{font-size:clamp(13px,3vh,18px);padding:3px 9px}.phone.theme-sketch.phase-sketch-vote .recognition-options{gap:4px}.phone.theme-sketch.phase-sketch-vote .sketch-panel>h2{font-size:18px}.phone.theme-sketch.phase-sketch-vote .sketch-panel>.eyebrow{display:none}}
.host.theme-campfire .camp-tutorial-phone.stone-tablet .census-demo,.host.theme-campfire .camp-tutorial-phone.stone-tablet .census-demo-phone{background:transparent!important;color:#443c2e}.host.theme-campfire .stone-tablet h3{text-shadow:0 1px #ffffffaa;color:#514936}.theme-sketch #settings-dialog{background:#f0f6ea;color:#25413f}.theme-campfire #settings-dialog{background:#f5eddf;color:#60482f}.host.lobby .people-heading{justify-content:flex-end}
.host.theme-solomon.phase-instructions #players{display:grid;width:100%;max-width:none}.host.theme-solomon.phase-instructions #players .player-card{width:100%;max-width:none}
.solomon-advisor-group{align-items:flex-end}
/* Room code opens a themed joining card in every phase. */
#open-join{color:inherit;box-shadow:none;cursor:pointer}#open-join:hover{filter:brightness(1.07)}
#join-dialog{--join-ink:#213a5b;--join-edge:#cba766;--join-paper:#fff9ec;width:min(430px,calc(100vw - 28px));padding:28px;overflow:auto;text-align:center;border:2px solid var(--join-edge);border-radius:30px;background:var(--join-paper);color:var(--join-ink);box-shadow:0 25px 90px #10203460}
#join-dialog h2{font-size:28px;margin:0 25px 18px}#join-room{letter-spacing:.15em}#join-dialog .join-close{position:absolute;right:12px;top:10px;width:36px;height:36px;min-height:36px;padding:0;background:transparent;color:var(--join-ink);box-shadow:none;border:0;font-size:28px}
.join-qr-paper{padding:14px;background:white;border-radius:22px;box-shadow:0 4px 18px #10203412;display:flex;justify-content:center}#join-qr{width:100%;max-width:300px;height:auto;aspect-ratio:1;image-rendering:pixelated}#join-qr[hidden]{display:none}#join-link{display:block;margin-top:20px;font-size:22px;font-weight:800;color:var(--join-ink);overflow-wrap:anywhere;text-decoration:none}#join-message:empty{display:none}#join-network{margin-top:16px}
.theme-solomon #join-dialog{--join-ink:#18365c;--join-edge:#d4ad56;--join-paper:#f8f4e7;background:linear-gradient(145deg,#fffaf0,#eaf0fa)}
.theme-sketch #join-dialog{--join-ink:#254b40;--join-edge:#86a98c;--join-paper:#f0f6ea;box-shadow:6px 8px 0 #284c4133,0 25px 80px #10203460}
.theme-campfire #join-dialog{--join-ink:#674429;--join-edge:#bd8248;--join-paper:#f9efdb;background:linear-gradient(140deg,#fcf6e6,#ecdac0)}
.theme-letters #join-dialog{--join-ink:#285c68;--join-edge:#98bdc5;--join-paper:#f7fbf8;background:radial-gradient(ellipse at 0 100%,#daeae480,transparent 65%),#fffaf1}
.host.theme-solomon.phase-instructions .player-card{background:linear-gradient(145deg,#e6edf9ee,#c7d7eeee);border:2px solid #d1b066;box-shadow:0 5px 14px #09254720}
/* Illustrated stone face replaces the CSS tablet approximation. */
.host.theme-campfire .camp-tutorial-phone.stone-tablet{background:url('/assets/census-tablet-v2.png') center/100% 100% no-repeat;border:0;border-radius:0;clip-path:none;box-shadow:none;aspect-ratio:2/3;width:min(100cqw,calc(100cqh * 2 / 3));padding:13% 12% 11%;filter:drop-shadow(0 8px 10px #382c3025)}
/* Retain each advisor card, remove the surrounding round-roster border. */
body.host.theme-solomon.phase-instructions #people-panel{border:0;box-shadow:none;outline:0;background:none}
body.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-screen h3{font-size:clamp(21px,7.2cqw,42px);line-height:1.12}
body.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .answer-tile{font-size:clamp(16px,6.3cqw,34px);padding:8px;line-height:1.15;gap:8px}
body.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .option-letter{width:clamp(24px,7cqw,40px);height:clamp(24px,7cqw,40px);font-size:clamp(16px,5.5cqw,28px);flex:none}
body.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-lock{font-size:clamp(18px,6cqw,32px);padding:10px}
body.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-label,body.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .micro{font-size:clamp(16px,5.5cqw,28px);line-height:1.15;text-align:center}
body.host.theme-solomon:is(.phase-intro,.phase-intro-ready) .solomon-phone-tutorial .tutorial-score{font-size:clamp(26px,9cqw,48px)}