:root{--color-primary: #7a1e28;--color-primary-strong: #5c141c;--color-primary-soft: #a5303b;--color-primary-tint: #f6e4e6;--color-primary-contrast: #ffffff;--color-brand: #7a1e28;--color-brand-deep: #5c141c;--color-brand-contrast: #ffffff;--color-secondary: #1f4a3a;--color-secondary-soft: #2f6b55;--color-secondary-tint: #e3efe9;--color-accent: #b8892b;--color-accent-tint: #f8f0dc;--color-text: #1b1a1d;--color-text-muted: #5c5a62;--color-text-faint: #8a878f;--color-bg: #ffffff;--color-surface: #f3f2f4;--color-surface-strong: #e8e6ea;--color-line: #dddbe0;--color-line-strong: #c4c1c9;--color-link: #7a1e28;--color-link-visited: #6b3a41;--color-info: #2b5c8a;--color-info-tint: #e6eef6;--color-warning: #9a5b00;--color-warning-tint: #fbf1dd;--color-danger: #a12a2a;--color-danger-tint: #f9e4e4;--color-success: #1f4a3a;--color-success-tint: #e3efe9;--color-game-fire: #c9442a;--color-game-water: #2f6fb5;--color-game-wind: #3d8f5a;--color-game-earth: #8a6a2f;--color-game-light: #c9a227;--color-game-dark: #5b3d8a;--font-body: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-heading: var(--font-body);--font-voice: "Yusei Magic", "Noto Sans JP", sans-serif;--font-data: "Barlow Semi Condensed", "Noto Sans JP", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.125rem;--leading-tight: 1.35;--leading-normal: 1.75;--leading-loose: 1.95;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(122, 30, 40, 0.08);--shadow-md: 0 6px 18px rgba(122, 30, 40, 0.14);--shadow-lg: 0 14px 36px rgba(122, 30, 40, 0.2);--header-height: 56px;--header-height-lg: 64px;--z-header: 100;--z-nav: 110;--z-modal: 200;--z-toast: 300;color-scheme:light}:root[data-theme=dark]{--color-primary: #d9707a;--color-primary-strong: #e59aa1;--color-primary-soft: #b94b57;--color-primary-tint: #3a1f23;--color-primary-contrast: #1b1a1d;--color-brand: #4a1219;--color-brand-deep: #33090e;--color-brand-contrast: #f3e6e8;--color-secondary: #7fbf9f;--color-secondary-soft: #5f9f80;--color-secondary-tint: #1c2f27;--color-accent: #d9b35a;--color-accent-tint: #33290f;--color-text: #ece9ee;--color-text-muted: #b3afb8;--color-text-faint: #7f7b86;--color-bg: #151317;--color-surface: #1e1b21;--color-surface-strong: #2a262e;--color-line: #332f38;--color-line-strong: #4a4550;--color-link: #e08a93;--color-link-visited: #c9a3a8;--color-info: #8ab4de;--color-info-tint: #1c2836;--color-warning: #e0a94d;--color-warning-tint: #332812;--color-danger: #e07a7a;--color-danger-tint: #3a1d1d;--color-success: #7fbf9f;--color-success-tint: #1c2f27;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);--shadow-md: 0 4px 14px rgba(0, 0, 0, 0.5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.6);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}address{font-style:normal}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html{font-family:var(--font-body);font-size:100%;line-height:var(--leading-normal);scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}@media screen and (min-width: 1024px){html{scroll-padding-top:calc(var(--header-height-lg) + 16px)}}body{min-height:100dvh;display:flex;flex-direction:column;color:var(--color-text);background:var(--color-bg);font-size:var(--text-md);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}main{flex:1 0 auto}strong,b{font-weight:700}small{font-size:var(--text-sm)}hr{border:0;border-top:1px solid var(--color-line);margin:0}code,kbd{font-family:var(--font-mono);font-size:.9em;padding:.1em .35em;border-radius:var(--radius-sm);background:var(--color-surface)}pre{margin:0;overflow:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-line)}pre>code{padding:0;background:none;font-size:inherit}::selection{background:var(--color-primary-tint)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:calc(1140px + 32px);margin-inline:auto;padding-inline:16px}@media screen and (min-width: 768px){.container{max-width:calc(1140px + 48px);padding-inline:24px}}.container.-narrow{max-width:calc(760px + 32px)}@media screen and (min-width: 768px){.container.-narrow{max-width:calc(760px + 48px)}}.container.-wide{max-width:none}.container.-flush{padding-inline:0}.row{display:flex;flex-wrap:wrap;gap:16px}@media screen and (min-width: 768px){.row{gap:24px}}.row.-tight{gap:8px}.row.-loose{gap:24px}@media screen and (min-width: 768px){.row.-loose{gap:32px}}.row.-center{justify-content:center}.row.-middle{align-items:center}.row.-between{justify-content:space-between}.row{--row-gap: 16px}@media screen and (min-width: 768px){.row{--row-gap: 24px}}.row.-tight{--row-gap: 8px}.row.-loose{--row-gap: 24px}@media screen and (min-width: 768px){.row.-loose{--row-gap: 32px}}[class*=col-]{min-width:0;flex:0 0 100%;max-width:100%}.col{flex:1 1 0;min-width:0}.col.-auto{flex:0 0 auto;max-width:none}.col-1{--col-span: 1;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-2{--col-span: 2;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-3{--col-span: 3;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-4{--col-span: 4;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-5{--col-span: 5;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-6{--col-span: 6;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-7{--col-span: 7;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-8{--col-span: 8;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-9{--col-span: 9;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-10{--col-span: 10;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-11{--col-span: 11;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-12{--col-span: 12;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-13{--col-span: 13;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-14{--col-span: 14;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-15{--col-span: 15;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-16{--col-span: 16;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-17{--col-span: 17;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-18{--col-span: 18;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-19{--col-span: 19;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-20{--col-span: 20;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-21{--col-span: 21;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-22{--col-span: 22;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-23{--col-span: 23;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-24{--col-span: 24;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}@media screen and (min-width: 768px){.col-1-md{--col-span: 1;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-2-md{--col-span: 2;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-3-md{--col-span: 3;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-4-md{--col-span: 4;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-5-md{--col-span: 5;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-6-md{--col-span: 6;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-7-md{--col-span: 7;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-8-md{--col-span: 8;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-9-md{--col-span: 9;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-10-md{--col-span: 10;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-11-md{--col-span: 11;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-12-md{--col-span: 12;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-13-md{--col-span: 13;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-14-md{--col-span: 14;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-15-md{--col-span: 15;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-16-md{--col-span: 16;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-17-md{--col-span: 17;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-18-md{--col-span: 18;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-19-md{--col-span: 19;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-20-md{--col-span: 20;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-21-md{--col-span: 21;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-22-md{--col-span: 22;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-23-md{--col-span: 23;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-24-md{--col-span: 24;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}}@media screen and (min-width: 1024px){.col-1-lg{--col-span: 1;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-2-lg{--col-span: 2;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-3-lg{--col-span: 3;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-4-lg{--col-span: 4;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-5-lg{--col-span: 5;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-6-lg{--col-span: 6;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-7-lg{--col-span: 7;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-8-lg{--col-span: 8;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-9-lg{--col-span: 9;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-10-lg{--col-span: 10;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-11-lg{--col-span: 11;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-12-lg{--col-span: 12;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-13-lg{--col-span: 13;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-14-lg{--col-span: 14;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-15-lg{--col-span: 15;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-16-lg{--col-span: 16;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-17-lg{--col-span: 17;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-18-lg{--col-span: 18;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-19-lg{--col-span: 19;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-20-lg{--col-span: 20;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-21-lg{--col-span: 21;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-22-lg{--col-span: 22;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-23-lg{--col-span: 23;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}.col-24-lg{--col-span: 24;flex:0 0 calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)));max-width:calc((100% - var(--row-gap, 16px)*(24/var(--col-span) - 1))/(24/var(--col-span)))}}.columns{display:grid;grid-template-columns:minmax(0, 1fr);gap:40px}.columns>.main{min-width:0}.columns>.side{min-width:0}@media screen and (min-width: 1024px){.columns{grid-template-columns:minmax(0, 1fr) 220px;gap:40px;align-items:start}.columns>.side{position:sticky;top:calc(var(--header-height-lg) + 24px);max-height:calc(100dvh - var(--header-height-lg) - 48px);overflow:auto}.columns.-side-left{grid-template-columns:240px minmax(0, 1fr)}.columns.-side-left>.side{order:-1}}.columns.-single{grid-template-columns:minmax(0, 1fr)}.columns.-single>.side{display:none}.section{padding-block:32px}@media screen and (min-width: 768px){.section{padding-block:48px}}.section+.section{padding-top:0}.section.-tight{padding-block:16px}@media screen and (min-width: 768px){.section.-tight{padding-block:24px}}.section.-loose{padding-block:48px}@media screen and (min-width: 768px){.section.-loose{padding-block:80px}}.section.-fill{background:var(--color-surface)}.section.-fill+.section.-fill{padding-top:32px}@media screen and (min-width: 768px){.section.-fill+.section.-fill{padding-top:48px}}.section.-primary{background:var(--color-brand);color:var(--color-brand-contrast)}.block+.block{margin-top:24px}.block.-tight+.block,.block+.block.-tight{margin-top:8px}.block.-loose+.block,.block+.block.-loose{margin-top:40px}@media screen and (min-width: 768px){.block.-loose+.block,.block+.block.-loose{margin-top:56px}}.block.-center{text-align:center}.block.-divider{padding-top:24px;border-top:1px solid var(--color-line)}.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-brand);color:var(--color-brand-contrast);box-shadow:var(--shadow-sm);border-bottom:2px solid var(--color-accent)}.site-header>.inner{display:flex;align-items:center;gap:8px;height:var(--header-height);max-width:calc(1140px + 48px);margin-inline:auto;padding-inline:16px}@media screen and (min-width: 768px){.site-header>.inner{padding-inline:24px}}@media screen and (min-width: 1024px){.site-header>.inner{height:var(--header-height-lg);gap:24px}}.site-header>.inner>.brand{display:flex;align-items:center;gap:10px;margin-right:auto;line-height:1}.site-header>.inner>.brand:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header>.inner>.brand>.logo{width:34px;height:34px;flex:none;border-radius:var(--radius-sm)}.site-header>.inner>.brand>.name{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:.02em}.site-header>.inner>.brand>.tagline{display:none;font-family:var(--font-data);font-size:.8rem;letter-spacing:.08em;opacity:.75}@media screen and (min-width: 1024px){.site-header>.inner>.brand>.tagline{display:inline}}.site-header>.inner>.nav{display:none}@media screen and (min-width: 1024px){.site-header>.inner>.nav{display:block}}.site-header>.inner>.actions{display:flex;align-items:center;gap:4px}.site-header>.inner>.actions>.action{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:inherit}.site-header>.inner>.actions>.action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header>.inner>.actions>.action:hover{background:rgba(255,255,255,.12)}.site-header>.inner>.actions>.action>svg{width:22px;height:22px}@media screen and (min-width: 1024px){.site-header>.inner>.actions>.action.-menu{display:none}}html.is-nav-open{overflow:hidden}.global-nav>.menu{display:flex;gap:4px}.global-nav>.menu>.item{position:relative}.global-nav>.menu>.item>.link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;white-space:nowrap;color:inherit;text-decoration:none}.global-nav>.menu>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav>.menu>.item>.link:hover{background:rgba(255,255,255,.12)}.global-nav>.menu>.item>.link.-current::before{content:"";display:inline-block;width:.45em;height:.45em;background:linear-gradient(135deg, color-mix(in srgb, currentColor 70%, #fff) 0%, currentColor 55%, color-mix(in srgb, currentColor 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.global-nav>.menu>.item>.submenu{position:absolute;top:100%;left:0;min-width:220px;padding:8px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.global-nav>.menu>.item:hover>.submenu,.global-nav>.menu>.item:focus-within>.submenu{opacity:1;visibility:visible;transform:none}.global-nav>.menu>.item>.submenu>.item>.link{display:block;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);text-decoration:none}.global-nav>.menu>.item>.submenu>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav>.menu>.item>.submenu>.item>.link:hover{background:var(--color-surface);color:var(--color-primary)}.global-nav.-drawer{position:fixed;inset:0;z-index:var(--z-nav);display:grid;grid-template-columns:minmax(0, 1fr) min(86vw,360px);visibility:hidden}@media screen and (min-width: 1024px){.global-nav.-drawer{display:none}}.global-nav.-drawer>.overlay{background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s ease}.global-nav.-drawer>.panel{background:var(--color-bg);color:var(--color-text);overflow:auto;transform:translateX(100%);transition:transform .22s ease;padding:12px 16px 32px}.global-nav.-drawer>.panel>.head{display:flex;align-items:center;justify-content:space-between;height:44px;margin-bottom:8px}.global-nav.-drawer>.panel>.head>.title{font-weight:700}.global-nav.-drawer>.panel>.head>.close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.global-nav.-drawer>.panel>.head>.close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav.-drawer>.panel>.head>.close:hover{background:var(--color-surface)}.global-nav.-drawer>.panel>.head>.close>svg{width:22px;height:22px}.global-nav.-drawer>.panel>.menu{display:block}.global-nav.-drawer>.panel>.menu>.item{border-top:1px solid var(--color-line)}.global-nav.-drawer>.panel>.menu>.item>.link{display:flex;align-items:center;gap:8px;padding:12px 4px;font-weight:600;color:var(--color-text);text-decoration:none}.global-nav.-drawer>.panel>.menu>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav.-drawer>.panel>.menu>.item>.link.-current::before{content:"";display:inline-block;width:.45em;height:.45em;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 70%, #fff) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.global-nav.-drawer>.panel>.menu>.item>.submenu{padding:0 0 8px 16px}.global-nav.-drawer>.panel>.menu>.item>.submenu>.item>.link{display:block;padding:8px 4px;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.global-nav.-drawer>.panel>.menu>.item>.submenu>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav.-drawer>.panel>.menu>.item>.submenu>.item>.link:hover{color:var(--color-primary)}.global-nav.-drawer>.panel>.foot{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-line);display:flex;gap:8px;align-items:center}.global-nav.-drawer.-open{visibility:visible}.global-nav.-drawer.-open>.overlay{opacity:1}.global-nav.-drawer.-open>.panel{transform:none}.site-footer{margin-top:64px;background:var(--color-secondary);color:#e6efe9;border-top:2px solid var(--color-accent);font-size:var(--text-sm)}.site-footer>.inner{max-width:calc(1140px + 48px);margin-inline:auto;padding:40px 16px 32px;display:grid;gap:24px}@media screen and (min-width: 768px){.site-footer>.inner{padding-inline:24px;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}@media screen and (min-width: 1024px){.site-footer>.inner{grid-template-columns:2fr 1fr 1fr}}.site-footer>.inner>.brand>.name{font-size:var(--text-lg);font-weight:700;color:#fff}.site-footer>.inner>.brand>.description{margin-top:8px;max-width:40em;opacity:.85}.site-footer>.inner>.nav>.title{font-family:var(--font-data);letter-spacing:.06em;font-size:var(--text-xs);opacity:.7;margin-bottom:8px}.site-footer>.inner>.nav>.menu>.item>.link{display:inline-block;padding:4px 0;color:#fff;text-decoration:none}.site-footer>.inner>.nav>.menu>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-footer>.inner>.nav>.menu>.item>.link:hover{text-decoration:underline}.site-footer>.inner>.legal{grid-column:1/-1;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:var(--text-xs);opacity:.8;display:grid;gap:6px}.site-footer>.inner>.legal>.link{color:#fff;text-decoration:underline}.page-header{padding-block:20px 8px}@media screen and (min-width: 768px){.page-header{padding-block:28px 12px}}.page-header>.category{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-family:var(--font-data);font-size:var(--text-sm);letter-spacing:.06em;color:var(--color-primary)}.page-header>.category::before{content:"";display:inline-block;width:.5em;height:.5em;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 70%, #fff) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.page-header>.title{margin-top:6px;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:.01em}@media screen and (min-width: 768px){.page-header>.title{font-size:var(--text-3xl)}}.page-header>.meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:var(--text-sm);color:var(--color-text-muted)}.page-header>.meta>.item{display:inline-flex;align-items:center;gap:4px}.page-header>.meta>.item>.value{font-family:var(--font-data);font-size:1.05em;color:var(--color-text)}.page-header>.lead{margin-top:12px;max-width:44em;color:var(--color-text-muted)}.page-header.-hero{padding-block:32px 28px;background:var(--color-surface);border-bottom:1px solid var(--color-line)}@media screen and (min-width: 768px){.page-header.-hero{padding-block:48px 40px}}.page-header.-compact{padding-block:16px 4px}.page-header.-compact>.title{font-size:var(--text-xl)}@media screen and (min-width: 768px){.page-header.-compact>.title{font-size:var(--text-2xl)}}.skip-link{position:absolute;top:8px;left:8px;z-index:calc(var(--z-header) + 1);padding:8px 12px;background:var(--color-bg);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);transform:translateY(-200%)}.skip-link:focus{transform:none}.heading{font-family:var(--font-heading);display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-weight:700;line-height:var(--leading-tight);letter-spacing:.01em;color:var(--color-text)}.heading>.sub{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.heading>.badge{margin-left:auto;align-self:center}.heading.-primary{font-size:var(--text-xl);padding-bottom:10px;border-bottom:2px solid var(--color-primary);align-items:center}@media screen and (min-width: 768px){.heading.-primary{font-size:var(--text-2xl)}}.heading.-primary::before{content:"";display:inline-block;width:.5em;height:.5em;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 70%, #fff) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.heading.-secondary{font-size:var(--text-lg);padding-left:12px;border-left:4px solid var(--color-primary)}@media screen and (min-width: 768px){.heading.-secondary{font-size:var(--text-xl)}}.heading.-tertiary{font-size:var(--text-md);padding-bottom:4px;border-bottom:1px solid var(--color-line)}@media screen and (min-width: 768px){.heading.-tertiary{font-size:var(--text-lg)}}.heading.-quaternary{font-size:var(--text-md);color:var(--color-primary)}.heading.-plain{padding:0;border:0}.heading.-plain::before{content:none}.heading.-center{justify-content:center;text-align:center}.heading.-fill{padding:8px 12px;border:0;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-contrast)}.heading.-fill::before{content:none}.heading.-counter{counter-increment:heading}.heading.-counter::before{content:counter(heading);display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--color-primary);color:var(--color-primary-contrast);font-family:var(--font-data);font-size:.8em;transform:none}.section,main{counter-reset:heading}.text{line-height:var(--leading-normal)}.text.-lead{font-size:var(--text-lg);line-height:var(--leading-loose)}.text.-small{font-size:var(--text-sm)}.text.-muted{color:var(--color-text-muted)}.text.-note{font-size:var(--text-sm);color:var(--color-text-muted)}.text.-center{text-align:center}.text.-data{font-family:var(--font-data);font-size:1.1em;letter-spacing:.02em}.text.-strong{font-weight:700}.text.-primary{color:var(--color-primary)}.text.-danger{color:var(--color-danger)}.text.-voice{font-family:var(--font-voice);font-size:1.05em}.text+.text{margin-top:.75em}.link{color:var(--color-link);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb, var(--color-link) 45%, transparent)}.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.link:hover{text-decoration-color:currentColor}.link.-forward{display:inline-flex;align-items:center;gap:4px;text-decoration:none}.link.-forward::before{content:"";display:inline-block;width:.4em;height:.4em;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 70%, #fff) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.link.-forward:hover{text-decoration:underline}.link.-external::after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.25em;vertical-align:-0.05em;background:currentColor;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M14 4h6v6M20 4l-9 9M19 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h5'/></svg>") center/contain no-repeat}.link.-anchor{color:var(--color-text-muted);text-decoration-style:dotted}.link.-anchor:hover{color:var(--color-link)}.link.-muted{color:var(--color-text-muted)}.link.-plain{text-decoration:none}.link.-plain:hover{text-decoration:underline}.link.-block{display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 22px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,0);font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);line-height:1.3;text-align:center;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:hover{transform:translateY(-1px)}.button:active{transform:none}.button>.icon{width:1.2em;height:1.2em;flex:none}.button{color:var(--color-primary);border-color:var(--color-primary);background:rgba(0,0,0,0)}.button:hover{background:var(--color-primary-tint)}.button.-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.button.-primary:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.button.-secondary{color:var(--color-primary);border-color:var(--color-primary);background:rgba(0,0,0,0)}.button.-ghost{color:var(--color-text);border-color:rgba(0,0,0,0)}.button.-ghost:hover{background:var(--color-surface)}.button.-success{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.button.-success:hover{background:var(--color-secondary-soft)}.button.-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.button.-small{min-height:34px;padding:4px 12px;font-size:var(--text-xs)}.button.-large{min-height:52px;padding:12px 28px;font-size:var(--text-md)}.button.-wide{width:100%}.button.-icon{width:44px;padding:0}.button.-icon.-small{width:34px}.button.-banner{position:relative;overflow:hidden;min-height:56px;padding:10px 24px;border:0;border-radius:var(--radius-md);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);background:var(--color-primary);box-shadow:var(--shadow-sm)}.button.-banner>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .25s ease}.button.-banner>.label,.button.-banner>.icon{position:relative;z-index:1}.button.-banner:hover{box-shadow:var(--shadow-md)}.button.-banner:hover>.bg{transform:scale(1.04)}.button.-disabled,.button:disabled{opacity:.45;pointer-events:none}.button.-loading{position:relative;color:rgba(0,0,0,0);pointer-events:none}.button.-loading::after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-color:var(--color-primary) rgba(0,0,0,0) var(--color-primary) rgba(0,0,0,0);border-radius:50%;animation:button-spin .8s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.button-group{display:flex;flex-wrap:wrap;gap:8px 12px}.button-group.-center{justify-content:center}.button-group.-right{justify-content:flex-end}.button-group.-stack{flex-direction:column;align-items:stretch}.list>.item{position:relative;padding-left:1.3em}.list>.item+.item{margin-top:.4em}.list>.item::before{content:"";display:inline-block;width:.42em;height:.42em;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 70%, #fff) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none;position:absolute;left:.15em;top:.72em}.list.-disc>.item::before{width:.4em;height:.4em;border-radius:50%;transform:none;background:var(--color-text-muted);top:.7em}.list.-number{counter-reset:list}.list.-number>.item{padding-left:1.8em;counter-increment:list}.list.-number>.item::before{content:counter(list) ".";position:absolute;left:0;top:0;width:auto;height:auto;background:none;transform:none;font-family:var(--font-data);font-weight:600;color:var(--color-primary)}.list.-check>.item::before{width:1em;height:1em;top:.4em;left:0;background:var(--color-success);transform:none;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5l5 5L20 6.5'/></svg>") center/contain no-repeat}.list.-note{font-size:var(--text-sm);color:var(--color-text-muted)}.list.-note>.item{padding-left:1.4em}.list.-note>.item::before{content:"※";position:absolute;left:0;top:0;width:auto;height:auto;background:none;transform:none}.list.-plain>.item{padding-left:0}.list.-plain>.item::before{content:none}.list.-inline{display:flex;flex-wrap:wrap;gap:4px 20px}.list.-inline>.item+.item{margin-top:0}.list.-tight>.item+.item{margin-top:.15em}.list.-divider>.item{padding-block:8px;border-bottom:1px solid var(--color-line)}.list.-divider>.item::before{top:calc(8px + .72em)}.list.-divider>.item+.item{margin-top:0}.def-list>.term{font-weight:700;color:var(--color-text)}.def-list>.description{margin-top:2px;color:var(--color-text)}.def-list>.description+.term{margin-top:12px}.def-list.-inline{display:grid;grid-template-columns:max-content minmax(0, 1fr);column-gap:16px;row-gap:6px}.def-list.-inline>.term,.def-list.-inline>.description{margin:0}.def-list.-inline>.term{color:var(--color-text-muted);font-weight:600}.def-list.-table{display:grid;grid-template-columns:minmax(6em, max-content) minmax(0, 1fr);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.def-list.-table>.term,.def-list.-table>.description{margin:0;padding:10px 12px;border-top:1px solid var(--color-line)}.def-list.-table>.term:nth-of-type(1),.def-list.-table>.description:nth-of-type(1){border-top:0}.def-list.-table>.term{background:var(--color-surface);font-weight:600}@media screen and (max-width: 767px){.def-list.-table{grid-template-columns:minmax(0, 1fr)}.def-list.-table>.description{border-top:0;padding-top:6px}}.def-list.-compact{font-size:var(--text-sm)}.def-list.-compact>.description+.term{margin-top:6px}.figure>.image{border-radius:var(--radius-sm)}.figure>picture>img,.figure>.image>img{border-radius:var(--radius-sm)}.figure>.caption{margin-top:6px;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.figure.-bordered>.image,.figure.-bordered>picture>img{border:1px solid var(--color-line)}.figure.-center{text-align:center}.figure.-center>.image,.figure.-center>picture{margin-inline:auto}.figure.-small{max-width:320px}.figure.-medium{max-width:560px}.figure.-pixel>.image,.figure.-pixel>picture>img{image-rendering:pixelated}.figure.-inline{display:inline-block;vertical-align:top}.figure.-zoom>.image,.figure.-zoom>picture>img{cursor:zoom-in}.label{display:inline-flex;align-items:center;gap:4px;padding:0 8px;min-height:22px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,0);background:var(--color-surface-strong);color:var(--color-text);font-size:var(--text-xs);font-weight:600;line-height:1;white-space:nowrap;vertical-align:middle}.label.-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.label.-secondary{background:var(--color-secondary);color:#fff}.label.-accent{background:var(--color-accent);color:#fff}.label.-info{background:var(--color-info-tint);color:var(--color-info)}.label.-warning{background:var(--color-warning-tint);color:var(--color-warning)}.label.-danger{background:var(--color-danger-tint);color:var(--color-danger)}.label.-success{background:var(--color-success-tint);color:var(--color-success)}.label.-muted{background:rgba(0,0,0,0);border-color:var(--color-line);color:var(--color-text-muted)}.label.-outline{background:rgba(0,0,0,0);border-color:currentColor}.label.-outline.-primary{color:var(--color-primary)}.label.-outline.-secondary{color:var(--color-secondary)}.label.-outline.-accent{color:var(--color-accent)}.label.-pill{border-radius:999px;padding-inline:10px}.label.-large{min-height:28px;padding-inline:10px;font-size:var(--text-sm)}.label.-small{min-height:18px;padding-inline:6px;font-size:.68rem}.label.-fire{background:var(--color-game-fire);color:#fff}.label.-water{background:var(--color-game-water);color:#fff}.label.-wind{background:var(--color-game-wind);color:#fff}.label.-earth{background:var(--color-game-earth);color:#fff}.label.-light{background:var(--color-game-light);color:#1b1a1d}.label.-dark{background:var(--color-game-dark);color:#fff}.label-group{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.table{width:100%;font-size:var(--text-sm);line-height:1.5;border-top:2px solid var(--color-primary);border-bottom:1px solid var(--color-line)}.table th,.table td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line)}.table thead th{background:var(--color-surface);font-weight:700;white-space:nowrap;color:var(--color-text)}.table tbody th{background:var(--color-surface);font-weight:600;width:1%;white-space:nowrap}.table caption{caption-side:top;text-align:left;padding-bottom:6px;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.table td.-num,.table th.-num{text-align:right;font-family:var(--font-data);font-size:1.05em;font-variant-numeric:tabular-nums;white-space:nowrap}.table td.-nowrap,.table th.-nowrap{white-space:nowrap}.table td.-key{font-weight:600}.table td.-center,.table th.-center{text-align:center}.table tr.-highlight>td,.table tr.-highlight>th{background:var(--color-primary-tint)}.table tr.-muted>td{color:var(--color-text-faint)}.table.-striped tbody tr:nth-child(even)>td{background:color-mix(in srgb, var(--color-surface) 60%, transparent)}.table.-bordered{border:1px solid var(--color-line);border-top:2px solid var(--color-primary)}.table.-bordered th,.table.-bordered td{border:1px solid var(--color-line)}.table.-compact th,.table.-compact td{padding:4px 8px;font-size:var(--text-xs)}.table.-center th,.table.-center td{text-align:center}.table.-fixed{table-layout:fixed}.table.-sticky-head thead th{position:sticky;top:var(--header-height);z-index:1}@media screen and (min-width: 1024px){.table.-sticky-head thead th{top:var(--header-height-lg)}}@media screen and (max-width: 767px){.table.-stack{border-top:0}.table.-stack thead{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.table.-stack tr{display:block;border:1px solid var(--color-line);border-top:3px solid var(--color-primary);border-radius:var(--radius-sm);padding:4px 0}.table.-stack tr+tr{margin-top:12px}.table.-stack th,.table.-stack td{display:flex;gap:12px;padding:6px 12px;border:0;text-align:left;white-space:normal}.table.-stack tbody th{width:auto;background:var(--color-surface);font-weight:700}.table.-stack td::before{content:attr(data-label);flex:0 0 7em;color:var(--color-text-muted);font-weight:600;font-size:var(--text-xs);line-height:1.6}.table.-stack td.-num{justify-content:flex-start}.table.-stack td:not([data-label])::before{content:none}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--color-line)}.table-scroll>.table{min-width:640px;border-bottom:0}.table-scroll>.hint{font-size:var(--text-xs);color:var(--color-text-faint);padding:4px 0}@media screen and (min-width: 768px){.table-scroll>.hint{display:none}}.note{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;padding-left:1.3em;text-indent:-1.3em}.note::before{content:"※";margin-right:.3em}.note.-inline{display:inline-block;padding:0;text-indent:0;font-size:var(--text-xs)}.note.-source{padding-left:0;text-indent:0;font-family:var(--font-voice);font-size:var(--text-md);color:var(--color-text)}.note.-source::before{content:none}.note.-source>.name{color:var(--color-primary)}.note.-voice{padding-left:0;text-indent:0;font-family:var(--font-voice);font-size:var(--text-md);color:var(--color-text)}.note.-voice::before{content:none}.term{font-weight:700;color:var(--color-primary)}.term.-npc,.term.-quest{color:var(--color-primary)}.term.-place{color:var(--color-info)}.term.-item{color:var(--color-success)}.term.-enemy{color:var(--color-game-dark)}.term.-skill{color:var(--color-accent)}.term.-plain{font-weight:inherit}.notice{--notice-color: var(--color-info);--notice-tint: var(--color-info-tint);padding:14px 16px;border-left:4px solid var(--notice-color);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--notice-tint);font-size:var(--text-sm);line-height:1.7}.notice>.title{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-weight:700;color:var(--notice-color)}.notice>.title::before{content:"";display:inline-block;width:.5em;height:.5em;background:linear-gradient(135deg, color-mix(in srgb, var(--notice-color) 70%, #fff) 0%, var(--notice-color) 55%, color-mix(in srgb, var(--notice-color) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.notice>.body{color:var(--color-text)}.notice.-tip{--notice-color: var(--color-success);--notice-tint: var(--color-success-tint)}.notice.-warning{--notice-color: var(--color-warning);--notice-tint: var(--color-warning-tint)}.notice.-danger{--notice-color: var(--color-danger);--notice-tint: var(--color-danger-tint)}.notice.-plain{--notice-color: var(--color-text-muted);--notice-tint: var(--color-surface)}.notice.-compact{padding:8px 12px}.notice.-compact>.title{margin-bottom:0;display:inline-flex;margin-right:8px}.notice.-compact>.body{display:inline}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.breadcrumbs>.item{display:inline-flex;align-items:center}.breadcrumbs>.item+.item::before{content:"";width:.35em;height:.35em;margin-inline:.6em;border-top:1px solid var(--color-text-faint);border-right:1px solid var(--color-text-faint);transform:rotate(45deg);flex:none}.breadcrumbs>.item>.link{color:var(--color-text-muted);text-decoration:none}.breadcrumbs>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.breadcrumbs>.item>.link:hover{color:var(--color-link);text-decoration:underline}.breadcrumbs>.item[aria-current]{color:var(--color-text);font-weight:600}.toc{font-size:var(--text-sm)}.toc>.title{display:flex;align-items:center;gap:6px;font-family:var(--font-data);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:8px}.toc>.title::before{content:"";display:inline-block;width:.5em;height:.5em;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 70%, #fff) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.toc>.entries{counter-reset:toc}.toc>.entries>.item{counter-increment:toc}.toc>.entries>.item>.link{display:flex;gap:8px;padding:5px 0;color:var(--color-text);text-decoration:none;line-height:1.5}.toc>.entries>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toc>.entries>.item>.link::before{content:counter(toc, decimal-leading-zero);font-family:var(--font-data);color:var(--color-primary);flex:none;min-width:1.6em}.toc>.entries>.item>.link:hover{color:var(--color-link);text-decoration:underline}.toc>.entries>.item>.subentries{padding-left:1.6em;margin-bottom:4px}.toc>.entries>.item>.subentries>.item>.link{display:block;padding:3px 0 3px 10px;border-left:1px solid var(--color-line);color:var(--color-text-muted);text-decoration:none;line-height:1.5}.toc>.entries>.item>.subentries>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toc>.entries>.item>.subentries>.item>.link:hover{color:var(--color-link);border-left-color:var(--color-primary)}.toc.-inline{padding:16px 20px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.toc.-side{padding-left:12px;border-left:2px solid var(--color-line)}.side-nav{font-size:var(--text-sm)}.side-nav>.title{display:flex;align-items:center;gap:6px;padding-bottom:6px;margin-bottom:4px;border-bottom:2px solid var(--color-primary);font-size:var(--text-md);font-weight:700}.side-nav>.title::before{content:"";display:inline-block;width:.5em;height:.5em;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 70%, #fff) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.side-nav>.title>.link{color:var(--color-text);text-decoration:none}.side-nav>.title>.link:hover{color:var(--color-link)}.side-nav>.group{margin-top:12px}.side-nav>.group>.name{display:flex;align-items:center;gap:8px;padding:2px 0 2px 8px;margin-bottom:2px;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);letter-spacing:.04em}.side-nav>.group>.name::after{content:"";flex:1;border-top:1px solid var(--color-line)}.side-nav>.group>.name.-current{color:var(--color-primary)}.side-nav>.menu>.item>.link,.side-nav>.group>.menu>.item>.link{display:block;padding:6px 8px;border-radius:var(--radius-sm);color:var(--color-text);font-weight:500;text-decoration:none;line-height:1.5}.side-nav>.menu>.item>.link:focus-visible,.side-nav>.group>.menu>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.side-nav>.menu>.item>.link:hover,.side-nav>.group>.menu>.item>.link:hover{background:var(--color-surface);color:var(--color-link)}.side-nav>.menu>.item>.link.-current,.side-nav>.group>.menu>.item>.link.-current{background:var(--color-primary-tint);color:var(--color-primary);font-weight:600}.side-nav>.menu>.item>.sub>.summary,.side-nav>.group>.menu>.item>.sub>.summary{display:flex;align-items:center;list-style:none;cursor:pointer;border-radius:var(--radius-sm)}.side-nav>.menu>.item>.sub>.summary::-webkit-details-marker,.side-nav>.group>.menu>.item>.sub>.summary::-webkit-details-marker{display:none}.side-nav>.menu>.item>.sub>.summary::after,.side-nav>.group>.menu>.item>.sub>.summary::after{content:"";margin-left:auto;margin-right:10px;width:.4em;height:.4em;border-right:2px solid var(--color-text-faint);border-bottom:2px solid var(--color-text-faint);transform:rotate(-45deg);transition:transform .15s ease;flex:none}.side-nav>.menu>.item>.sub>.summary:hover,.side-nav>.group>.menu>.item>.sub>.summary:hover{background:var(--color-surface)}.side-nav>.menu>.item>.sub>.summary>.name,.side-nav>.group>.menu>.item>.sub>.summary>.name{flex:1;display:block;padding:6px 8px;color:var(--color-text);font-weight:500;line-height:1.5}.side-nav>.menu>.item>.sub>.summary>.name.-current,.side-nav>.group>.menu>.item>.sub>.summary>.name.-current{color:var(--color-primary);font-weight:600}.side-nav>.menu>.item>.sub[open]>.summary::after,.side-nav>.group>.menu>.item>.sub[open]>.summary::after{transform:rotate(45deg)}.side-nav>.menu>.item>.sub>.entries,.side-nav>.group>.menu>.item>.sub>.entries{margin:2px 0 6px 10px;padding-left:8px;border-left:2px solid var(--color-line)}.side-nav>.menu>.item>.sub>.entries>.item>.link,.side-nav>.group>.menu>.item>.sub>.entries>.item>.link{display:block;padding:5px 8px;border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;line-height:1.5}.side-nav>.menu>.item>.sub>.entries>.item>.link:focus-visible,.side-nav>.group>.menu>.item>.sub>.entries>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.side-nav>.menu>.item>.sub>.entries>.item>.link:hover,.side-nav>.group>.menu>.item>.sub>.entries>.item>.link:hover{background:var(--color-surface);color:var(--color-link)}.side-nav>.menu>.item>.sub>.entries>.item>.link.-current,.side-nav>.group>.menu>.item>.sub>.entries>.item>.link.-current{background:var(--color-primary-tint);color:var(--color-primary);font-weight:600}.side-nav>.menu>.item>.sub>.entries>.item>.link.-index,.side-nav>.group>.menu>.item>.sub>.entries>.item>.link.-index{font-weight:600}.side-nav.-boxed{padding:16px;border:1px solid var(--color-line);border-radius:var(--radius-md)}.to-top{position:fixed;right:16px;bottom:16px;z-index:calc(var(--z-header) - 1);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-line-strong);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.to-top:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.to-top>svg{width:20px;height:20px}.to-top.-visible{opacity:1;visibility:visible;transform:none}@media screen and (min-width: 768px){.to-top{right:24px;bottom:24px}}.card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card:is(a):hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:is(a):hover>.body>.title{color:var(--color-link)}.card:is(a):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card>.image{aspect-ratio:16/9;background:var(--color-surface);overflow:hidden}.card>.image>img,.card>.image>picture>img{width:100%;height:100%;object-fit:cover}.card>.body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1}.card>.body>.title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:700;line-height:1.45}.card>.body>.description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.card>.body>.meta{margin-top:auto;padding-top:6px;font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-data);letter-spacing:.04em}.card>.body>.labels{display:flex;flex-wrap:wrap;gap:4px}.card.-horizontal{flex-direction:row}.card.-horizontal>.image{flex:0 0 120px;aspect-ratio:1}@media screen and (min-width: 768px){.card.-horizontal>.image{flex-basis:160px;aspect-ratio:4/3}}.card.-compact>.body{padding:8px 10px 10px}.card.-compact>.body>.title{font-size:var(--text-sm)}.card.-flat{border:0;background:rgba(0,0,0,0)}.card.-flat>.body{padding-inline:0}.card.-emphasis{border-color:var(--color-primary);border-top-width:3px}.card.-center{text-align:center}.card.-center>.body>.labels{justify-content:center}.card.-icon{flex-direction:row;align-items:center}.card.-icon>.image{flex:0 0 64px;aspect-ratio:1;margin:10px 0 10px 12px;border-radius:var(--radius-sm)}.card.-icon>.image>img,.card.-icon>.image>picture>img{width:100%;height:100%;object-fit:cover}.card.-icon>.body{padding:10px 12px}.card.-illust{position:relative}.card.-illust>.body{padding-right:96px}.card.-illust>.illust{position:absolute;right:8px;bottom:0;width:88px;height:auto;object-fit:contain}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(1, minmax(0, 1fr))}@media screen and (min-width: 768px){.card-grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px}}@media screen and (min-width: 768px){.card-grid.-two{grid-template-columns:repeat(2, minmax(0, 1fr))}}.card-grid.-four{grid-template-columns:repeat(2, minmax(0, 1fr))}@media screen and (min-width: 768px){.card-grid.-four{grid-template-columns:repeat(4, minmax(0, 1fr))}}.card-grid.-auto{grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))}.link-grid>.title{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-family:var(--font-heading);font-size:var(--text-md);font-weight:700}.link-grid>.title::before{content:"";display:inline-block;width:.5em;height:.5em;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 70%, #fff) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary) 70%, #000) 100%);border-radius:12%;transform:rotate(45deg);flex:none}.link-grid>.title>.more{margin-left:auto;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}.link-grid>.subtitle{display:flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);letter-spacing:.04em}.link-grid>.subtitle::after{content:"";flex:1;border-top:1px solid var(--color-line)}.link-grid>.links{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}@media screen and (min-width: 768px){.link-grid>.links{gap:10px}}.link-grid>.links>.item>.link{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:8px 12px;border:1px solid var(--color-line);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);text-decoration:none;line-height:1.4;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.link-grid>.links>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.link-grid>.links>.item>.link:hover{background:var(--color-primary-tint);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.link-grid>.links>.item>.link>.name{font-size:var(--text-sm);font-weight:600}.link-grid>.links>.item>.link>.sub{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-data);letter-spacing:.03em}@media screen and (min-width: 768px){.link-grid.-three>.links{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 768px){.link-grid.-four>.links{grid-template-columns:repeat(4, minmax(0, 1fr))}}.link-grid.-compact>.links>.item>.link{min-height:40px;padding:4px 10px}.link-grid.-icons>.links>.item>.link{flex-direction:row;align-items:center;gap:10px}.link-grid.-icons>.links>.item>.link>.icon{width:28px;height:28px;flex:none;border-radius:4px}.link-grid.-banner>.links>.item>.link,.link-grid>.links>.item>.link.-banner{position:relative;overflow:hidden;min-height:64px;border:0;border-radius:var(--radius-md);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);background:var(--color-primary);box-shadow:var(--shadow-sm)}.link-grid.-banner>.links>.item>.link>.bg,.link-grid>.links>.item>.link.-banner>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:0;transition:transform .25s ease}.link-grid.-banner>.links>.item>.link>.name,.link-grid.-banner>.links>.item>.link>.sub,.link-grid>.links>.item>.link.-banner>.name,.link-grid>.links>.item>.link.-banner>.sub{position:relative;z-index:1}.link-grid.-banner>.links>.item>.link>.name,.link-grid>.links>.item>.link.-banner>.name{font-family:var(--font-heading);font-size:var(--text-md)}.link-grid.-banner>.links>.item>.link>.sub,.link-grid>.links>.item>.link.-banner>.sub{color:rgba(255,255,255,.85)}.link-grid.-banner>.links>.item>.link:hover,.link-grid>.links>.item>.link.-banner:hover{background:var(--color-primary);box-shadow:var(--shadow-md)}.link-grid.-banner>.links>.item>.link:hover>.bg,.link-grid>.links>.item>.link.-banner:hover>.bg{transform:scale(1.04)}.link-grid>.links>.item.-wide{grid-column:1/-1}.link-grid>.links>.item>.link.-banner.-center>.bg{object-position:center}.link-grid.-banner>.links{grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 768px){.link-grid.-banner>.links{grid-template-columns:repeat(2, minmax(0, 1fr))}}.link-grid>.links>.item>.link.-illust{position:relative;overflow:hidden;padding-right:72px}.link-grid>.links>.item>.link.-illust>.illust{position:absolute;right:-6px;bottom:-6px;width:72px;height:auto;object-fit:contain;transition:transform .2s ease}.link-grid>.links>.item>.link.-illust:hover>.illust{transform:translateY(-3px) rotate(-3deg)}.update-list>.item{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:12px;row-gap:2px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--color-line);font-size:var(--text-sm)}@media screen and (min-width: 768px){.update-list>.item{grid-template-columns:7.5em auto minmax(0, 1fr)}}.update-list>.item>.date{font-family:var(--font-data);font-size:.95rem;letter-spacing:.04em;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.update-list>.item>.kind{justify-self:start}.update-list>.item>.link{grid-column:1/-1;color:var(--color-text);text-decoration:none;line-height:1.5}@media screen and (min-width: 768px){.update-list>.item>.link{grid-column:auto}}.update-list>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.update-list>.item>.link:hover{color:var(--color-link);text-decoration:underline}.update-list.-compact>.item{padding:6px 0}.banner-list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}@media screen and (min-width: 768px){.banner-list{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1024px){.banner-list{grid-template-columns:repeat(6, minmax(0, 1fr))}}.banner-list>.item>.link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.banner-list>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.banner-list>.item>.link>.image{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.banner-list>.item>.link:hover>.image{border-color:var(--color-primary)}.gallery{--gallery-size: 160px;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--gallery-size), 1fr));gap:12px}.gallery>.item{min-width:0}.gallery.-small{--gallery-size: 110px;gap:8px}.gallery.-large{--gallery-size: 240px;gap:16px}.gallery.-square>.item>.figure>.image,.gallery.-square>.item>.figure>picture>img{aspect-ratio:1;width:100%;object-fit:cover}.gallery.-pixel img{image-rendering:pixelated}.step-list{counter-reset:step;display:grid;gap:28px;padding:20px 0 0 20px}.step-list>.step-card{counter-increment:step;position:relative}.step-list>.step-card::before{content:counter(step);position:absolute;left:-20px;top:-20px;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:3px solid var(--color-bg);outline:1px solid var(--color-accent);background:var(--color-primary);color:var(--color-primary-contrast);font-family:var(--font-data);font-size:1.25rem;font-weight:600;line-height:1;box-shadow:var(--shadow-sm)}.step-card{display:grid;gap:12px;padding:24px 16px 16px 24px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}@media screen and (min-width: 768px){.step-card{grid-template-columns:fit-content(66%) minmax(0, 1fr);gap:20px;padding:26px 20px 20px 26px;align-items:stretch}}.step-card>.visual{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.step-card>.visual>.figure{max-width:100%}.step-card>.visual>.figure>.image,.step-card>.visual>.figure>picture>img{max-width:100%;margin-inline:auto}.step-card>.body{display:grid;gap:8px;align-content:start;padding:12px 14px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-sm);line-height:1.8}.step-card>.body>.target{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--text-md);color:var(--color-primary)}.step-card>.body>.target>.icon{width:40px;height:40px;flex:none;object-fit:contain;aspect-ratio:1}.step-card>.body>.route{display:flex;align-items:flex-start;gap:6px;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.step-card>.body>.route::before{content:"GUIDE";flex:none;padding:0 6px;border-radius:var(--radius-sm);background:var(--color-surface-strong);font-family:var(--font-data);font-size:.65rem;letter-spacing:.06em;line-height:1.7;margin-top:.15em}.step-card>.body>.instruction{color:var(--color-text)}.step-card>.body>.instruction>strong{color:var(--color-primary)}.step-card>.body>.reward{padding:6px 10px;border-radius:var(--radius-sm);background:var(--color-accent-tint);color:var(--color-text)}.step-card:not(:has(>.visual)){grid-template-columns:minmax(0, 1fr)}.step-card.-compact{padding:22px 12px 12px 22px}@media screen and (min-width: 768px){.step-card.-compact{grid-template-columns:minmax(0, 2fr) minmax(0, 3fr)}}.step-card.-compact>.visual{padding:6px}.step-card.-compact>.body{padding:8px 10px}.step-card.-done{opacity:.6}.step-card.-branch{border-style:dashed}.class-icons{display:grid;grid-template-columns:repeat(auto-fill, minmax(72px, 1fr));gap:6px}@media screen and (min-width: 768px){.class-icons{grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:8px}}.class-icons>.item>.link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,0);color:var(--color-text);text-decoration:none;text-align:center;transition:background-color .15s ease,border-color .15s ease}.class-icons>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.class-icons>.item>.link>.image{width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--color-line);object-fit:cover}.class-icons>.item>.link>.name{font-size:.7rem;line-height:1.3;font-weight:600}.class-icons>.item>.link:hover{background:var(--color-primary-tint);border-color:var(--color-primary)}.class-icons>.item>.link.-current{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.class-icons.-large{grid-template-columns:repeat(auto-fill, minmax(96px, 1fr));gap:10px}.class-icons.-large>.item>.link{gap:6px;padding:8px 4px}.class-icons.-large>.item>.link>.image{width:72px;height:72px;border-radius:var(--radius-md)}.class-icons.-large>.item>.link>.name{font-size:var(--text-xs)}.class-icons.-small{grid-template-columns:repeat(auto-fill, minmax(56px, 1fr))}.class-icons.-small>.item>.link>.image{width:36px;height:36px}.class-icons.-small>.item>.link>.name{font-size:.62rem}.map-figure{position:relative;display:inline-block;max-width:100%}.map-figure>.image,.map-figure>picture>img{border:1px solid var(--color-line);border-radius:var(--radius-sm)}.map-figure>.coords{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:var(--radius-sm);background:rgba(27,26,29,.8);color:#fff;font-family:var(--font-data);font-size:var(--text-sm);letter-spacing:.04em;line-height:1.4}.map-figure>.name{display:block;margin-top:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.map-figure.-small{max-width:240px}.map-figure.-zoom>.image,.map-figure.-zoom>picture>img{cursor:zoom-in}.site-search>.form{display:flex;gap:8px;align-items:stretch}.site-search>.form>.input{flex:1;min-width:0;min-height:44px;padding:8px 14px;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:16px}.site-search>.form>.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-search>.form>.input::placeholder{color:var(--color-text-faint)}.site-search>.form>.submit{flex:none}.site-search>.status{margin-top:8px;font-size:var(--text-sm);color:var(--color-text-muted);min-height:1.5em}.site-search>.filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.site-search>.filters>.filter{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 10px;border:1px solid var(--color-line);border-radius:999px;font-size:var(--text-xs);color:var(--color-text-muted)}.site-search>.filters>.filter:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-search>.filters>.filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.site-search>.filters>.filter.-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.site-search>.filters>.filter>.count{font-family:var(--font-data);opacity:.8}.site-search>.results{margin-top:16px;display:grid;gap:4px}.site-search>.results>.result{display:block;padding:12px 14px;border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:border-color .15s ease}.site-search>.results>.result:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-search>.results>.result:hover{border-color:var(--color-primary)}.site-search>.results>.result:hover>.title{color:var(--color-link)}.site-search>.results>.result>.meta{display:flex;align-items:center;gap:8px;font-family:var(--font-data);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted)}.site-search>.results>.result>.title{margin-top:2px;font-weight:700;line-height:1.45}.site-search>.results>.result>.excerpt{margin-top:4px;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.site-search>.results>.result>.excerpt>mark{background:var(--color-accent-tint);color:inherit;padding:0 .1em}.site-search>.more{margin-top:12px;text-align:center}.site-search.-hero>.form>.input{min-height:52px;font-size:1.05rem;border-color:rgba(0,0,0,0);box-shadow:var(--shadow-md)}.site-search.-hero>.form>.submit{min-height:52px;background:var(--color-brand-contrast);border-color:var(--color-brand-contrast);color:var(--color-brand)}.site-search.-hero>.form>.submit:hover{background:var(--color-surface)}.site-search.-compact>.form>.input{min-height:36px;font-size:var(--text-sm)}.accordion{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.accordion>.summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:600;list-style:none}.accordion>.summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.accordion>.summary::-webkit-details-marker{display:none}.accordion>.summary::after{content:"";margin-left:auto;width:.5em;height:.5em;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(45deg);transition:transform .15s ease;flex:none}.accordion>.summary:hover{color:var(--color-link)}.accordion[open]>.summary::after{transform:rotate(225deg)}.accordion>.body{padding:4px 14px 14px;font-size:var(--text-sm);line-height:1.7}.accordion.-plain{border:0;border-radius:0;border-bottom:1px solid var(--color-line)}.accordion.-plain>.summary{padding-inline:0}.accordion.-plain>.body{padding-inline:0}.accordion.-compact>.summary{padding:8px 12px;font-size:var(--text-sm)}.accordion-group{display:grid;gap:8px}.accordion-group>.accordion.-plain{border-radius:0}.accordion-group>.accordion.-plain+.accordion.-plain{margin-top:-8px}.tabs>.tablist{display:flex;gap:2px;border-bottom:2px solid var(--color-line)}.tabs>.tablist>.tab{position:relative;padding:10px 16px;margin-bottom:-2px;border-bottom:2px solid rgba(0,0,0,0);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);white-space:nowrap}.tabs>.tablist>.tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tabs>.tablist>.tab:hover{color:var(--color-text)}.tabs>.tablist>.tab.-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs>.panel{padding-top:16px}.tabs>.panel:not(.-active){display:none}.tabs.-pills>.tablist{border:0;gap:6px;flex-wrap:wrap}.tabs.-pills>.tablist>.tab{margin:0;padding:6px 14px;border:1px solid var(--color-line);border-radius:999px}.tabs.-pills>.tablist>.tab.-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.tabs.-scroll>.tablist{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.modal{width:min(92vw,640px);max-height:88dvh;padding:0;border:0;border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-lg)}.modal::backdrop{background:rgba(10,8,12,.55);backdrop-filter:blur(2px)}.modal>.inner{display:flex;flex-direction:column;max-height:88dvh}.modal>.inner>.head{display:flex;align-items:center;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--color-line)}.modal>.inner>.head>.title{font-weight:700;font-size:var(--text-md)}.modal>.inner>.head>.close{margin-left:auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted)}.modal>.inner>.head>.close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal>.inner>.head>.close:hover{background:var(--color-surface);color:var(--color-text)}.modal>.inner>.head>.close>svg{width:20px;height:20px}.modal>.inner>.body{padding:16px;overflow:auto;font-size:var(--text-sm);line-height:1.7}.modal>.inner>.foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--color-line)}.modal.-wide{width:min(94vw,960px)}.modal.-narrow{width:min(92vw,420px)}.modal.-image{width:auto;max-width:96vw;background:#111;color:#fff}.modal.-image>.inner>.head{border:0;position:absolute;inset:0 0 auto 0;background:linear-gradient(rgba(0, 0, 0, 0.6), transparent)}.modal.-image>.inner>.head>.close{color:#fff}.modal.-image>.inner>.body{padding:0}.modal.-image>.inner>.body>img,.modal.-image>.inner>.body>picture>img{max-height:88dvh;width:auto;margin:auto}.modal.-costume{width:min(94vw,720px)}@media screen and (max-width: 767px){.modal.-sheet{width:100vw;max-width:none;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:inherit}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle:hover{background:rgba(255,255,255,.12)}.theme-toggle>.icon{width:22px;height:22px}.theme-toggle>.icon.-dark{display:none}:root[data-theme=dark] .theme-toggle>.icon.-light{display:none}:root[data-theme=dark] .theme-toggle>.icon.-dark{display:block}.level-badge{display:inline-flex;align-items:baseline;gap:1px;padding:0 8px;border-radius:var(--radius-sm);background:var(--color-surface-strong);color:var(--color-text);font-family:var(--font-data);font-weight:600;line-height:1.5;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}.level-badge>.prefix,.level-badge>.suffix{font-size:.75em;color:var(--color-text-muted)}.level-badge>.value{font-size:1.05em;font-variant-numeric:tabular-nums}.level-badge.-large{padding:2px 12px;font-size:1.35rem}.level-badge.-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.level-badge.-primary>.prefix,.level-badge.-primary>.suffix{color:inherit;opacity:.8}.level-badge.-inline{padding:0;background:none}.stepper{counter-reset:stepper;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:14px;row-gap:24px}.stepper>.step{position:relative;display:flex;counter-increment:stepper;min-width:0}@media screen and (max-width: 767px){.stepper>.step:not(:nth-child(3n+1))::before{content:"";position:absolute;top:50%;left:-14px;width:14px;border-top:2px solid var(--color-line)}.stepper>.step:nth-child(3n):not(:last-child)::after{content:"";position:absolute;top:100%;right:50%;width:50%;height:calc(24px/2 + 2px);border-right:2px solid var(--color-line);border-bottom:2px solid var(--color-line);border-bottom-right-radius:calc(24px/2)}.stepper>.step:nth-child(3n+1):not(:first-child)::before{content:"";position:absolute;bottom:100%;left:50%;width:calc(150% + 28px);height:calc(24px/2);border-left:2px solid var(--color-line);border-top:2px solid var(--color-line);border-top-left-radius:calc(24px/2)}}.stepper>.step>.label{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:36px;padding:0 10px 0 6px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.stepper>.step>.label::before{content:counter(stepper);display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--color-surface-strong);color:var(--color-text-muted);font-family:var(--font-data);font-size:var(--text-xs);font-weight:600}.stepper>.step.-current>.label{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.stepper>.step.-current>.label::before{background:rgba(255,255,255,.22);color:var(--color-primary-contrast)}.stepper>.step.-done>.label{border-color:var(--color-secondary);color:var(--color-secondary)}.stepper>.step.-done>.label::before{background:var(--color-secondary-tint);color:var(--color-secondary)}.stepper.-linked>.step>.label{pointer-events:auto;transition:border-color .15s ease,color .15s ease,transform .15s ease}.stepper.-linked>.step>.label:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stepper.-linked>.step>.label:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.stepper.-linked>.step.-current>.label{pointer-events:none}.stepper.-compact>.step>.label{min-height:30px;padding:0 8px 0 4px;font-size:var(--text-xs)}.stepper.-compact>.step>.label::before{width:20px;height:20px}@media screen and (min-width: 768px){.stepper{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0}.stepper>.step>.label{width:auto;padding-right:14px;overflow:visible}.stepper>.step+.step::after{content:"";order:-1;align-self:center;width:14px;margin:0 2px;border-top:2px solid var(--color-line);flex:none}}.costume-card{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;padding:8px 8px 10px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.costume-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.costume-card:hover,.costume-card:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);z-index:2}.costume-card>.figure{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:176px;padding:6px 6px 8px;border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-strong) 100%);overflow:hidden}.costume-card>.figure::before{content:"";position:absolute;left:50%;bottom:8px;width:72%;height:12px;border-radius:50%;background:rgba(0,0,0,.08);transform:translateX(-50%)}.costume-card>.figure>.stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;flex:1 1 0;min-width:0;height:100%}.costume-card>.figure>.stage>.front,.costume-card>.figure>.stage>.back{width:auto;height:auto;max-width:100%;max-height:100px;image-rendering:pixelated;transition:opacity .2s ease;zoom:1.5}.costume-card>.figure>.stage>.back{position:absolute;left:50%;bottom:0;transform:translateX(-50%);opacity:0}.costume-card>.figure>.stage:has(>.label)>.back{bottom:22px}.costume-card>.figure>.stage>.label{flex:none;max-width:100%;padding:0 6px;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-bg) 80%, transparent);color:var(--color-text);font-size:.65rem;font-weight:600;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.costume-card>.figure:has(>.stage+.stage)>.stage>.front,.costume-card>.figure:has(>.stage+.stage)>.stage>.back{zoom:1;max-height:130px}.costume-card>.figure:has(>.stage>.label)::before{bottom:26px}.costume-card>.figure>.play{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-contrast);opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.costume-card>.figure>.play>svg{width:12px;height:12px;margin-left:1px}.costume-card:hover>.figure>.stage>.front,.costume-card:focus-visible>.figure>.stage>.front{opacity:0}.costume-card:hover>.figure>.stage>.back,.costume-card:focus-visible>.figure>.stage>.back{opacity:1}.costume-card:hover>.figure>.stage:not(:has(>.back))>.front,.costume-card:focus-visible>.figure>.stage:not(:has(>.back))>.front{opacity:1}.costume-card:hover>.figure>.play,.costume-card:focus-visible>.figure>.play{opacity:1;transform:none}.costume-card>.body{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 2px}.costume-card>.body>.category{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;color:var(--color-secondary);font-size:var(--text-xs);font-weight:700;line-height:1.4}.costume-card>.body>.category>.icon{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}.costume-card>.body>.name{font-size:var(--text-sm);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.costume-card>.body>.meta{color:var(--color-text-muted);font-family:var(--font-data);font-size:var(--text-xs);letter-spacing:.03em;line-height:1.4}.costume-card>.tip{position:absolute;left:6px;right:6px;bottom:calc(100% + 6px);padding:8px 10px;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font-size:var(--text-xs);line-height:1.6;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease .1s,transform .15s ease .1s,visibility 0s linear .25s;pointer-events:none;z-index:3}.costume-card>.tip::after{content:"";position:absolute;left:24px;top:100%;border:6px solid rgba(0,0,0,0);border-top-color:var(--color-text)}.costume-card:hover>.tip,.costume-card:focus-visible>.tip{opacity:1;visibility:visible;transform:none;transition-delay:.25s,.25s,0s}.costume-card.-static{cursor:default}.costume-card.-static:hover,.costume-card.-static:focus-visible{border-color:var(--color-line);box-shadow:none;transform:none}.costume-card.-static>.figure>.stage>.front{opacity:1 !important}.costume-list{display:grid;gap:10px;grid-template-columns:repeat(2, minmax(0, 1fr))}@media screen and (min-width: 768px){.costume-list{grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}}@media screen and (min-width: 1024px){.costume-list{grid-template-columns:repeat(4, minmax(0, 1fr))}}.costume-viewer{display:flex;flex-direction:column;align-items:center;gap:10px}.costume-viewer>.info{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;width:100%}.costume-viewer>.info>.icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.costume-viewer>.info>.category{color:var(--color-secondary);font-size:var(--text-xs);font-weight:700}.costume-viewer>.info>.description{flex-basis:100%;font-size:var(--text-sm);line-height:1.7;color:var(--color-text-muted)}.costume-viewer>.info>.description:empty{display:none}.costume-viewer>.stages{display:flex;gap:4px;padding:3px;border-radius:var(--radius-pill);background:var(--color-surface)}.costume-viewer>.stages:empty{display:none}.costume-viewer>.stages>.stage{padding:4px 14px;border:0;border-radius:var(--radius-pill);background:rgba(0,0,0,0);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.costume-viewer>.stages>.stage:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.costume-viewer>.stages>.stage.-active{background:var(--color-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}.costume-viewer>.stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:260px;padding:16px;border-radius:var(--radius-md);background:var(--color-surface);transition:opacity .15s ease}.costume-viewer>.stage>.image{width:auto;height:auto;image-rendering:pixelated;zoom:2}.costume-viewer>.stage.-loading{opacity:.5}.costume-viewer>.caption{font-size:var(--text-sm);font-weight:600}.costume-viewer>.colors{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.costume-viewer>.colors>.color{display:flex;flex-direction:column;align-items:center;gap:2px;width:64px;padding:4px 2px 3px;border:2px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:border-color .15s ease}.costume-viewer>.colors>.color:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.costume-viewer>.colors>.color:hover{border-color:var(--color-primary)}.costume-viewer>.colors>.color.-active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-tint)}.costume-viewer>.colors>.color>.thumb{width:48px;height:48px;object-fit:contain;object-position:top;image-rendering:pixelated}.costume-viewer>.colors>.color>.label{font-size:var(--text-xs);font-weight:600;line-height:1.2}._mt-0{margin-top:0 !important}._mb-0{margin-bottom:0 !important}._mt-1{margin-top:4px !important}._mb-1{margin-bottom:4px !important}._mt-2{margin-top:8px !important}._mb-2{margin-bottom:8px !important}._mt-3{margin-top:12px !important}._mb-3{margin-bottom:12px !important}._mt-4{margin-top:16px !important}._mb-4{margin-bottom:16px !important}._mt-5{margin-top:24px !important}._mb-5{margin-bottom:24px !important}._mt-6{margin-top:32px !important}._mb-6{margin-bottom:32px !important}._mt-7{margin-top:40px !important}._mb-7{margin-bottom:40px !important}._mt-8{margin-top:48px !important}._mb-8{margin-bottom:48px !important}._mt-9{margin-top:64px !important}._mb-9{margin-bottom:64px !important}._mt-10{margin-top:80px !important}._mb-10{margin-bottom:80px !important}@media screen and (min-width: 768px){._mt-0-md{margin-top:0 !important}._mb-0-md{margin-bottom:0 !important}._mt-1-md{margin-top:4px !important}._mb-1-md{margin-bottom:4px !important}._mt-2-md{margin-top:8px !important}._mb-2-md{margin-bottom:8px !important}._mt-3-md{margin-top:12px !important}._mb-3-md{margin-bottom:12px !important}._mt-4-md{margin-top:16px !important}._mb-4-md{margin-bottom:16px !important}._mt-5-md{margin-top:24px !important}._mb-5-md{margin-bottom:24px !important}._mt-6-md{margin-top:32px !important}._mb-6-md{margin-bottom:32px !important}._mt-7-md{margin-top:40px !important}._mb-7-md{margin-bottom:40px !important}._mt-8-md{margin-top:48px !important}._mb-8-md{margin-bottom:48px !important}._mt-9-md{margin-top:64px !important}._mb-9-md{margin-bottom:64px !important}._mt-10-md{margin-top:80px !important}._mb-10-md{margin-bottom:80px !important}}@media screen and (min-width: 1024px){._mt-0-lg{margin-top:0 !important}._mb-0-lg{margin-bottom:0 !important}._mt-1-lg{margin-top:4px !important}._mb-1-lg{margin-bottom:4px !important}._mt-2-lg{margin-top:8px !important}._mb-2-lg{margin-bottom:8px !important}._mt-3-lg{margin-top:12px !important}._mb-3-lg{margin-bottom:12px !important}._mt-4-lg{margin-top:16px !important}._mb-4-lg{margin-bottom:16px !important}._mt-5-lg{margin-top:24px !important}._mb-5-lg{margin-bottom:24px !important}._mt-6-lg{margin-top:32px !important}._mb-6-lg{margin-bottom:32px !important}._mt-7-lg{margin-top:40px !important}._mb-7-lg{margin-bottom:40px !important}._mt-8-lg{margin-top:48px !important}._mb-8-lg{margin-bottom:48px !important}._mt-9-lg{margin-top:64px !important}._mb-9-lg{margin-bottom:64px !important}._mt-10-lg{margin-top:80px !important}._mb-10-lg{margin-bottom:80px !important}}._fz-xs{font-size:var(--text-xs) !important}._fz-sm{font-size:var(--text-sm) !important}._fz-md{font-size:var(--text-md) !important}._fz-lg{font-size:var(--text-lg) !important}._fz-xl{font-size:var(--text-xl) !important}._fw-bold{font-weight:700 !important}._fw-normal{font-weight:400 !important}._data{font-family:var(--font-data) !important;font-variant-numeric:tabular-nums}._ta-l{text-align:left !important}._ta-c{text-align:center !important}._ta-r{text-align:right !important}._hidden{display:none !important}@media screen and (max-width: 767px){._hidden-sm{display:none !important}}@media screen and (min-width: 768px)and (max-width: 1023px){._hidden-md{display:none !important}}@media screen and (min-width: 1024px){._hidden-lg{display:none !important}}._sr-only{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.top-hero{position:relative;overflow:hidden;background:var(--color-brand);color:var(--color-brand-contrast)}.top-hero::before{content:"";position:absolute;right:-12vw;top:-30%;width:60vw;height:160%;background:linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0));transform:rotate(45deg);pointer-events:none}@media screen and (min-width: 1024px){.top-hero::before{right:-8vw;width:36vw}}.top-hero>.inner{position:relative;padding-block:36px 40px;display:grid;gap:16px}@media screen and (min-width: 768px){.top-hero>.inner{padding-block:56px 60px;gap:20px}}.top-hero>.inner>.title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;line-height:1.25;letter-spacing:.01em;max-width:18em}@media screen and (min-width: 768px){.top-hero>.inner>.title{font-size:var(--text-3xl)}}.top-hero>.inner>.title>.sub{display:block;margin-bottom:8px;font-family:var(--font-data);font-size:var(--text-sm);font-weight:500;letter-spacing:.12em;opacity:.85}.top-hero>.inner>.lead{max-width:36em;font-size:var(--text-sm);opacity:.9}@media screen and (min-width: 768px){.top-hero>.inner>.lead{font-size:var(--text-md)}}.top-hero>.inner>.search{max-width:640px}.sg-demo{border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.sg-demo>.preview{padding:20px;background:var(--color-bg);background-image:linear-gradient(45deg, var(--color-surface) 25%, transparent 25%, transparent 75%, var(--color-surface) 75%),linear-gradient(45deg, var(--color-surface) 25%, transparent 25%, transparent 75%, var(--color-surface) 75%);background-size:16px 16px;background-position:0 0,8px 8px}.sg-demo>.preview>.stage{background:var(--color-bg);padding:16px;border-radius:var(--radius-sm)}.sg-demo>.preview.-dark{background:#151317}.sg-demo>.code{margin:0;border:0;border-top:1px solid var(--color-line);border-radius:0;max-height:360px;font-size:12px}.sg-variants{display:grid;gap:12px;grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 1024px){.sg-variants{grid-template-columns:repeat(2, minmax(0, 1fr))}}.sg-variant{display:flex;flex-direction:column;border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg)}.sg-variant>.head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-line)}.sg-variant>.head>.name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);background:none;padding:0}.sg-variant>.head>.usage{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.sg-variant>.preview{flex:1;padding:16px}.sg-variant>.code{border-top:1px solid var(--color-line)}.sg-variant>.code>.summary{padding:6px 12px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;list-style:none}.sg-variant>.code>.summary::-webkit-details-marker{display:none}.sg-variant>.code>.summary::before{content:"▸ "}.sg-variant>.code>.summary:hover{color:var(--color-primary)}.sg-variant>.code[open]>.summary::before{content:"▾ "}.sg-variant>.code>pre{margin:0;border:0;border-top:1px solid var(--color-line);border-radius:0;max-height:320px;font-size:12px}@media screen and (min-width: 1024px){.sg-variant.-wide{grid-column:1/-1}}.sg-swatches{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:10px}.sg-swatches>.swatch{border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;font-size:var(--text-xs)}.sg-swatches>.swatch>.color{height:56px}.sg-swatches>.swatch>.name{padding:6px 8px 2px;font-weight:600;font-family:var(--font-mono)}.sg-swatches>.swatch>.value{padding:0 8px 6px;color:var(--color-text-muted);font-family:var(--font-mono)}.sg-type{display:grid;gap:12px}.sg-type>.row{display:grid;grid-template-columns:110px minmax(0, 1fr);gap:12px;align-items:baseline;padding-bottom:12px;border-bottom:1px dashed var(--color-line)}.sg-type>.row>.meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.sg-space{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.sg-space>.item{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.sg-space>.item>.bar{width:40px;background:var(--color-primary);margin:0 auto 4px}.sg-grid-demo [class*=col-],.sg-grid-demo>.col,.sg-grid-demo>.main,.sg-grid-demo>.side{padding:8px;text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-primary-tint);border:1px solid var(--color-primary-soft);border-radius:var(--radius-sm)}