*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--paper-0: oklch(.94 .025 88);--paper-1: oklch(.9 .035 85);--paper-2: oklch(.82 .05 75);--paper-3: oklch(.7 .06 60);--paper-edge: oklch(.5 .06 50);--sumi: oklch(.18 .015 60);--sumi-2: oklch(.28 .015 60);--sumi-3: oklch(.4 .02 60);--gold: oklch(.78 .11 85);--gold-2: oklch(.68 .11 70);--aka: oklch(.55 .15 25);--ao: oklch(.48 .12 240);--midori: oklch(.52 .1 155);--bg-opacity: .4;--motion: 1;--palette-opacity: .75;--color-bg: var(--paper-1);--color-surface: oklch(.96 .02 85 / .82);--color-surface-strong: oklch(.96 .02 85 / .94);--color-border: oklch(.4 .06 55 / .45);--color-border-soft: oklch(.4 .06 55 / .25);--color-text: var(--sumi);--color-text-strong: oklch(.12 .015 60);--color-muted: var(--sumi-3);--color-accent: var(--gold-2);--color-accent-hover: var(--gold);--color-accent-light: oklch(.96 .02 85 / .72);--color-header-bg: oklch(.96 .02 85 / .82);--color-table-th: oklch(.9 .04 80 / .85);--color-table-odd: oklch(.96 .02 85 / .55);--color-table-even: oklch(.92 .03 82 / .55);--color-table-hover: oklch(.88 .06 75 / .7);--cat-busho: oklch(.48 .17 25);--cat-naisei: oklch(.48 .13 150);--cat-taijin: oklch(.48 .17 10);--cat-beginner: oklch(.58 .13 85);--cat-event: oklch(.58 .16 55);--cat-hensei: oklch(.45 .14 250);--cat-koneta: oklch(.48 .16 310);--cat-update: oklch(.5 .1 195);--font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-serif: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif;--font-en: "Cinzel", "Noto Serif JP", serif;--font-mono: "Courier New", monospace;--max-w: 860px}html,body{min-height:100vh}body{font-family:var(--font-sans);background:var(--paper-1);color:var(--color-text);line-height:1.75;font-size:1rem;-webkit-font-smoothing:antialiased}a{color:var(--gold-2);text-decoration:none}a:hover{color:var(--gold);text-decoration:underline}.bg-layer{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-paper{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 15%,var(--paper-0),transparent 60%),radial-gradient(ellipse 70% 55% at 85% 90%,var(--paper-3),transparent 55%),radial-gradient(ellipse 90% 80% at 50% 50%,var(--paper-1),var(--paper-2) 70%,var(--paper-3) 100%)}.bg-paper:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.22 0 0 0 0 0.1 0 0 0 0.35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");mix-blend-mode:multiply;opacity:.35}.bg-pattern{position:absolute;inset:0;opacity:var(--bg-opacity)}.bg-pattern:before{content:"";position:absolute;inset:0;background-image:var(--map-url);background-size:1400px auto;background-position:center;background-repeat:no-repeat;opacity:.85;mix-blend-mode:multiply}.bg-pattern:after{content:"";position:absolute;inset:0;background-image:var(--battle-url);background-size:480px auto;background-position:8% 80%,92% 20%;background-repeat:no-repeat;opacity:.55;mix-blend-mode:multiply}.bg-flow{position:absolute;inset:-5%;background:radial-gradient(circle at 30% 40%,oklch(.5 .12 25 / .1) 0,transparent 25%),radial-gradient(circle at 70% 60%,oklch(.45 .1 240 / .1) 0,transparent 25%),radial-gradient(circle at 50% 80%,oklch(.5 .09 155 / .1) 0,transparent 25%);filter:blur(30px);animation:bgDrift calc(22s / var(--motion, 1)) ease-in-out infinite alternate;mix-blend-mode:multiply;opacity:calc(.9 * var(--motion, 1))}.bg-palette{position:absolute;inset:0;opacity:var(--palette-opacity, 1);mix-blend-mode:multiply;pointer-events:none}.bg-palette .dabs{position:absolute;inset:0;background:radial-gradient(circle 90px at 7% 12%,#b9464273,#b9464200 70%),radial-gradient(circle 70px at 14% 20%,oklch(.48 .12 240 / .4),oklch(.48 .12 240 / 0) 70%),radial-gradient(circle 80px at 93% 88%,#307a4f66,#307a4f00 70%),radial-gradient(circle 60px at 86% 80%,#b6602859,#b6602800 70%),radial-gradient(circle 55px at 92% 15%,#734f9952,#734f9900 70%),radial-gradient(circle 50px at 6% 85%,oklch(.58 .13 85 / .35),oklch(.58 .13 85 / 0) 70%);filter:blur(3px);animation:paletteSway calc(28s / var(--motion, 1)) ease-in-out infinite alternate}.bg-palette .pal{position:absolute;right:-140px;bottom:-120px;width:560px;height:380px;border-radius:50%;border:2px solid oklch(.3 .05 55 / .45);background:radial-gradient(circle 14px at 22% 30%,oklch(.18 .02 55 / .55),transparent 70%),radial-gradient(circle 14px at 34% 22%,oklch(.18 .02 55 / .5),transparent 70%),radial-gradient(circle 14px at 50% 20%,oklch(.18 .02 55 / .55),transparent 70%),radial-gradient(circle 14px at 66% 24%,oklch(.18 .02 55 / .5),transparent 70%),radial-gradient(circle 16px at 80% 38%,oklch(.18 .02 55 / .55),transparent 70%),radial-gradient(ellipse 60% 40% at 45% 70%,oklch(.45 .06 55 / .18),transparent 70%);opacity:.45}.bg-palette .strokes{position:absolute;inset:0;background-image:var(--strokes-url);background-size:520px auto,420px auto;background-repeat:no-repeat;background-position:-40px -20px,calc(100% + 40px) 45%;opacity:.45;animation:paletteSway calc(34s / var(--motion, 1)) ease-in-out infinite alternate-reverse}.bg-stains{position:absolute;inset:0;background:radial-gradient(circle at 12% 22%,oklch(.4 .06 45 / .22) 0,transparent 7%),radial-gradient(circle at 88% 18%,oklch(.45 .06 45 / .18) 0,transparent 6%),radial-gradient(circle at 78% 72%,oklch(.35 .07 40 / .25) 0,transparent 8%),radial-gradient(circle at 28% 85%,oklch(.4 .06 50 / .2) 0,transparent 7%),radial-gradient(circle at 55% 45%,oklch(.45 .04 60 / .15) 0,transparent 9%);mix-blend-mode:multiply}.bg-burn{position:absolute;inset:0;background:radial-gradient(ellipse 35% 30% at 0% 0%,oklch(.32 .07 35 / .35),transparent 65%),radial-gradient(ellipse 35% 30% at 100% 0%,oklch(.32 .07 35 / .35),transparent 65%),radial-gradient(ellipse 35% 30% at 0% 100%,oklch(.32 .07 35 / .35),transparent 65%),radial-gradient(ellipse 35% 30% at 100% 100%,oklch(.32 .07 35 / .35),transparent 65%);mix-blend-mode:multiply;opacity:.55}@keyframes paletteSway{0%{transform:translate(0) scale(1)}to{transform:translate(5px,-4px) scale(1.01)}}@keyframes bgDrift{0%{transform:translate(0);opacity:.85}50%{transform:translate(-12px,-8px);opacity:1}to{transform:translate(10px,6px);opacity:.85}}@media (prefers-reduced-motion: reduce){.bg-palette .dabs,.bg-palette .strokes,.bg-flow{animation:none!important}}header{padding:1rem 1rem 0}header .topbar{max-width:1180px;margin:0 auto;background:#f8f1e3d1;border:1px solid oklch(.55 .06 55 / .35);border-radius:4px;box-shadow:0 2px #8d685026,0 10px 30px #3e281b26;overflow:hidden}header .header-inner{display:flex;align-items:baseline;gap:.9rem;padding:.9rem 1.25rem;border-left:3px solid var(--gold-2)}header a.site-title-link{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;color:var(--sumi)}header a.site-title-link:hover{text-decoration:none}header .site-title{font-family:var(--font-serif);color:var(--sumi);font-weight:900;font-size:1.3rem;letter-spacing:.08em}header .site-subtitle{font-family:var(--font-serif);color:var(--sumi-3);font-weight:500;font-size:.82rem;letter-spacing:.06em}header a.site-title-link:hover .site-title{color:var(--gold-2)}header a:hover{text-decoration:none}@media (max-width: 600px){header{padding:.75rem .6rem 0}header .site-title{font-size:1.05rem}header .site-subtitle{font-size:.72rem}}nav{max-width:1180px;margin:0 auto;padding:.4rem 1rem;font-size:.88rem}nav .nav-inner{display:flex;gap:.25rem;flex-wrap:wrap;background:#f8f1e3b3;border:1px solid oklch(.55 .06 55 / .3);border-radius:3px;padding:.3rem .5rem;backdrop-filter:blur(2px)}nav a{color:var(--sumi);font-family:var(--font-serif);font-weight:500;padding:.35rem .8rem;border-radius:2px;letter-spacing:.04em}nav a:hover{background:#8d68502e;color:var(--sumi);text-decoration:none}.wrapper{max-width:var(--max-w);margin:0 auto;padding:0 1rem}.ad-unit{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 0;margin:1rem 0}.ad-unit img{max-width:100%;height:auto}main.wrapper{background:#faf5e8e0;border:1px solid oklch(.55 .06 55 / .25);border-radius:4px;box-shadow:0 2px #8d68501f,0 12px 30px #3e281b1f;padding:2rem 1.5rem;margin-top:1rem}@media (max-width: 600px){main.wrapper{padding:1.25rem .9rem}}footer{border-top:1px solid oklch(.55 .06 55 / .3);text-align:center;padding:1.5rem 1rem;font-size:.78rem;color:var(--sumi-3);font-family:var(--font-en);letter-spacing:.2em;margin-top:3rem}footer p+p{margin-top:.4rem;font-family:var(--font-sans);letter-spacing:0;font-size:.72rem}.prose h1{font-family:var(--font-serif);font-weight:900;font-size:1.75rem;margin-bottom:1rem;line-height:1.35;color:var(--color-text-strong);letter-spacing:.03em}.prose h2{font-family:var(--font-serif);font-weight:700;font-size:1.3rem;margin:2rem 0 .75rem;padding-bottom:.3rem;border-bottom:2px solid var(--gold-2);color:var(--sumi);letter-spacing:.04em}.prose h3{font-family:var(--font-serif);font-weight:700;font-size:1.1rem;margin:1.5rem 0 .5rem;color:var(--sumi);letter-spacing:.02em;border-left:3px solid var(--gold-2);padding-left:.6rem}.prose p{margin-bottom:1rem;color:var(--sumi)}.prose ul,.prose ol{margin:.5rem 0 1rem 1.5rem}.prose li{margin-bottom:.25rem;color:var(--sumi)}.prose strong{color:var(--color-text-strong);font-weight:700}.prose table{width:100%;border-collapse:collapse;font-size:.88rem;margin:1rem 0 1.5rem;display:block;overflow-x:auto;white-space:nowrap;background:var(--color-table-odd)}.prose th,.prose td{border:1px solid var(--color-border);padding:.4rem .7rem;text-align:left}.prose th{background:var(--color-table-th);color:var(--sumi);font-family:var(--font-serif);font-weight:700}.prose tr:nth-child(odd) td{background:var(--color-table-odd)}.prose tr:nth-child(2n) td{background:var(--color-table-even)}.prose tr:hover td{background:var(--color-table-hover)}.prose .info,.prose .note{background:#c2e5f18c;border-left:4px solid var(--ao);padding:.75rem 1rem;margin:1rem 0;font-size:.9rem;color:var(--sumi)}.card-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--gold-2);border-radius:4px;padding:1.25rem;transition:box-shadow .15s,transform .15s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3e281b33}.card-category{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-family:var(--font-en);color:var(--gold-2);margin-bottom:.4rem}.card h2{font-family:var(--font-serif);font-weight:700;font-size:1rem;margin-bottom:.5rem;line-height:1.4;color:var(--sumi)}.card p{font-size:.85rem;color:var(--sumi-2)}.card time{font-family:var(--font-en);font-size:.75rem;color:var(--sumi-3);letter-spacing:.15em;display:block;margin-top:.75rem}.hero{position:relative;background-color:#d1ba9b;background-image:linear-gradient(#d8c0a18c,#e2d6c259),image-set(url(/banner.webp) type("image/webp"),url(/banner.png) type("image/png"));background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid oklch(.55 .06 55 / .35);border-radius:4px;color:var(--sumi);padding:4rem 1rem;text-align:center;margin-bottom:2rem;box-shadow:0 2px #8d685026,0 10px 30px #3e281b26}.hero h1{font-family:var(--font-serif);font-weight:900;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.6rem;color:var(--color-text-strong);letter-spacing:.05em;text-shadow:0 1px 0 oklch(.96 .02 85 / .55)}.hero p{font-family:var(--font-serif);font-size:1rem;color:var(--sumi);text-shadow:0 1px 0 oklch(.96 .02 85 / .55)}@media (max-width: 600px){.hero{padding:2.75rem 1rem}}.article-badge{flex-shrink:0;display:inline-block;font-family:var(--font-serif);font-size:.7rem;font-weight:700;padding:.22rem .55rem;border-radius:3px;margin-top:.15rem;white-space:nowrap;letter-spacing:.08em;border:1px solid oklch(.55 .06 55 / .35);background:#f8f1e3bf;color:var(--sumi)}.article-badge.busho{color:#fff8ea;background:var(--cat-busho);border-color:var(--cat-busho)}.article-badge.naisei{color:#fff8ea;background:var(--cat-naisei);border-color:var(--cat-naisei)}.article-badge.taijin{color:#fff8ea;background:var(--cat-taijin);border-color:var(--cat-taijin)}.article-badge.beginner{color:var(--sumi);background:var(--cat-beginner);border-color:var(--cat-beginner)}.article-badge.event{color:#fff8ea;background:var(--cat-event);border-color:var(--cat-event)}.article-badge.hensei{color:#fff8ea;background:var(--cat-hensei);border-color:var(--cat-hensei)}.article-badge.koneta{color:#fff8ea;background:var(--cat-koneta);border-color:var(--cat-koneta)}.article-badge.update{color:#fff8ea;background:var(--cat-update);border-color:var(--cat-update)}.article-meta{font-size:.82rem;color:var(--sumi-3);margin-bottom:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.article-meta time{font-family:var(--font-en);letter-spacing:.1em}.article-meta .tag{background:#f8f1e3d1;color:var(--gold-2);padding:.15rem .55rem;border-radius:3px;font-size:.75rem;font-family:var(--font-serif);border:1px solid oklch(.55 .06 55 / .35)}@media (max-width: 600px){.prose h1,.hero h1{font-size:1.4rem}nav{padding:.4rem .6rem}}