span.pixel{display:block;aspect-ratio:1 / 1;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;width:1.8%;margin:.4%}span.pixel[state=X]{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #111827 var(--tw-gradient-to-position) }span.pixel[state=x]{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #111827 var(--tw-gradient-to-position);opacity:.4}span.pixel[state=O]{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position) }span.pixel[state=o]{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);opacity:.4}span.pixel[state="?"]{--tw-gradient-from: #9ca3af var(--tw-gradient-from-position);--tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9ca3af var(--tw-gradient-to-position);opacity:.2}span.pixel[state="?x"]{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #111827 var(--tw-gradient-to-position);opacity:.2}span.pixel[state="?o"]{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);opacity:.2}@keyframes cursor-43794758{0%{border-right:2px solid #fff3}to{border-right:2px solid #fff0}}@keyframes pulse-43794758{0%{transform:scale(1.2);opacity:.9}25%{transform:scale(2);opacity:.3}60%{transform:scale(1.1);opacity:0}to{transform:scale(1.3);opacity:.5}}.pulse-ring[data-v-43794758]{position:relative}.pulse-ring[data-v-43794758]:focus:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border-radius:4px;animation:pulse-43794758 1.8s infinite ease-out;pointer-events:none;z-index:0}.active-draw-state[data-v-43794758]{position:relative}.active-draw-state[data-v-43794758]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border-radius:4px;transform:scale(1.4);opacity:.2;pointer-events:none;z-index:-1}.cursor-blink[data-v-43794758]{animation:cursor-43794758 1.3s infinite}button.pixel[data-v-43794758],button.setDrawState[data-v-43794758]{position:relative;display:block;aspect-ratio:1 / 1;width:2.5%;padding:.25%;cursor:crosshair}button.pixel[data-v-43794758]{position:relative}button.pixel[data-v-43794758]:focus:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border-radius:4px;animation:pulse-43794758 1.8s infinite ease-out;pointer-events:none;z-index:0}button.pixel[data-v-43794758]:focus-visible{outline:2px solid transparent;outline-offset:2px}button.setDrawState[data-v-43794758]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}button.setDrawState.toggle[data-v-43794758]{background:linear-gradient(to bottom right,#f3f4f6 49%,#374151 50%,#111827)}button.setDrawState.off[data-v-43794758]{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #111827 var(--tw-gradient-to-position)}button.setDrawState.on[data-v-43794758]{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}button.pixel .state[data-v-43794758]{position:relative;z-index:10;height:100%;width:100%;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #111827 var(--tw-gradient-to-position)}button.pixel .white[data-v-43794758]{position:absolute;top:0;display:block;height:100%;border-width:1px;--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:75ms}button.pixel[state=off] .white[data-v-43794758]{width:0px;opacity:0}button.pixel[state=on] .white[data-v-43794758]{width:100%;opacity:1}button.setDrawState[data-v-43794758]{margin:0;width:1.25rem;height:1.25rem}@keyframes floating-3b1b5140{0%{transform:scale(1);opacity:.8}80%{opacity:.6}to{transform:scale(3);opacity:0;bottom:50%}}.headToHeadPoints[data-v-3b1b5140]{position:absolute;bottom:15%;display:none;font-size:1.25rem;line-height:1.75rem;font-weight:800;--tw-text-opacity: 1;color:rgb(247 121 125 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width: 768px){.headToHeadPoints[data-v-3b1b5140]{font-size:1.875rem;line-height:2.25rem}}.winner .headToHeadPoints[data-v-3b1b5140]{display:block;width:100%;text-align:center;animation-name:floating-3b1b5140;animation-duration:1.3s;animation-timing-function:ease-out;animation-iteration-count:1}.loser[data-v-3b1b5140]{opacity:.2;--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}