:root{--primary-color: #1e1e1e;--secondary-color: #3d3d3d;--light-square: #f0d9b5;--dark-square: #b58863;--highlight-color: rgba(255, 255, 0, .5);--white: #ffffff;--text-color: #cccccc;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}.game-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem;width:100%}.game-title{font-size:2.5rem;font-weight:700;color:var(--white);text-align:center}.game{display:flex;flex-direction:row;gap:2rem;align-items:flex-start;width:100%;max-width:1000px;justify-content:center}.game-board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:600px;aspect-ratio:1 / 1;border:4px solid var(--secondary-color);border-radius:8px;overflow:hidden}.square{display:flex;justify-content:center;align-items:center;font-size:clamp(20px,8vw,60px);background-color:var(--light-square);color:var(--text-color);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;padding:0}.square.dark{background-color:var(--dark-square)}.square.selected{background-color:var(--highlight-color)}.square.valid-move:before{content:"";display:block;width:30%;height:30%;border-radius:50%;background:#0003}.game-info{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;background-color:var(--secondary-color);border-radius:8px;min-width:250px}.status{font-size:1.5rem;font-weight:700;text-align:center;color:var(--white)}.captured-pieces{background:var(--primary-color);padding:1rem;border-radius:4px}.captured-pieces h3{margin-top:0;font-size:1.2rem;color:var(--white);border-bottom:2px solid var(--secondary-color);padding-bottom:.5rem;margin-bottom:.5rem}.captured-list{display:flex;flex-wrap:wrap;gap:.5rem;font-size:1.5rem;min-height:40px}@media (max-width: 768px){.game{flex-direction:column;align-items:center}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}