/* Arks edition 2 shares the established painted cast and easel. */
.arks2-panel{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 24px;border-radius:20px;background:#fff5dfed;color:#42302c;text-align:center;overflow:hidden}
.arks2-panel h2,.arks2-panel h3,.arks2-panel p{margin:0}.arks2-panel h2{font-size:clamp(24px,2.6vw,46px)}.arks2-panel h3{font-size:clamp(20px,2vw,32px)}.arks2-eyebrow{font-size:14px;font-weight:800;letter-spacing:.1em}.arks2-lead{font-size:clamp(16px,1.6vw,26px);line-height:1.25}.arks2-panel button{font-size:18px;min-height:44px;padding:8px 14px}.arks2-panel .time-bar{flex:none;width:100%;height:12px;margin:0}.arks2-panel>.arks2-canvas{flex:1;min-height:0;max-height:65%;width:auto;max-width:100%;object-fit:contain}.arks2-canvas{display:block;aspect-ratio:3/4;min-width:0;min-height:0;background:#fffaf0;border:2px solid #b98d53;border-radius:7px;object-fit:contain}.arks2-progress{font-size:22px;font-weight:800;flex:none}
.arks2-roster{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px}.arks2-roster>div{display:flex;flex-direction:column;align-items:center;justify-content:end;min-height:0;gap:3px}.arks2-roster .character-art{height:calc(100% - 48px);max-height:250px;max-width:100%;width:auto;flex:0 1 auto}.arks2-roster strong{font-size:clamp(14px,1.5vw,25px)}
.arks2-standings{width:min(100%,1400px);min-height:0;flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:12px}.arks2-standings>div{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;text-align:left;gap:4px 12px;background:#e9ce9e99;padding:8px;border-radius:12px}.arks2-standings .portrait{width:56px;height:56px;grid-row:1/3}.arks2-standings small{grid-column:3}.arks2-standings strong{overflow-wrap:anywhere}.arks2-wait{justify-content:center}.arks2-wait>.character-art{height:150px;width:auto;max-width:50%;flex:none}.arks2-wait>.arks2-canvas{max-height:45%}
.arks2-intro{min-height:0;flex:1;width:100%;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:24px}.arks2-intro .arks-paper-puppet{position:relative;inset:auto;width:100%;max-height:100%;background-repeat:no-repeat}.arks2-lessons{background:#f2d9ab;border:3px solid #b88752;border-radius:20px;padding:28px}.arks2-lesson p{font-size:clamp(18px,1.7vw,29px);line-height:1.4;margin-top:20px}.arks2-lesson[hidden]{display:none}
.arks2-vote-layout{flex:1;min-height:0;width:100%;display:flex;gap:18px;align-items:stretch;justify-content:center}.arks2-vote-layout>.arks2-canvas{height:100%;max-width:40%;width:auto;object-fit:contain}.arks2-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;flex:1;min-height:0}.arks2-option{display:flex;align-items:center;text-align:left;gap:10px;background:#f4e4c6;color:#42302c;border:2px solid #bc965e;border-radius:12px;padding:8px;min-width:0;overflow-wrap:anywhere;flex-wrap:wrap;line-height:1.15}.arks2-option>span{flex:1;min-width:60%;font-size:clamp(14px,1.5vw,26px)}.arks2-option small{font-size:12px;flex-basis:100%}.arks2-option:disabled{opacity:.65}.arks2-option.selected,.arks2-gallery-card.selected,#arks2-no-match.selected{outline:3px solid #246b75;background:#d6e7df}.arks2-option.correct{background:#dce8b8;border-color:#547036}.arks2-title-form{width:min(100%,600px);flex:none;display:flex;gap:10px;align-items:end}.arks2-title-form label{flex:1;text-align:left;font-weight:700}.arks2-title-form input{display:block;width:100%;margin-top:5px;font-size:20px;min-height:44px}.arks2-title-form button{flex:none}
.arks2-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;flex:1;min-height:0;width:100%}.arks2-gallery-card{display:flex;flex-direction:column;min-width:0;min-height:0;align-items:center;gap:4px;background:#eddbb8;color:#42302c;border:2px solid #b98d53;border-radius:10px;padding:6px!important}.arks2-gallery-card .arks2-canvas{height:calc(100% - 26px);max-width:100%;width:auto;border:0;background:#fffaf0}.arks2-gallery-card strong{font-size:16px}.arks2-gallery-card:disabled{opacity:.65}.arks2-pair-results{width:100%;flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px}.arks2-pair-results article{background:#efd9b0;border:2px solid #b98d53;border-radius:12px;padding:8px;min-height:0;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.arks2-pair-results h3{flex-basis:100%;font-size:20px}.arks2-pair-results article>div{display:flex;flex-direction:column;min-height:0;flex:1;align-items:center;gap:3px;font-size:14px}.arks2-pair-results .arks2-canvas{height:calc(100% - 56px);width:auto;max-width:100%;flex:1;min-height:0}.arks2-pair-results small{flex-basis:100%}
.arks2-prompt-dialog{width:min(90vw,460px);padding:48px 22px 26px;border:3px solid #b98d53;border-radius:22px;background:#fff2d8;color:#42302c;text-align:center;box-shadow:0 12px 50px #21181699}.arks2-prompt-dialog::backdrop{background:#231a2bd9}.arks2-prompt-dialog>button{position:absolute;right:8px;top:8px;width:44px;height:44px;padding:0;font-size:32px;line-height:1;background:#854739;color:#fff2d8;border-radius:50%}.arks2-prompt-dialog h2{font-size:24px;margin:6px 0 20px}.arks2-secret{font-size:34px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.arks2-prompt-dialog p:last-child{font-size:17px;line-height:1.4}
.phone.sketch-playing .layout{display:flex;flex:1;min-height:0}.phone.sketch-playing #gameplay{flex:1;min-height:0;width:100%}.phone.sketch-playing .arks2-panel{padding:10px;gap:7px;width:100%;height:100%;min-height:0}.phone.sketch-playing .arks2-panel h2{font-size:23px}.phone .arks2-eyebrow{font-size:11px}.phone .arks2-lead{font-size:15px}.phone .arks2-panel>button{width:100%;flex:none}.phone .arks2-panel>.arks2-canvas{max-height:40%;max-width:100%;width:auto}.phone .arks2-panel.arks2-drawing{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto;gap:5px;align-items:stretch}.phone .arks2-drawing>.time-bar[hidden]{display:none}.phone .arks2-drawing>.time-bar:not([hidden]){position:absolute;top:0;left:0;width:100%}.phone .arks2-drawing>.arks2-eyebrow{grid-row:1}.phone .arks2-drawing>h2{grid-row:2;font-size:19px}.phone .arks2-prompt{grid-row:3;font-size:22px;font-weight:800;line-height:1.1;overflow-wrap:anywhere}.phone .arks2-surface{grid-row:4;min-height:0;container-type:size;position:relative;overflow:hidden}.phone .arks2-surface .easel-art{position:absolute;top:50%;left:50%;width:min(calc((100cqw - 6px)/.64),calc((100cqh - 6px)*.75/.64));height:auto;aspect-ratio:2/3;transform:translate(-50%,-46.4444%)}.phone .arks2-surface .easel-canvas{left:18%;top:18%;width:64%;height:56.8889%;aspect-ratio:3/4}.phone .arks2-surface .arks2-canvas{width:100%;height:100%;background:transparent;border:0;border-radius:0;touch-action:none}.arks2-tools{grid-row:5;display:flex;align-items:center;justify-content:center;gap:5px}.arks2-tools button[data-color]{width:30px;height:34px;min-height:34px;padding:0;border:2px solid #b98d53}.arks2-tools button[aria-pressed=true]{outline:2px solid #241b23;outline-offset:1px}.arks2-tools select{font-size:12px;width:75px;min-height:34px;padding:2px}.arks2-tools button:last-child{font-size:12px;padding:4px;min-height:34px}.arks2-warning{grid-row:6;font-size:11px}.arks2-drawing>button{grid-row:7}.phone .arks2-title-form{flex-direction:column;align-items:stretch}.phone .arks2-title-form input{font-size:18px}.phone .arks2-vote-layout{flex-direction:column;align-items:center;gap:7px}.phone .arks2-vote-layout>.arks2-canvas{height:24%;max-width:100%;flex:none}.phone .arks2-options{width:100%;gap:5px}.phone .arks2-option{font-size:12px;padding:5px!important;min-height:0!important;gap:5px}.phone .arks2-option>span{font-size:13px}.phone .arks2-option small{font-size:10px}.phone .arks2-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.phone .arks2-gallery-card strong{font-size:12px}.phone .arks2-gallery-card .arks2-canvas{height:calc(100% - 18px)}.phone .arks2-gallery-card{padding:3px!important}.phone .arks2-standings{grid-template-columns:1fr;gap:3px;overflow:auto}.phone .arks2-standings>div{grid-template-columns:30px minmax(0,1fr) auto auto;padding:3px 6px;gap:6px;font-size:13px}.phone .arks2-standings .portrait{width:30px;height:30px;grid-row:auto}.phone .arks2-standings small{grid-column:auto}.phone .arks2-pair-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:auto;grid-auto-rows:180px}.phone .arks2-pair-results h3{font-size:15px}.phone .arks2-pair-results article>div{font-size:11px}.phone .arks2-pair-results .arks2-canvas{height:70px;flex:none}.phone .arks2-panel .ranked-podium{max-height:100%;min-height:0}
@media(orientation:landscape) and (max-height:500px){.phone .arks2-panel.arks2-drawing{grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr) auto auto auto}.phone .arks2-drawing>.arks2-surface{grid-column:2;grid-row:1/7}.phone .arks2-drawing>.arks2-prompt{grid-row:3}.phone .arks2-tools{grid-row:4;flex-wrap:wrap}.phone .arks2-warning{grid-row:5}.phone .arks2-drawing>button{grid-row:6}.phone .arks2-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* Fill the phone gameplay flex column before allocating the drawing row. */
.phone.sketch-playing #gameplay>.arks2-panel{flex:1 1 0;align-self:stretch;height:auto;max-height:none;width:100%}
.host .arks2-intro .arks-paper-puppet.noah{scale:1}
.phone.sketch-playing:has(.arks2-panel){height:100dvh;overflow:hidden}
.phone.sketch-playing:has(.arks2-panel) main{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden}
/* Three essential actions, demonstrated on the game's easel and paper. */
.host .arks2-onboarding .arks2-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:12px}
.arks2-tutorial-easel{height:100%;min-height:0;width:100%}
.arks2-tutorial-easel .easel-art{width:min(100cqw,calc(100cqh * 2 / 3));height:auto;aspect-ratio:2/3}
.arks2-tutorial-easel .arks2-canvas-lessons{height:100%;width:100%;min-height:0;background:none;border:0;border-radius:0;padding:0}
.arks2-canvas-lessons .arks2-lesson{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;overflow:hidden}
.arks2-canvas-lessons .arks2-lesson[hidden]{display:none}
.arks2-canvas-lessons .arks2-lesson h3{font-size:clamp(20px,1.7vw,31px);line-height:1.15;flex:none}
.arks2-canvas-lessons .arks2-demo-prompt{font-size:clamp(16px,1.3vw,24px);font-weight:800;margin:0;line-height:1.2;flex:none}
.arks2-canvas-lessons .arks2-demo-drawing{flex:1;min-height:0;width:100%;height:0;object-fit:contain;border:0;background:none;border-radius:0}
.arks2-demo-guess{width:100%;flex:none;border-bottom:3px solid #805536;padding:7px 3px;font:700 clamp(16px,1.3vw,24px)/1.2 sans-serif}
.arks2-demo-options{display:grid;gap:5px;width:100%;flex:none;font-size:clamp(13px,1.15vw,21px);font-weight:800;line-height:1.2}
.arks2-demo-options>div{padding:5px 7px;border:2px solid #b58c57;border-radius:7px;background:#f4e5c9}
.arks2-demo-options>.correct{background:#d5e5b3;border-color:#5b7839}
@media(max-height:650px){.arks2-canvas-lessons .arks2-lesson{gap:5px;padding:8px}.arks2-canvas-lessons .arks2-lesson h3{font-size:21px}.arks2-demo-options>div{padding:3px 5px}}

/* Welcome dialogue uses the logo; tutorial dialogue uses the easel. */
.arks2-welcome-mark{grid-column:2;grid-row:1;max-width:100%;max-height:75%;width:100%;object-fit:contain}
.arks2-tutorial-easel{grid-column:2;grid-row:1}
.arks2-tutorial-easel[hidden],.arks2-welcome-mark[hidden]{display:none!important}
.arks2-intro .arks-paper-puppet{transition:filter .15s}
.arks2-intro .arks-paper-puppet.speaking{filter:drop-shadow(0 0 8px #fff1b377)}
.arks2-tools select:last-child{width:85px}

/* v086: keep the painted setting visible throughout the tutorial. */
body.host.theme-sketch:not(.lobby){background-image:linear-gradient(#538b5826,#538b5826),url('/assets/arks-background-v063.png')!important}
body.host .arks2-panel{background:transparent;border:0;box-shadow:none;color:#273e32}
.host .arks2-intro .arks-paper-puppet,.host .arks2-round-scene>.arks-paper-puppet{height:auto!important;max-height:none;min-height:0;scale:1!important;align-self:center;justify-self:center;position:relative;inset:auto;background-repeat:no-repeat}
.host .arks2-intro .arks-paper-puppet.noah{width:min(100%,calc(65vh * 834 / 983))!important;aspect-ratio:834/983}
.host .arks2-intro .arks-paper-puppet.wife{width:min(84%,calc(65vh * 664 / 945))!important;aspect-ratio:664/945}
/* The same framed canvas is used for every host drawing. */
.arks2-display-easel,.arks2-gallery-easel{min-height:0;min-width:0;width:100%;height:100%;container-type:size}
.arks2-display-easel .easel-art,.arks2-gallery-easel .easel-art{width:min(100cqw,calc(100cqh * 2/3))!important;height:auto!important;aspect-ratio:2/3}
.arks2-display-easel .arks2-canvas,.arks2-gallery-easel .arks2-canvas{width:100%!important;height:100%!important;border:0;border-radius:0;background:transparent;object-fit:contain}
.host .arks2-bluff-easel{flex:1;width:100%;min-height:0}
.host .arks2-vote-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:32px;align-items:stretch}
.host .arks2-options{grid-template-columns:1fr;gap:4px;align-content:center;padding:12px 20px}
.host .arks2-option{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;outline:0!important;gap:18px;padding:0;flex-wrap:nowrap;color:#293d32;align-content:center;justify-content:flex-start}
.host .arks2-option>strong,.host .arks2-option>span{font-family:'Banter Hand',cursive;text-transform:uppercase;font-size:clamp(25px,2.05vw,40px);line-height:1.08;font-weight:400}
.host .arks2-option>strong{color:#6c5135;flex:none}.host .arks2-option>span{min-width:0;flex:1}
.host .arks2-option small{flex-basis:auto;max-width:220px;font-size:17px;line-height:1.1}.host .arks2-option.correct>span{color:#236c38;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.phone .arks2-vote-layout{width:100%;align-items:stretch}.phone .arks2-options{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);width:100%;flex:1}
.phone .arks2-option{flex-wrap:nowrap!important;min-height:0!important;box-shadow:none!important;overflow:hidden}.phone .arks2-option>span{min-width:0;font-size:clamp(12px,3.6vw,18px);line-height:1.12}.phone .arks2-option small{font-size:10px;flex-basis:auto;max-width:75px}.phone .arks2-option.correct{background:#dce8b8!important}
/* Round cards borrow Solomon's generous title, cast and player lineup. */
.host .arks2-round-scene{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px;flex:none;width:100%;height:35%}
.host .arks2-round-scene>.noah{height:100%!important;width:auto!important;aspect-ratio:834/983;max-width:100%}
.host .arks2-round-copy{text-align:left}.host .arks2-round-copy>.arks2-eyebrow{font-size:28px;margin-bottom:12px}
.host .arks2-round-copy>h2{font-size:90px;line-height:1.02}.host .arks2-round-tagline{font-size:30px;margin-top:14px}
.host .arks2-score-stage{display:grid!important;grid-template-columns:repeat(var(--score-columns),minmax(0,1fr));grid-template-rows:repeat(var(--score-rows),minmax(0,1fr));gap:16px;width:100%;height:100%;flex:1;min-height:0;max-height:none}
.host .arks2-score-stage>.character-spotlight{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px;background:none;border:0;padding:0}
.host .arks2-score-stage .character-plaque{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:8px 12px;border:2px solid #a88855;box-shadow:0 4px 0 #49371c22}
.host .arks2-score-stage :is(.character-name,.character-points){font-size:28px!important;line-height:1.1}.arks2-score-gain{color:#277453;font-size:24px}
.host .arks2-pair-intro .arks2-round-scene{flex:1;height:auto;min-height:0;grid-template-columns:260px minmax(0,1fr)}
.host .arks2-pair-intro .arks2-round-scene>.noah{height:auto!important;width:100%!important}
.host .arks2-pair-intro .arks2-round-copy{height:100%;min-height:0;display:flex;flex-direction:column;text-align:center;gap:6px}
.host .arks2-pair-intro .arks2-round-copy>h2{font-size:70px}
.arks2-pair-demo{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-height:0;flex:1;width:100%}
.arks2-pair-demo-card{display:flex;flex-direction:column;align-items:center;min-height:0}.arks2-pair-demo-card>.arks2-display-easel{flex:1;min-height:0}.arks2-pair-demo-card>h3{flex:none;font-family:'Banter Hand',cursive;text-transform:uppercase}
/* Centred matching galleries, with each drawing on its own easel. */
.host .arks2-gallery{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;justify-content:center;gap:18px}
.host .arks2-gallery:has(>.arks2-gallery-card:nth-child(7)){grid-template-rows:repeat(2,minmax(0,1fr))}
.host .arks2-gallery:not(:has(>.arks2-gallery-card:nth-child(7))){grid-template-columns:repeat(auto-fit,minmax(0,240px))}
.host .arks2-gallery-card,.host .arks2-pair-results article{background:transparent;border:0;box-shadow:none;padding:0!important}
.arks2-gallery-card>.arks2-gallery-easel{flex:1;min-height:0;height:0}.host .arks2-gallery-card>strong{font:32px 'Banter Hand',cursive}
.host .arks2-pair-results article{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:4px}
.host .arks2-pair-results article>h3,.host .arks2-pair-results article>small{grid-column:1/-1}.host .arks2-pair-results article>div{min-height:0;font-size:19px}.host .arks2-pair-results article>div>.arks2-gallery-easel{flex:1;min-height:0;height:0}
.phone .arks2-pair-results{grid-auto-rows:minmax(0,1fr);overflow:hidden}.phone .arks2-pair-results article{padding:3px;gap:2px}.phone .arks2-pair-results article>div>.arks2-gallery-easel{flex:1;min-height:0;height:0}.phone .arks2-pair-results h3{font-size:13px}.phone .arks2-pair-results article>div{font-size:10px;line-height:1.1}
.phone .arks2-score-stage{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;flex:1;width:100%;gap:6px}.phone .arks2-score-stage>.character-spotlight{min-height:0;display:flex;flex-direction:column;justify-content:end;align-items:center}.phone .arks2-score-stage .character-art{height:55%!important;width:auto!important;max-width:100%;aspect-ratio:var(--character-ratio)}.phone .arks2-score-stage .character-plaque{padding:3px;display:flex;flex-direction:column;width:100%;font-size:11px}.phone .arks2-score-stage :is(.character-name,.character-points,.arks2-score-gain){font-size:11px!important;line-height:1.1}

.host .arks2-panel :is(h2,h3,.arks2-eyebrow,.arks2-lead,.arks2-progress,.arks2-round-tagline),.host .arks2-pair-results :is(strong,span),.host .arks2-option{text-shadow:0 1px 2px #fff5dca6}
.host .arks2-options{container-type:size}.host .arks2-option>strong,.host .arks2-option>span{font-size:clamp(23px,calc(100cqh / var(--option-count,6) * .43),40px)}
.host .arks2-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-content:stretch;gap:18px}
.host .arks2-gallery>.arks2-gallery-card{flex:0 0 calc(100% / var(--gallery-columns,6) - 18px);height:calc(100% / var(--gallery-rows,1) - 9px)}

/* v087: the pale green play-area backing stays behind every lesson and round. */
body.host .arks2-panel{background:#eef5e9ed;box-shadow:inset 0 0 0 1px #c3d3b870}
body.host .arks2-panel:has(>.ranked-podium){background:transparent;box-shadow:none}
.arks2-onboarding>#arks2-onboarding-title[hidden]{display:none!important}
/* Centre complete and partial player rows for every party size. */
.host .arks2-roster{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:16px}
.host .arks2-roster>div{flex:0 0 calc(100% / var(--roster-columns,6) - 16px);height:calc(100% / var(--roster-rows,1) - 16px);justify-content:center}
.host .arks2-score-stage{display:flex!important;flex-wrap:wrap;justify-content:center;align-content:center}
.host .arks2-score-stage>.character-spotlight{flex:0 0 calc(100% / var(--score-columns,6) - 16px);height:calc(100% / var(--score-rows,1) - 16px);justify-content:center}
.host .arks2-round-scene{grid-template-columns:220px minmax(0,1fr) 220px}
.host .arks2-round-copy{text-align:center}
.host .arks2-pair-intro .arks2-round-scene{grid-template-columns:220px minmax(0,1fr) 220px}
.host .arks2-pair-results{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:20px}
.host .arks2-pair-results>article{flex:0 0 calc(100% / var(--pair-columns,3) - 20px);height:calc(100% / var(--pair-rows,2) - 20px);min-width:0}
.host .arks2-pair-results article>div:only-of-type{grid-column:1/-1;width:50%;justify-self:center}
/* The original painted palette carries the controller's five paint colours. */
.phone .arks2-tools{position:relative;display:block;justify-self:center;align-self:center;width:min(100%,330px);height:auto;aspect-ratio:3/1;flex:none;padding:0;background:url('/assets/arks-palette-v058.png') center/100% 100% no-repeat;z-index:2}
.phone .arks2-tools button[data-color]{position:absolute;top:40%;transform:translate(-50%,-50%);width:12%;height:36%;min-height:32px!important;border:2px solid #6d472980!important;border-radius:44% 56% 49% 51%;padding:0;box-shadow:inset 1px 2px 3px #fff6,0 2px 2px #4c301c55}
.phone .arks2-tools button[data-color]:nth-child(1){left:32%}.phone .arks2-tools button[data-color]:nth-child(2){left:46%}.phone .arks2-tools button[data-color]:nth-child(3){left:60%}.phone .arks2-tools button[data-color]:nth-child(4){left:74%}.phone .arks2-tools button[data-color]:nth-child(5){left:88%}
.phone .arks2-tools button[data-color][aria-pressed=true]{outline:2px solid #244c43;outline-offset:2px;border-color:#fff6cc!important}
.phone .arks2-tools select{position:absolute;left:47%;bottom:10%;width:43%;height:25px;min-height:25px;padding:0 5px;font-size:12px;border:1px solid #936136;border-radius:6px;background:#fff0d0}
/* Large handwritten answers during both voting and the real-prompt reveal. */
.phone .arks2-options{container-type:size}
.phone .arks2-option{gap:8px;padding:5px 9px!important}
.phone .arks2-option>span,.phone .arks2-option>strong{font-family:'Banter Hand',cursive;text-transform:uppercase;font-weight:400;line-height:1.05;font-size:clamp(18px,calc(100cqh / var(--option-count,6) * .44),30px)}
.phone .arks2-option>strong{font-size:20px;flex:none;align-self:center}
.phone .arks2-option>span{flex:1;overflow-wrap:anywhere}
.phone .arks2-option small{font:11px/1.1 system-ui,sans-serif;max-width:54px}
.phone.phase-sketch-score .arks2-option small{display:none}
.phone.phase-sketch-score .arks2-panel>.arks2-lead{font:400 30px/1.1 'Banter Hand',cursive;text-transform:uppercase;color:#23613f}
@media(orientation:landscape) and (max-height:500px){.phone .arks2-tools{width:min(100%,250px)}.phone .arks2-tools button[data-color]{min-height:26px!important}.phone .arks2-option>span{font-size:clamp(16px,calc(100cqh / var(--option-count,6) * .55),24px)}}
.phone .arks2-tools button[data-color]{background-image:none!important}

/* v088: solid pale green stage, generous player silhouettes and no round host. */
body.host .arks2-panel:not(:has(>.ranked-podium)){background:#deebd6!important;opacity:1;box-shadow:none}
.host .arks2-roster .character-art{max-height:none;max-width:none;flex:none}
.host .arks2-round-scene,.host .arks2-pair-intro .arks2-round-scene{grid-template-columns:minmax(0,1fr);justify-items:center}
.host .arks2-round-copy{width:100%}
.host .arks2-pair-intro .arks2-round-copy{max-width:1350px}
/* The secret prompt has one clear action. */
.arks2-prompt-dialog{padding:32px 24px;display:none;gap:28px}
.arks2-prompt-dialog[open]{display:flex;flex-direction:column;align-items:stretch}
.arks2-prompt-dialog>.arks2-secret{font:400 36px/1.15 'Banter Hand',cursive;text-transform:uppercase;margin:0}
.arks2-prompt-dialog>button{position:static;width:100%;height:auto;min-height:50px;padding:12px;font-size:22px;line-height:1.1;border-radius:12px;background:#287c70;color:#fff9e9}
.arks2-prompt-dialog p:last-child{font-size:36px}
.phone .arks2-tools button[data-color]{top:50%}
.phone .arks2-option{justify-content:center;text-align:center;position:relative}
.phone .arks2-option>span{text-align:center}
.phone .arks2-option small{position:absolute;right:6px;bottom:3px;max-width:none;font-size:10px}
/* Floating handwritten titles in a loose two-column arrangement. */
.host .arks2-panel:has(>.arks2-vote-layout)>.arks2-eyebrow,.host .arks2-panel:has(>.arks2-vote-layout)>.arks2-lead{display:none}
.host .arks2-vote-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.host .arks2-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:16px 28px;padding:14px 16px;align-items:center}
.host .arks2-option{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;min-height:0}
.host .arks2-option>span{font-size:clamp(24px,calc(100cqh / max(3,var(--option-count,6)) * .65),38px);width:100%}
.host .arks2-option:nth-child(4n+1){transform:rotate(-3deg) translateY(-8px)}
.host .arks2-option:nth-child(4n+2){transform:rotate(2deg) translateY(12px)}
.host .arks2-option:nth-child(4n+3){transform:rotate(2deg) translateX(10px)}
.host .arks2-option:nth-child(4n){transform:rotate(-2deg) translateY(6px)}
.host .arks2-option small{max-width:100%;font-size:16px;line-height:1.1}
.host .arks2-roster>div{min-width:0;max-width:calc(100% / var(--roster-columns,6) - 16px)}
.host .arks2-roster .character-art{max-width:100%!important}

/* v089: one consistent, opaque green across every Arks play screen. */
body.theme-sketch{--game-background:#deebd6;--victory-paper:#deebd6}
body.theme-sketch #gameplay>section.arks2-panel:not(:has(>.ranked-podium)){background:#deebd6!important;opacity:1}
body.phone.theme-sketch{background:#deebd6!important;background-image:none!important}
body.phone.theme-sketch .arks2-panel:not(:has(>.ranked-podium)){background:#deebd6!important}

/* v091: cloud-only drift; the TV scenery and green game panels stay fixed. */
body.host.theme-sketch.playing{background-image:url('/assets/arks-play-v091.png')!important;isolation:isolate}
.arks-cloud-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
body #arks-play-clouds{position:fixed;z-index:-1}
.arks-drifting-cloud{animation:arks-cloud-drift var(--cloud-duration,40s) linear var(--cloud-delay,0s) infinite alternate}
@keyframes arks-cloud-drift{from{transform:translateX(calc(-1 * var(--cloud-travel,24px)))}to{transform:translateX(var(--cloud-travel,24px))}}
@media(prefers-reduced-motion:reduce){.arks-drifting-cloud{animation:none}}


/* Reveal only voted answers, then the truth; each later answer stays larger. */
body .arks2-options.arks2-reveal-board{align-items:stretch;align-content:start;overflow-y:auto;grid-auto-rows:minmax(110px,auto);gap:12px;padding:12px;scrollbar-gutter:stable}
body .arks2-reveal-board .arks2-option{transform:none!important;flex-direction:column!important;flex-wrap:nowrap;align-items:center;justify-content:center;min-width:0;padding:10px!important;box-sizing:border-box;gap:10px;overflow:visible}
body .arks2-reveal-board .arks2-option>span{flex:none;min-width:0;width:100%;text-align:center;font-size:calc(22px + 18px * var(--reveal-growth,1))!important;overflow-wrap:anywhere}
body .arks2-reveal-board .arks2-option.is-current{animation:arks-answer-enter .35s ease-out both}
body .arks2-reveal-board .arks2-option.correct{background:#dce8b8!important;border-radius:12px;box-shadow:inset 0 0 0 2px #547036!important}
.arks2-reveal-voters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;width:100%;min-height:48px}
body .arks2-reveal-voters .portrait{display:block!important;width:48px!important;height:48px!important;flex:none;border-radius:50%;overflow:hidden}
.arks2-reveal-board .is-current .arks2-reveal-voters{animation:arks-voters-enter .3s ease-out .9s both}
.arks2-no-votes{font:700 18px/1.2 system-ui,sans-serif;letter-spacing:.04em}
body.phone .arks2-reveal-board{grid-template-columns:1fr}
body.phone .arks2-reveal-board .arks2-option>span{font-size:calc(18px + 12px * var(--reveal-growth,1))!important}
@keyframes arks-answer-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes arks-voters-enter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.arks2-reveal-board .arks2-option.is-current,.arks2-reveal-board .is-current .arks2-reveal-voters{animation:none!important}}