/* Original paired mechanics: ordered double-six tiles and five terrace levels. */
.dr-board,.dr-preview-card{--dr-water:#5dc7d6;--dr-stone:#ebd8aa}
.dr-illustration{min-height:250px;display:grid;align-items:center}
.dr-domino-layout,.dr-reservoir-layout{display:grid;gap:clamp(16px,3vw,30px);align-items:center;justify-items:center}
.dr-domino-layout{grid-template-columns:repeat(2,minmax(120px,190px));justify-content:center}
.dr-domino-layout .lf-measure,.dr-reservoir-layout .lf-measure{grid-column:1/-1;width:100%;margin:0}
.dr-tile{display:grid;grid-template-columns:1fr 1fr;position:relative;width:100%;min-height:104px;border:4px solid #5d4c35;border-radius:14px;background:var(--dr-stone);color:#172735;box-shadow:0 12px 24px #0005;overflow:hidden}
.dr-tile>span{display:grid;place-items:center;padding:12px;border-inline-end:2px solid #5d4c35}.dr-tile>span:nth-child(2){border:0}
.dr-tile small{position:absolute;inset:auto 7px 5px auto;background:#152d38;color:#fff4d6;border-radius:999px;padding:2px 7px;font-weight:700}
.dr-pips{font-size:clamp(.78rem,2.2vw,1.15rem);line-height:1.55;letter-spacing:.08em;text-align:center;overflow-wrap:anywhere}
.dr-levels{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(42px,78px));gap:clamp(6px,2vw,14px);align-items:end;padding:0;margin:0;min-height:210px}
.dr-levels li{display:grid;grid-template-rows:150px auto auto;gap:6px;text-align:center;color:#e7f9fb;min-width:0}
.dr-levels li>span{align-self:end;height:calc(22px + var(--dr-level)*38px);border:2px solid #b9edf1;border-radius:11px 11px 3px 3px;background:linear-gradient(#9ce7ef,var(--dr-water));box-shadow:inset 0 7px 0 #ffffff42,0 8px 18px #0004}
.dr-levels b,.dr-levels small{font-variant-numeric:tabular-nums}.dr-levels small{color:#c2d9df}
.dr-empty{min-height:220px;display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center;text-align:center;color:#c2ced5}
.dr-domino-placeholder{font-size:2.6rem;color:#f3dca9;border:3px solid #7b6848;padding:18px 28px;border-radius:14px}.dr-terraces{font-size:4rem;letter-spacing:.12em;color:var(--dr-water)}
.dr-cover{filter:drop-shadow(0 12px 20px #0004)}
@media(max-width:620px){.dr-domino-layout{grid-template-columns:1fr}.dr-levels{grid-template-columns:repeat(5,minmax(34px,1fr));width:100%;gap:5px}.dr-levels li{grid-template-rows:125px auto auto}.dr-tile{max-width:230px}.dr-terraces{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.dr-board *,.dr-preview-card *{animation:none!important;transition:none!important}.dr-cover{filter:none}}
@media(forced-colors:active){.dr-tile,.dr-levels li>span{border:2px solid CanvasText}.dr-levels li>span{background:Highlight}.dr-domino-placeholder{border-color:CanvasText}}