.pg-tic-tac-toe{background:#090b16;margin:0}.pg-tic-tac-toe a{color:#f5b83d}.pg-tic-tac-toe a:hover{color:#ffd27a}.pg-tic-tac-toe .cell .ghost{opacity:0;transition:opacity .15s}.pg-tic-tac-toe .cell:hover .ghost{opacity:.3}.pg-tic-tac-toe .drop{animation:.38s cubic-bezier(.3,1.6,.5,1) drop}@keyframes drop{0%{opacity:0;rotate:-25deg;scale:.2}to{opacity:1;rotate:0deg;scale:1}}.pg-tic-tac-toe .win-cell{animation:.9s ease-in-out infinite wincell}@keyframes wincell{0%,to{scale:1}50%{scale:1.12}}.pg-tic-tac-toe .win-line{animation:.45s ease-out both drawline}@keyframes drawline{0%{scale:0 1}to{scale:1}}.pg-tic-tac-toe .banner-pop{animation:1.6s ease-out forwards bannerpop}@keyframes bannerpop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}28%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-62%)scale(1.03)}}.pg-tic-tac-toe .shake{animation:.45s ease-in-out shake}@keyframes shake{0%,to{translate:0}20%{translate:-8px}40%{translate:8px}60%{translate:-5px}80%{translate:5px}}.pg-tic-tac-toe .think{animation:1s ease-in-out infinite think}@keyframes think{0%,to{opacity:.55}50%{opacity:1}}.pg-tic-tac-toe .pop-score{animation:.5s cubic-bezier(.3,1.6,.5,1) popscore}@keyframes popscore{0%{scale:1.6}to{scale:1}}@media (max-width:760px){.pg-tic-tac-toe .gp-main{flex:none!important}.pg-tic-tac-toe .gp-aside{order:2;flex:100%!important;max-width:none!important;overflow-y:visible!important}.pg-tic-tac-toe .gp-stage{order:1}}