:root{--bg:#140d2c;--glow:#42236b;--accent:#f0abfc}.match-wrap{display:grid;place-items:center;gap:9px;width:100%;height:100%}.goal{display:flex;align-items:center;gap:10px;width:min(90vw,540px);color:#c5cbe0;font-size:9px;font-weight:900;text-transform:uppercase}.goal b{color:#fff}.goal i{flex:1;height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}.goal em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67e8f9,#a855f7,#f0abfc);transition:width .2s ease}.match-board{width:min(76vh,91vw,540px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(3px,.7vw,6px);padding:clamp(5px,1vw,9px);border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(6,5,25,.55);box-shadow:0 22px 70px rgba(0,0,0,.38)}.gem{position:relative;display:grid;place-items:center;min-width:0;border:0;border-radius:12px;background:rgba(255,255,255,.045);cursor:pointer;transition:transform .14s ease,opacity .15s ease}.gem::before{content:"";width:65%;aspect-ratio:1;clip-path:polygon(50% 0,92% 28%,79% 85%,50% 100%,21% 85%,8% 28%);background:var(--gem);box-shadow:inset 0 0 0 3px rgba(255,255,255,.18);filter:drop-shadow(0 5px 6px rgba(0,0,0,.24))}.gem[data-color="0"]{--gem:#22d3ee}.gem[data-color="1"]{--gem:#f472b6}.gem[data-color="2"]{--gem:#a78bfa}.gem[data-color="3"]{--gem:#fbbf24}.gem[data-color="4"]{--gem:#4ade80}.gem[data-color="5"]{--gem:#fb7185}.gem.selected{transform:scale(.88);box-shadow:inset 0 0 0 3px #fff}.gem.removing{opacity:.15;transform:scale(.25)}.gem.spawn{animation:drop .2s ease}.gem[data-special="row"]::after,.gem[data-special="col"]::after{content:"";position:absolute;background:#fff;box-shadow:0 0 8px #fff}.gem[data-special="row"]::after{width:80%;height:3px}.gem[data-special="col"]::after{width:3px;height:80%}.gem[data-special="bomb"]::before{clip-path:circle(45%);background:conic-gradient(#22d3ee,#a78bfa,#f472b6,#fbbf24,#4ade80,#22d3ee)}.gem[data-special="bomb"]::after{content:"✦";position:absolute;color:#fff;font-size:clamp(11px,3vw,22px)}@keyframes drop{from{transform:translateY(-18px);opacity:.2}}@media(max-height:460px){.match-wrap{grid-template-columns:auto 85px}.goal{grid-column:1;width:min(74vw,500px)}.match-board{width:min(75vh,74vw)}}