html,body{height:100%;margin:0;font-family:sans-serif;color:#b0413e;background:linear-gradient(to bottom right, #642a40, #b0413e);overflow:hidden}#root{display:flex;justify-content:center;font-size:1.5rem;height:100%}@media(min-width: 480px){body,#root{align-items:center}}.game{display:flex;flex-direction:column;align-items:center;margin:16px;height:100%}@media(min-width: 480px){.game{flex-direction:row}}.game-info{box-sizing:border-box;max-height:90%;margin-top:40px;margin-bottom:40px;background:rgba(255,255,255,.8);padding:22px;border-radius:12px;border:1px solid #000;overflow-y:auto}@media(min-width: 480px){.game-info{margin-left:40px}}ul{list-style-type:none;margin:0px;margin-block:0px;padding-inline:0px}li button{box-sizing:border-box;appearance:none;background-color:transparent;border:2px solid #b0413e;border-radius:12px;color:#b0413e;cursor:pointer;display:flex;align-self:center;margin:12px;padding:12px 32px;text-decoration:none;text-align:center;text-transform:uppercase;font-weight:700;transition:box-shadow 300ms ease-in-out,color 300ms ease-in-out}li button:hover,li button:focus{color:#fff;outline:0;box-shadow:0 0 40px 40px #b0413e inset}.board-row:after{clear:both;content:"";display:table}.status{margin-bottom:10px}.square{background:rgba(255,255,255,.8);border:1px solid #999;color:#b0413e;float:left;font-size:40px;line-height:34px;height:80px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:80px;font-weight:700}.square:focus{outline:none}