*{box-sizing:border-box}body{margin:0;background:#111827;color:#f9fafb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:760px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h1{font-size:24px;margin:0}header p{margin:4px 0 0;color:#9ca3af}a{color:#d1d5db}.card{background:#1f2937;border:1px solid #374151;border-radius:14px;padding:16px}.card h2{margin-top:0}form{display:grid;gap:10px}input,button{font:inherit;border-radius:10px;border:0;padding:12px 14px}input{background:#fff;color:#111}button{background:#f3f4f6;color:#111827;font-weight:700;cursor:pointer}.err{color:#fca5a5;min-height:20px}.status{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px;font-size:14px}.board{width:min(92vw,680px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);margin:auto;border:4px solid #374151;border-radius:6px;overflow:hidden;user-select:none}.sq{display:flex;align-items:center;justify-content:center;font-size:clamp(30px,8vw,64px);line-height:1;cursor:pointer;position:relative}.light{background:#f0d9b5}.dark{background:#b58863}.sel{outline:5px solid rgba(250,204,21,.8);outline-offset:-5px}.legal:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:rgba(17,24,39,.35)}.last{box-shadow:inset 0 0 0 5px rgba(34,197,94,.45)}.controls{display:flex;justify-content:center;margin-top:14px}.ghost{background:#374151;color:#fff}.piece{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}[hidden]{display:none!important}@media(max-width:600px){.wrap{padding:10px}.status{align-items:flex-start;flex-direction:column}.board{width:calc(100vw - 20px)}}