*{margin:0;padding:0;box-sizing:border-box}html{background-color:#000}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;line-height:1.6;color:#2c3e50;padding:0;background:#000;margin:0}#root{position:relative;width:100vw;height:100vh;min-height:100vh;background:transparent;overflow:hidden}#menu{position:fixed;top:0;left:0;width:100%;z-index:1000}.navbar{list-style:none;margin:0;padding:0;display:flex;gap:2rem;background-color:#2c3e50;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 12px #00000026}.navbar li{margin:0;padding:0}.navbar a{color:#ecf0f1;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;font-weight:500;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:block}.navbar a:hover{background-color:#34495e;color:#3498db;transform:translateY(-2px)}.navbar a:active{transform:translateY(0)}@media(max-width:1024px)and (orientation:landscape){body{padding:0}}@media(max-width:768px)and (orientation:portrait){.navbar{gap:.5rem;padding:.5rem 1rem}.navbar a{font-size:13px;padding:.4rem .8rem}}@media(max-width:1024px)and (orientation:landscape){#menu{display:none}}@media print{body{margin:0}#menu{display:none}}code{font-size:1.2em}ul{padding-inline-start:20px}.square{background:#fff;border:1px solid #999;float:left;font-size:24px;font-weight:700;line-height:34px;height:34px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:34px}.board-row:after{clear:both;content:"";display:table}.status{margin-bottom:10px}.game{display:flex;flex-direction:row}.game-info{margin-left:20px}