@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 800;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0f2023;--ink:#e6dfd2;--muted:#b1aa9e;--board:#1a383d;--board-line:#5c7270;--cell:#203f45;--cell-hover:#284b51;--cell-legal:#c0d6c69e;--panel:#13282c;--panel-line:#c5d5cc38;--button:#182d32;--button-active:#2f4f59;--red:#eee6d7;--red-dark:#bdb6a8;--blue:#62b6d7;--blue-dark:#1e6688;--green:#b8d5be;--focus:#d9d0bd;--focus-ink:#0f2023;font-family:Proza,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{background:linear-gradient(180deg, #ffffff06, transparent 34%), var(--paper);min-height:100vh;color:var(--ink);-webkit-user-select:none;user-select:none;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}.app-title{text-align:center;text-shadow:0 2px #0000006b;margin:0;font-size:clamp(48px,10vw,76px);font-weight:800;line-height:.92}.tagline{color:#e2dbd0b8;text-align:center;margin:-4px 0 2px;font-size:14px;line-height:1.2}.play-area{place-items:center;gap:0;padding:16px;display:grid}.board-wrap{aspect-ratio:1;place-items:center;width:min(100%,420px);display:grid}.board{aspect-ratio:1;background:var(--board);border:3px solid var(--board-line);grid-template-columns:repeat(var(--board-size), 1fr);grid-template-rows:repeat(var(--board-size), 1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 18px 48px #030c0e57,inset 0 0 0 1px #e6dfd214}.cell{appearance:none;background:var(--cell);cursor:pointer;border:1px solid #6f8784b8;border-top:0;border-left:0;place-items:center;min-width:0;margin:0;padding:0;display:grid;position:relative}.cell.edge-right{border-right:0}.cell.edge-bottom{border-bottom:0}.cell:hover:not(:disabled){background:var(--cell-hover)}.cell.legal:after{content:"";aspect-ratio:1;background:var(--cell-legal);border-radius:999px;width:14%;position:absolute;box-shadow:0 0 0 1px #e8e0d21f}.cell:disabled{cursor:default}.checker{aspect-ratio:1;border-radius:8px;width:78%;display:block;box-shadow:inset 0 2px #ffffff47,inset 0 -4px #00000038,0 4px #030c0e47}.checker.red{background:linear-gradient(145deg, #f4ecdd 0%, var(--red) 48%, var(--red-dark) 100%)}.checker.blue{background:linear-gradient(145deg, #7dcced 0%, var(--blue) 46%, var(--blue-dark) 100%)}.cell.last-move .checker{box-shadow:inset 0 2px #ffffff47,inset 0 -4px #00000038,0 0 0 3px #0f3044d1,0 0 0 5px #52a2c338}.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;font-weight:800}.action:hover:not(:disabled),.action.active{background:var(--button-active)}.action:focus-visible,.cell:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.action:disabled{cursor:default;opacity:.42}.panel{gap:16px;padding:16px;display:grid}.status{text-align:center;grid-template-rows:22px 38px;align-content:start;gap:8px;min-height:72px;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:#132326;grid-template-columns:1fr 1fr;justify-self:center;width:min(100%,420px);display:grid;overflow:hidden}.new-game-actions .action{min-height:36px;color:var(--ink);background:#18282b;border:0;font-weight:800}.new-game-actions .action:first-child{color:var(--ink);background:#526b67}.new-game-actions .action:first-child:hover:not(:disabled),.new-game-actions .action:first-child.active:hover:not(:disabled){background:#647f7a}.new-game-actions .action:last-child:hover:not(:disabled),.new-game-actions .action:last-child.active:hover:not(:disabled){background:#244b59}.rules{justify-self:center;width:min(100%,560px);margin-top:10px;padding:4px 16px 16px}.rules-content{gap:18px;display:grid}.rules-copy{color:#e6dfd2db;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:12px;display:grid}.rule-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.rule-board{aspect-ratio:1;opacity:.78;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);justify-self:center;gap:4px;width:min(100%,150px);display:grid}.rule-cell{background:var(--cell);border:2px solid #6f8784b8;border-radius:7px;place-items:center;display:grid;position:relative}.rule-cell .checker{border-radius:7px}.rule-mark:after{content:"";border-left:5px solid var(--green);border-bottom:5px solid var(--green);width:42%;height:22%;transform:rotate(-45deg)translateY(-10%)}.rule-bad:before,.rule-bad:after{content:"";background:var(--red);border-radius:99px;width:56%;height:5px;position:absolute}.rule-bad:before{transform:rotate(45deg)}.rule-bad:after{transform:rotate(-45deg)}.site-footer{text-align:center;padding:8px 16px 0;font-size:12px}.site-footer a{color:#ece8df94;text-decoration:none}.site-footer a:hover{color:var(--ink)}@media (width<=460px){body{padding-left:10px;padding-right:10px}.play-area,.panel,.rules{padding-left:8px;padding-right:8px}.rules-grid{gap:18px 14px}.rule-card p{font-size:11px}}