:root{--segment-on:#00ff88;--segment-off:rgba(255, 255, 255, 0.05);--glow:rgba(0, 255, 136, 0.6)}.segment-display{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.digit{position:relative;width:60px;height:100px;display:inline-block}.segment{position:absolute;background:var(--segment-off);transition:background .2s ease,box-shadow .2s ease}.segment.on{background:var(--segment-on);box-shadow:0 0 10px var(--glow),0 0 20px var(--glow)}.segment-a,.segment-d,.segment-g{width:40px;height:8px;left:10px;clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%)}.segment-a{top:0}.segment-g{top:46px}.segment-d{top:92px}.segment-b,.segment-c,.segment-e,.segment-f{width:8px;height:40px;clip-path:polygon(0% 10%,50% 0%,100% 10%,100% 90%,50% 100%,0% 90%)}.segment-b{top:5px;right:2px}.segment-c{top:51px;right:2px}.segment-e{top:51px;left:2px}.segment-f{top:5px;left:2px}@media (max-width:768px){.digit{width:45px;height:75px}.segment-a,.segment-d,.segment-g{width:30px;height:6px;left:7.5px}.segment-g{top:34.5px}.segment-d{top:69px}.segment-b,.segment-c,.segment-e,.segment-f{width:6px;height:30px}.segment-b{top:3.75px}.segment-c{top:38.25px}.segment-e{top:38.25px}.segment-f{top:3.75px}}@media (max-width:480px){.digit{width:35px;height:60px}.segment-a,.segment-d,.segment-g{width:24px;height:5px;left:5.5px}.segment-g{top:27.5px}.segment-d{top:55px}.segment-b,.segment-c,.segment-e,.segment-f{width:5px;height:24px}.segment-b{top:3px}.segment-c{top:30.5px}.segment-e{top:30.5px}.segment-f{top:3px}}