.color-digit-grid{width:min(590px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.color-digit{height:92px;border-radius:19px;color:#fff;font:700 30px Unbounded;box-shadow:inset 0 -5px #00000012,0 7px 14px #36316625;transition:transform .15s}.color-digit:hover{transform:translateY(-3px)}.color-digit.wrong{background:#e86d88!important;color:#fff}.focus-board{width:min(480px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:19px;border-radius:25px;background:linear-gradient(145deg,#262257,#5c53a3);box-shadow:0 16px 30px #36316635}.focus-board button{aspect-ratio:1;border-radius:19px;background:#ffffff13;border:1px solid #ffffff2a;transition:transform .16s,background .16s,box-shadow .16s}.focus-board button:hover{background:#ffffff26}.focus-board button.comet-lit{background:radial-gradient(circle,#fffad0 0 18%,#ffd65a 20%,#ffab45 43%,#ffffff00 65%);box-shadow:0 0 30px #ffda57;transform:scale(1.06)}.focus-board button.route-lit{background:#a897ff;box-shadow:0 0 24px #bcb0ff;transform:scale(1.04)}.focus-board button.route-hit{background:#71daa2;box-shadow:0 0 16px #72db9e}.focus-board button.wrong{background:#ec6f87;animation:focus-shake .3s linear}@keyframes focus-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:760px){.color-digit-grid{gap:8px}.color-digit{height:68px;font-size:22px}.focus-board{gap:8px;padding:13px;border-radius:20px}.focus-board button{border-radius:14px}}