*{box-sizing:border-box}body{margin:0;background:#081a16;color:#fff5df;font:17px/1.6 system-ui}header,main{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #b49851;gap:15px}a{color:#e9c86c}h1{font-size:clamp(36px,7vw,68px);line-height:1.1}h2{margin:0}label{display:block;margin:12px 0}input,select,button{font:inherit;border:1px solid #bc9c51;border-radius:9px;padding:12px;min-height:48px}input,select{display:block;width:100%;max-width:390px;background:#17392f;color:white}button{cursor:pointer;background:#e6c16a;color:#08241b;font-weight:700}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #40e9cf;outline-offset:3px}#setup,section{padding:24px;background:#103228;border:1px solid #376c58;border-radius:16px}#setup{max-width:500px}#error{color:#ffb9b0}#players,#actions,#hand,.roomtop{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.player{padding:10px;border:1px solid #528e76;border-radius:10px}.active{border:3px solid #e8bf5f}.muted{color:#b9d6c9;font-size:14px}#status{color:#5fe6cb;font-size:22px}#board{padding:20px;background:#075345;border-radius:14px;display:flex;flex-wrap:wrap;gap:7px;min-height:100px}#hand button,.tile{background:#fff7e4;color:#112e24;font-size:23px;padding:12px;box-shadow:0 3px #a2936b}.track{display:grid;grid-template-columns:repeat(10,1fr);width:100%;gap:3px}.cell{min-height:42px;border:1px solid #5baf91;font-size:12px;text-align:center}.card{border:3px solid #eee!important;border-radius:12px;min-width:72px;color:white!important}.red{background:#a8233c!important}.blue{background:#175ca0!important}.green{background:#14703c!important}.yellow{background:#d3a820!important;color:#17251e!important}.wild{background:#30284a!important}#actions select{width:auto}hr{border:0;border-top:1px solid #50705c;margin:25px 0}@media(max-width:500px){header,main{padding:16px}section{padding:14px}#hand button{font-size:20px;padding:10px}.roomtop{align-items:flex-start}}

.checkerboard{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,520px);aspect-ratio:1}.square{border:0;border-radius:0;padding:0;min-height:0;font-size:clamp(16px,4vw,30px);aspect-ratio:1}.square:disabled{opacity:1}.dark{background:#24634e}.light{background:#e9d7a5}.destination{background:#dbb443;box-shadow:inset 0 0 0 4px #fff}.selected{box-shadow:inset 0 0 0 4px #48e8d0}

.chesspiece{font-family:Georgia,serif;font-size:clamp(24px,5vw,44px);color:#080e0b;text-shadow:0 1px #fff}