:root{padding:0}body{overflow:hidden;max-width:100vw;max-height:100vh}h2,h3{font-size:.7rem}.game-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.25rem;height:100vh;width:100vw;background-color:#222;color:#fff;overflow:hidden;position:relative;padding:1rem}.sidebar{display:flex;flex-direction:column;align-items:left;justify-content:center;gap:1rem;z-index:1;min-width:140px;max-width:14vw}.nav-btn{width:12rem;height:3rem;font-size:1rem;background:#333;color:#fff;border:1px solid #555;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.nav-btn:hover{background:#444;transform:translateY(-2px)}.game-center{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;min-width:0}.game-canvas{border:1px solid rgb(113,113,113);background:#4b4b4b;width:70vw;height:80vh;display:block}.game-center>h3{margin:.5rem 0 0;font-weight:600}.shop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:1;max-width:18vw;text-align:center}@media (max-width: 800px){.game-wrapper{flex-direction:column;align-items:center}.sidebar,.shop{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.game-canvas{width:92vw;height:60vh}}#root{margin:0 auto;padding:2rem;text-align:center}.header-container{position:relative;display:flex;align-items:center;max-width:1280px;margin:0 auto 40px;padding:0 1rem}h1{font-size:3.2em;line-height:1.1}.header-container>h1,.footer-container>h1{position:absolute;left:50%;transform:translate(-50%);font-size:3.2em;line-height:1.1}h2{font-size:2.2em;line-height:1.1;margin-top:0;margin-bottom:10px}.battle-button{all:unset;cursor:grab;font:inherit;color:inherit}.leaderboard-button{all:unset;cursor:grab;font:inherit;color:inherit;position:absolute;transform:translateY(-90%)}.reload-button{all:unset;cursor:grab;font:inherit;color:inherit;position:absolute;right:0%;transform:translateY(-90%)}.reset-button{all:unset;cursor:grab;font:inherit;color:inherit;background-color:#3b3b3b}.container{width:100%;display:flex;flex-shrink:1;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;justify-content:center}.board-container{display:flex;flex-direction:column;width:100%;max-width:38vw}.board{aspect-ratio:1 / 1;flex:1;margin:5px;display:grid;gap:5px}.board-container:nth-child(2){margin-left:10px;margin-right:10px}.board-container:nth-child(3){margin-left:10px}.cell{background-color:#3b3b3b}.sidebar{margin-left:0;display:flex;flex-direction:column;align-items:center;width:200px}.slider{display:flex;flex-direction:column;align-items:center;width:100%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:8px;background:#777;border-radius:5px;outline:none}input[type=range].ai-speed{width:120px;transform:translate(10px)}.leaderboard-container{display:flex;align-items:center;flex-direction:column;gap:15px}.leaderboard-container h1{margin:0}.page-button{all:unset;cursor:grab;font:inherit;color:inherit}.table-container{display:flex;align-items:center;justify-content:center}table{border-collapse:collapse;min-width:70vw}thead tr{background-color:#585858;color:#fff;text-align:center;border:1px solid #d1d1d1}thead th{font-style:bold;padding:12px 15px;font-size:1rem}tbody tr:nth-child(2n){background-color:#4e4e4e}tbody tr:nth-child(odd){background-color:#302b2b}tbody td{padding:12px 15px;font-size:.95rem;color:#fff;border:1px solid #8a8a8a}@media (max-width: 600px){table{min-width:100%}thead th,tbody td{padding:8px 10px;font-size:.85rem}}.table-header-button{all:unset;cursor:grab;font:inherit;color:inherit;background-color:inherit}.username{text-align:center}.footer-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:1280px;margin:20px auto 0;padding:0 1rem}.showing-entries{all:unset;font:inherit;color:inherit;position:absolute;margin-right:10px;right:0%;transform:translateY(-90%)}.showing-pages{all:unset;font:inherit;color:inherit;position:absolute;margin-left:10px;left:0%;transform:translateY(-90%)}.goto-user{all:unset;cursor:grab;font:inherit;color:inherit;position:absolute;margin-left:10px;left:0%;transform:translateY(40%)}.filter-button{all:unset;cursor:grab;font:inherit;color:inherit;position:absolute;margin-left:10px;left:10%;transform:translateY(-90%)}.search-user{all:unset;font:inherit;color:inherit;position:absolute;right:0%;transform:translateY(40%);margin-top:10px}.login-box{display:flex;flex-direction:column;align-items:center;width:100%;border:2px solid #5f5f5f;border-radius:8px}.message{margin:0;transform:translateY(10px)}.login-button{all:unset;cursor:grab;font:inherit;color:inherit;background-color:#3b3b3b}body{margin:0;font-family:system-ui,sans-serif;background-color:#222;color:#fff;text-align:center}