:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#242424}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.game-container{display:flex;flex-direction:row;gap:30px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.board-wrapper{flex:1;max-width:600px;min-width:300px}.sidebar{width:300px;height:600px;background:#262421;border-radius:4px;display:flex;flex-direction:column;box-shadow:0 4px 15px #00000080}.sidebar-header{padding:15px;background:#312e2b;font-weight:700;border-bottom:1px solid #403d39;text-align:left}.move-list{flex:1;overflow-y:auto;padding:10px}.move-row{display:flex;padding:5px 0;border-bottom:1px solid #312e2b;font-size:.9rem}.move-number{width:40px;color:#757575}.move-white,.move-black{flex:1;font-weight:500}.sidebar-footer{padding:15px;background:#312e2b;display:flex;flex-direction:column;gap:10px}button{background:#81b64c;color:#fff;border:none;padding:10px;border-radius:4px;font-weight:700;cursor:pointer;transition:background .2s}button:hover{background:#95bb4a}button.secondary{background:#454241}button.secondary:hover{background:#524f4e}