:root{--c-bg: #ffffff;--c-surface: #fafafa;--c-surface-2: #f4f4f5;--c-border: #e5e7eb;--c-border-strong: #d4d4d8;--c-border-dark: #1f2937;--c-text: #0f172a;--c-text-muted: #475569;--c-text-dim: #94a3b8;--c-text-on-dark: #f8fafc;--c-accent: #a47148;--c-accent-hover: #7c5535;--c-accent-bg: #fbf6f0;--c-link: #1d4ed8;--c-link-hover: #1e40af;--c-success: #16a34a;--c-success-bg: #f0fdf4;--c-danger: #dc2626;--c-danger-bg: #fef2f2;--c-warning: #d97706;--c-warning-bg: #fffbeb;--c-card-a: #a47148;--c-card-b: #1f6b6b;--c-card-c: #8a3b5d;--c-card-d: #3b6b3a;--font-serif: "Cormorant Garamond", "Noto Serif JP", Georgia, "Yu Mincho", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.5rem;--fs-5xl: 3.5rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .1), 0 4px 6px -2px rgba(15, 23, 42, .05);--container: 1120px;--container-narrow: 720px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-feature-settings:"palt" 1,"kern" 1,"ss01" 1;scroll-behavior:smooth}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}img,svg{display:block;max-width:100%;height:auto}a{color:var(--c-link);text-decoration:none;text-decoration-skip-ink:auto}a:hover{color:var(--c-link-hover);text-decoration:underline;text-underline-offset:.2em}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--c-text);font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:0 0 var(--sp-4)}h1{font-size:var(--fs-4xl);font-weight:600;letter-spacing:-.025em;line-height:1.1}h2{font-size:var(--fs-3xl);letter-spacing:-.02em;line-height:1.15}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}p{margin:0 0 var(--sp-4);color:var(--c-text)}p.lead{font-size:var(--fs-lg);color:var(--c-text-muted);line-height:1.6}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--c-accent);font-weight:500;display:inline-block}.divider{height:1px;background:var(--c-border);border:0;margin:var(--sp-12) 0}.divider-thick{height:2px;background:var(--c-border-dark);border:0;margin:var(--sp-8) 0}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}kbd{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.85em}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--sp-6)}.container-narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--sp-6)}@media(max-width:640px){:root{--fs-4xl: 2rem;--fs-5xl: 2.5rem}.container,.container-narrow{padding:0 var(--sp-4)}}.site-header{border-bottom:1px solid var(--c-border);background:#ffffffd9;backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.site-header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0}.site-mark{display:flex;align-items:baseline;gap:var(--sp-2);text-decoration:none;color:var(--c-text)}.site-mark:hover{text-decoration:none}.site-mark__main{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em}.site-mark__sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-dim);letter-spacing:.12em;text-transform:uppercase}.site-nav{display:flex;gap:var(--sp-6);align-items:center;font-size:var(--fs-sm)}.site-nav a{color:var(--c-text-muted);font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--c-text);text-decoration:none}.site-nav a.active{color:var(--c-text)}@media(max-width:640px){.site-nav{gap:var(--sp-4);font-size:var(--fs-xs)}.site-mark__sub{display:none}}.site-footer{border-top:1px solid var(--c-border);margin-top:var(--sp-24);padding:var(--sp-12) 0 var(--sp-16);color:var(--c-text-muted);font-size:var(--fs-sm)}.site-footer__cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-12)}.site-footer h5{font-family:var(--font-sans);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--c-text-dim);margin:0 0 var(--sp-3);font-weight:600}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:var(--sp-2)}.site-footer a{color:var(--c-text-muted)}.site-footer a:hover{color:var(--c-text)}.site-footer__bottom{margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-dim);display:flex;justify-content:space-between;align-items:center}@media(max-width:640px){.site-footer__cols{grid-template-columns:1fr;gap:var(--sp-6)}.site-footer__bottom{flex-direction:column;gap:var(--sp-2);align-items:flex-start}}.hero{padding:var(--sp-20) 0 var(--sp-16);border-bottom:1px solid var(--c-border)}.hero__eyebrow{margin-bottom:var(--sp-4)}.hero__title{font-size:clamp(2rem,5vw,var(--fs-5xl));max-width:18ch;margin:0 0 var(--sp-6)}.hero__subtitle{font-size:var(--fs-lg);color:var(--c-text-muted);max-width:56ch;line-height:1.6;margin:0 0 var(--sp-8)}.hero__facts{display:flex;gap:var(--sp-8);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-muted);letter-spacing:.04em;padding-top:var(--sp-6);border-top:1px solid var(--c-border)}.hero__facts li{list-style:none;position:relative;padding-left:var(--sp-4)}.hero__facts li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:1px;background:var(--c-accent)}.hero__facts ul{display:contents}@media(max-width:640px){.hero{padding:var(--sp-12) 0 var(--sp-10)}.hero__facts{gap:var(--sp-4)}}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius);border:1px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease;text-decoration:none;letter-spacing:.01em;line-height:1.2}.btn-primary{background:var(--c-border-dark);color:var(--c-text-on-dark);border-color:var(--c-border-dark)}.btn-primary:hover{background:#0f172a;color:var(--c-text-on-dark);text-decoration:none}.btn-secondary{background:transparent;color:var(--c-text);border-color:var(--c-border-strong)}.btn-secondary:hover{background:var(--c-surface);color:var(--c-text);text-decoration:none}.btn-ghost{background:transparent;color:var(--c-text-muted)}.btn-ghost:hover{background:var(--c-surface);color:var(--c-text);text-decoration:none}.btn-lg{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-base)}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs)}.btn-arrow:after{content:"→";font-family:var(--font-sans);font-size:.95em;transform:translate(0);transition:transform .16s ease}.btn-arrow:hover:after{transform:translate(3px)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5);margin-top:var(--sp-12)}@media(max-width:720px){.cards{grid-template-columns:1fr}}.card{--card-accent: var(--c-accent);position:relative;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-6);text-decoration:none;color:inherit;transition:border-color .16s ease,transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;min-height:220px;overflow:hidden}.card:hover{border-color:var(--c-border-strong);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-accent)}.card__pretitle{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--card-accent);font-weight:500;margin-bottom:var(--sp-3)}.card__title{font-family:var(--font-serif);font-size:var(--fs-2xl);font-weight:600;margin:0 0 var(--sp-3);color:var(--c-text);letter-spacing:-.01em}.card__desc{color:var(--c-text-muted);font-size:var(--fs-sm);line-height:1.6;margin:0 0 var(--sp-5);flex:1}.card__meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-3);border-top:1px solid var(--c-border);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-dim);letter-spacing:.04em}.card__meta-cta{color:var(--c-text);font-weight:500}.card:hover .card__meta-cta{color:var(--card-accent)}.quiz-shell{max-width:var(--container-narrow);margin:0 auto;padding:var(--sp-12) var(--sp-6) var(--sp-16)}@media(max-width:640px){.quiz-shell{padding:var(--sp-6) var(--sp-4) var(--sp-12)}}.quiz-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);padding-bottom:var(--sp-4);border-bottom:1px solid var(--c-border)}.quiz-progress__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-dim)}.quiz-progress__count{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-text);letter-spacing:.04em}.quiz-progress__bar{height:2px;width:100%;background:var(--c-border);border-radius:2px;overflow:hidden;margin-top:var(--sp-3);grid-column:1 / -1}.quiz-progress__bar-fill{height:100%;background:var(--c-accent);transition:width .24s ease-out}.quiz-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-8) var(--sp-6);position:relative}@media(max-width:640px){.quiz-card{padding:var(--sp-6) var(--sp-5)}}.quiz-card__category{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);display:block}.quiz-card__topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.quiz-champ{display:flex;align-items:center;gap:var(--sp-2);padding:4px 10px 4px 4px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px}.quiz-champ.hidden{display:none}.quiz-champ img{width:32px;height:32px;border-radius:50%;display:block;object-fit:cover;background:var(--c-surface-2)}.quiz-champ span{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--c-text)}.quiz-skill{display:flex;align-items:center;gap:var(--sp-2);padding:4px 10px 4px 4px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:999px;cursor:pointer;transition:border-color .16s ease,transform .16s ease;font-family:inherit;color:inherit}.quiz-skill.hidden{display:none}.quiz-skill:hover{border-color:var(--c-accent);transform:translateY(-1px)}.quiz-skill__icon{width:36px;height:36px;border-radius:6px;display:block;object-fit:cover;background:var(--c-surface-2);border:1px solid var(--c-border)}.quiz-skill__key{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--c-accent);font-weight:600;text-transform:uppercase;background:var(--c-accent-bg);padding:2px 6px;border-radius:4px}.quiz-skill__name{font-size:var(--fs-xs);letter-spacing:.03em;color:var(--c-text)}.quiz-skill__more{font-size:10px;color:var(--c-text-dim);letter-spacing:.08em;margin-left:var(--sp-1)}.skill-modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease}.skill-modal.is-open{opacity:1;pointer-events:auto}.skill-modal__panel{background:var(--c-bg);border-radius:var(--radius-lg);border:1px solid var(--c-border);max-width:560px;width:100%;max-height:calc(100vh - var(--sp-8));overflow-y:auto;box-shadow:0 20px 50px #00000040;transform:translateY(8px);transition:transform .2s ease}.skill-modal.is-open .skill-modal__panel{transform:translateY(0)}.skill-modal__head{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--c-border)}.skill-modal__icon{width:72px;height:72px;border-radius:8px;object-fit:cover;border:2px solid var(--c-border);background:var(--c-surface-2);flex-shrink:0}.skill-modal__title{display:flex;flex-direction:column;gap:2px;min-width:0}.skill-modal__key{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--c-accent);text-transform:uppercase}.skill-modal__name{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:600;color:var(--c-text);line-height:1.2}.skill-modal__champ{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-dim);letter-spacing:.06em}.skill-modal__body{padding:var(--sp-5)}.skill-modal__stats{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px dashed var(--c-border)}.skill-modal__stat{font-family:var(--font-mono);font-size:var(--fs-xs)}.skill-modal__stat dt{color:var(--c-text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.skill-modal__stat dd{color:var(--c-text);margin:0;font-size:var(--fs-sm)}.skill-modal__desc{margin:0 0 var(--sp-4);line-height:1.7;color:var(--c-text);font-size:var(--fs-sm)}.skill-modal__desc-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-dim);margin-bottom:var(--sp-2)}.skill-modal__links{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--c-border)}.skill-modal__link{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);text-decoration:none;color:var(--c-text);font-size:var(--fs-sm);transition:border-color .16s ease,background .16s ease}.skill-modal__link:hover{border-color:var(--c-accent);background:var(--c-accent-bg);text-decoration:none}.skill-modal__link-label{display:flex;flex-direction:column;gap:2px}.skill-modal__link-title{font-weight:600}.skill-modal__link-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--c-text-dim)}.skill-modal__link-arrow{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-text-dim)}.skill-modal__video-wrap{margin:0 0 var(--sp-5)}.skill-modal__video-wrap.hidden{display:none}.skill-modal__video-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--c-text-muted);margin-bottom:var(--sp-2);padding-left:var(--sp-1)}.skill-modal__video{border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-border);background:#000;aspect-ratio:16 / 9}.skill-modal__video iframe{width:100%;height:100%;border:0;display:block}.skill-modal__close{position:absolute;top:var(--sp-3);right:var(--sp-3);width:36px;height:36px;border-radius:50%;border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);cursor:pointer;font-size:18px;line-height:1;transition:background .16s ease}.skill-modal__close:hover{background:var(--c-surface)}.quiz-champ-pair{display:flex;align-items:center;gap:var(--sp-2)}.quiz-champ-pair.hidden{display:none}.quiz-champ-pair img{width:36px;height:36px;border-radius:50%;display:block;object-fit:cover;background:var(--c-surface-2);border:2px solid var(--c-bg)}.quiz-champ-pair img+img{margin-left:-10px}.quiz-champ-pair__vs{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-dim);margin:0 var(--sp-1)}.quiz-card__question{font-family:var(--font-serif);font-size:clamp(1.25rem,3vw,var(--fs-2xl));font-weight:600;color:var(--c-text);line-height:1.4;margin:0 0 var(--sp-8);letter-spacing:-.005em}.quiz-figure{margin:0 0 var(--sp-6);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--c-surface)}.quiz-figure img{display:block;width:100%;height:auto}.quiz-figure.hidden{display:none}@media(max-width:640px){.quiz-figure{margin-bottom:var(--sp-4)}}.quiz-options{display:flex;flex-direction:column;gap:var(--sp-3);list-style:none;padding:0;margin:0}.quiz-option{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);text-align:left;font-size:var(--fs-base);color:var(--c-text);cursor:pointer;transition:border-color .12s ease,background .12s ease;width:100%}.quiz-option:hover:not(:disabled){border-color:var(--c-text);background:var(--c-surface)}.quiz-option__index{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-dim);width:1.5rem;flex-shrink:0}.quiz-option__label{flex:1;line-height:1.5}.quiz-option:disabled{cursor:default}.quiz-option.is-correct{border-color:var(--c-success);background:var(--c-success-bg)}.quiz-option.is-correct .quiz-option__index{color:var(--c-success)}.quiz-option.is-incorrect{border-color:var(--c-danger);background:var(--c-danger-bg)}.quiz-option.is-incorrect .quiz-option__index{color:var(--c-danger)}.quiz-option.is-correct-revealed{border-color:var(--c-success);background:var(--c-success-bg)}.quiz-option.is-correct-revealed .quiz-option__index{color:var(--c-success)}.quiz-explanation{margin-top:var(--sp-8);padding:var(--sp-5) var(--sp-6);background:var(--c-surface);border-left:3px solid var(--c-accent);border-radius:var(--radius);display:none}.quiz-explanation.is-visible{display:block}.quiz-explanation__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);margin-bottom:var(--sp-2)}.quiz-explanation__body{color:var(--c-text);line-height:1.7;margin:0 0 var(--sp-4)}.quiz-explanation__source{font-size:var(--fs-sm);color:var(--c-text-muted);font-family:var(--font-mono);letter-spacing:.01em}.quiz-explanation__source a{color:var(--c-link);word-break:break-all}.quiz-actions{margin-top:var(--sp-6);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}@media(max-width:480px){.quiz-actions{flex-direction:column-reverse;align-items:stretch}.quiz-actions .btn{width:100%;justify-content:center}}.quiz-summary{text-align:center;padding:var(--sp-12) 0}.quiz-summary__score{font-family:var(--font-serif);font-size:var(--fs-5xl);font-weight:600;color:var(--c-text);letter-spacing:-.02em;margin:var(--sp-4) 0;line-height:1}.quiz-summary__score-denom{color:var(--c-text-dim);font-size:.5em;font-weight:400;letter-spacing:0}.quiz-summary__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-dim)}.quiz-summary__msg{font-size:var(--fs-lg);color:var(--c-text-muted);max-width:36ch;margin:var(--sp-4) auto var(--sp-8)}.text-muted{color:var(--c-text-muted)}.text-dim{color:var(--c-text-dim)}.text-accent{color:var(--c-accent)}.text-center{text-align:center}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-8{margin-top:var(--sp-8)}.mt-12{margin-top:var(--sp-12)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-4{gap:var(--sp-4)}.hidden{display:none}:focus-visible{outline:2px solid var(--c-link);outline-offset:2px;border-radius:var(--radius-sm)}.btn:focus-visible{outline-offset:3px}@media print{.site-header,.site-footer{display:none}}