:root{--page:#eceee8;--gravel:#d7d8d1;--rake:#c4c6be;--ink:#24271f;--moss:#56792f;--moss-dk:#3b561d;--moss-lt:#7e9c46;--stone:#8d8c86;--stone-dk:#6a6964;--stone-lt:#a9a8a2;--wood:#5b4434;--met:#cfe3a5;--broken:#ffb39e;--chalk:#f5f5f0;--mincho:"Shippori Mincho B1", "Hiragino Mincho ProN", Georgia, serif;--gothic:"Zen Kaku Gothic New", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--page)}body{color:var(--ink);font:400 15px/1.6 var(--gothic);padding:max(18px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}.app{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.head{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.kanji{writing-mode:vertical-rl;font:800 56px/1 var(--mincho);color:var(--moss-dk);margin:0;letter-spacing:.05em}h1{font:800 34px/1 var(--mincho);margin:2px 0 6px}h1 small{display:block;font:500 12px/1.4 var(--gothic);letter-spacing:.18em;text-transform:uppercase;color:var(--stone-dk);margin-top:6px}.rules p{margin:0 0 6px;font-size:14px}.levels{display:flex;gap:6px}.lv{font:500 13px var(--gothic);background:none;color:var(--ink);border:0;border-bottom:2px solid transparent;padding:4px 2px;cursor:pointer}.lv[aria-pressed=true]{border-bottom-color:var(--moss);color:var(--moss-dk);font-weight:700}.lv:focus-visible{outline:3px solid var(--moss);outline-offset:2px}.bed{padding:10px;background:var(--wood);border-radius:2px}.board{--n:6;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));-webkit-user-select:none;user-select:none;touch-action:manipulation;background:repeating-linear-gradient(0deg,var(--gravel) 0 5px,var(--rake) 5px 6px)}.cell{position:relative;aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--ink) 12%,transparent);font:inherit;color:inherit}.cell:focus-visible{outline:3px solid var(--wood);outline-offset:-3px;z-index:3}.cell.moss{background:radial-gradient(circle,var(--moss-lt) 0 1.4px,transparent 1.8px) 1px 2px/7px 7px,radial-gradient(circle,var(--moss-dk) 0 1.6px,transparent 2px) 4px 5px/9px 8px,radial-gradient(circle,var(--moss-lt) 0 1px,transparent 1.4px) 3px 0/5px 6px,var(--moss);animation:grow .35s ease-out}@keyframes grow{0%{transform:scale(.6);border-radius:50%}}.cell.raked:after{content:"";position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;border:1.5px solid var(--stone-dk);opacity:.6}.cell.stone{cursor:default}.cell.stone .rock{position:absolute;top:9%;right:9%;bottom:9%;left:9%;background:radial-gradient(circle at 35% 30%,var(--stone-lt),var(--stone) 55%,var(--stone-dk));border-radius:52% 46% 50% 44%/46% 54% 44% 52%;box-shadow:0 3px color-mix(in srgb,var(--ink) 25%,transparent);display:grid;place-items:center;font:800 calc(min(26px,5.4vw)*6/var(--n,6))/1 var(--mincho);color:var(--chalk);transition:color .2s}.cell.stone.done .rock{color:var(--met)}.cell.stone.over .rock{color:var(--broken)}.bar{display:flex;gap:10px;align-items:center}.act{font:500 13px var(--gothic);letter-spacing:.06em;background:var(--ink);color:var(--page);border:0;border-radius:2px;padding:9px 14px;cursor:pointer}.act.ghost{background:none;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.act:focus-visible{outline:3px solid var(--moss);outline-offset:2px}.status{margin-left:auto;font-size:13px;color:var(--stone-dk);font-variant-numeric:tabular-nums;text-align:right}.notice{display:flex;border-left:4px solid var(--moss);padding:6px 12px;font:800 22px/1.2 var(--mincho);color:var(--moss-dk);justify-content:space-between;align-items:baseline;gap:12px}.notice small{font:400 13px var(--gothic);color:var(--ink)}.foot{font-size:12.5px;color:var(--stone-dk);margin:0}@media(prefers-reduced-motion:reduce){.cell.moss{animation:none}}