@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-3439b8b2],[data-v-3439b8b2]::backdrop,[data-v-3439b8b2]:after,[data-v-3439b8b2]:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}.game-grid[data-v-3439b8b2]{display:grid;gap:calc(var(--spacing,.25rem)*3);grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px)}@media(min-width:1024px){.game-grid[data-v-3439b8b2]{gap:1rem;grid-template-columns:repeat(3,160px);grid-template-rows:repeat(3,160px);padding:1rem}}.game-cell[data-v-3439b8b2]{background-color:var(--color-white,#fff);border-radius:var(--radius-lg,.5rem);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.1s;align-items:center;display:flex;justify-content:center;position:relative;transition-duration:.1s}.game-cell[data-v-3439b8b2]:active{scale:.98}.symbol-path[data-v-3439b8b2]{stroke-dasharray:300;stroke-dashoffset:0}.symbol-draw-enter-from .symbol-path[data-v-3439b8b2]{stroke-dashoffset:300px}.symbol-draw-enter-active .symbol-path[data-v-3439b8b2]{transition:stroke-dashoffset .4s ease-out}.symbol-draw-enter-active .delay-path[data-v-3439b8b2]{transition-delay:.15s}.draw-line-win[data-v-3439b8b2]{animation:draw-3439b8b2 .6s ease-out .1s forwards;stroke-dasharray:150;stroke-dashoffset:150px}@keyframes draw-3439b8b2{to{stroke-dashoffset:0}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}