:root{--font:'Palatino Linotype','Hiragino Mincho ProN',serif;--display:Georgia,'Hiragino Mincho ProN',serif;--outer:#bcc5ad;--paper:#f5f0e4;--ink:#3e5648;--muted:#7f8872;--line:#b6bdaa88;--accent:#536f5d;--accent-ink:#fff8e9;--button:#f7f3eb;--radius:10px;--tile:#e8e9de;--board:#e0e4d4;--grid-line:#bdc5b533;--title-color:#345443;--title-weight:400;--title-tracking:-1.5px;--title-shadow:none;--cover-shade:linear-gradient(180deg,#f5f0e4ef,transparent 63%);--hero-position:50% 65%;--cover-radius:90px 90px 4px 4px;--edition-color:#3f634e;--backdrop:radial-gradient(ellipse at 10% 15%,#819b7433 0 15%,transparent 15.4%),radial-gradient(ellipse at 85% 75%,#9bb39944 0 10%,transparent 10.4%),repeating-linear-gradient(0deg,transparent 0 4px,#eef0df44 4px 5px);--backsize:240px 230px,270px 310px,auto}.title-block{text-align:center;inset:20px 10px auto}.title-block h1{font-style:italic}.eyebrow{letter-spacing:1.8px}.tagline{font-style:italic}.wordmark{font-family:Georgia,serif;font-weight:400}.stats{border-top:0}.home .primary{border-radius:30px;box-shadow:0 3px 12px #4a675b22}.home-bottom{padding-inline:14px}.dialog{border-radius:35px 35px 12px 12px}.board{border:6px solid #d1d8c4;box-shadow:0 3px 20px #70886822}.tools button{font-family:var(--font)}
.piece{touch-action:none;cursor:grab}
.piece:active{transform:none;cursor:grabbing}
.piece.is-dragging svg{opacity:.25}
.board-cell{cursor:default}
.drag-ghost{position:fixed;left:0;top:0;pointer-events:none;z-index:12;filter:drop-shadow(0 7px 4px #304c3b40);will-change:transform;opacity:.94}
.drag-ghost svg{display:block;width:100%;height:100%;overflow:visible}
.drag-ghost.invalid{opacity:.65;filter:drop-shadow(0 4px 4px #94685440)}
.drop-valid>.tile-base{fill:#bad0a4;stroke:#4c745b;stroke-width:3}
.drop-invalid>.tile-base{fill:#dfbbb1;stroke:#a96359;stroke-width:3;stroke-dasharray:5 3}
.board-cell.hinted>.tile-base{fill:#c8d9b8;stroke:#63816c;stroke-width:3}

.no-fit{position:relative;border-style:dashed;border-color:#af9586;cursor:default}
.no-fit svg{height:calc(100% - 16px);opacity:.7}
.no-fit-label{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-size:10px;color:#81604e;line-height:14px}
.tools[data-mode=finished]{grid-template-columns:1fr 2fr}
.tools .view-results{font-size:14px;min-height:40px;padding:7px 10px}
.garden-full{animation:garden-rest .65s ease-out}
@keyframes garden-rest{from{box-shadow:0 0 0 3px #b89f70aa}to{box-shadow:0 3px 20px #70886822}}