*{margin:0;padding:0;box-sizing:border-box}*,*::-webkit-scrollbar,*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb{scrollbar-width:thin;scrollbar-color:#444 #222}*::-webkit-scrollbar{width:9px;height:9px;background:transparent}*::-webkit-scrollbar-track{background:#222;border-radius:8px;box-shadow:inset 0 0 6px #0000004d}*::-webkit-scrollbar-thumb{background-color:#444;border:2px solid #0f1b3a;border-radius:6px;transition:background-color .2s ease}*::-webkit-scrollbar-thumb:hover{background-color:#464143}*::-webkit-scrollbar-corner{background:#0f1b3a}html{height:100%;background-image:linear-gradient(to bottom,#2c2c2c,#1a1a1a);background-size:cover;background-attachment:fixed}body{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#b0b0b0;margin:0}html,body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:#444 #222}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-thumb{background-color:#4caf50;border-radius:4px;border:2px solid #333}html::-webkit-scrollbar-track{background-color:#333;border-radius:8px}#header-spacer{width:100%;height:60px;padding-bottom:40px}#main-container{width:100%;max-width:1200px;padding:20px;background:#404040;border-radius:8px;box-shadow:0 4px 10px #00000080;margin-top:30px}h1,h2,h3{color:#e0e0e0;margin-bottom:20px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}p{line-height:1.5;margin-bottom:15px;color:#d0d0d0}button{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s}a{color:#4caf50;text-decoration:none}a:hover{text-decoration:underline}input[type=text],input[type=password],input[type=email]{width:100%;padding:10px;margin:10px 0;background:#333;border:1px solid #555;border-radius:5px;color:#b0b0b0}#main-menu-btn{position:relative;display:block;margin:30px auto 0;padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;font-size:1rem;transition:background .3s,transform .2s ease-in-out}#main-menu-btn:hover{background:#45a049;transform:scale(1.05)}#chessground-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}#chessground{background:#404040;border-radius:5px;padding:10px}@media screen and (max-width: 768px){#header-spacer{height:50px}#main-container{padding:15px}h1{font-size:1.5rem}h2{font-size:1.2rem}button{padding:8px 16px}input{padding:8px}}@media screen and (max-width: 480px){#header-spacer{height:40px}h1{font-size:1.2rem}h2{font-size:1rem}button{padding:6px 12px}input{padding:6px}}