.scoreHex{width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:relative}@media (min-width:768px){.scoreHex{width:120px;height:120px}}.scoreHex:before{inset:0;background:#ff2a2a;box-shadow:0 0 20px rgba(255,42,42,.5)}.scoreHex:after,.scoreHex:before{content:"";position:absolute;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.scoreHex:after{inset:6px;background:#111;box-shadow:inset 0 0 15px rgba(0,0,0,.8)}.scoreHex span{position:relative;z-index:2;font-size:42px;letter-spacing:-1px;font-weight:700;color:white}.scoreHex.good:before{background:#22c55e}.scoreHex.ok:before{background:#eab308}.scoreHex.bad:before{background:#ef4444}.scoreHex{transition:transform .3s ease}.scoreHex:hover{transform:scale(1.05)}