.matrix-menu{width:min(590px,100%);text-align:center}.matrix-menu small{color:var(--lime);font:600 9px "Chakra Petch";letter-spacing:2px}.matrix-menu h3{font:700 27px "Chakra Petch";margin:8px 0 22px}.matrix-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.matrix-modes button{background:#151a26;border:1px solid var(--line);color:var(--text);padding:19px 10px;font:600 10px "Chakra Petch"}.matrix-modes button:hover{border-color:var(--lime)}.matrix-modes b{display:block;color:var(--lime);font:700 21px "Chakra Petch";margin-bottom:6px}.matrix-modes span{display:block;color:var(--muted);font-size:9px;margin-top:5px}.matrix-game{width:min(610px,100%)}.matrix-board{display:grid;gap:7px;margin:auto}.matrix-board.cols-4{grid-template-columns:repeat(4,1fr);max-width:430px}.matrix-board.cols-5{grid-template-columns:repeat(5,1fr);max-width:520px}.matrix-board.cols-6{grid-template-columns:repeat(6,1fr);max-width:590px}.matrix-card{aspect-ratio:.88;background:linear-gradient(145deg,#201b35,#121722);border:1px solid #353c4e;color:transparent;font:600 30px "Chakra Petch";transition:transform .22s,background .22s;position:relative}.matrix-card:after{content:"A";position:absolute;inset:0;display:grid;place-items:center;color:#3e465b;font:700 18px "Chakra Petch"}.matrix-card.open,.matrix-card.matched{transform:rotateY(180deg);background:#20283a;color:var(--lime);border-color:var(--lime)}.matrix-card.open:after,.matrix-card.matched:after{display:none}.matrix-card.matched{opacity:.38}.matrix-stars{text-align:center;color:#3b4253;font-size:22px;letter-spacing:4px;margin-bottom:8px}.matrix-stars .earned{color:#ffe45b;text-shadow:0 0 10px #ffe45b}.matrix-progress{height:5px;background:#202533;margin:8px auto 13px;max-width:520px}.matrix-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--lime));transition:.3s}.matrix-combo{text-align:center;height:16px;color:var(--orange);font:700 10px "Chakra Petch"}@media(max-width:600px){.matrix-modes{grid-template-columns:1fr}.matrix-modes button{padding:12px}.matrix-menu h3{font-size:21px}.matrix-board{gap:4px}.matrix-card{font-size:21px}.matrix-board.cols-6{max-width:390px}}