/* Break activities share the visitor's selected theme. */
.play-space{font-size:1.08rem}.play-top,.play-actions,.color-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-block:16px}.play-top{justify-content:space-between}.play-top a{font-weight:700;text-decoration:underline}.play-space button,.play-space select,.play-space input,.play-tiles a{font:inherit;min-height:44px;border:2px solid var(--border);border-radius:12px;padding:10px 16px;background:var(--surface,#fff);color:var(--ink)}.play-space button:hover:not(:disabled){border-color:var(--green);transform:translateY(-1px)}.play-space button:disabled{opacity:.55;cursor:default}.play-space button[hidden]{display:none}.play-space label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.play-space select{max-width:100%;width:auto}.play-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.play-tiles a{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--surface,#fff);border-bottom:5px solid var(--green);transition:transform .2s}.play-tiles a:hover{transform:translateY(-4px)}.play-tiles span{font-size:2.6rem}.play-tiles strong{font-size:1.18rem}.play-tiles small{font-size:1rem;line-height:1.8}.fact-card{margin:24px 0;padding:clamp(24px,5vw,55px);background:var(--surface,#fff);border:2px solid var(--border);border-inline-start:8px solid var(--green);border-radius:24px;min-height:220px}.fact-card p{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;line-height:2}.fact-card a{text-decoration:underline}.million-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:22px;margin-block:24px}.million-card{background:var(--surface,#fff);border:2px solid var(--border);border-radius:24px;padding:clamp(18px,3vw,34px)}.million-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--green)}.million-card h2{font-size:1.45rem;line-height:1.9;white-space:pre-line}.million-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.million-choices button{text-align:start;font-size:1.15rem;font-weight:700;padding:18px;white-space:pre-line}.million-choices b{display:inline-block;border-radius:50%;padding:0 8px;background:var(--mint,#eee);margin-inline-end:6px}.million-choices .answer-right{background:#dcfce7!important;color:#14532d!important;border-color:#15803d!important;opacity:1}.million-choices .answer-wrong{background:#fee2e2!important;color:#7f1d1d!important;border-color:#b91c1c!important;opacity:1}.million-ladder{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.million-ladder li{display:flex;gap:10px;justify-content:space-between;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff)}.million-ladder .current{outline:3px solid var(--green);font-weight:bold}.million-ladder .reached{background:#dcfce7;color:#14532d}.game-feedback{border-top:1px solid var(--border);padding-top:12px;white-space:pre-line}.game-image{display:block;max-width:100%;max-height:400px;object-fit:contain;margin:auto}.play-history{padding-inline-start:24px}.play-history li{padding:12px;border-bottom:1px solid var(--border)}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px;margin-block:20px}.art-thumb,.saved-art{padding:12px;border:2px solid var(--border);border-radius:16px;background:var(--surface,#fff);text-align:center}.art-grid img{display:block;width:100%;height:155px;object-fit:contain;background:white;border-radius:8px}.art-thumb strong{display:block;margin-top:12px}.saved-art h3{font-size:1.05rem;overflow-wrap:anywhere}.saved-art small{font-size:.9rem}.saved-art button{padding:7px 9px;font-size:.95rem}.color-workspace canvas{display:block;width:100%;max-width:600px;height:auto;background:white;border:2px solid #475569;touch-action:none;margin:auto;cursor:crosshair}.color-palette{display:flex;flex-wrap:wrap;gap:8px}.play-space .color-swatch{width:44px;height:44px;padding:0;border:2px solid #475569;border-radius:50%}.color-swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:3px}.color-tools input[type=color]{width:60px;padding:3px}.color-workspace small{font-size:.9rem}.color-workspace small a{text-decoration:underline}.break-timer strong{font-size:1.3rem}.play-space [role=status]{min-height:1.7em}.play-space input{max-width:100%}
@media(max-width:1100px){.play-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.million-layout{grid-template-columns:1fr}.million-ladder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.million-choices{grid-template-columns:1fr}.play-tiles{gap:10px}.play-tiles a{padding:16px}.play-space select{width:100%}.play-top{font-size:1rem}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.play-tiles a,.play-space button{transition:none!important;transform:none!important}}