:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#ececf5;background:#14141f;place-items:center;min-height:100vh;margin:0;display:grid}.app{text-align:center;padding:24px 16px 48px}h1{letter-spacing:.5px;margin:0 0 4px;font-size:2rem}.tagline{color:#a6a6c2;margin:0 0 16px;font-size:.9rem}.status{color:#f5c542;min-height:1.4rem;margin-bottom:12px;font-weight:600}.board{aspect-ratio:1;border:4px solid #2c2c40;border-radius:8px;grid-template-columns:repeat(8,1fr);width:min(90vw,480px);margin:0 auto;display:grid;overflow:hidden}.board.over{opacity:.6}.square{cursor:default;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative}.square.light{background:#ebecd0}.square.dark{background:#6f7a53}.square.selectable{cursor:pointer}.square.selected{box-shadow:inset 0 0 0 4px #f5c542}.square.target{cursor:pointer}.piece{font-size:min(9vw,44px);line-height:1}.piece.w{color:#fff;text-shadow:0 1px 2px #00000080}.piece.b{color:#1c1c1c;text-shadow:0 1px 1px #ffffff40}.dot{pointer-events:none;background:#f5c542bf;border-radius:50%;width:26%;height:26%;position:absolute}.controls{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.reel{background:#22223a;border:2px solid #3a3a5a;border-radius:12px;place-items:center;width:56px;height:56px;font-size:34px;display:grid}.reel.spinning{animation:.3s infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.btn{color:#14141f;cursor:pointer;background:#f5c542;border:none;border-radius:10px;padding:10px 22px;font-size:1rem;font-weight:700}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{color:#ececf5;background:0 0;border:2px solid #3a3a5a}