body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#000;color:"White"}header{background-color:#282c34;color:#000;padding:1rem;text-align:center;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 8px 24px #000}.main-content{margin-top:80px}*{margin:0;padding:0}html,body{height:100%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}#container{display:flex;background-color:#000;min-height:100%;align-items:center;flex-direction:column;width:100%;min-width:100%;overflow-x:hidden}#game{width:100%;max-width:800px;display:flex;flex-direction:column;margin:0 auto}header{border-bottom:1px solid rgb(58,58,60)}.title{color:#dcdcdc;font-size:2.5rem;font-weight:700;margin:.4rem 0;text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}#board-container{display:flex;justify-content:center;align-items:center;flex-grow:1;overflow:auto;width:100%;padding:0 10px;box-sizing:border-box}#board{display:grid;grid-template-columns:80px repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);grid-gap:6px;padding:10px;box-sizing:border-box;width:100%;max-width:100%;min-width:0}@media (max-width: 768px){#board{grid-template-columns:60px repeat(7,1fr);grid-gap:4px;padding:5px;width:100%;min-width:0}#board-container{padding:0 5px}#game{width:100%;max-width:100%}}@media (max-width: 480px){#board{grid-template-columns:50px repeat(7,1fr);grid-gap:3px;padding:3px;width:100%;min-width:0}#board-container{padding:0 3px}#game{width:100%;max-width:100%}}.square{border:2px solid rgb(58,58,60);min-width:60px;min-height:60px;font-size:14px;font-weight:700;color:#dcdcdc;text-transform:uppercase;transition:transform .2s;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.1}@media (max-width: 768px){.square{min-width:50px;min-height:50px;font-size:10px}}@media (max-width: 480px){.square{min-width:40px;min-height:40px;font-size:8px;border-width:1px}}.list{position:absolute;top:100%;left:0;right:0;color:#fff;background-color:#1f2229;border:2px solid rgb(100,100,100);border-top:none;border-radius:0 0 5px 5px;margin:0 auto;padding:0;list-style:none;z-index:5000;box-shadow:0 6px 20px #00000080;background-clip:padding-box}@media (max-width: 768px){.list{max-width:300px;max-height:200px}}@media (max-width: 600px){.list{max-width:290px;max-height:190px}}@media (max-width: 480px){.list{max-width:280px;max-height:180px}}.listItem{padding:10px;border-bottom:1px solid rgb(100,100,100);cursor:pointer;background-color:#1f2229;transition:background-color .2s ease;list-style:none;z-index:6000}.listItem:last-child{border-bottom:none}@media (max-width: 768px){.listItem{padding:8px;font-size:14px;z-index:4000}}@media (max-width: 480px){.listItem{padding:6px;font-size:13px;min-height:36px;z-index:4000}}.listItem:hover{background-color:#2c2f36}.square :hover{transform:scale(1.1)}.square-content{transform:scale(1);transition:transform .2s}.column-header{border:none;background-color:transparent;color:#dcdcdc;font-size:12px;font-weight:700;text-align:center;padding:5px;margin-bottom:5px}@media (max-width: 768px){.column-header{font-size:12px;padding:3px}}@media (max-width: 480px){.column-header{font-size:10px;padding:2px}}.spacer-half{flex-grow:.5}@media (max-width: 768px){.main-content{margin-top:80px}.title{font-size:2rem}#game{padding:0 10px}header{padding:15px 20px}header h1{font-size:2rem}}@media (max-width: 480px){.main-content{margin-top:70px}.title{font-size:1.5rem}#game{padding:0 5px}header{padding:10px 15px}header h1{font-size:1.5rem}}@media (max-width: 768px){.square:hover{transform:none}.listItem{min-height:44px;display:flex;align-items:center}button,input{min-height:44px}}@media (max-width: 768px) and (orientation: landscape){.main-content{margin-top:60px}#board{grid-gap:2px;padding:2px}.square{min-height:35px;font-size:9px}.column-header{font-size:8px}header{padding:8px 15px}header h1{font-size:1.8rem}}@media (max-width: 768px){form{margin-top:10px;width:100%;max-width:100%}}@media (max-width: 480px){form{margin-top:15px;width:100%;max-width:100%}}form{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box}*{box-sizing:border-box}html,body{width:100%}