@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-semibold.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:600}:root{--background: #0d0d0d;--edge-green: rgba(0, 255, 0, .7);--edge-green-faded: #00340b;--particle-width: 5px;--player-blue: #2458f6;--player-red: #ea3b24;--score-placeholder: #5e6065;--watch-border: #393939;--watch-button-color: #535353;--watch-crown-color: #717171}html,body{background:transparent;height:292px;margin:0;overflow:hidden;width:280px}body{align-items:flex-start;display:flex;font-family:Poppins,sans-serif;justify-content:center}#watch-preview{margin:0;position:relative;transform:translateY(2px)}#watch-body{background:var(--watch-border);border-radius:17.5%;display:inline-block;margin:0 auto;padding:14px;position:relative;transition:background-color .2s}#watch-screen{background:#000;border-radius:12.5%;height:168px;overflow:hidden;position:relative;width:138px}#watch-crown{background:var(--watch-crown-color);border-radius:4px;box-sizing:border-box;height:38px;overflow:hidden;position:absolute;right:-15px;top:40px;transition:background-color .2s;width:13px}#watch-crown-inside{position:relative}#watch-crown hr{background:#181818;border:0;border-radius:2px;height:1.5px;margin:3.5px 2px}#watch-crown-gradient{background:linear-gradient(180deg,#a0a0a0cc,#fff0 50%,#191919cc);border-radius:4px;box-sizing:border-box;height:38px;left:0;position:absolute;top:0;width:13px}#watch-button{background:var(--watch-button-color);border-radius:0 4px 4px 0;height:60px;position:absolute;right:-7px;top:100px;transition:background-color .2s;width:5px;z-index:-1}.watch-strap{background:linear-gradient(0deg,var(--watch-border),var(--background));height:26px;margin:3px auto;opacity:.7;position:relative;width:114px}.watch-strap>div{background:var(--background);border-radius:14px;height:calc(100% + 10px);position:absolute;top:-10px;transition:background-color .2s;width:20px}.watch-strap>div:first-child{left:-10px}.watch-strap>div:nth-child(2){right:-10px}.watch-strap-bottom{transform:scaleY(-1)}#match-top{color:#ccc;font-size:13px;font-weight:600;padding:7px 0 0 15px;text-align:left}#watch-time{position:absolute;right:10px;top:7px}#watch-time-blinker{animation:watch-time-blinker 1s ease-in-out infinite;position:relative;top:-.5px}@keyframes watch-time-blinker{0%,to{opacity:1}50%{opacity:0}}#match-edges{border-bottom:2px solid var(--edge-green);border-top:2px solid var(--edge-green);height:110px;margin:0 10px;position:absolute;top:29px;width:118px}#retro-background{height:110px;left:9px;position:relative;width:110px}.vertical-line{background:linear-gradient(to bottom,#0f03,#0f0c);position:absolute;transform-origin:bottom center;width:2px}.vertical-line.top{background:linear-gradient(to bottom,#0f0c,#0f03);transform-origin:top center}.connecting-line{background-color:var(--edge-green);position:absolute;transform-origin:top left;width:2px}.horizontal-line{background-color:var(--edge-green-faded);height:2px;position:absolute}#match-particles-edge,#match-particles-paddle{height:0;position:absolute;width:0}#match-particles-edge div,#match-particles-paddle div{border-radius:100%;height:var(--particle-width);opacity:0;position:absolute;width:var(--particle-width)}#match-particles-edge div{background:var(--edge-green);top:calc(50% - var(--particle-width))}#match-particles-edge .left{left:calc(-1 * var(--particle-width))}#match-particles-edge.animate .left{animation:match-particles-edge-left 1s ease-out}#match-particles-edge.animate .right{animation:match-particles-edge-right 1s ease-out}@keyframes match-particles-edge-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px,-8px) scale(0)}}@keyframes match-particles-edge-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px,-8px) scale(0)}}#match-particles-paddle div{background:#fff;left:calc(-1 * var(--particle-width))}#match-particles-paddle .top{top:calc(-1 * var(--particle-width))}#match-particles-paddle.animate .top{animation:match-particles-paddle-top 1s ease-out}#match-particles-paddle.animate .bottom{animation:match-particles-paddle-bottom 1s ease-out}#match-particles-paddle.blue div{background:var(--player-blue)}#match-particles-paddle.red div{background:var(--player-red)}@keyframes match-particles-paddle-top{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px,-20px) scale(0)}}@keyframes match-particles-paddle-bottom{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px,20px) scale(0)}}.match-paddle{border-radius:4px;height:24px;position:absolute;top:calc(50% - 12px);width:4%;will-change:transform}#match-paddle-blue{background:var(--player-blue)}#match-paddle-red{background:var(--player-red);left:96%}#match-ball{background:#fff;border-radius:100%;height:6%;left:47%;position:absolute;top:47%;width:6%;will-change:transform}#match-bottom{padding-top:4px;position:absolute;text-align:center;top:138px;width:138px}.match-score{background:var(--score-placeholder);border-radius:10px;display:inline-block;height:10px;padding:0;width:10px}.match-score-blue{background:var(--player-blue)}.match-score-red{background:var(--player-red)}.match-score-gap{display:inline-block;width:10px}