:root{--abyss: #0c2a32;--desk: #163842;--plate: #2a6a74;--plate-hi: #3a8490;--chart: #dce8e0;--chart-line: #b7c9be;--brass: #c9a15a;--pennant: #d23a3a;--foam: #e7f2ec;--mist: #7a9aa0;--ink: #12323c;--mine: #1a1412;--safe: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(70% 46% at 50% 0%,rgba(58,132,144,.22),transparent 58%),radial-gradient(80% 60% at 100% 100%,#081c22 0%,transparent 50%),repeating-linear-gradient(0deg,rgba(201,161,90,.035) 0 1px,transparent 1px 28px),var(--abyss);color:var(--foam);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(560px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(14px + var(--safe));display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:8px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.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(22px,6vw,34px);letter-spacing:.08em;line-height:1.2;white-space:nowrap}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.18em;color:var(--mist)}.ver{font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;color:var(--brass)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pill{min-width:72px;padding:6px 8px 5px;border:1px solid rgba(201,161,90,.32);background:#0c2a32b8;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)}.hud{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;background:linear-gradient(180deg,rgba(58,132,144,.16),transparent 70%),#163842e0;border:1px solid rgba(201,161,90,.28);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.06em}.hud b{color:var(--brass);font-weight:400}.diffs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.diff{min-height:44px;border:1px solid rgba(201,161,90,.35);letter-spacing:.08em}.diff.is-on{background:linear-gradient(180deg,#d4b05a,#a07830);color:var(--ink);border-color:transparent;font-weight:700}.stage-wrap{position:relative;min-height:0;display:grid;place-items:center}.board{--cols: 9;--rows: 9;position:relative;width:min(100%,calc(100dvh - 270px),520px);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);padding:8px;gap:2px;background:radial-gradient(circle at 18% 82%,rgba(201,161,90,.08),transparent 28%),linear-gradient(180deg,#214851,var(--desk));border:2px solid #6a5428;box-shadow:inset 0 0 0 1px #c9a15a38,0 10px #08161a;touch-action:manipulation;user-select:none;-webkit-user-select:none}.board[data-diff=intermediate]{gap:1px;padding:6px}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;background:linear-gradient(180deg,var(--plate-hi),var(--plate));color:var(--foam);border:1px solid rgba(8,28,34,.45);box-shadow:inset 0 1px #e7f2ec38,0 1px #08161a73;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(11px,3.4vw,20px);font-weight:700;line-height:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.board[data-diff=intermediate] .cell{font-size:clamp(9px,2.4vw,14px)}.cell.is-open{background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(183,201,190,.35) 11px 12px),var(--chart);color:var(--ink);box-shadow:inset 0 0 0 1px var(--chart-line)}.cell.is-flag{color:var(--pennant)}.pennant{display:inline-grid;place-items:center;min-width:1.35em;height:1.05em;padding:0 .14em;background:var(--pennant);color:#fff6f2;font-size:.68em;letter-spacing:.04em;border-radius:1px 7px 7px 1px;box-shadow:-2px 0 #8a2222}.cell.is-mine{background:#2a1a18;color:#f2d2a8}.orb{width:.55em;height:.55em;border-radius:50%;background:#1a1412;box-shadow:0 0 0 2px #f2d2a8,0 -.42em 0 -.18em #1a1412,0 .42em 0 -.18em #1a1412,-.42em 0 0 -.18em #1a1412,.42em 0 0 -.18em #1a1412}.cell.is-boom{background:#c43a2c;color:#fff4e8}.cell.is-boom .orb{box-shadow:0 0 0 2px #fff4e8,0 -.42em 0 -.18em #1a1412,0 .42em 0 -.18em #1a1412,-.42em 0 0 -.18em #1a1412,.42em 0 0 -.18em #1a1412}.cell.is-wrong{box-shadow:inset 0 0 0 2px var(--pennant)}.cell.is-cursor{outline:2px solid var(--brass);outline-offset:-2px;z-index:1}.cell.n1{color:#1b5f8a}.cell.n2{color:#1f6b48}.cell.n3{color:#b13a32}.cell.n4{color:#3a2f8a}.cell.n5{color:#7a2a18}.cell.n6{color:#1a6a6a}.cell.n7{color:#1a1a1a}.cell.n8{color:#5a5a5a}.actions{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px}.brass{min-height:52px;padding:0 14px;background:linear-gradient(180deg,#d4b05a,#a07830);color:var(--ink);letter-spacing:.1em;font-weight:700;box-shadow:0 4px #7a5a22}.brass:active{transform:translateY(2px);box-shadow:0 2px #7a5a22}.ghost,.mode{min-width:44px;min-height:44px;padding:0 10px;border:1px solid rgba(201,161,90,.4);color:var(--brass)}.mode{min-height:52px;letter-spacing:.12em}.mode.is-flag{background:#d23a3a29;border-color:#d23a3a8c;color:#f0c4c0}.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:#08161af0;border:2px solid var(--brass);color:var(--foam);text-align:center;letter-spacing:.1em}.toast[hidden],.sheet[hidden]{display:none}.sheet{pointer-events:auto;background:#06101494}.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:.12em}.sheet .meta{margin:0;color:var(--mist);font-size:13px}@media(max-width:420px){.top{grid-template-columns:1fr}.pills{justify-content:flex-start}.brand h1{white-space:normal}}@media(prefers-reduced-motion:reduce){.brass{transition:none}}