/* Play, learn and finish: one consistent hierarchy across viewport sizes. */
#cast-six-timed .tc-mobile-hero,#cast-six-timed .tc-mobile-headline{display:none}
#cast-six-timed .tc-desktop-example-note{display:none}
@media(min-width:601px){
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-cinema-panel img{aspect-ratio:2/3}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-desktop-example-note{display:block;margin:-14px 0 18px;font-size:12px;color:var(--tc-muted)}
}
#cast-six-timed .tc-text-button{background:none;border:0;color:var(--tc-ink);text-decoration:underline;min-height:44px;padding:8px;font:inherit;cursor:pointer}
#cast-six-timed .tc-overlap-films,#cast-six-timed .tc-overlap-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
#cast-six-timed :is(.tc-overlap-films,.tc-overlap-slots) button{background:var(--tc-panel);color:var(--tc-ink);border:1px solid var(--tc-line);border-radius:8px;min-height:52px;padding:12px;font:500 14px/1.4 'DM Sans',sans-serif;cursor:pointer}
#cast-six-timed .tc-overlap-films button[aria-pressed=true]{outline:2px solid var(--tc-ink);outline-offset:2px}
#cast-six-timed .tc-overlap-slots button{min-height:92px;text-align:left}
#cast-six-timed .tc-overlap-slots strong,#cast-six-timed .tc-overlap-slots span{display:block}
#cast-six-timed .tc-overlap-slots span{font-size:13px;margin-top:10px}
#cast-six-timed .tc-overlap-slots .is-correct{border-color:var(--tc-green);background:var(--tc-green-soft)}
#cast-six-timed .tc-overlap-slots .is-incorrect{border-color:var(--tc-red);background:var(--tc-red-soft)}
#cast-six-timed:not(.tc-landing){max-width:1200px;margin-inline:auto}
#cast-six-timed #tc-playarea,#cast-six-timed #tc-playarea:has(.tc-view-result:not([hidden])){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,1.2fr) auto 20px minmax(220px,1fr) auto;gap:8px}
#cast-six-timed #tc-playarea>*{grid-column:auto;grid-row:auto}
#cast-six-timed .tc-selection{margin:0;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.3;text-align:center;overflow-wrap:anywhere;color:var(--tc-muted)}
#cast-six-timed .tc-selection.is-selected{font-weight:600;color:var(--tc-ink)}
#cast-six-timed .tc-film[aria-pressed=true]{border-color:var(--tc-ink);box-shadow:0 0 0 2px var(--tc-ink)}
#cast-six-timed .tc-selected-label{display:none;position:absolute;z-index:3;top:6px;right:6px;padding:4px 6px;border-radius:3px;font:600 11px 'DM Sans',sans-serif;background:var(--tc-ink);color:var(--tc-paper)}
#cast-six-timed .tc-film[aria-pressed=true] .tc-selected-label{display:block}
#cast-six-timed .tc-film[aria-pressed=true] .tc-placed-label{display:none}
#cast-six-timed .tc-film.placed:not([aria-pressed=true]) .tc-art>img{filter:grayscale(.2);opacity:.75}
#cast-six-timed .tc-slot.ready{border-color:var(--tc-ink);box-shadow:inset 0 0 0 1px var(--tc-ink);background:var(--tc-panel)}
#cast-six-timed .tc-slot.ready.correct{background:var(--tc-green-soft)}
#cast-six-timed .tc-slot.ready.incorrect{background:var(--tc-red-soft)}
#cast-six-timed .tc-slot[aria-pressed=true],#cast-six-timed #tc-demo-slot[aria-pressed=true]{border-color:var(--tc-ink);box-shadow:inset 0 0 0 2px var(--tc-ink)}
#cast-six-timed .tc-overlap-slots button[aria-pressed=true]{outline:2px solid var(--tc-ink);outline-offset:2px}
#cast-six-timed .tc-film-title,#cast-six-timed .tc-art:after{opacity:1}
#cast-six-timed .tc-check-note{font-size:12px;line-height:1.4}
#cast-six-timed .tc-sync{font-size:10px;min-height:12px;margin-top:2px}
#cast-six-timed .tc-result-metrics,#cast-six-timed .tc-result.loss .tc-result-metrics{display:flex;justify-content:center;gap:30px;padding:12px 0;margin:16px 0}
#cast-six-timed .tc-result-reaction{margin:8px 0 14px}
#cast-six-timed .tc-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 8px}
#cast-six-timed .tc-result-next{display:contents}
#cast-six-timed .tc-result-actions button{min-height:48px;width:100%;margin:0;padding:10px}
#cast-six-timed .tc-result-navigation{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:12px;margin:0 0 14px}
#cast-six-timed .tc-result-navigation a{color:var(--tc-muted);min-height:32px;display:inline-flex;align-items:center}
#cast-six-timed .tc-result-history{display:grid;gap:4px;justify-content:center;margin:12px 0}
#cast-six-timed .tc-result-history>div{display:flex;gap:4px}
#cast-six-timed .tc-result-history span{display:grid;place-items:center;width:28px;height:24px;border-radius:3px;background:var(--tc-green);color:#fff;font-size:13px}
#cast-six-timed .tc-result-history span.missed{background:var(--tc-red)}
#cast-six-timed .tc-result-insight{background:var(--tc-panel);border:1px solid var(--tc-line);border-radius:8px;padding:16px;text-align:left;margin:16px 0}
#cast-six-timed .tc-result-insight h3{font:600 17px/1.35 'DM Sans',sans-serif;margin:0 0 8px}
#cast-six-timed .tc-result-insight p{font-size:14px;line-height:1.55;margin:0;color:var(--tc-muted)}
#cast-six-timed .tc-result-time{font-size:12px;color:var(--tc-muted);margin:8px 0}
#cast-six-timed .tc-pack-achievement{font-weight:600;color:var(--tc-green)}
#cast-six-timed .tc-return-panel{margin-top:20px}
@media(max-width:600px){
 #cast-six-timed:not(.tc-landing){min-height:650px}
 #cast-six-timed.tc-landing .tc-landing-mark{display:none}
 #cast-six-timed.tc-landing .tc-start h1{font-size:64px;margin-bottom:16px}
 #cast-six-timed.tc-landing .tc-start-actions{flex-direction:column;width:min(100%,300px);gap:5px}
 #cast-six-timed.tc-landing .tc-start-actions>*{width:100%;box-sizing:border-box}
 #cast-six-timed.tc-landing .tc-home-more{background:transparent;border-color:transparent;min-height:44px;padding:10px}
 #cast-six-timed.tc-landing .tc-landing-description{margin-bottom:16px}
 #cast-six-timed.tc-landing .tc-start-note{margin-top:8px}
 #cast-six-timed.tc-landing .tc-landing-edition{margin-top:10px}
 #cast-six-timed #tc-playarea,#cast-six-timed #tc-playarea:has(.tc-view-result:not([hidden])){grid-template-rows:minmax(154px,1.15fr) auto 16px minmax(228px,1fr) auto;gap:5px}
 #cast-six-timed .tc-selection{font-size:12px;min-height:30px}
 #cast-six-timed .tc-board-tools{gap:4px}
 #cast-six-timed .tc-board-tools>button{padding:6px;min-height:44px;font-size:11px}
 #cast-six-timed .tc-board-tools #tc-check{flex:1;white-space:normal;min-width:78px}
 #cast-six-timed .tc-board-tools .tc-tool-button{flex:0 0 auto;padding:4px 6px}
 #cast-six-timed .tc-tool-button span{display:block;font-size:11px}
 #cast-six-timed .tc-tool-button svg{display:none}
 #cast-six-timed .tc-board-tools #tc-clear{max-width:62px;white-space:normal}
 #cast-six-timed .tc-board-tools #tc-hint-button{min-width:50px}
 #cast-six-timed .tc-category{font-size:13px}
 #cast-six-timed .tc-check-note{font-size:11px}
 #cast-six-timed .tc-sources{padding-top:4px}
 #cast-six-timed .tc-result h2{font-size:38px}
}
@media(max-width:600px) and (max-height:720px){
 #cast-six-timed.tc-landing .tc-start h1{font-size:52px;margin-bottom:10px}
 #cast-six-timed.tc-landing .tc-landing-description{font-size:16px;margin-bottom:10px}
 #cast-six-timed.tc-landing #tc-learn-button{min-height:40px;padding:8px}
}
@media(min-width:601px) and (max-height:480px){
 #cast-six-timed:not(.tc-landing){height:auto;min-height:780px}
 #cast-six-timed #tc-playarea,#cast-six-timed #tc-playarea:has(.tc-view-result:not([hidden])){min-height:620px}
 #cast-six-timed .tc-lineup-heading{display:flex}
 #cast-six-timed .tc-movies{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr}
 #cast-six-timed .tc-slots{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
}

#cast-six-timed .tc-film:focus-visible{outline-color:var(--tc-ink)}
#cast-six-timed .tc-result-history span{background:#315d3c}
#cast-six-timed .tc-result-history span.missed{background:#b65a3e}

/* The phone homepage is a compact game entrance, with help in the masthead. */
@media(max-width:600px){
 body:has(#cast-six-timed.tc-landing:not(.tc-library-play)){padding:0;background:light-dark(#f5f2e9,#1b1c1a);color-scheme:light dark}
 #cast-six-timed.tc-landing:not(.tc-library-play){border:0;border-radius:0;min-height:100svh;height:auto;margin:0}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-main{width:100%;max-width:460px;margin-inline:auto;padding:16px 24px max(16px,env(safe-area-inset-bottom))}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-start{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;justify-items:center;align-items:center;gap:0;flex:0 0 auto;padding:0;text-align:left}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-start>*{grid-column:1/-1}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-start h1{grid-column:1;grid-row:1;justify-self:start;font-size:40px;line-height:1;letter-spacing:-1px;margin:0}
 #cast-six-timed.tc-landing:not(.tc-library-play) #tc-learn-button{grid-column:2;grid-row:1;min-height:44px;margin:0;padding:8px 0 8px 12px;border:0;border-radius:4px;font-size:13px;color:var(--tc-ink);text-decoration:none}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-landing-eyebrow,#cast-six-timed.tc-landing:not(.tc-library-play) .tc-starter-themes{display:none}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-mobile-headline{display:block;justify-self:start;margin:28px 0 12px;font:500 clamp(48px,14vw,62px)/.96 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.8px;text-transform:uppercase;color:var(--tc-ink)}
 #cast-six-timed .tc-mobile-headline span{color:var(--tc-red)}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-mobile-hero{display:block;width:100%;min-width:0;margin:0 0 20px;text-align:center}
 #cast-six-timed .tc-mobile-posters{display:flex;align-items:center;justify-content:center;min-height:165px;padding:18px 0 20px}
 #cast-six-timed .tc-mobile-posters img{flex:none;width:25%;max-width:88px;height:auto;aspect-ratio:2/3;margin-inline:-5.5%;object-fit:cover;border:2px solid var(--tc-paper);border-radius:7px;box-shadow:0 6px 12px #0003;background:var(--tc-soft)}
 #cast-six-timed .tc-mobile-posters img:nth-child(1){transform:translateY(10px) rotate(-14deg);z-index:1}
 #cast-six-timed .tc-mobile-posters img:nth-child(2){transform:translateY(-2px) rotate(-9deg);z-index:2}
 #cast-six-timed .tc-mobile-posters img:nth-child(3){transform:translateY(-9px) rotate(-3deg);z-index:3}
 #cast-six-timed .tc-mobile-posters img:nth-child(4){transform:translateY(-9px) rotate(3deg);z-index:3}
 #cast-six-timed .tc-mobile-posters img:nth-child(5){transform:translateY(-2px) rotate(9deg);z-index:2}
 #cast-six-timed .tc-mobile-posters img:nth-child(6){transform:translateY(10px) rotate(14deg);z-index:1}
 #cast-six-timed .tc-mobile-hero figcaption{margin:3px 0 0;font-size:11px;line-height:1.4;color:var(--tc-muted)}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-landing-description{justify-self:start;width:100%;max-width:none;margin:0 0 20px;font-size:16px;line-height:1.5}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-start-actions{display:flex;flex-direction:column;width:100%;max-width:none;gap:8px}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-start-actions>*{width:100%;min-width:0;min-height:52px;border-radius:12px;font-size:16px;padding:12px 16px}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-start-actions #tc-start-button{min-height:54px;border-radius:12px;font:500 16px/1.4 'DM Sans',Arial,sans-serif}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-home-more{background:var(--tc-panel);border:1px solid var(--tc-line)}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-start-note{width:100%;max-width:none;margin:12px 0 0;font-size:12px;line-height:1.5;text-align:center;color:var(--tc-muted)}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-landing-edition{margin:14px 0 0;font-size:11px;text-align:center}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-sources{margin-top:24px;border-top:1px solid var(--tc-line);padding:8px 0 0;font-size:11px;line-height:2;text-align:center}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-sources a{display:inline-flex;align-items:center;min-height:44px}
 #cast-six-timed.tc-landing.tc-daily-complete #tc-start-button{min-height:44px;margin:8px 0 0}
}
/* Finishing the daily keeps the poster entrance and points to unplayed puzzles. */
#cast-six-timed.tc-landing.tc-daily-complete .tc-home-more{background:var(--tc-ink);border-color:var(--tc-ink);color:var(--tc-paper)}
@media(max-width:360px){
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-main{padding-inline:20px}
 #cast-six-timed.tc-landing:not(.tc-library-play) .tc-mobile-headline{margin-top:20px}
 #cast-six-timed .tc-mobile-posters{min-height:145px;padding-block:14px}
}

/* Public board content also works before JavaScript opens the playable board. */
.tc-public-preview{margin:28px auto 18px;text-align:left;max-width:680px}
.tc-public-preview h2{font:500 30px/1.1 'Barlow Condensed',sans-serif;margin:0 0 10px}
.tc-public-preview h3{font-size:15px;margin-top:20px}
.tc-public-preview p{font-size:14px;line-height:1.5}
.tc-public-films{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0;list-style:none}
.tc-public-films li{min-width:0;font-size:12px;line-height:1.3}
.tc-public-films img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:5px;margin-bottom:6px}
.tc-public-categories{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;font-size:13px}
.tc-public-categories li{border:1px solid currentColor;border-radius:5px;padding:7px 9px}
@media(max-width:600px){.tc-public-films{grid-template-columns:repeat(3,minmax(0,1fr))}}