.domino-example{display:grid;grid-template-columns:repeat(4,1fr);max-width:360px;border:2px solid #17324d;border-radius:10px;overflow:hidden;background:#fff}.domino-example span{display:grid;place-items:center;min-height:62px;padding:7px;border-right:1px solid #9eb5ce;font-size:20px;font-weight:700}.domino-example span:first-child{font-size:13px}.domino-example span:nth-child(2){border-right:3px solid #17324d}.domino-example span:last-child{border:0}.domino-result{margin:32px 0}.domino-result>p{color:#506780}.domino-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px}.domino-stone{display:grid;grid-template-columns:1fr 1fr;border:1px solid #8fa7bf;border-radius:8px;overflow:hidden;background:white}.domino-stone span{display:grid;place-items:center;min-height:58px;padding:5px;font-size:19px;font-weight:700}.domino-stone span+span{border-left:1px solid #8fa7bf}.domino-stone span:first-child{background:#f3f7fd}

/* A fresh game table: colour distinguishes the activity, while controls stay clear. */
#domino .worksheet-intro{position:relative;overflow:hidden;margin:28px 0 28px;padding:30px 34px;background:#e6f7f3;border:1px solid #b1d9cd;border-radius:24px}
#domino .worksheet-intro::after{content:"";position:absolute;width:180px;height:180px;right:-30px;top:-60px;border:26px solid #b6e4d4;border-radius:50%;opacity:.6;pointer-events:none}
#domino .worksheet-intro>*{position:relative;z-index:1}
#domino .worksheet-kicker{color:#22664f}
#domino .worksheet-intro h1{color:#123d39;margin-bottom:10px}
#domino .worksheet-intro>p:not(.worksheet-kicker){color:#285d55}
#domino .game-settings{background:#fff;border:1px solid #beded5;box-shadow:0 10px 30px #164c3a0d;border-radius:22px}
#domino .game-settings h2{color:#143f39}
#domino .game-settings legend{color:#1b5c4c}
#domino .game-settings fieldset{border-color:#d5e9e3}
#domino .bingo-row-options span{min-height:46px;border-color:#a8cfc1;color:#28564a}
#domino .bingo-row-options input:checked+span{background:#216d55;border-color:#216d55;color:#fff}
#domino .quiet-button{color:#1a604b}
#domino .game-primary{background:#216d55;border-color:#216d55;color:#fff}
#domino .game-primary:hover{background:#155440;border-color:#155440}
#domino .bingo-explainer{padding:26px;background:#fff9e6;border:1px solid #f0dfae;border-radius:22px}
#domino .bingo-explainer h2{color:#694600;margin:24px 0 14px}
#domino .bingo-explainer li{color:#544a37}
#domino .local-note{background:#fff0bf;color:#564826}
#domino .domino-example{max-width:360px;border-color:#216d55;border-radius:14px;box-shadow:0 5px 0 #c3e7d6}
#domino .domino-example span{border-color:#bdd8c9;color:#20463d}
#domino .domino-example span:first-child{background:#216d55;color:#fff}
#domino .domino-example span:nth-child(2){border-color:#216d55}
#domino .domino-example span:nth-child(3){background:#fff1bc}
#domino .domino-result{padding:26px;background:#f2fbf7;border:1px solid #beded5;border-radius:22px}
#domino .domino-stone{border-color:#a8cfc1;box-shadow:0 3px 0 #d7ede4}
#domino .domino-stone span:first-child{background:#e5f6ed;color:#1c5b49}
#domino .domino-stone span+span{border-color:#a8cfc1}
@media(max-width:680px){#domino .worksheet-intro{margin:20px 0;padding:24px 22px;border-radius:18px}#domino .worksheet-intro::after{width:110px;height:110px;right:-42px;top:-45px;border-width:20px;opacity:.4}#domino .bingo-explainer{padding:22px}#domino .domino-result{padding:20px}}
@media(max-width:380px){#domino .domino-example span{min-height:52px;font-size:17px}#domino .domino-example span:first-child{font-size:12px}}
@keyframes dominoExampleConnect{0%,20%,100%{background:#fff;color:#20463d}40%,65%{background:#d6f5e6;color:#115740}}
#domino .domino-example span:nth-child(2),#domino .domino-example span:nth-child(3){animation:dominoExampleConnect 4.4s ease-in-out infinite}
#domino .domino-example span:nth-child(3){animation-delay:.35s}
@media(prefers-reduced-motion:reduce){#domino .domino-example span{animation:none!important}}