.game-chameleon .game-content{width:100%}.game-chameleon .players,.game-chameleon .topics,.game-chameleon .newtopic,.game-chameleon .show,.game-chameleon .topicCard,.game-chameleon .round-end{gap:var(--s3);width:100%;display:grid}.game-chameleon .game-setup,.game-chameleon .show,.game-chameleon .round-end{max-width:38rem}.game-chameleon .center-phone{max-width:42rem}.game-chameleon fieldset{border:0;min-width:0;margin:0;padding:0}.game-chameleon .section-label{margin-bottom:var(--s2);color:var(--ink-2);font-weight:500;display:block}.game-chameleon .players .list{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-chameleon .player-field{display:block}.game-chameleon .add-player{gap:var(--s2);grid-template-columns:1fr auto;display:grid}.game-chameleon .done,.game-chameleon .primary-action{justify-self:start}.game-chameleon a.primary-action{width:fit-content}.game-chameleon .show{padding-block:var(--s5);text-align:left;justify-items:start}.game-chameleon .show-widget{gap:var(--s3);justify-items:start;width:100%;display:grid}.game-chameleon .playerName{letter-spacing:-.02em;font-size:clamp(1.5rem,6vw,2.4rem);font-weight:500}.game-chameleon .reveal-hint,.game-chameleon .pass-label,.game-chameleon .instruction{max-width:44ch;color:var(--ink-2);line-height:1.5}.game-chameleon .chameleon{max-width:34rem;padding:var(--s3) 0;color:var(--accent);font-weight:500}.game-chameleon .center-phone{gap:var(--s4);padding-block:var(--s4);display:grid}.game-chameleon .center-phone p{color:var(--ink-2);line-height:1.5}.game-chameleon .center-phone strong{color:var(--ink)}.game-chameleon .topicCard{width:min(100%,50vw)}.game-chameleon .topicTitle{min-height:1lh;font-size:var(--f-lead);margin:0}.game-chameleon .topicCard .grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--s8);min-height:calc(var(--s8) * 4);display:grid}.game-chameleon .topicCard .grid [data-word]{padding:var(--s2) var(--s3);border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);text-align:left;overflow-wrap:anywhere;align-items:center;display:flex;overflow:hidden}.game-chameleon .topicCard .grid [data-word]:nth-child(4n){border-right:0}.game-chameleon .topicCard .grid [data-word]:nth-last-child(-n+4){border-bottom:0}.game-chameleon .topicCard .grid [data-word].selected{color:var(--accent);background:var(--accent-wash);font-weight:500}.game-chameleon .topicCard .grid [data-word]{transition:background-color var(--t-color) var(--ease), color var(--t-color) var(--ease)}.game-chameleon .topicCard .grid [data-word].selected{animation:word-illuminate .55s var(--ease)}@keyframes word-illuminate{0%{box-shadow:0 0 0 0 var(--accent-wash)}45%{box-shadow:0 0 16px 2px var(--accent-wash)}to{box-shadow:0 0 0 0 var(--accent-wash)}}@media (prefers-reduced-motion:reduce){.game-chameleon .topicCard .grid [data-word]{transition:none}.game-chameleon .topicCard .grid [data-word].selected{animation:none}}.game-chameleon .round-end{gap:var(--s4)}.game-chameleon .next-topic{gap:var(--s2);width:min(100%,20rem);display:grid}.game-chameleon .next-topic .section-label{margin-bottom:0}.game-chameleon .round-reveal{gap:var(--s2) var(--s4);padding-block:var(--s3);grid-template-columns:auto 1fr;display:grid}.game-chameleon .round-reveal dt{color:var(--ink-3)}.game-chameleon .round-reveal dd{color:var(--ink);font-size:var(--f-lead);font-weight:500}.game-chameleon .newtopic{gap:var(--s5)}.game-chameleon .newtopic .words{gap:var(--s2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=900px){.game-chameleon .topicCard{width:100%}}@media (width<=560px){.game-chameleon .players .list,.game-chameleon .add-player{grid-template-columns:1fr}.game-chameleon .topicCard .grid,.game-chameleon .newtopic .words{grid-template-columns:repeat(2,minmax(0,1fr))}.game-chameleon .topicCard .grid{min-height:calc(var(--s8) * 8)}.game-chameleon .topicCard .grid [data-word]{font-size:var(--f-small)}.game-chameleon .topicCard .grid [data-word]:nth-child(4n){border-right:1px solid var(--hairline)}.game-chameleon .topicCard .grid [data-word]:nth-child(2n){border-right:0}.game-chameleon .topicCard .grid [data-word]:nth-last-child(-n+4){border-bottom:1px solid var(--hairline)}.game-chameleon .topicCard .grid [data-word]:nth-last-child(-n+2){border-bottom:0}.game-chameleon .done,.game-chameleon .primary-action{width:100%}}
