.tri-nho{max-width:560px;margin-inline:auto}.tri-tro{text-align:left;flex-direction:column;align-items:flex-start;width:100%;min-height:180px;padding:20px}.tri-hinh{background:var(--tim-nhat);width:48px;height:48px;color:var(--tim);border-radius:12px;place-items:center;display:grid}.tri-hinh-so{background:var(--ngoc-nhat);color:var(--ngoc)}.tri-board{gap:8px;width:100%;display:grid}.tri-cot-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tri-cot-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tri-cot-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tri-o{touch-action:manipulation;border-radius:8px;width:100%;min-width:0;height:56px;min-height:48px;padding:0;font-size:24px;transition:transform .18s,background .18s,opacity .18s}.tri-the{background:var(--sunken);color:var(--faint)}.tri-mo{background:var(--tim-nhat);color:var(--tim);animation:.18s tri-lat}.tri-mau-0{background:var(--troi-nhat);color:var(--troi)}.tri-mau-1{background:var(--ngoc-nhat);color:var(--ngoc)}.tri-mau-2{background:var(--la-nhat);color:var(--la)}.tri-mau-3{background:var(--nghe-nhat);color:var(--nghe)}.tri-mau-4{background:var(--cam-nhat);color:var(--cam)}.tri-mau-5{background:var(--hong-nhat);color:var(--hong)}.tri-mau-6{background:var(--tim-nhat);color:var(--tim)}.tri-mau-7{background:var(--cham-nhat);color:var(--cham)}.tri-ghep{opacity:.4;animation:.18s tri-ghep}.tri-sai{background:var(--hong-nhat);color:var(--hong);animation:.2s tri-rung}.tri-dung{background:var(--sunken);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;display:flex}@keyframes tri-ghep{50%{transform:scale(1.035)}}@keyframes tri-lat{0%{transform:rotateY(75deg)}to{transform:rotateY(0)}}@keyframes tri-rung{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.tri-o,.tri-ghep,.tri-sai{transition:none;animation:none;transform:none}}