@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:#15171c;--ink:#eee6d9;--muted:#aaa198;--board:#1a1c21;--board-line:#555a61;--cell:#191b20;--cell-hover:#252932;--cell-winning:#3d5660;--panel:#1f2025;--panel-line:#cdc7be2e;--button:#25262b;--button-active:#343842;--blue-piece:#3f87a8;--blue-crescent:#7fc0d7;--ivory-piece:#d9ccb8;--ivory-crescent:#f0e4d0;--black-piece:var(--blue-piece);--black-crescent:var(--blue-crescent);--white-piece:var(--ivory-piece);--white-crescent:var(--ivory-crescent);--focus:#9fc8d6;--focus-ink:#161615;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:#cfc7bcc2;text-align:center;margin:-2px 0 2px;font-size:14px;line-height:1.2}.play-area{place-items:center;padding:16px;display:grid}.board-wrap{aspect-ratio:7/8;place-items:center;width:min(100%,360px);display:grid}.board{aspect-ratio:7/8;background:0 0;border:0;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(7,1fr);gap:7px;width:100%;display:grid;overflow:visible}.cell{appearance:none;border:0;border:2px solid var(--board-line);background:var(--cell);cursor:pointer;z-index:0;border-radius:999px;place-items:center;min-width:0;margin:0;padding:0;display:grid;position:relative;overflow:visible}.cell:has(.stone){z-index:1}.cell:hover:not(:disabled){background:var(--cell-hover)}.cell.void{pointer-events:none;background:0 0;border-color:#0000}.cell:focus-visible,.action:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.cell.winning{background:var(--cell-winning)}.stone{aspect-ratio:1;z-index:1;border-radius:999px;width:100%;display:block;position:relative;box-shadow:0 5px #00000057,0 7px 9px #0000003d}.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.black,.mini-stone.black{--stone-fill:var(--black-piece);--stone-crescent:var(--black-crescent);background:var(--stone-fill)}.stone.white,.mini-stone.white{--stone-fill:var(--white-piece);--stone-crescent:var(--white-crescent);background:var(--stone-fill)}.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{background:var(--panel);grid-template-columns:1fr 1fr;justify-self:center;width:min(100%,316px);display:grid;overflow:hidden}.action{appearance:none;background:var(--button);color:var(--ink);min-height:36px;font:inherit;cursor:pointer;border:0;padding:0 14px;font-size:14px;font-weight:800}.action:first-child{background:var(--board-line)}.action:hover:not(:disabled){background:var(--button-active)}.action:disabled{cursor:default;opacity:.42}.rules{justify-self:center;width:min(100%,520px);margin-top:10px;padding:4px 16px 16px}.rules-content{gap:18px;display:grid}.rules-copy{color:#e0dacfd6;font-size:14px;line-height:1.55}.rules-copy p{margin:0 0 10px}.site-footer{color:#aaa3a0ad;text-align:center;padding:8px 16px 0;font-size:12px;line-height:1.4}@media (width<=520px){.play-area,.panel,.rules{padding-inline:4px}}