@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}@font-face{font-family:Proza;src:url(/proza-light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#343824;--ink:#f0e2c5;--muted:#f0e2c5ad;--panel:#343824;--panel-line:transparent;--button:#302c1d;--tray-bg:#30341f;--button-active:#393420;--button-selected:#5a5b3d;--button-selected-hover:#66694a;--button-group:#292d1b;--focus:#f0e2c5;--focus-ink:#fff1cf;--legal-dot:#0000001a;font-family:Proza,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 50% 16%, #5258342e, transparent 44%), linear-gradient(#f0e2c504 1px, transparent 1px), linear-gradient(90deg, #f0e2c503 1px, transparent 1px), var(--paper);width:100%;min-height:100vh;color:var(--ink);-webkit-user-select:none;user-select:none;background-repeat:no-repeat,repeat,repeat,no-repeat;background-size:auto,72px 72px,72px 72px,auto;place-items:start center;margin:0;padding:clamp(32px,8vh,72px) 14px 32px;display:grid;overflow-x:hidden}.app{grid-template-columns:1fr;align-items:start;gap:16px;width:min(720px,100%);min-width:0;display:grid}.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:var(--muted);text-align:center;margin:-2px 0 2px;font-size:14px;line-height:1.2}.play-area{place-items:center;gap:10px;width:100%;min-width:0;padding:16px 16px 4px;display:grid}.board-wrap{--board-size:min(100%, 316px);--cell-size:calc(var(--board-size) / 4);width:var(--board-size);aspect-ratio:1;place-items:center;display:grid}.board{aspect-ratio:1;width:100%;position:relative;overflow:visible}.cell-layer{z-index:2;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.board-bg-container{z-index:0;flex-wrap:wrap;gap:0;width:100%;display:flex;position:absolute;inset:0}.board-bg-cell{width:50%;height:50%}.board-bg-cell svg{width:100%;height:100%;display:block}.board-coord-container{display:none}.board-coord-cell{text-align:center;color:#00000026;width:79px;height:79px;padding-top:29px;font-size:14px}.cell{appearance:none;cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;margin:0;padding:0;display:grid;position:relative}.cell:focus-visible,.action:focus-visible,.piece-choice:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.cell.winning{background:#f14d302e}.cell.last-move:before{content:"";z-index:2;background:0 0;border:3px dashed #f0e2c5e6;border-radius:999px;width:84%;height:84%;position:absolute}.cell.legal:after{content:"";opacity:.1;z-index:1;background:#000;border-radius:999px;width:76%;height:76%;position:absolute}.cell.legal:hover:after{opacity:.25}.cell-coord{display:none}.stone{z-index:3;width:100%;height:100%;display:block;position:relative}.stone .piece{transform-origin:50%;place-items:center;width:100%;height:100%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.82)}.stone .piece.dragonfly{transform:translate(calc(1px - 50%),calc(2px - 50%))scale(.82)}.stone .piece svg{width:100%;height:100%;margin:0!important}.piece.dragonfly svg{margin-top:16%;margin-left:13%}.piece.butterfly svg{margin-top:14%;margin-left:14%}.piece.snail svg,.piece.ladybug svg{margin-top:13%;margin-left:14%}.piece-tray{background:linear-gradient(90deg, transparent 0, var(--tray-bg) 18%, var(--tray-bg) 82%, transparent 100%);grid-template-columns:.66fr repeat(4,minmax(0,1fr)) .66fr;width:min(316px,100%);display:grid;overflow:hidden}.piece-tray .piece-choice:first-child{grid-column:2}.opponent-tray{margin-bottom:0}#pieceTray{margin-top:0}.opponent-tray .piece-choice,.opponent-tray .piece-choice.active,.opponent-tray .piece-choice.readonly{cursor:default;pointer-events:none;background:0 0;border-color:#0000;outline:0!important}.opponent-tray .piece-choice.active:after{display:none}.piece-choice,.action{appearance:none;border:1px solid var(--panel-line);color:var(--ink);min-height:38px;font:inherit;cursor:pointer;background:0 0;padding:0 10px;font-size:14px;transition:background-color .12s,color .12s}.action{background:var(--button)}.piece-choice{aspect-ratio:1;place-items:center;min-width:0;padding:0;font-size:11px;font-weight:800;line-height:1.05;display:grid;position:relative}.choice-art{aspect-ratio:1;width:100%;display:block;position:relative;overflow:hidden}.choice-art .piece{transform-origin:50%;place-items:center;width:100%;height:100%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.choice-art .piece svg{width:100%;height:100%;margin:0!important}.choice-count{min-width:24px;height:24px;color:var(--ink);background:#292417;border-radius:999px;place-items:center;font-size:17px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:5px;right:7px}.piece-choice small{color:var(--muted);font-size:12px}.piece-choice:hover:not(:disabled),.piece-choice.active,.action:hover:not(:disabled),.action.active{background:var(--button-active)}.piece-choice.active{color:var(--focus-ink);background:var(--button-active);outline:0}.piece-choice.active:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, var(--focus) 0 10px, transparent 10px 17px) top left / 100% 3px no-repeat, repeating-linear-gradient(90deg, var(--focus) 0 10px, transparent 10px 17px) bottom left / 100% 3px no-repeat, repeating-linear-gradient(180deg, var(--focus) 0 10px, transparent 10px 17px) top left / 3px 100% no-repeat, repeating-linear-gradient(180deg, var(--focus) 0 10px, transparent 10px 17px) top right / 3px 100% no-repeat;position:absolute;inset:0}.piece-choice:disabled,.action:disabled{cursor:default;opacity:.42}.panel{width:min(100%,520px);box-shadow:none;background:0 0;border:0;border-radius:0;justify-self:center;gap:16px;padding:4px 16px 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(--button-group);grid-template-columns:1fr 1fr;justify-self:center;width:min(100%,316px);display:grid;overflow:hidden}.new-game-actions .action{background:var(--button);border:0;min-height:36px;font-weight:800}.new-game-actions .action:hover:not(:disabled){background:var(--button-active)}.new-game-actions .action[aria-pressed=true]{background:var(--button-selected);color:var(--focus-ink)}.new-game-actions .action[aria-pressed=true]:hover:not(:disabled){background:var(--button-selected-hover)}.rules{justify-self:center;width:min(100%,520px);margin-top:10px;padding:4px 16px 16px}.rules-content{gap:18px;display:grid}.rules-copy{color:#f0e2c5e6;font-size:14px;line-height:1.55}.rules-copy p{margin:0 0 10px}.powers-section h3{color:var(--ink);margin:0 0 14px;font-size:18px;line-height:1.15}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;display:grid}.rule-card{align-content:start;gap:4px;display:grid}.rule-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.rule-board{aspect-ratio:1;opacity:.86;border:1px solid #f0e2c51a;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);justify-self:center;width:min(100%,112px);display:grid;position:relative}.rule-bug{justify-self:center;width:50px;height:44px;margin:8px 0 0;position:relative}.rule-bug .piece{transform-origin:top;place-items:center;width:79px;height:79px;display:grid;position:absolute;top:-5px;left:50%;transform:translate(-50%)scale(.63)}.rule-bug .piece svg{margin:0!important}.rule-board span{border-bottom:1px solid #f0e2c512;border-right:1px solid #f0e2c512;place-items:center;display:grid;position:relative}.rule-board span:nth-child(4n){border-right:0}.rule-board span:nth-child(n+13){border-bottom:0}.rule-origin:after,.rule-highlight:after{content:"";aspect-ratio:1;border-radius:999px;width:58%}.rule-origin:after{background:#2e582e}.rule-highlight:after{background:#e7ded0}.site-footer{color:var(--muted);text-align:center;padding:8px 0 0;font-size:12px;line-height:1.3}.site-footer a{color:inherit;text-decoration:none}@media (width<=560px){body{padding-top:28px}.piece-choice{font-size:12px}}@media (width<=430px){.app{gap:14px}.rules-grid{grid-template-columns:1fr;gap:18px 14px}.rule-card{gap:12px}.rule-board{width:min(100%,112px)}}