:root{--bg: #15141b;--surface: #201f28;--raised: #2a2833;--text: #ece6da;--muted: #9c9385;--line: #35333e;--frame: #6d5a3f;--region-line: #14131a;--grid-line: rgb(0 0 0 / 26%);--lamp: #f8d489;--mark: rgb(18 16 22 / 78%);--accent: #e0a35d;--error: #ef7264;--hint: #6ed0c0;--oni: #d4574a;--r0: #a85c4b;--r1: #3f6f9c;--r2: #5f9a48;--r3: #8f6b2c;--r4: #7f61b0;--r5: #2c807a;--r6: #b56d90;--r7: #59677a;--r8: #94a03c;--r9: #9c522c;--r10: #4d8cc2;--r11: #744c64;--serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--sans: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.65}#app{max-width:620px;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 8px) env(safe-area-inset-left)}.screen{display:flex;flex-direction:column;gap:14px;padding:14px;min-height:100dvh}button{font:inherit;color:inherit;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer}button:disabled{opacity:.38;cursor:default}button.ghost{background:transparent;border-color:transparent;color:var(--muted);padding-left:4px}button.primary{background:var(--accent);border-color:var(--accent);color:#201a12;font-weight:700}button.danger{color:var(--error);border-color:var(--error)}.glyph{display:inline-flex;color:inherit}.glyph svg{width:1em;height:1em;fill:currentColor;display:block}.hero{border-bottom:1px solid var(--line);padding-bottom:12px}.hero-figure{color:var(--lamp);font-size:3.2rem;line-height:1;margin-bottom:6px}.hero-figure svg{width:1em;height:1em;fill:currentColor;filter:drop-shadow(0 0 10px rgb(248 212 137 / 35%))}.hero h1{margin:0;font-family:var(--serif);font-size:2rem;letter-spacing:.22em;font-weight:600}.brand-sub{margin:2px 0 10px;font-family:var(--serif);font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--accent)}.lede{margin:0 0 6px;color:var(--muted);font-size:.82rem;line-height:1.85}.lit-count{margin:10px 0 0;font-size:.82rem;color:var(--muted)}.lit-count strong{font-family:var(--serif);font-size:1.15rem;color:var(--lamp);margin-left:2px}.streak{display:flex;align-items:center;gap:6px;margin:8px 0 0;color:var(--accent);font-size:.85rem;font-weight:600}.spark{display:inline-flex;font-size:1.1rem}.spark svg{width:1em;height:1em;fill:currentColor}.card{position:relative;display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;width:100%;padding:14px;border-left:3px solid var(--line)}.card.daily{border-left-color:var(--accent)}.card.attack{border-left-color:var(--oni)}.done-spark{position:absolute;top:10px;right:12px;font-size:1.4rem;color:var(--accent);opacity:.5}.card-title{font-family:var(--serif);font-size:1.05rem;font-weight:600;letter-spacing:.08em}.card-sub{font-size:.8rem;color:var(--muted)}.bar{display:block;width:100%;height:3px;margin-top:10px;background:var(--line);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.chapter-list{display:flex;flex-direction:column;gap:8px}.home-footer{display:flex;gap:10px;margin-top:auto}.home-footer button{flex:1}.top-bar{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.top-bar h1{margin:0;font-family:var(--serif);font-size:1.1rem;letter-spacing:.14em;font-weight:600}.narration{margin:0;padding:10px 12px;border-left:2px solid var(--frame);font-family:var(--serif);font-size:.88rem;line-height:1.9;color:var(--muted)}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.puzzle-chip{display:flex;flex-direction:column;gap:1px;padding:10px 6px;min-height:74px}.card.locked,.puzzle-chip.locked{opacity:.5;border-left-color:var(--line);cursor:default}.lock{display:inline-flex;color:var(--muted);font-size:1.2rem}.lock svg{width:1em;height:1em;fill:currentColor}.card .lock{position:absolute;top:14px;right:14px}.puzzle-chip.locked .no{color:var(--muted)}.puzzle-chip.done{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.puzzle-chip .no{font-family:var(--serif);font-size:1.25rem;font-weight:600}.puzzle-chip .meta{font-size:.7rem;color:var(--muted)}.game-header{display:flex;align-items:center;gap:8px}.game-title{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}.game-title strong{font-family:var(--serif);letter-spacing:.1em;font-weight:600}.game-title span{font-size:.74rem;color:var(--muted)}.clock{font-variant-numeric:tabular-nums;font-weight:600;color:var(--muted);flex:none}.clock.countdown{font-size:1rem;color:var(--text)}.clock.urgent{color:var(--error)}.board-wrap{overflow:auto;display:flex;padding:6px;border:3px solid var(--frame);background:var(--surface);touch-action:none;overscroll-behavior:contain}.board{display:grid;grid-template-columns:repeat(var(--n),var(--cell, 40px));margin:auto;width:max-content;user-select:none;-webkit-user-select:none}.cell{position:relative;width:var(--cell, 40px);aspect-ratio:1;min-height:0;padding:0;border-radius:0;border:1px solid var(--grid-line);background:var(--cell-bg, var(--surface));color:var(--lamp);line-height:1;display:flex;align-items:center;justify-content:center;gap:2%}.cell.edge-top{border-top:2px solid var(--region-line)}.cell.edge-bottom{border-bottom:2px solid var(--region-line)}.cell.edge-left{border-left:2px solid var(--region-line)}.cell.edge-right{border-right:2px solid var(--region-line)}.cell .glyph{display:none;width:74%;height:74%;align-items:center;justify-content:center}.cell .glyph svg{width:100%;height:100%}.cell.has-lamp{background-image:radial-gradient(circle at 50% 50%,rgb(248 212 137 / 34%) 0%,rgb(248 212 137 / 10%) 48%,transparent 74%)}.cell.has-lamp .g-lamp{display:inline-flex;filter:drop-shadow(0 0 5px rgb(248 212 137 / 65%))}.cell.has-mark .g-mark{display:inline-flex;color:var(--mark);width:72%;height:72%}.cell.was-wrong .g-mark{color:var(--error);filter:drop-shadow(0 0 3px rgb(239 114 100 / 45%))}.cell.fixed{cursor:default;color:#17151d;background-image:repeating-linear-gradient(45deg,rgb(0 0 0 / 16%) 0 3px,transparent 3px 7px)}.cell.fixed .glyph{display:inline-flex}.cell.is-fuda .glyph{width:40%;height:64%}.cell.is-fuda .count{font-family:var(--serif);font-size:calc(var(--cell, 40px) * .4);font-weight:700;color:#17151d}.cell.flash-error{animation:shake .4s ease;box-shadow:inset 0 0 0 3px var(--error)}.cell.flash-hint{box-shadow:inset 0 0 0 3px var(--hint)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.cell.flash-error,.dialog-mark{animation:none}}.status{margin:0;min-height:3.2em;font-size:.86rem;color:var(--muted);border-left:2px solid var(--line);padding-left:10px}.status[data-tone=error]{color:var(--error);border-left-color:var(--error)}.status[data-tone=hint]{color:var(--hint);border-left-color:var(--hint)}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;position:sticky;bottom:0;padding-top:8px;background:linear-gradient(to top,var(--bg) 70%,transparent)}.controls button[hidden]{display:none}.lives{display:flex;gap:2px;font-size:1.15rem;line-height:1;flex:none}.life{display:inline-flex;color:var(--lamp)}.life svg{width:1em;height:1em;fill:currentColor;filter:drop-shadow(0 0 5px rgb(248 212 137 / 45%))}.life.out{color:var(--line)}.life.out svg{filter:none}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#0a090dad;z-index:10}.dialog{background:var(--raised);border:2px solid var(--line);border-radius:6px;padding:22px 20px 18px;text-align:center;max-width:320px;width:100%;box-shadow:0 18px 40px #00000073}.overlay.mistake .dialog,.overlay.lost .dialog{border-color:var(--oni)}.overlay.won .dialog{border-color:var(--accent)}.overlay.won{animation:overlay-in .3s ease}@keyframes overlay-in{0%{background:#0a090d00}}@media (prefers-reduced-motion: reduce){.overlay.won{animation:none}}.dialog-mark{margin:0 0 6px;font-size:2.8rem;line-height:1;--cell-bg: var(--raised);animation:rise .32s ease}.overlay.mistake .dialog-mark,.overlay.lost .dialog-mark{color:var(--oni)}.overlay.won .dialog-mark{color:var(--lamp)}.dialog-mark svg{width:1em;height:1em;fill:currentColor;margin:0 auto}@keyframes rise{0%{transform:translateY(10px);opacity:0}}.dialog h2{margin:0 0 10px;font-family:var(--serif);font-size:1.15rem;letter-spacing:.1em;font-weight:600}.dialog-body{margin:0 0 16px;font-size:.88rem;line-height:1.85;color:var(--muted)}.dialog-lives{display:inline-block;margin-top:6px;color:var(--lamp);font-weight:700}.dialog .stars{display:block;margin:10px 0 2px;font-size:1.5rem;letter-spacing:.2em;color:var(--accent)}.result-facts{display:flex;justify-content:space-around;margin-top:10px;color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.result-facts span{display:flex;flex-direction:column}.result-facts small{font-size:.68rem;font-weight:400;color:var(--muted)}.dialog button{width:100%}.dialog button+button{margin-top:8px}.settings-list{display:flex;flex-direction:column;gap:2px}.setting{display:flex;gap:12px;align-items:flex-start;padding:12px 4px;border-bottom:1px solid var(--line);min-height:44px}.setting input{width:22px;height:22px;margin-top:3px;flex:none;accent-color:var(--accent)}.setting span{display:flex;flex-direction:column}.setting small{color:var(--muted);font-size:.76rem}.note{color:var(--muted);font-size:.8rem;padding:4px}.prose h2{font-family:var(--serif);font-size:1rem;letter-spacing:.1em;margin:18px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}.prose p{font-size:.86rem;color:var(--muted);margin:0 0 8px}.prose ul{margin:0;padding-left:1.2em}.prose li{margin-bottom:5px;font-size:.88rem}.story{position:fixed;inset:0;display:flex;align-items:flex-end;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,#0a090d26,#0a090dc7);z-index:20;cursor:pointer}.story-panel{width:100%;max-width:560px;margin:0 auto;background:#1a1820f5;border:2px solid var(--frame);border-radius:4px;padding:18px 18px 12px;box-shadow:0 18px 40px #0000008c}.story-text{margin:0;min-height:5.4em;font-family:var(--serif);font-size:.95rem;line-height:1.95;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.story-hint{margin:10px 0 0;text-align:right;font-size:.72rem;color:var(--muted);letter-spacing:.1em}.cell.is-oni{color:var(--oni);background-image:radial-gradient(circle at 50% 50%,rgb(212 87 74 / 34%) 0%,rgb(212 87 74 / 10%) 48%,transparent 74%)}.cell.is-oni .g-lamp{filter:drop-shadow(0 0 6px rgb(212 87 74 / 65%));animation:oni-rise .55s ease}@keyframes oni-rise{0%{transform:scale(.6);opacity:0}}@media (prefers-reduced-motion: reduce){.cell.is-oni .g-lamp{animation:none}}