html[data-kcx-embedded] body{min-height:0}
.game{width:100%;max-width:960px;height:auto;min-height:820px;padding-inline:clamp(14px,4vw,32px)}
.game .board-wrap{width:100%;aspect-ratio:400/430;margin-inline:0}
#board{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(11,minmax(0,1fr))}
#board .pad{aspect-ratio:auto;min-width:0;padding:0}
@media(min-width:481px){
 .game{gap:14px}
 .board-wrap{width:100%}
 h1{font-size:clamp(32px,6vw,54px)}
 .tag,.tag span,.edition,.scores span{font-size:12px}
 .overlay>div{width:100%;max-width:440px}
 .overlay{overflow:auto}
 .overlay p,#instructions{font-size:14px}
 .overlay .small,footer,.bottom #combo{font-size:12px}
 h2{font-size:clamp(32px,6vw,52px)}
 button,header button,#share-actions button,#status{font-size:14px}
 .piece{height:96px}
 .piece .number,.anchor{font-size:11px}
 footer{flex-wrap:wrap}
}

/* Five-cell vertical pieces need space at phone widths too. */
.game .piece{height:100px}

.tray-row{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:8px;align-items:stretch}
.mystery{visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;background:#231c36;border:1px solid #ad8efa;color:#efe7ff}
.mystery.available{visibility:visible}.mystery strong{font-size:28px;line-height:1.1}.mystery span{font-size:8px;line-height:1.4}
#shuffle-dialog{max-width:min(420px,90vw);box-sizing:border-box;border:1px solid #7ee8fa;border-radius:14px;background:#10131e;color:#f7f8fc;padding:24px;font:15px/1.6 Montserrat,sans-serif}
#shuffle-dialog::backdrop{background:#000b}#shuffle-dialog h2{font-size:25px;margin:0 0 16px}#shuffle-dialog>div{display:flex;gap:10px;flex-wrap:wrap}#shuffle-dialog button{font-size:13px;min-height:48px}#shuffle-confirm{background:#7ee8fa;color:#08090e}