*{box-sizing:border-box}body{background:#101827;color:#f8fafc;font:16px system-ui,sans-serif}main{max-width:620px;margin:24px auto;padding:0 14px;text-align:center}h1{font-size:32px;margin:8px}.sub{color:#cbd5e1}.board{grid-template-columns:repeat(8,minmax(0,1fr));border:6px solid #475569;max-width:540px;margin:20px auto;box-shadow:0 16px 40px #0005}.board,.sq{display:grid}.sq{aspect-ratio:1;border:0;border-radius:0;padding:0;place-items:center;font-size:clamp(26px,6.6vw,53px);color:#171717;cursor:pointer;touch-action:manipulation}.light{background:#f0d9b5}.dark{background:#b58863}.selected{outline:5px solid #eab308;outline-offset:-5px}.target{box-shadow:inset 0 0 0 5px #16a34a}.actions button{background:#6366f1;color:white;border:0;border-radius:10px;padding:12px 17px;margin:5px;font-weight:700}section{background:#1e293b;padding:16px;border-radius:14px;margin:18px auto;max-width:540px;text-align:left}section p{color:#e2e8f0}small{color:#94a3b8}.sq.hint-source{background:#60a5fa}.sq.hint-destination{background:#a7f3a0}