:root{--paper: #efe4c8;--paper-deep: #e2d2a8;--rule: #2a2418;--ink: #1c1812;--indigo: #1d3f66;--graphite: #6d6556;--vermilion: #c43b2c;--wash: #f6e7a0;--peer: #ead9a8;--same: #d7e4d0;--masthead: #8c1f1c;--brass: #b8893a;--mist: #6a6254;--safe: env(safe-area-inset-bottom, 0px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(70% 40% at 50% -8%,rgba(140,31,28,.1),transparent 55%),repeating-linear-gradient(90deg,rgba(42,36,24,.035) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(42,36,24,.03) 0 1px,transparent 1px 23px),linear-gradient(180deg,#f6edd4 0%,var(--paper) 40%,#e8d8b0 100%);color:var(--ink);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(520px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(12px + var(--safe));display:grid;grid-template-rows:auto auto auto 1fr auto auto auto;gap:7px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 10px}.brand h1{margin:0;font-family:Shippori Mincho,Yu Mincho,serif;font-weight:700;font-size:clamp(26px,7vw,40px);letter-spacing:.16em;line-height:1.1}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.2em;color:var(--masthead)}.ver{font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;color:var(--graphite)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pill{min-width:64px;padding:6px 8px 5px;border:1px solid rgba(42,36,24,.18);background:#fffaecb8;text-align:center}.pill b{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:16px;line-height:1}.pill span{font-size:10px;letter-spacing:.12em;color:var(--mist)}.how{margin:0;font-size:12px;line-height:1.55;color:var(--mist)}.diffs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.diff{min-height:40px;border:1px solid rgba(42,36,24,.22);background:#fffaec99;letter-spacing:.08em}.diff.is-on{background:linear-gradient(180deg,#8c1f1c,#6c1614);color:#f8eed4;border-color:transparent;font-weight:700}.stage-wrap{position:relative;min-height:0;display:grid;place-items:center}.board{width:min(100%,92dvw,100%);max-height:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:#fffaf0;border:3px solid var(--rule);box-shadow:0 1px #ffffff73 inset,0 10px #2a24181f}.cell{position:relative;min-width:0;min-height:0;border-right:1px solid rgba(42,36,24,.22);border-bottom:1px solid rgba(42,36,24,.22);display:grid;place-items:center;background:transparent;-webkit-user-select:none;user-select:none}.cell.box-l{border-left:2px solid var(--rule)}.cell.box-t{border-top:2px solid var(--rule)}.cell.box-r{border-right:2px solid var(--rule)}.cell.box-b{border-bottom:2px solid var(--rule)}.cell.is-peer{background:var(--peer)}.cell.is-same{background:var(--same)}.cell.is-selected{background:var(--wash);box-shadow:inset 0 0 0 2px var(--indigo);z-index:1}.cell.is-conflict .digit{color:var(--vermilion);text-decoration:underline;text-underline-offset:2px}.cell.is-conflict{background:#f3d2c8}.digit{font-family:Shippori Mincho,Yu Mincho,serif;font-weight:700;font-size:clamp(16px,4.6vmin,28px);line-height:1;color:var(--indigo)}.cell.is-given .digit{color:var(--ink)}.notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:86%;height:86%}.notes i{display:grid;place-items:center;font-style:normal;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(7px,2.1vmin,11px);color:var(--graphite);line-height:1}.hud{display:flex;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:.06em;color:var(--mist)}.hud b{color:var(--ink);font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500}.pad{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.num{min-height:46px;border:1px solid rgba(42,36,24,.2);background:#fffaf0;font-family:Shippori Mincho,Yu Mincho,serif;font-size:20px;font-weight:700;box-shadow:0 2px #2a24181f}.num:active{transform:translateY(1px)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.brass,.ghost{min-height:44px;padding:0 8px;letter-spacing:.08em}.brass{background:linear-gradient(180deg,#c9a052,#9a7028);color:#1c1812;font-weight:700;box-shadow:0 3px #6f501c}.brass:active{transform:translateY(2px);box-shadow:0 1px #6f501c}.brass:disabled,.ghost:disabled{opacity:.4}.ghost{border:1px solid rgba(42,36,24,.28);background:#fffaecb3;color:var(--ink)}.ghost.is-on{background:var(--indigo);color:#f6edd4;border-color:transparent}.toast,.sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.toast p,.sheet .panel{margin:0;padding:14px 18px;background:#1c1812f0;border:2px solid var(--brass);color:#f6edd4;text-align:center;letter-spacing:.08em}.toast[hidden],.sheet[hidden]{display:none}.sheet{pointer-events:auto;background:#1c18126b}.sheet .panel{width:min(90%,320px);display:grid;gap:10px}.sheet h2{margin:0;font-family:Shippori Mincho,Yu Mincho,serif;font-weight:700;letter-spacing:.16em}.sheet .meta{margin:0;color:#d8cba8;font-size:13px}@media(max-width:420px){.top{grid-template-columns:1fr}.pills{justify-content:flex-start}.num{min-height:42px;font-size:18px}}@media(max-height:700px){.how{display:none}.num,.ghost,.brass,.diff{min-height:40px}}@media(prefers-reduced-motion:reduce){.num,.brass{transition:none}}