:root{--sumi-000:#000;--sumi-900:#07060a;--sumi-800:#0e0c11;--sumi-700:#161319;--sumi-600:#201c24;--sumi-500:#2b262f;--washi-050:#f4ecd8;--washi-100:#ece1c5;--washi-200:#d9cba6;--washi-300:#b8a77f;--washi-400:#8a7a55;--shu-900:#2a0808;--shu-800:#4a0d0d;--shu-700:#7a1515;--shu-600:#a81c1c;--shu-500:#c4302b;--shu-400:#d94a3d;--shu-300:#e86a56;--kin-900:#2e2310;--kin-800:#4a381a;--kin-700:#6b5025;--kin-600:#8a6a33;--kin-500:#a8863f;--kin-400:#c4a454;--kin-300:#d9bf76;--ink-900:#050406;--ink-800:#1a1418;--ink-grey:#3a3138;--bg-page:var(--sumi-900);--bg-panel:var(--sumi-800);--bg-raised:var(--sumi-700);--bg-ofuda:#ede0c2;--bg-ofuda-aged:#d9c79a;--fg-primary:var(--washi-050);--fg-body:var(--washi-100);--fg-muted:var(--washi-300);--fg-faded:var(--washi-400);--fg-on-ofuda:#1a0a0a;--accent:var(--shu-500);--accent-strong:var(--shu-600);--accent-hot:var(--shu-400);--accent-deep:var(--shu-800);--gold:var(--kin-500);--gold-dim:var(--kin-700);--gold-bright:var(--kin-300);--border-subtle:var(--sumi-600);--border-ornament:var(--kin-700);--border-seal:var(--shu-700);--status-sealed:var(--kin-500);--status-cursed:var(--shu-500);--status-purified:var(--washi-200);--status-unknown:var(--ink-grey);--font-display:"Shippori Mincho B1", "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-serif:"Noto Serif JP", "Shippori Mincho B1", "Yu Mincho", serif;--font-brush:"Klee One", "Shippori Mincho B1", "Noto Serif JP", cursive;--font-sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-pixel:"DotGothic16", "Noto Sans JP", monospace;--fs-micro:10px;--fs-caption:12px;--fs-small:13px;--fs-body:15px;--fs-body-lg:17px;--fs-lead:20px;--fs-h3:24px;--fs-h2:32px;--fs-h1:44px;--fs-display:64px;--fs-display-xl:96px;--lh-tight:1.1;--lh-snug:1.3;--lh-body:1.75;--lh-loose:2;--tracking-tight:-.01em;--tracking-normal:.02em;--tracking-wide:.18em;--tracking-ritual:.35em;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-card:2px;--radius-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--shadow-seal:0 0 0 1px var(--kin-700), 0 2px 0 0 #0009;--shadow-ofuda:0 12px 32px -8px #000000e6, 0 2px 0 0 #0009;--shadow-inset-paper:inset 0 0 40px #4a381a40, inset 0 0 0 1px #7a151526;--glow-shu:0 0 24px #c4302b59;--glow-kin:0 0 18px #a8863f38;--ease-ritual:cubic-bezier(.2, .8, .2, 1);--ease-sutra:cubic-bezier(.6, 0, .1, 1);--dur-instant:80ms;--dur-fast:.16s;--dur-base:.28s;--dur-slow:.52s;--dur-ritual:1.2s}.type-display-xl{font-family:var(--font-display);font-size:var(--fs-display-xl);letter-spacing:-.02em;color:var(--fg-primary);font-weight:800;line-height:.95}.type-display{font-family:var(--font-display);font-size:var(--fs-display);letter-spacing:0;color:var(--fg-primary);font-weight:700;line-height:1}.type-h1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.type-h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:600;line-height:var(--lh-snug)}.type-h3{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:500;line-height:var(--lh-snug)}.type-lead{font-family:var(--font-serif);font-size:var(--fs-lead);line-height:var(--lh-body);color:var(--fg-body)}.type-body{font-family:var(--font-serif);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-body)}.type-body-sans{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-body)}.type-caption{font-family:var(--font-sans);font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--fg-muted)}.type-ritual-label{font-family:var(--font-sans);font-size:var(--fs-caption);letter-spacing:var(--tracking-ritual);text-transform:uppercase;color:var(--gold);font-weight:500}.type-seal{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--washi-050);letter-spacing:.1em;font-weight:700}.type-brush{font-family:var(--font-brush);color:var(--fg-primary);font-weight:600}.type-oracle{font-family:var(--font-display);font-size:var(--fs-lead);letter-spacing:.08em;color:var(--washi-050);font-weight:500;line-height:2}.type-micro-meta{font-family:var(--font-pixel);font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);color:var(--fg-faded);text-transform:uppercase}html,body{background:var(--bg-page);color:var(--fg-body);font-family:var(--font-serif);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1{font:700 var(--fs-h1)/var(--lh-tight) var(--font-display);color:var(--fg-primary)}h2{font:600 var(--fs-h2)/var(--lh-snug) var(--font-display);color:var(--fg-primary)}h3{font:500 var(--fs-h3)/var(--lh-snug) var(--font-serif);color:var(--fg-primary)}p{font:400 var(--fs-body)/var(--lh-body) var(--font-serif);color:var(--fg-body)}small{font-size:var(--fs-caption);color:var(--fg-muted)}.tex-washi{background-color:var(--bg-ofuda);background-image:radial-gradient(circle at 20% 30%,#7a50252e 0%,#0000 40%),radial-gradient(circle at 75% 70%,#4a381a26 0%,#0000 35%),radial-gradient(circle at 50% 90%,#2a08081a 0%,#0000 30%),repeating-linear-gradient(0deg,#1a0a0a05 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#1a0a0a04 0 1px,#0000 1px 3px)}.tex-sumi{background-color:var(--sumi-900);background-image:radial-gradient(at 15% 10%,#7a151514 0%,#0000 50%),radial-gradient(at 85% 85%,#6b50250f 0%,#0000 50%),radial-gradient(circle,#0000 30%,#0006 100%)}.tex-grain:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.05 0 0 0 0 0.04 0 0 0 0 0.03 0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.edge-scorched{box-shadow:inset 0 0 20px #2a080899,inset 0 0 2px #7a1515cc}.border-ofuda{border:1px solid var(--shu-700);outline:1px solid var(--shu-800);outline-offset:3px}.border-kin{border:1px solid var(--kin-700);outline:1px solid var(--kin-900);outline-offset:2px}
*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{min-height:100dvh}html{scrollbar-color:var(--shu-500) var(--sumi-900);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--sumi-900)}::-webkit-scrollbar-thumb{background:var(--shu-500);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--shu-400)}.app-shell{width:100%;max-width:430px;min-height:100dvh;padding-inline:var(--sp-5);padding-block:var(--sp-5) var(--sp-8);background:var(--bg-page);margin-inline:auto;position:relative;overflow:hidden}.section-block{margin-block:var(--sp-8)}.section-block__heading{width:100%;height:auto;margin-bottom:var(--sp-3);display:block}.info-box{background:var(--sumi-000);color:var(--fg-body);padding:0 var(--sp-4) var(--sp-5);border-radius:0}.info-box p{margin:0}.footer{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle);text-align:center}.footer a{color:var(--fg-muted);text-decoration:none}.footer a:hover{color:var(--fg-primary)}