@font-face{font-family:Proza;src:url(/proza-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1b120f;--ink:#e1d5c3;--muted:#a99a89;--board:#33241d;--board-line:#8f704d;--cell:#3b2a22;--cell-hover:#47352b;--cell-selected:#4b372f;--cell-winning:#725033;--panel:#241916;--panel-line:#debc8e3d;--button:#2e211e;--button-active:#44312b;--ivory-piece:#eadfc9;--ivory-crescent:#c8b998;--madder-piece:#c84c48;--madder-crescent:#963331;--push-fill:#6b4937;--push-line:#8a6047;--focus:#d9b47b;--focus-ink:#1a100c;--legal-dot:#d9b47bb3;--shadow:0 18px 48px #0904027a;font-family:Proza,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;color:var(--ink);-webkit-user-select:none;user-select:none;background:0 0;place-items:start center;margin:0;padding:clamp(32px,8vh,72px) 14px 32px;display:grid}.app{grid-template-columns:1fr;align-items:start;gap:16px;width:min(720px,100%);display:grid;position:relative}.app-title{text-align:center;margin:0;font-family:Proza,sans-serif;font-size:clamp(42px,8vw,64px);font-style:normal;font-weight:800;line-height:.95}.tagline{color:#c5b29ac7;text-align:center;margin:-2px 0 2px;font-size:14px;line-height:1.2}.play-layout{position:static}.play-area{place-items:center;gap:0;padding:16px;display:grid}.board-wrap{aspect-ratio:1;place-items:center;width:min(100%,316px);display:grid}.board{aspect-ratio:1;background:var(--board);border:4px solid var(--board-line);width:100%;position:relative;overflow:hidden}.cell-layer{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.cell{appearance:none;background:var(--cell);border:0;border-right:1px solid var(--board-line);border-bottom:1px solid var(--board-line);cursor:pointer;place-items:center;min-width:0;margin:0;padding:0;display:grid;position:relative}.cell:nth-child(3n){border-right:0}.cell:nth-child(n+7){border-bottom:0}.cell:hover{background:var(--cell-hover)}.cell:focus-visible,.action:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.cell.selected{background:var(--cell-selected);box-shadow:inset 0 0 0 2px #00000047}.cell.winning{background:var(--cell-winning)}.cell.hole{background:var(--board)}.cell.legal:after{content:"";aspect-ratio:1;background:var(--legal-dot);z-index:5;border-radius:999px;width:12px;position:absolute}.cell-coord{color:var(--muted);pointer-events:none;z-index:6;text-shadow:0 1px 2px var(--paper);font-family:Trebuchet MS,sans-serif;font-size:13px;line-height:1;position:absolute;bottom:4px;right:5px}.push-stone{aspect-ratio:1;background:var(--push-fill);border:2px solid var(--push-line);z-index:2;border-radius:10px;place-items:center;width:88%;display:grid;position:relative;box-shadow:0 8px #00000042}.push-stone:after{content:"";aspect-ratio:1;background:#38261f;border-radius:999px;width:80%;position:absolute;box-shadow:inset 0 5px #160d0a94,inset 0 -3px #744e3a4d}.stone{aspect-ratio:1;z-index:3;border-radius:999px;width:80%;display:block;position:relative;box-shadow:0 5px #00000042,0 7px 8px #0000002e}.stone:before{content:"";aspect-ratio:1;border-radius:inherit;background:var(--stone-crescent);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;width:72%;position:absolute;bottom:9%;right:9%}.stone:after{content:"";aspect-ratio:1;border-radius:inherit;background:var(--stone-fill);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;width:72%;position:absolute;bottom:15%;right:15%}.stone.ivory{--stone-fill:var(--ivory-piece);--stone-crescent:var(--ivory-crescent);background:var(--stone-fill)}.stone.madder{--stone-fill:var(--madder-piece);--stone-crescent:var(--madder-crescent);background:var(--stone-fill)}.stone.place-in{animation:.12s ease-out both stone-place-in}@keyframes stone-place-in{0%{opacity:.72;transform:scale(0)}to{opacity:1;transform:scale(1)}}.movement-ghost{pointer-events:none;z-index:1000;margin:0;position:fixed}.movement-target-hidden{opacity:0}@media (prefers-reduced-motion:reduce){.stone.place-in{animation:none}}.new-game-actions{background:var(--panel);grid-template-columns:1fr 1fr;justify-self:center;width:min(100%,316px);display:grid;overflow:hidden}.board-actions{width:min(100%,316px)}.move-mode-actions{background:var(--panel);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.action{appearance:none;border:1px solid var(--panel-line);background:var(--button);color:var(--ink);min-height:38px;font:inherit;cursor:pointer;padding:0 14px;font-size:14px}.action:hover:not(:disabled),.action.active{background:var(--button-active)}.move-mode-actions .action{background:var(--button);border:0;min-height:36px;padding:0 10px;font-weight:800}.move-mode-actions .action+.action{border-left:0}.move-mode-actions .action.active,.action.primary{background:var(--board-line);color:var(--focus-ink)}.action:disabled{cursor:default;opacity:.42}.panel{box-shadow:none;background:0 0;border:0;border-radius:0;gap:16px;padding:16px;display:grid}.status{text-align:center;grid-template-rows:22px 38px;align-content:start;gap:8px;min-height:72px;padding:0;display:grid}.status strong{font-size:18px;line-height:22px}.status span{color:var(--muted);place-items:start center;min-height:38px;font-size:14px;line-height:1.35;display:grid}.new-game-actions .action{background:var(--button);border:0;min-height:36px;font-weight:800}.new-game-actions .action+.action{border-left:1px solid var(--panel-line)}.new-game-actions .action:first-child{background:var(--board-line)}.solution-panel{--solution-strong:#d7cdbcb8;--solution-text:#9d9385b8;--solution-soft:#9d93858f;--solution-line:#e2d6c21f;display:none}.solution-summary,.solution-choices{gap:8px;display:grid}.solution-title{color:var(--solution-strong);margin:0;font-size:15px;font-weight:800;line-height:1.25}.solution-summary{border-bottom:1px solid var(--solution-line);padding-bottom:16px}.solution-summary strong,.solution-choices strong{color:var(--solution-strong);font-size:15px;line-height:1.25}.solution-summary span{color:var(--solution-text);font-size:13px;line-height:1.35}.solution-summary strong,.solution-summary span{white-space:nowrap;min-width:0}.solution-table{gap:2px;min-width:0;display:grid}.solution-row{min-width:0;min-height:26px;color:var(--solution-text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;font-size:13px;line-height:1.2;display:grid}.solution-head{min-height:22px;color:var(--solution-soft);text-transform:uppercase;font-size:11px;font-weight:800}.solution-move,.solution-result{white-space:nowrap}.solution-move{text-overflow:ellipsis;min-width:0;overflow:hidden}.solution-result{color:var(--solution-soft)}.solution-empty{color:var(--solution-soft);font-size:13px;line-height:1.35}.rules{justify-self:center;width:min(100%,520px);margin-top:10px;padding:4px 16px 16px}.rules-content{gap:18px;display:grid}.rules-copy{color:#d7cdbcdb;font-size:14px;line-height:1.55}.rules-copy p{margin:0 0 10px}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;display:grid}.rule-card{align-content:start;gap:14px;display:grid}.rule-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.rule-board{aspect-ratio:1;opacity:.62;border:2px solid #8a928780;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);justify-self:center;width:min(100%,150px);display:grid;position:relative}.rule-board span{border-bottom:1px solid #8a928752;border-right:1px solid #8a928752;place-items:center;display:grid;position:relative}.rule-board span:nth-child(3n){border-right:0}.rule-board span:nth-child(n+7){border-bottom:0}.rule-board .push-stone{width:88%}.rule-board .hole{background:#00000042}.rule-highlight{box-shadow:inset 0 0 0 2px #d7cdbc4d}.rule-arrow{pointer-events:none;z-index:8;position:absolute}.rule-arrow:before{content:"";background:#d7cdbcbf;width:42px;height:2px;display:block}.rule-arrow:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #d7cdbcbf;position:absolute;top:-4px;right:-2px}.rule-arrow.from-right{width:33.333%;top:50%;left:50%}.rule-arrow.from-right:before{width:100%}.rule-arrow.from-right:after{border-left:0;border-right:8px solid #d7cdbcbf;left:-2px;right:auto}.rule-arrow.double-left{width:33.333%;top:16.666%;left:16.666%;transform:rotate(0)}.rule-arrow.double-left:before{width:100%}.rule-arrow.blocked-back{width:33.333%;top:50%;left:50%;transform:rotate(0)}.rule-arrow.blocked-back:before{width:100%}.site-footer{color:#9d9385b8;text-align:center;padding:8px 0 0;font-size:12px;line-height:1.3}@media (width>=1340px){.solution-panel{align-content:start;gap:18px;width:250px;max-height:none;padding:0 0 18px 20px;display:grid;position:absolute;top:118px;left:calc(100% + 18px);overflow:visible}.solution-panel:before{content:"";background:var(--solution-line);pointer-events:none;width:1px;position:absolute;top:0;bottom:18px;left:0}}@media (width<=560px){body{padding-top:28px}}@media (width<=430px){.app{gap:14px}.rules-grid{gap:18px 14px}.rule-card{gap:12px}.rule-board{width:min(100%,118px)}}