: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: 60px;--header-height-lg: 78px;--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}[hidden]{display:none !important}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}.toolbar{display:flex;flex-direction:column;gap:8px}.toolbar>.extras{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 4px}@media screen and (min-width: 768px){.toolbar.-sticky{position:sticky;top:calc(var(--header-height) + 8px);z-index:5;padding-bottom:4px;background:var(--color-bg)}}@media screen and (min-width: 1024px){.toolbar.-sticky{top:calc(var(--header-height-lg) + 8px)}}.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;flex-direction:column;align-items:center;gap:1px;margin-right:auto;padding:2px 4px;color:inherit;text-decoration:none;line-height:1}.site-header>.inner>.brand:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header>.inner>.brand>.over{font-family:var(--font-data);font-size:.74rem;font-weight:600;letter-spacing:.1em;opacity:.9}@media screen and (min-width: 1024px){.site-header>.inner>.brand>.over{font-size:.82rem}}.site-header>.inner>.brand>.name{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:.04em}@media screen and (min-width: 1024px){.site-header>.inner>.brand>.name{font-size:1.6rem}}.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}}@media screen and (min-width: 1024px){.site-header>.inner>.actions{gap:6px}.site-header>.inner>.actions>.action,.site-header>.inner>.actions>.theme-toggle{width:46px;height:46px}.site-header>.inner>.actions>.action>svg,.site-header>.inner>.actions>.action>.icon,.site-header>.inner>.actions>.theme-toggle>svg,.site-header>.inner>.actions>.theme-toggle>.icon{width:24px;height:24px}}html.is-nav-open{overflow:hidden}.global-nav>.menu{display:flex;gap:4px}.global-nav>.menu>.item{position:relative}.global-nav>.menu>.item>.link{border:0;background:none;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:600;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>.link>.caret{width:.4em;height:.4em;margin-left:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.8}.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,.global-nav>.menu>.item.-open>.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>.menu>.item.-mega{position:static}.global-nav>.menu>.item>.submenu.-mega{top:100%;left:auto;right:0;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px 20px;width:min(880px,100vw - 48px);padding:16px 18px}.global-nav>.menu>.item>.submenu.-mega>.group{min-width:0}.global-nav>.menu>.item>.submenu.-mega>.group>.caption{margin:0 0 4px;padding:0 8px 4px;border-bottom:1px solid var(--color-line);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700}.global-nav>.menu>.item>.submenu.-mega>.group>.links{margin:0;padding:0;list-style:none}.global-nav>.menu>.item>.submenu.-mega>.group>.links>.item>.link{display:block;padding:5px 8px;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);text-decoration:none}.global-nav>.menu>.item>.submenu.-mega>.group>.links>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav>.menu>.item>.submenu.-mega>.group>.links>.item>.link:hover{background:var(--color-surface);color:var(--color-primary)}.global-nav>.menu>.item>.submenu.-mega>.group:first-child{grid-column:span 2}.global-nav>.menu>.item>.submenu.-mega>.group:first-child>.links{columns:2;column-gap:12px}.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>.row{display:flex;align-items:stretch}.global-nav.-drawer>.panel>.menu>.item>.row>.link{display:flex;align-items:center;gap:8px;flex:1;padding:12px 4px;font-size:var(--text-md);font-weight:600;color:var(--color-text);text-decoration:none}.global-nav.-drawer>.panel>.menu>.item>.row>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav.-drawer>.panel>.menu>.item>.row>.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>.row>.toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;border:0;border-left:1px solid var(--color-line);background:none;color:var(--color-text-muted);cursor:pointer}.global-nav.-drawer>.panel>.menu>.item>.row>.toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav.-drawer>.panel>.menu>.item>.row>.toggle>.caret{width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}.global-nav.-drawer>.panel>.menu>.item>.row>.toggle[aria-expanded=true]>.caret{transform:translateY(2px) rotate(225deg)}.global-nav.-drawer>.panel>.menu>.item>.link{border:0;background:none;font-family:inherit;cursor:pointer;width:100%;font-size:var(--text-md);text-align:left}.global-nav.-drawer>.panel>.menu>.item>.link>.caret{width:.45em;height:.45em;margin-left:auto;margin-right:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}.global-nav.-drawer>.panel>.menu>.item>.link[aria-expanded=true]>.caret{transform:translateY(2px) rotate(225deg)}.global-nav.-drawer>.panel>.menu>.item>.submenu{padding:0 0 8px 16px}.global-nav.-drawer>.panel>.menu>.item>.submenu.-groups>.caption{margin:8px 0 2px;color:var(--color-text-faint);font-size:var(--text-xs);font-weight:700}.global-nav.-drawer>.panel>.menu>.item>.submenu.-groups>.links{margin:0;padding:0;list-style:none}.global-nav.-drawer>.panel>.menu>.item>.submenu.-groups>.links>.item>.link{display:block;padding:7px 4px;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.global-nav.-drawer>.panel>.menu>.item>.submenu.-groups>.links>.item>.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-nav.-drawer>.panel>.menu>.item>.submenu.-groups>.links>.item>.link:hover{color:var(--color-primary)}.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.-flush{margin-top:0;position:relative;z-index:1}.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}}.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 th>.icon,.table td>.icon{display:inline-block;width:24px;max-width:none;height:24px;margin-right:4px;vertical-align:middle;object-fit:contain;image-rendering:pixelated}.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)}}.table-scroll>.table,.passive-card>.table>.body>.table{border-collapse:separate;border-spacing:0}.table-scroll>.table th,.table-scroll>.table td,.passive-card>.table>.body>.table th,.passive-card>.table>.body>.table td{background-clip:padding-box}.table-scroll>.table thead th,.passive-card>.table>.body>.table thead th{position:sticky;top:0;z-index:2}.table-scroll>.table thead th:first-child,.table-scroll>.table tbody th:first-child,.passive-card>.table>.body>.table thead th:first-child,.passive-card>.table>.body>.table tbody th:first-child{position:sticky;left:0;background:var(--color-surface)}.table-scroll>.table thead th:first-child,.passive-card>.table>.body>.table thead th:first-child{z-index:3}.table-scroll>.table tbody th:first-child,.passive-card>.table>.body>.table tbody th:first-child{z-index:1;box-shadow:1px 0 0 var(--color-line)}.table-scroll>.table.-bordered,.passive-card>.table>.body>.table.-bordered{border-right:0;border-bottom:0}.table-scroll>.table.-bordered th,.table-scroll>.table.-bordered td,.passive-card>.table>.body>.table.-bordered th,.passive-card>.table>.body>.table.-bordered td{border-top:0;border-left:0}@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:block;position:relative;padding:6px 12px 6px calc(7em + 24px);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);position:absolute;left:12px;top:6px;width:7em;color:var(--color-text-muted);font-weight:600;font-size:var(--text-xs);line-height:1.6}.table.-stack td.-num{text-align:left}.table.-stack th,.table.-stack td:not([data-label]){padding-left:12px}.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)}.toc.-spy>.entries>.item>.link.-active,.toc.-spy>.entries>.item>.subentries>.item>.link.-active{color:var(--color-primary);font-weight:700}.toc.-spy>.entries>.item>.subentries>.item>.link.-active{border-left-color:var(--color-primary)}.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}.link-grid>.links>.item>.link>.label{order:-1;align-self:flex-start}@media screen and (min-width: 768px){.link-grid>.links>.item>.link>.label{position:absolute;top:6px;right:8px}}.link-grid>.links>.item>.link:has(>.label){position:relative}@media screen and (min-width: 768px){.link-grid>.links>.item>.link:has(>.label){padding-right:5.6em}}@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}.gallery.-masonry{display:block;columns:var(--gallery-size) auto;column-gap:10px}.gallery.-masonry>.item{margin-bottom:10px;break-inside:avoid}.gallery.-masonry>.item>.figure>.image,.gallery.-masonry>.item>.figure>picture>img{display:block;width:100%;height:auto;cursor:zoom-in}.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;align-items:stretch;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color .15s ease,box-shadow .15s ease}.site-search>.form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent)}.site-search>.form>.input{flex:1;min-width:0;min-height:44px;padding:8px 14px;border:0;border-radius:0;background:rgba(0,0,0,0);color:var(--color-text);font-size:16px;outline:none}.site-search>.form>.input::placeholder{color:var(--color-text-faint)}.site-search>.form>.submit{flex:none;min-height:0;margin:0;padding:0 18px;border:0;border-left:1px solid var(--color-line-strong);border-radius:0;background:var(--color-surface);color:var(--color-primary);font-weight:700;box-shadow:none}.site-search>.form>.submit:hover{background:var(--color-primary);color:var(--color-primary-contrast)}.site-search>.form>.submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.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{border-color:rgba(0,0,0,0);box-shadow:var(--shadow-md)}.site-search.-hero>.form>.input,.site-search.-hero>.form>.submit{min-height:52px}.site-search.-hero>.form>.input{font-size:1.05rem}.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.-icons>.tablist{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:6px;border:0}@media screen and (min-width: 768px){.tabs.-icons>.tablist{display:flex;flex-wrap:wrap;gap:8px}}.tabs.-icons>.tablist>.tab{display:grid;place-items:center;margin:0;padding:3px;border:2px solid rgba(0,0,0,0);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color .15s ease,transform .15s ease,opacity .15s ease;opacity:.7}.tabs.-icons>.tablist>.tab>.icon{display:block;width:100%;max-width:64px;height:auto;aspect-ratio:1;border-radius:4px}.tabs.-icons>.tablist>.tab:hover{opacity:1;transform:translateY(-1px)}.tabs.-icons>.tablist>.tab.-active{opacity:1;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.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}}.modal.-search{width:min(94vw,720px);margin-top:8dvh;max-height:84dvh}.modal.-search>.inner{max-height:84dvh}.modal.-search>.inner>.body{padding-top:14px}.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}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 14px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.filter-bar>.search{position:relative;display:block;flex:1 1 240px;min-width:0}.filter-bar>.search>.icon{position:absolute;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--color-text-faint);pointer-events:none}.filter-bar>.search>.icon>svg{width:100%;height:100%}.filter-bar>.search>.input{width:100%;min-height:40px;padding:6px 12px 6px 38px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.filter-bar>.search>.input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.filter-bar>.group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.filter-bar>.group>.label{margin-right:2px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700}.filter-bar>.group>.chip{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 12px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.filter-bar>.group>.chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-bar>.group>.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-bar>.group>.chip.-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.filter-bar>.group>.chip:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.filter-bar>.group>.chip>.count{font-family:var(--font-data);font-size:var(--text-xs);opacity:.8}.filter-bar>.group.-icons{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));align-items:start;width:100%}@media screen and (min-width: 768px){.filter-bar>.group.-icons{display:flex;flex-wrap:wrap}}.filter-bar>.group.-icons>.label{grid-column:1/-1}.filter-bar>.group.-icons>.chip{flex-direction:column;justify-content:flex-start;gap:1px;min-height:0;padding:2px;border-width:2px;border-color:rgba(0,0,0,0);border-radius:var(--radius-sm);background:var(--color-surface);opacity:.65}.filter-bar>.group.-icons>.chip>.icon{display:block;width:100%;max-width:52px;height:auto;aspect-ratio:1;border-radius:4px}.filter-bar>.group.-icons>.chip>.caption{max-width:100%;overflow:hidden;font-size:.56rem;font-weight:700;letter-spacing:-0.04em;line-height:1.2;text-overflow:ellipsis;white-space:pre}.filter-bar>.group.-icons>.chip:hover{opacity:1}.filter-bar>.group.-icons>.chip:disabled{opacity:.2;filter:grayscale(1)}.filter-bar>.group.-icons>.chip.-active{opacity:1;background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.filter-bar>.result{margin-left:auto;color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap}.filter-bar>.result>.count{font-family:var(--font-data);font-size:var(--text-md);color:var(--color-text)}@media screen and (min-width: 768px){.filter-bar.-sticky{position:sticky;top:calc(var(--header-height) + 8px);z-index:5;box-shadow:var(--shadow-sm)}}@media screen and (min-width: 1024px){.filter-bar.-sticky{top:calc(var(--header-height-lg) + 8px)}}.filter-empty{padding:32px 16px;border:1px dashed var(--color-line);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.creature-card{position:relative}.creature-card.-pinned{order:-1;border-color:var(--color-primary)}.creature-card{display:grid;grid-template-columns:64px minmax(0, 1fr);gap:6px 12px;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color .15s ease,box-shadow .15s ease}.creature-card:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-sm)}.creature-card>.icon{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;border-radius:var(--radius-sm);background:var(--color-surface)}.creature-card>.body{min-width:0}.creature-card>.body>.head{display:flex;align-items:center;gap:6px;margin-bottom:2px;padding-right:72px}.creature-card>.body>.head>.rank{display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border-radius:4px;font-family:var(--font-data);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;line-height:1;color:#fff}.creature-card>.body>.head>.rank.-n{background:#5f5c66}.creature-card>.body>.head>.rank.-r{background:#1b6b2a}.creature-card>.body>.head>.rank.-hr{background:#1f45c2}.creature-card>.body>.head>.rank.-sr{background:#b0179f}.creature-card>.body>.head>.rank.-lr{background:#d07a00}.creature-card>.body>.head>.rank.-gr{background:#0a8fb0}.creature-card>.body>.head>.type{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.creature-card>.body>.name{font-size:var(--text-md);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.creature-card>.body>.passives{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}.creature-card>.body>.passives>.passive{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 8px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-xs);line-height:1}.creature-card>.body>.passives>.passive>.name{font-weight:600}.creature-card>.body>.passives>.passive>.level{font-family:var(--font-data);color:var(--color-text-muted)}.creature-card>.body>.passives>.passive.-main{background:var(--color-primary-tint);border-color:rgba(0,0,0,0);color:var(--color-primary)}.creature-card>.body>.passives>.passive.-main>.level{color:var(--color-primary)}.creature-card>.body>.zukan{margin-top:6px;font-size:var(--text-xs);color:var(--color-secondary);font-weight:600}.creature-card>.body>.zukan.-none{color:var(--color-text-faint);font-weight:500}.creature-card>.more{grid-column:1/-1;border-top:1px dashed var(--color-line);padding-top:6px}.creature-card>.more>.summary{list-style:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.creature-card>.more>.summary::-webkit-details-marker{display:none}.creature-card>.more>.summary::before{content:"▸";display:inline-block;margin-right:4px;transition:transform .15s ease}.creature-card>.more[open]>.summary::before{transform:rotate(90deg)}.creature-card>.more>.detail{display:flex;gap:12px;align-items:flex-start;margin-top:8px}.creature-card>.more>.detail>.stand{flex:none;width:auto;height:auto;max-width:120px;image-rendering:pixelated;border-radius:var(--radius-sm);background:var(--color-surface)}.creature-card>.more>.detail>.description{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-muted)}.creature-card::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:4px;border-radius:0 3px 3px 0;background:var(--color-line)}.creature-card[data-rank=N]::before{background:#5f5c66}.creature-card[data-rank=R]::before{background:#1b6b2a}.creature-card[data-rank=HR]::before{background:#1f45c2}.creature-card[data-rank=SR]::before{background:#b0179f}.creature-card[data-rank=LR]::before{background:#d07a00}.creature-card[data-rank=GR]::before{background:#0a8fb0}.creature-list{display:grid;gap:10px;grid-template-columns:repeat(1, minmax(0, 1fr))}@media screen and (min-width: 768px){.creature-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}}@media screen and (min-width: 1024px){.creature-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}.tame-card{display:grid;grid-template-columns:48px minmax(0, 1fr);gap:8px 12px;align-content:start;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.tame-card>.icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;border-radius:var(--radius-sm);background:var(--color-surface)}.tame-card>.icon.-none{display:grid;place-items:center;color:var(--color-text-faint);font-size:var(--text-lg);font-weight:700}.tame-card>.body{min-width:0}.tame-card>.body>.head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:2px;font-size:var(--text-xs);line-height:1}.tame-card>.body>.head>.no{font-family:var(--font-data);color:var(--color-text-faint)}.tame-card>.body>.head>.kind{display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border-radius:4px;font-weight:700;color:#fff;background:var(--color-text-muted)}.tame-card>.body>.head>.kind.-akuma{background:var(--color-game-dark);color:#fff}.tame-card>.body>.head>.kind.-undead{background:var(--color-text-muted);color:var(--color-bg)}.tame-card>.body>.head>.kind.-human{background:var(--color-info);color:var(--color-bg)}.tame-card>.body>.head>.kind.-animal{background:var(--color-game-earth);color:#fff}.tame-card>.body>.head>.kind.-shinju{background:var(--color-accent);color:var(--color-bg)}.tame-card>.body>.head>.element{font-weight:700;color:var(--color-text-muted)}.tame-card>.body>.head>.element.-physical{color:var(--color-text-muted)}.tame-card>.body>.head>.element.-fire{color:var(--color-game-fire)}.tame-card>.body>.head>.element.-water{color:var(--color-game-water)}.tame-card>.body>.head>.element.-wind{color:var(--color-game-wind)}.tame-card>.body>.head>.element.-earth{color:var(--color-game-earth)}.tame-card>.body>.head>.element.-light{color:var(--color-game-light)}.tame-card>.body>.head>.element.-dark{color:var(--color-game-dark)}.tame-card>.body>.head>.ryoiki{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border:1px solid var(--color-primary);border-radius:4px;font-weight:700;color:var(--color-primary)}.tame-card>.body>.name{font-size:var(--text-md);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.tame-card>.body>.place{display:flex;flex-wrap:wrap;column-gap:8px;margin-top:2px;font-size:var(--text-sm);color:var(--color-text-muted);overflow-wrap:anywhere}.tame-card>.body>.place>.lv{font-family:var(--font-data);white-space:nowrap}.tame-card>.specs{grid-column:1/-1;display:grid;grid-template-columns:max-content minmax(0, 1fr);gap:4px 10px;padding-top:8px;border-top:1px dashed var(--color-line);font-size:var(--text-sm);line-height:1.5}.tame-card>.specs>.key{color:var(--color-text-faint);font-weight:600}.tame-card>.specs>.value{overflow-wrap:anywhere}.tame-list{display:grid;gap:10px;grid-template-columns:repeat(1, minmax(0, 1fr))}@media screen and (min-width: 768px){.tame-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}}@media screen and (min-width: 1024px){.tame-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}.passive-card{position:relative}.passive-card.-pinned{order:-1;border-color:var(--color-primary)}.passive-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.passive-card>.head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-right:72px}.passive-card>.head>.name{font-size:var(--text-md);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.passive-card>.head>.grade{flex:none;display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;line-height:1;color:#fff;background:var(--color-text-faint)}.passive-card>.head>.grade.-advanced{background:var(--color-accent)}.passive-card>.head>.tag{flex:none;display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border:1px solid #7a4db8;border-radius:var(--radius-pill);color:#7a4db8;font-size:var(--text-xs);font-weight:700;line-height:1}.passive-card>.effects{display:flex;flex-direction:column;gap:4px}.passive-card>.effects>.effect{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);line-height:1.6}.passive-card>.effects>.effect>.text>.value{font-family:var(--font-data);font-size:1.05rem;font-weight:600;color:var(--color-primary)}.passive-card>.effects>.effect>.from{flex:none;font-family:var(--font-data);font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap}.passive-card>.effects>.effect.-inactive{color:var(--color-text-faint);background:rgba(0,0,0,0);border:1px dashed var(--color-line)}.passive-card>.effects>.effect.-inactive>.text>.value{color:var(--color-text-faint)}.passive-card>.summary{font-size:var(--text-xs);line-height:1.7;color:var(--color-text-muted)}.passive-card>.table{border-top:1px dashed var(--color-line);padding-top:6px}.passive-card>.table>.summary{list-style:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.passive-card>.table>.summary::-webkit-details-marker{display:none}.passive-card>.table>.summary::before{content:"▸";display:inline-block;margin-right:4px;transition:transform .15s ease}.passive-card>.table[open]>.summary::before{transform:rotate(90deg)}.passive-card>.table>.body{margin-top:8px;max-height:320px;overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius-sm)}.passive-card>.table>.body>.table thead th{white-space:normal;min-width:6em;max-width:11em;vertical-align:bottom;line-height:1.4}.passive-card>.table>.body>.table thead th:first-child,.passive-card>.table>.body>.table tbody th:first-child{min-width:0;width:2.5em;padding-left:6px;padding-right:6px}.passive-list{display:grid;gap:10px;grid-template-columns:repeat(1, minmax(0, 1fr))}@media screen and (min-width: 1024px){.passive-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}}.passive-list.-compact{gap:8px}@media screen and (min-width: 768px){.passive-list.-compact{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1024px){.passive-list.-compact{grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px}}.passive-list.-compact>.passive-card{gap:6px;padding:10px 12px}.passive-list.-compact>.passive-card>.head{padding-right:64px}.passive-list.-compact>.passive-card>.head>.name{font-size:var(--text-sm)}.passive-list.-compact>.passive-card>.effects{gap:3px}.passive-list.-compact>.passive-card>.effects>.effect{padding:4px 8px;font-size:var(--text-xs);line-height:1.5}.passive-list.-compact>.passive-card>.effects>.effect>.text>.value{font-size:.95rem}.passive-list.-compact>.passive-card>.effects>.effect>.from{font-size:.65rem}.passive-list.-compact>.passive-card>.summary,.passive-list.-compact>.passive-card>.table{display:none}.passive-list.-compact>.passive-card>.pin-toggle{min-height:26px;padding:0 8px 0 6px}.passive-list.-compact>.passive-card>.pin-toggle>.icon{width:14px;height:14px}.level-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.level-picker>.label{font-size:var(--text-sm);font-weight:700}.level-picker>.range{flex:1 1 160px;min-width:120px;accent-color:var(--color-primary)}.level-picker>.value{min-width:2.5em;font-family:var(--font-data);font-size:1.25rem;font-weight:600;color:var(--color-primary);text-align:center}.level-picker>.presets{display:flex;gap:4px}.level-picker>.presets>.preset{min-width:36px;min-height:28px;padding:0 8px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-data);font-size:var(--text-sm);cursor:pointer}.level-picker>.presets>.preset:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.level-picker>.presets>.preset:hover,.level-picker>.presets>.preset.-active{border-color:var(--color-primary);color:var(--color-primary)}.level-picker>.presets>.preset.-active{background:var(--color-primary-tint)}.pin-toggle{position:absolute;top:8px;right:8px;z-index:1;display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 10px 0 8px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-muted);font:inherit;font-size:var(--text-xs);font-weight:700;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.pin-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pin-toggle>.icon{width:16px;height:16px;flex:none}.pin-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.pin-toggle.-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.view-toggle{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;user-select:none}.view-toggle:hover{border-color:var(--color-primary)}.view-toggle:has(>.checkbox:checked){background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary)}.view-toggle>.checkbox{width:16px;height:16px;margin:0;accent-color:var(--color-primary);cursor:pointer}.view-toggle>.text{line-height:1}.sim-party{display:grid;gap:10px;grid-template-columns:repeat(1, minmax(0, 1fr))}@media screen and (min-width: 768px){.sim-party{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1024px){.sim-party{grid-template-columns:repeat(4, minmax(0, 1fr))}}.sim-party>.slot{--slot-color: var(--color-line);--slot-text: var(--color-text-muted);position:relative;display:flex;flex-direction:column;gap:6px;min-height:104px;padding:26px 10px 10px;border:2px dashed var(--slot-color);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.sim-party>.slot:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sim-party>.slot:hover{--slot-color: var(--color-primary);--slot-text: var(--color-primary-contrast);background:var(--color-primary-tint)}.sim-party>.slot.-filled{border-style:solid;background:var(--color-bg)}.sim-party>.slot.-leader{--slot-color: var(--color-accent);--slot-text: #fff}.sim-party>.slot>.caption{position:absolute;top:-2px;left:-2px;padding:3px 10px;border-radius:var(--radius-md) 0 var(--radius-sm) 0;background:var(--slot-color);color:var(--slot-text);font-size:.7rem;font-weight:700;line-height:1.2;letter-spacing:.04em;transition:background-color .15s ease,color .15s ease}.sim-party>.slot>.empty{margin:auto;color:var(--color-text-faint);font-size:var(--text-sm)}.sim-party>.slot>.creature{display:flex;align-items:center;gap:8px}.sim-party>.slot>.creature>.icon{flex:none;width:40px;height:40px;image-rendering:pixelated;border-radius:var(--radius-sm);background:var(--color-surface)}.sim-party>.slot>.creature>.body{min-width:0}.sim-party>.slot>.creature>.body>.head{display:flex;align-items:center;gap:4px}.sim-party>.slot>.creature>.body>.head>.rank{flex:none;display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:4px;font-family:var(--font-data);font-size:var(--text-xs);font-weight:700;line-height:1;color:#fff;background:var(--color-text-faint)}.sim-party>.slot>.creature>.body>.head>.rank.-n{background:#5f5c66}.sim-party>.slot>.creature>.body>.head>.rank.-r{background:#1b6b2a}.sim-party>.slot>.creature>.body>.head>.rank.-hr{background:#1f45c2}.sim-party>.slot>.creature>.body>.head>.rank.-sr{background:#b0179f}.sim-party>.slot>.creature>.body>.head>.rank.-lr{background:#d07a00}.sim-party>.slot>.creature>.body>.head>.rank.-gr{background:#0a8fb0}.sim-party>.slot>.creature>.body>.head>.transcend{font-family:var(--font-data);font-size:var(--text-xs);font-weight:700;color:var(--color-accent)}.sim-party>.slot>.creature>.body>.name{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:var(--text-sm);font-weight:700;line-height:1.3;overflow-wrap:anywhere}.sim-party>.slot>.passives{display:flex;flex-wrap:wrap;gap:4px 6px}.sim-party>.slot>.passives>.passive{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-xs);line-height:1.2}.sim-party>.slot>.passives>.passive>.name{font-weight:600;overflow-wrap:anywhere}.sim-party>.slot>.passives>.passive>.level{font-family:var(--font-data);white-space:nowrap;color:var(--color-text-muted)}.sim-party>.slot>.passives>.passive.-main{background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary)}.sim-party>.slot>.passives>.passive.-main>.level{color:var(--color-primary)}.sim-party>.slot>.passives>.passive.-off{opacity:.45;text-decoration:line-through}.sim-party>.slot>.remove{position:absolute;top:-2px;right:-2px;display:grid;place-items:center;width:28px;height:24px;padding:0;border:0;border-radius:0 var(--radius-md) 0 var(--radius-sm);background:var(--slot-color);color:var(--slot-text);font:inherit;font-size:var(--text-xs);line-height:1;cursor:pointer}.sim-party>.slot>.remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sim-party>.slot>.remove:hover{background:var(--color-danger);color:#fff}.sim-summary-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.sim-summary-bar>.heading{margin:0;padding:0;font-size:var(--text-sm)}@media screen and (min-width: 768px){.sim-summary-bar>.heading{font-size:.95rem}}.sim-summary{display:flex;flex-direction:column;gap:8px}.sim-summary>.empty{padding:24px 16px;border:1px dashed var(--color-line);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.sim-summary>.rows{display:grid;gap:4px;grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 768px){.sim-summary>.rows{grid-template-columns:repeat(2, minmax(0, 1fr))}}.sim-summary>.rows>.item{align-self:start;border:1px solid var(--color-line);border-left:3px solid var(--color-info);border-radius:var(--radius-sm);background:var(--color-bg)}.sim-summary>.rows>.item.-advanced{border-left-color:var(--color-primary)}.sim-summary>.rows>.item>.head{display:flex;align-items:center;gap:6px;padding:4px 8px;list-style:none;cursor:pointer}.sim-summary>.rows>.item>.head:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sim-summary>.rows>.item>.head::-webkit-details-marker{display:none}.sim-summary>.rows>.item>.head>.name{flex:1;min-width:0;font-size:var(--text-xs);font-weight:700;color:var(--color-info);overflow-wrap:anywhere}.sim-summary>.rows>.item>.head>.total{font-family:var(--font-data);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.sim-summary>.rows>.item>.head>.arrow{flex:none;width:14px;height:14px;color:var(--color-text-faint);transition:transform .15s ease}.sim-summary>.rows>.item.-advanced>.head>.name{color:var(--color-primary)}.sim-summary>.rows>.item[open]>.head>.arrow{transform:rotate(180deg)}.sim-summary>.rows>.item>.body{display:flex;flex-direction:column;gap:4px;padding:0 8px 6px}.sim-summary>.rows>.item>.body>.effects{display:flex;flex-direction:column;gap:3px}.sim-summary>.rows>.item>.body>.effects>.effect{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);line-height:1.5}.sim-summary>.rows>.item>.body>.effects>.effect>.desc{line-height:1.5}.sim-summary>.rows>.item>.body>.effects>.effect>.desc>.value{font-family:var(--font-data);font-weight:700;color:var(--color-primary)}.sim-summary>.rows>.item>.body>.effects>.effect>.from{font-family:var(--font-data);font-size:var(--text-xs);color:var(--color-text-faint);text-align:right}.sim-summary>.rows>.item>.body>.effects>.effect.-inactive{background:rgba(0,0,0,0);border:1px dashed var(--color-line);color:var(--color-text-faint)}.sim-summary>.rows>.item>.body>.effects{gap:2px}.sim-summary>.rows>.item>.body>.effects>.effect{padding:2px 6px;font-size:var(--text-xs)}.sim-summary>.rows>.item>.body>.parts{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:.7rem;color:var(--color-text-muted)}.sim-summary>.totals{padding:6px 10px 8px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.sim-summary>.totals>.caption{margin-bottom:2px;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.sim-summary>.totals>.effects{display:grid;gap:0 16px;grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 768px){.sim-summary>.totals>.effects{grid-template-columns:repeat(2, minmax(0, 1fr))}}.sim-summary>.totals>.effects>.effect{padding:1px 0;font-size:var(--text-xs);line-height:1.6}.sim-summary>.totals>.effects>.effect>.desc>.value{font-family:var(--font-data);font-weight:700;color:var(--color-primary)}.sim-roster{display:grid;gap:10px;grid-template-columns:repeat(1, minmax(0, 1fr))}@media screen and (min-width: 768px){.sim-roster{grid-template-columns:repeat(2, minmax(0, 1fr))}}.sim-roster>.empty{grid-column:1/-1;padding:24px 16px;border:1px dashed var(--color-line);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.sim-roster>.entry{--entry-color: var(--color-line);--entry-text: var(--color-text-muted);position:relative;display:grid;grid-template-columns:48px minmax(0, 1fr);gap:6px 10px;padding:10px 40px 10px 12px;border:1px solid var(--entry-color);border-radius:var(--radius-md);background:var(--color-bg)}.sim-roster>.entry.-invalid{--entry-color: var(--color-danger);--entry-text: #fff}.sim-roster>.entry.-placed{--entry-color: var(--color-primary);--entry-text: var(--color-primary-contrast);background:var(--color-primary-tint)}.sim-roster>.entry>.delete{position:absolute;top:-1px;right:-1px;display:grid;place-items:center;width:34px;height:30px;padding:0;border:0;border-radius:0 var(--radius-md) 0 var(--radius-sm);background:var(--entry-color);color:var(--entry-text);cursor:pointer}.sim-roster>.entry>.delete:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sim-roster>.entry>.delete>.icon{width:17px;height:17px}.sim-roster>.entry>.delete:hover{background:var(--color-danger);color:#fff}.sim-roster>.entry>.icon{width:48px;height:48px;image-rendering:pixelated;border-radius:var(--radius-sm);background:var(--color-surface)}.sim-roster>.entry>.body{min-width:0}.sim-roster>.entry>.body>.head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-muted)}.sim-roster>.entry>.body>.head>.rank{flex:none;display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:4px;font-family:var(--font-data);font-size:var(--text-xs);font-weight:700;line-height:1;color:#fff;background:var(--color-text-faint)}.sim-roster>.entry>.body>.head>.rank.-n{background:#5f5c66}.sim-roster>.entry>.body>.head>.rank.-r{background:#1b6b2a}.sim-roster>.entry>.body>.head>.rank.-hr{background:#1f45c2}.sim-roster>.entry>.body>.head>.rank.-sr{background:#b0179f}.sim-roster>.entry>.body>.head>.rank.-lr{background:#d07a00}.sim-roster>.entry>.body>.head>.rank.-gr{background:#0a8fb0}.sim-roster>.entry>.body>.head>.transcend{font-family:var(--font-data);font-weight:700;color:var(--color-accent)}.sim-roster>.entry>.body>.head>.state{padding:2px 6px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-contrast);font-weight:700}.sim-roster>.entry>.body>.name{font-size:var(--text-md);font-weight:700;line-height:1.3}.sim-roster>.entry>.body>.name>.base{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}.sim-roster>.entry>.body>.name>.label{margin-left:4px;vertical-align:2px}.sim-roster>.entry>.body>.passives{display:flex;flex-wrap:wrap;gap:4px 6px}.sim-roster>.entry>.body>.passives>.passive{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-xs);line-height:1.2}.sim-roster>.entry>.body>.passives>.passive>.name{font-weight:600;overflow-wrap:anywhere}.sim-roster>.entry>.body>.passives>.passive>.level{font-family:var(--font-data);white-space:nowrap;color:var(--color-text-muted)}.sim-roster>.entry>.body>.passives>.passive.-main{background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary)}.sim-roster>.entry>.body>.passives>.passive.-main>.level{color:var(--color-primary)}.sim-roster>.entry>.body>.passives>.passive.-off{opacity:.45;text-decoration:line-through}.sim-roster>.entry>.body>.passives{margin-top:4px}.sim-roster>.entry>.body>.warn{margin-top:4px;font-size:var(--text-xs);color:var(--color-danger, #c2413c)}.sim-roster>.entry>.actions{grid-column:1/-1;align-self:end;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sim-roster>.entry>.actions>.button{gap:4px}.sim-roster>.entry>.actions>.button>.icon{width:14px;height:14px}.sim-editor>.form{display:flex;flex-direction:column;gap:14px}.sim-editor>.form>.group{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px dashed var(--color-line)}.sim-editor>.form>.group:first-child{padding-top:0;border-top:0}.sim-editor>.form>.group>.caption{font-size:var(--text-sm);font-weight:700}.sim-editor>.form>.group>.caption>.hint{margin-left:6px;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}.sim-editor>.form>.group>.base{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;grid-template-areas:"icon ident choose" "settings settings settings";gap:8px 10px;align-items:center;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}@media screen and (min-width: 768px){.sim-editor>.form>.group>.base{grid-template-columns:auto minmax(0, 1fr) auto auto;grid-template-areas:"icon ident settings choose";gap:8px 14px}}.sim-editor>.form>.group>.base>.icon{grid-area:icon;width:40px;height:40px;image-rendering:pixelated;border-radius:4px;background:var(--color-bg)}.sim-editor>.form>.group>.base>.ident{grid-area:ident;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.sim-editor>.form>.group>.base>.ident>.rank{flex:none;display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:4px;font-family:var(--font-data);font-size:var(--text-xs);font-weight:700;line-height:1;color:#fff;background:var(--color-text-faint)}.sim-editor>.form>.group>.base>.ident>.rank.-n{background:#5f5c66}.sim-editor>.form>.group>.base>.ident>.rank.-r{background:#1b6b2a}.sim-editor>.form>.group>.base>.ident>.rank.-hr{background:#1f45c2}.sim-editor>.form>.group>.base>.ident>.rank.-sr{background:#b0179f}.sim-editor>.form>.group>.base>.ident>.rank.-lr{background:#d07a00}.sim-editor>.form>.group>.base>.ident>.rank.-gr{background:#0a8fb0}.sim-editor>.form>.group>.base>.ident>.name{font-size:var(--text-md);font-weight:700;overflow-wrap:anywhere}.sim-editor>.form>.group>.base>.ident>.name.-none{color:var(--color-text-faint);font-weight:500}.sim-editor>.form>.group>.base>.choose{grid-area:choose;justify-self:end}.sim-editor>.form>.group>.base.-empty{grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"ident choose";width:100%;min-height:60px;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.sim-editor>.form>.group>.base.-empty:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media screen and (min-width: 768px){.sim-editor>.form>.group>.base.-empty{grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"ident choose"}}.sim-editor>.form>.group>.base.-empty>.choose{pointer-events:none}.sim-editor>.form>.group>.base.-empty:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.sim-editor>.form>.group>.base>.settings{grid-area:settings;display:flex;flex-wrap:wrap;gap:6px 12px}.sim-editor>.form>.group>.base>.settings>.field{flex-direction:row;align-items:center;gap:6px}.sim-editor>.form>.group>.base>.settings>.field>.select{min-height:32px;padding:2px 6px}.sim-editor>.form>.group>.skills{display:flex;flex-direction:column;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.sim-editor>.form>.group>.skills>.skill{display:grid;grid-template-columns:3.4em 3.6em minmax(0, 1fr);grid-template-areas:"caption pick pick" ". level awake" ". tools tools";gap:6px 8px;align-items:center;padding:6px 8px}.sim-editor>.form>.group>.skills>.skill+.skill{border-top:1px dashed var(--color-line)}@media screen and (min-width: 768px){.sim-editor>.form>.group>.skills>.skill{grid-template-columns:3.6em minmax(0, 1fr) 5.4em 15em 5.2em;grid-template-areas:"caption pick level awake tools";gap:8px 10px;padding:6px 10px}}.sim-editor>.form>.group>.skills>.skill:has(>.tools:empty){grid-template-areas:"caption pick pick" ". level awake"}@media screen and (min-width: 768px){.sim-editor>.form>.group>.skills>.skill:has(>.tools:empty){grid-template-areas:"caption pick level awake tools"}}.sim-editor>.form>.group>.skills>.skill.-empty{grid-template-areas:"caption pick pick"}@media screen and (min-width: 768px){.sim-editor>.form>.group>.skills>.skill.-empty{grid-template-areas:"caption pick level awake tools"}}.sim-editor>.form>.group>.skills>.skill.-empty>.level,.sim-editor>.form>.group>.skills>.skill.-empty>.awake,.sim-editor>.form>.group>.skills>.skill.-empty>.tools{display:none}.sim-editor>.form>.group>.skills>.skill>.caption{grid-area:caption;display:flex;flex-direction:column;font-size:var(--text-xs);font-weight:700;line-height:1.25;color:var(--color-text-muted)}.sim-editor>.form>.group>.skills>.skill>.caption>.hint{font-size:.66rem;font-weight:500}.sim-editor>.form>.group>.skills>.skill.-main>.caption{color:var(--color-primary)}.sim-editor>.form>.group>.skills>.skill>.pick{grid-area:pick;display:flex;align-items:center;gap:6px;min-width:0;min-height:34px;padding:4px 8px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.sim-editor>.form>.group>.skills>.skill>.pick:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sim-editor>.form>.group>.skills>.skill>.pick>.grade{flex:none;display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;line-height:1;color:#fff;background:var(--color-info)}.sim-editor>.form>.group>.skills>.skill>.pick>.grade.-advanced{background:var(--color-primary)}.sim-editor>.form>.group>.skills>.skill>.pick>.name{min-width:0;font-size:var(--text-sm);font-weight:700;line-height:1.3;overflow-wrap:anywhere}.sim-editor>.form>.group>.skills>.skill>.pick>.swap{flex:none;display:inline-flex;align-items:center;gap:3px;margin-left:auto;font-size:.68rem;font-weight:700;color:var(--color-text-muted)}.sim-editor>.form>.group>.skills>.skill>.pick>.swap>.icon{width:13px;height:13px}.sim-editor>.form>.group>.skills>.skill>.pick:hover{border-color:var(--color-primary)}.sim-editor>.form>.group>.skills>.skill>.pick:hover>.swap{color:var(--color-primary)}.sim-editor>.form>.group>.skills>.skill>.pick.-locked{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);cursor:default}.sim-editor>.form>.group>.skills>.skill>.pick.-locked>.swap{font-weight:500;color:var(--color-text-faint)}.sim-editor>.form>.group>.skills>.skill>.pick.-none{color:var(--color-text-faint)}.sim-editor>.form>.group>.skills>.skill>.pick.-add{justify-self:start;padding:4px 14px;border-style:dashed;border-color:var(--color-success);background:rgba(0,0,0,0);color:var(--color-success);font-size:var(--text-xs);font-weight:700}.sim-editor>.form>.group>.skills>.skill>.pick.-add:hover{background:var(--color-success-tint)}.sim-editor>.form>.group>.skills>.skill>.level{grid-area:level;display:flex;flex-direction:column;min-width:3.4em;font-family:var(--font-data);line-height:1.1;color:var(--color-primary)}.sim-editor>.form>.group>.skills>.skill>.level>.total{font-size:var(--text-sm);font-weight:700}.sim-editor>.form>.group>.skills>.skill>.level>.calc{font-size:.66rem;color:var(--color-text-muted)}.sim-editor>.form>.group>.skills>.skill>.awake{grid-area:awake;display:flex;align-items:center;gap:6px;min-width:0}.sim-editor>.form>.group>.skills>.skill>.awake>.dropdown{display:block;flex:1 1 auto;min-width:0;max-width:10em}@media screen and (min-width: 768px){.sim-editor>.form>.group>.skills>.skill>.awake>.dropdown{flex:0 0 9.5em}}.sim-editor>.form>.group>.skills>.skill>.awake>.dropdown>.toggle{width:100%}.sim-editor>.form>.group>.skills>.skill>.awake>.dropdown>.toggle>.arrow{margin-left:auto}.sim-editor>.form>.group>.skills>.skill>.awake>.bonus{flex:none;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-accent-tint);color:var(--color-accent);font-family:var(--font-data);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.sim-editor>.form>.group>.skills>.skill>.tools{grid-area:tools;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.sim-editor>.form>.group>.skills>.skill>.tools>.tool{min-height:28px;padding:0 10px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-muted);font:inherit;font-size:.7rem;font-weight:700;white-space:nowrap;cursor:pointer}.sim-editor>.form>.group>.skills>.skill>.tools>.tool:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sim-editor>.form>.group>.skills>.skill>.tools>.tool:hover{border-color:var(--color-primary);color:var(--color-primary)}.sim-editor>.form>.group>.skills>.skill>.tools>.tool.-danger{border-color:var(--color-danger);color:var(--color-danger)}.sim-editor>.form>.group>.skills>.skill>.tools>.tool.-danger:hover{background:var(--color-danger-tint)}.sim-editor .hint{font-size:var(--text-xs);color:var(--color-text-muted)}.sim-editor .field{display:inline-flex;flex-direction:column;gap:4px}.sim-editor .field>.caption{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.sim-editor .field>.input,.sim-editor .field>.select{min-height:36px;padding:4px 10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.sim-editor .field>.input:focus,.sim-editor .field>.select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.sim-editor .field>.input:disabled,.sim-editor .field>.select:disabled{opacity:.5}.sim-editor .field>.select>option.-invalid{color:var(--color-danger, #c2413c)}.sim-editor .dropdown{position:relative;display:inline-block}.sim-editor .dropdown>.toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:2px 8px 2px 10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm);line-height:1.2;white-space:nowrap;cursor:pointer}.sim-editor .dropdown>.toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sim-editor .dropdown>.toggle>.prefix{font-size:.66rem;font-weight:700;color:var(--color-text-muted)}.sim-editor .dropdown>.toggle>.value{flex:none;font-family:var(--font-data);font-weight:600}.sim-editor .dropdown>.toggle>.sub{font-size:.68rem;color:var(--color-text-muted);white-space:nowrap}.sim-editor .dropdown>.toggle>.arrow{flex:none;width:14px;height:14px;color:var(--color-text-faint)}.sim-editor .dropdown>.toggle:disabled{opacity:.5;cursor:default}.sim-editor .dropdown.-open>.toggle{border-color:var(--color-primary)}.sim-editor .dropdown>.menu{position:fixed;z-index:10;min-width:9em;max-height:40vh;padding:4px;overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);box-shadow:var(--shadow-md)}.sim-editor .dropdown>.menu>.option{display:flex;align-items:baseline;gap:10px;width:100%;padding:6px 10px;border:0;border-radius:4px;background:rgba(0,0,0,0);color:var(--color-text);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.sim-editor .dropdown>.menu>.option>.value{min-width:2.5em;font-family:var(--font-data);font-weight:600}.sim-editor .dropdown>.menu>.option>.sub{margin-left:auto;font-size:.68rem;color:var(--color-text-muted);white-space:nowrap}.sim-editor .dropdown>.menu>.option:hover,.sim-editor .dropdown>.menu>.option:focus-visible{background:var(--color-surface);outline:none}.sim-editor .dropdown>.menu>.option.-selected{background:var(--color-primary-tint);color:var(--color-primary)}.sim-editor .dropdown>.menu>.option.-invalid>.sub{color:var(--color-danger, #c2413c)}.sim-editor>.form>.errors{padding:8px 12px;border:1px solid var(--color-danger, #c2413c);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-danger, #c2413c) 8%, transparent);color:var(--color-danger, #c2413c);font-size:var(--text-sm)}.sim-editor>.form>.errors>.item+.item{margin-top:2px}.sim-picker{display:flex;flex-direction:column;gap:8px}.sim-picker>.search{width:100%;min-height:40px;padding:6px 12px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.sim-picker>.search:focus{outline:2px solid var(--color-primary);outline-offset:1px}.sim-picker>.hint{font-size:var(--text-xs);color:var(--color-text-muted)}.sim-picker>.extras{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sim-picker>.extras>.memo{font-size:var(--text-xs);color:var(--color-text-muted)}.sim-picker>.chips{display:flex;flex-wrap:wrap;gap:6px}.sim-picker>.chips>.chip{min-height:28px;padding:0 10px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-xs);font-weight:600;cursor:pointer}.sim-picker>.chips>.chip.-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.sim-picker>.entries{display:grid;grid-template-columns:minmax(0, 1fr);grid-auto-rows:max-content;align-content:start;gap:4px;max-height:50dvh;overflow:auto;-webkit-overflow-scrolling:touch}.sim-picker>.entries>.empty{grid-column:1/-1;padding:16px;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.sim-picker>.entries>.entry{position:relative;display:flex;min-height:max-content;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg)}.sim-picker>.entries>.entry:hover{border-color:var(--color-primary)}.sim-picker>.entries>.entry.-pinned{border-color:var(--color-primary)}.sim-picker>.entries>.entry.-placed{background:var(--color-primary-tint)}.sim-picker>.entries>.entry>.choose{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;padding:6px 10px;border:0;background:rgba(0,0,0,0);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.sim-picker>.entries>.entry>.choose:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sim-picker>.entries>.entry>.choose>.icon{width:32px;height:32px;image-rendering:pixelated;border-radius:4px}.sim-picker>.entries>.entry>.choose>.rank{flex:none;display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:4px;font-family:var(--font-data);font-size:var(--text-xs);font-weight:700;line-height:1;color:#fff;background:var(--color-text-faint)}.sim-picker>.entries>.entry>.choose>.rank.-n{background:#5f5c66}.sim-picker>.entries>.entry>.choose>.rank.-r{background:#1b6b2a}.sim-picker>.entries>.entry>.choose>.rank.-hr{background:#1f45c2}.sim-picker>.entries>.entry>.choose>.rank.-sr{background:#b0179f}.sim-picker>.entries>.entry>.choose>.rank.-lr{background:#d07a00}.sim-picker>.entries>.entry>.choose>.rank.-gr{background:#0a8fb0}.sim-picker>.entries>.entry>.choose>.transcend{font-family:var(--font-data);font-size:var(--text-xs);font-weight:700;color:var(--color-accent)}.sim-picker>.entries>.entry>.choose>.name{font-size:var(--text-sm);font-weight:700;overflow-wrap:anywhere}.sim-picker>.entries>.entry>.choose>.state{font-size:var(--text-xs);font-weight:700;color:var(--color-primary)}.sim-picker>.entries>.entry>.choose>.meta{flex-basis:100%;font-size:var(--text-xs);color:var(--color-text-muted)}.sim-picker>.entries>.entry>.choose>.passives{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 6px}.sim-picker>.entries>.entry>.choose>.passives>.passive{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-xs);line-height:1.2}.sim-picker>.entries>.entry>.choose>.passives>.passive>.name{font-weight:600;overflow-wrap:anywhere}.sim-picker>.entries>.entry>.choose>.passives>.passive>.level{font-family:var(--font-data);white-space:nowrap;color:var(--color-text-muted)}.sim-picker>.entries>.entry>.choose>.passives>.passive.-main{background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary)}.sim-picker>.entries>.entry>.choose>.passives>.passive.-main>.level{color:var(--color-primary)}.sim-picker>.entries>.entry>.choose>.passives>.passive.-off{opacity:.45;text-decoration:line-through}.sim-picker>.entries>.entry>.choose>.head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.sim-picker>.entries>.entry>.choose>.head>.grade{flex:none;display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;line-height:1;color:#fff;background:var(--color-info)}.sim-picker>.entries>.entry>.choose>.head>.grade.-advanced{background:var(--color-primary)}.sim-picker>.entries>.entry>.choose>.head>.name{min-width:0;font-size:var(--text-sm);font-weight:700;overflow-wrap:anywhere}.sim-picker>.entries>.entry>.choose>.head>.tag{flex:none;display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border:1px solid #7a4db8;border-radius:var(--radius-pill);color:#7a4db8;font-size:var(--text-xs);font-weight:700;line-height:1}.sim-picker>.entries>.entry>.choose>.stages{flex-basis:100%;display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.sim-picker>.entries>.entry>.choose>.stages>.stage>.step{display:inline-block;margin-right:6px;font-family:var(--font-data);font-weight:700;color:var(--color-text)}.sim-picker>.entries>.entry>.choose>.stages>.stage.-note{color:var(--color-text-faint)}.sim-picker>.entries>.entry>.pin-toggle{position:static;flex:none;align-self:stretch;flex-direction:column;justify-content:center;gap:3px;min-width:3.6em;min-height:0;margin:0;padding:6px 8px;border:0;border-left:1px solid var(--color-line);border-radius:0;background:var(--color-surface);font-size:.68rem}.sim-picker>.entries>.entry>.pin-toggle:hover{transform:none;background:var(--color-primary-tint)}.sim-picker>.entries>.entry>.pin-toggle.-active{background:var(--color-primary);border-left-color:var(--color-primary);color:var(--color-primary-contrast)}.sim-picker>.entries>.entry>.pin-toggle>.icon{width:14px;height:14px}.sim-picker>.entries.-compact{gap:4px 6px}@media screen and (min-width: 768px){.sim-picker>.entries.-compact{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1024px){.sim-picker>.entries.-compact{grid-template-columns:repeat(3, minmax(0, 1fr))}}.sim-picker>.entries.-compact>.entry>.choose{padding:4px 8px}.sim-picker>.entries.-compact>.entry>.choose>.stages{display:none}.sim-picker>.entries.-compact>.entry>.pin-toggle{flex-direction:row;gap:2px;min-width:3.2em;padding:4px 6px}.sim-picker>.entries.-compact>.entry>.pin-toggle>.icon{width:12px;height:12px}.phase-sim{display:grid;gap:14px}@media screen and (min-width: 1024px){.phase-sim{grid-template-columns:repeat(3, minmax(0, 1fr));align-items:start}}.phase-sim>.stone{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);overflow:clip}.phase-sim>.stone>.head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;border-bottom:1px solid var(--color-line);background:var(--color-surface)}.phase-sim>.stone>.head>.name{flex:1 0 100%;font-size:var(--text-md);font-weight:700}.phase-sim>.stone>.head>.stage{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--color-text-muted)}.phase-sim>.stone>.head>.stage>.select{min-width:4.5em;padding:4px 8px;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-data);font-size:var(--text-sm)}.phase-sim>.stone>.head>.points{margin-left:auto;font-size:var(--text-sm);color:var(--color-text-muted)}.phase-sim>.stone>.head>.points>.used{color:var(--color-primary);font-family:var(--font-data)}.phase-sim>.stone>.head>.points>.cap{font-family:var(--font-data)}.phase-sim>.stone>.head>.points>.rest{margin-left:2px;font-size:var(--text-xs)}.phase-sim>.stone>.lock{display:none;margin:0;padding:8px 12px;font-size:var(--text-xs);color:var(--color-text-muted)}.phase-sim>.stone>.skills{margin:0;padding:4px 0;list-style:none}.phase-sim>.stone>.skills>.skill{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;align-items:center;gap:8px;padding:5px 10px 5px 12px;font-size:var(--text-sm)}.phase-sim>.stone>.skills>.skill+.skill{border-top:1px dashed var(--color-line)}.phase-sim>.stone>.skills>.skill>.name{min-width:0;line-height:1.4;overflow-wrap:anywhere}.phase-sim>.stone>.skills>.skill>.value{color:var(--color-text-faint);font-family:var(--font-data);font-size:var(--text-xs);text-align:right;white-space:nowrap}.phase-sim>.stone>.skills>.skill>.stepper{display:inline-flex;align-items:center;border:1px solid var(--color-line-strong);border-radius:999px;overflow:hidden}.phase-sim>.stone>.skills>.skill>.stepper>.minus,.phase-sim>.stone>.skills>.skill>.stepper>.plus{width:30px;height:28px;padding:0;border:0;background:var(--color-surface);color:var(--color-text);font-size:1rem;line-height:1;cursor:pointer}.phase-sim>.stone>.skills>.skill>.stepper>.minus:hover:not(:disabled),.phase-sim>.stone>.skills>.skill>.stepper>.plus:hover:not(:disabled){background:var(--color-primary-tint);color:var(--color-primary)}.phase-sim>.stone>.skills>.skill>.stepper>.minus:disabled,.phase-sim>.stone>.skills>.skill>.stepper>.plus:disabled{color:var(--color-text-faint);cursor:default;opacity:.5}.phase-sim>.stone>.skills>.skill>.stepper>.minus:focus-visible,.phase-sim>.stone>.skills>.skill>.stepper>.plus:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.phase-sim>.stone>.skills>.skill>.stepper>.lv{min-width:2em;font-family:var(--font-data);font-weight:700;text-align:center}.phase-sim>.stone>.skills>.skill.-on>.name{font-weight:700}.phase-sim>.stone>.skills>.skill.-on>.value{color:var(--color-primary);font-weight:700}.phase-sim>.stone>.next{margin:0;padding:8px 12px 10px;border-top:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.6}.phase-sim>.stone>.next:empty{display:none}.phase-sim>.stone.-locked>.head{opacity:.6}.phase-sim>.stone.-locked>.lock{display:block}.phase-sim>.stone.-locked>.skills{opacity:.45}.phase-sim>.summary{min-width:0;padding:12px 14px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}@media screen and (min-width: 1024px){.phase-sim>.summary{grid-column:1/-1}}.phase-sim>.summary>.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.phase-sim>.summary>.top>.title{font-size:var(--text-md);font-weight:700}.phase-sim>.summary>.rows{display:grid;gap:0 24px;margin:0;padding:0;list-style:none}@media screen and (min-width: 768px){.phase-sim>.summary>.rows{grid-template-columns:repeat(2, minmax(0, 1fr))}}.phase-sim>.summary>.rows>.row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--color-line);font-size:var(--text-sm)}.phase-sim>.summary>.rows>.row>.key{display:flex;flex-direction:column;min-width:0}.phase-sim>.summary>.rows>.row>.key>.stone{color:var(--color-text-faint);font-size:var(--text-xs)}.phase-sim>.summary>.rows>.row>.key>.skill-name{overflow-wrap:anywhere}.phase-sim>.summary>.rows>.row>.amount{flex:none;color:var(--color-primary);font-family:var(--font-data);font-weight:700}.phase-sim>.summary>.empty{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.formula{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--color-line);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);line-height:1.7;font-variant-numeric:tabular-nums}.formula>.caption{margin-bottom:2px;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.formula>.line{overflow-wrap:anywhere}.formula>.line.-sub{padding-left:1.2em;color:var(--color-text-muted)}.formula>.line.-result{padding-left:1.2em;font-weight:700;color:var(--color-primary)}.formula+.formula{margin-top:8px}.formula.-compact{padding:6px 10px}.seiren-options{display:grid;gap:8px;grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 768px){.seiren-options{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1024px){.seiren-options{grid-template-columns:repeat(3, minmax(0, 1fr))}}.seiren-options>.band-title{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:8px;font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.seiren-options>.band-title::after{content:"";flex:1;height:1px;background:var(--color-line)}.seiren-options>.band-title:first-child{margin-top:0}.seiren-option{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg)}.seiren-option>.head{display:flex;align-items:flex-start;gap:6px}.seiren-option>.head>.name{flex:1;min-width:0;margin:0;font-size:var(--text-sm);font-weight:700;line-height:1.4;overflow-wrap:anywhere}.seiren-option>.head>.band{flex:none;padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-surface);font-size:.68rem;color:var(--color-text-muted);white-space:nowrap}.seiren-option>.grades{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:4px}.seiren-option>.grades>.grade{display:flex;flex-direction:column;align-items:center;padding:4px 2px;border-radius:var(--radius-sm);background:var(--color-surface);line-height:1.2}.seiren-option>.grades>.grade>.label{font-size:.66rem;font-weight:700;color:var(--color-text-muted)}.seiren-option>.grades>.grade>.value{font-family:var(--font-data);font-size:var(--text-md);font-weight:700;font-variant-numeric:tabular-nums}.seiren-option>.grades>.grade.-mid>.label{color:var(--color-info)}.seiren-option>.grades>.grade.-high>.label,.seiren-option>.grades>.grade.-high>.value{color:var(--color-primary)}.seiren-option>.grades>.grade.-inactive>.value{color:var(--color-text-faint);font-weight:500}.seiren-option:not(:has(>.grades>.grade:not(.-inactive))){opacity:.5}.seiren-table>.table>tbody>tr>th:first-child{min-width:7.5em;max-width:10em;white-space:normal;overflow-wrap:anywhere;line-height:1.4}@media screen and (min-width: 768px){.seiren-table>.table>tbody>tr>th:first-child{max-width:16em}}.minipet-sets{display:grid;gap:10px;grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 1024px){.minipet-sets{grid-template-columns:repeat(2, minmax(0, 1fr))}}.minipet-set{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.minipet-set>.head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.minipet-set>.head>.name{margin:0;font-size:var(--text-md);font-weight:700}.minipet-set>.head>.tag{padding:1px 8px;border:1px solid var(--color-accent);border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;color:var(--color-accent)}.minipet-set>.effects{display:flex;flex-direction:column;gap:1px;font-size:var(--text-xs);line-height:1.5;color:var(--color-text)}.minipet-set>.effects>.item::before{content:"・";color:var(--color-text-faint)}.minipet-set>.slots{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));gap:3px;margin-top:auto}.minipet-set>.slots>.slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;padding:10px 1px 3px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);text-align:center}.minipet-set>.slots>.slot>.no{position:absolute;top:1px;left:3px;font-family:var(--font-data);font-size:.6rem;color:var(--color-text-faint)}.minipet-set>.slots>.slot>.icon{width:100%;max-width:32px;height:auto;aspect-ratio:38/39;border-radius:3px}.minipet-set>.slots>.slot>.name{display:none;max-width:100%;font-size:.6rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 768px){.minipet-set>.slots>.slot>.name{display:block}}.minipet-set>.slots>.slot>.text{font-size:.6rem;font-weight:700;line-height:1.25}.minipet-set>.slots>.slot.-fire{border-color:color-mix(in srgb, var(--color-game-fire) 45%, transparent);background:color-mix(in srgb, var(--color-game-fire) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-fire>.text{color:var(--color-game-fire)}.minipet-set>.slots>.slot.-water{border-color:color-mix(in srgb, var(--color-game-water) 45%, transparent);background:color-mix(in srgb, var(--color-game-water) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-water>.text{color:var(--color-game-water)}.minipet-set>.slots>.slot.-wind{border-color:color-mix(in srgb, var(--color-game-wind) 45%, transparent);background:color-mix(in srgb, var(--color-game-wind) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-wind>.text{color:var(--color-game-wind)}.minipet-set>.slots>.slot.-earth{border-color:color-mix(in srgb, var(--color-game-earth) 45%, transparent);background:color-mix(in srgb, var(--color-game-earth) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-earth>.text{color:var(--color-game-earth)}.minipet-set>.slots>.slot.-light{border-color:color-mix(in srgb, var(--color-game-light) 45%, transparent);background:color-mix(in srgb, var(--color-game-light) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-light>.text{color:var(--color-game-light)}.minipet-set>.slots>.slot.-dark{border-color:color-mix(in srgb, var(--color-game-dark) 45%, transparent);background:color-mix(in srgb, var(--color-game-dark) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-dark>.text{color:var(--color-game-dark)}.minipet-set>.slots>.slot.-illusion{border-color:color-mix(in srgb, #8a5fb8 45%, transparent);background:color-mix(in srgb, #8a5fb8 12%, var(--color-bg))}.minipet-set>.slots>.slot.-illusion>.text{color:#8a5fb8}.minipet-set>.slots>.slot.-all{border-color:color-mix(in srgb, var(--color-text-muted) 45%, transparent);background:color-mix(in srgb, var(--color-text-muted) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-all>.text{color:var(--color-text-muted)}.minipet-set>.slots>.slot.-mutation{border-color:color-mix(in srgb, var(--color-accent) 45%, transparent);background:color-mix(in srgb, var(--color-accent) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-mutation>.text{color:var(--color-accent)}.minipet-set>.slots>.slot.-unknown{border-color:color-mix(in srgb, var(--color-text-faint) 45%, transparent);background:color-mix(in srgb, var(--color-text-faint) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-unknown>.text{color:var(--color-text-faint)}.minipet-set>.slots>.slot.-other{border-color:color-mix(in srgb, var(--color-text-muted) 45%, transparent);background:color-mix(in srgb, var(--color-text-muted) 12%, var(--color-bg))}.minipet-set>.slots>.slot.-other>.text{color:var(--color-text-muted)}.minipet-set>.slots>.slot.-unknown{border-style:dashed}.minipet-icon{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:4.5em}.minipet-icon>.icon{width:38px;height:39px;border-radius:3px}.minipet-icon>.name{font-size:var(--text-xs);line-height:1.3;text-align:center}.hikikaku-items{display:grid;gap:8px;grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 768px){.hikikaku-items{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1024px){.hikikaku-items{grid-template-columns:repeat(3, minmax(0, 1fr))}}.hikikaku-item{padding:6px 10px 8px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.hikikaku-item>.head{display:flex;align-items:center;gap:2px 8px;padding-bottom:5px;border-bottom:1px solid var(--color-line)}.hikikaku-item>.head>.icon{flex:none;width:34px;height:34px;border-radius:var(--radius-sm);image-rendering:pixelated}.hikikaku-item>.head>.kind{flex:none;margin:0;font-size:var(--text-sm);font-weight:700}.hikikaku-item>.head>.common{margin:0 0 0 auto;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.35;text-align:right}.hikikaku-item>.tiers{margin:0;padding:0;list-style:none}.hikikaku-item>.tiers>.tier{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;padding:3px 0;line-height:1.35}.hikikaku-item>.tiers>.tier+.tier{border-top:1px dashed var(--color-line)}.hikikaku-item>.tiers>.tier>.lv{flex:none;width:2.6em;font-family:var(--font-data);font-size:var(--text-xs);font-weight:700}.hikikaku-item>.tiers>.tier>.name{font-size:var(--text-sm);font-weight:700}.hikikaku-item>.tiers>.tier>.stat{margin-left:auto;color:var(--color-text-muted);font-size:var(--text-xs);text-align:right}.hikikaku-item>.tiers>.tier.-lv1250>.lv{color:var(--color-game-water)}.hikikaku-item>.tiers>.tier.-lv1500>.lv{color:var(--color-game-earth)}.hikikaku-item>.tiers>.tier.-lv1750>.lv{color:var(--color-game-fire)}.hikikaku-parts>.accordion>.body{padding-top:2px}.hikikaku-parts>.accordion>.body>.options{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));margin:0;padding:0;border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);list-style:none}@media screen and (min-width: 768px){.hikikaku-parts>.accordion>.body>.options{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1024px){.hikikaku-parts>.accordion>.body>.options{grid-template-columns:repeat(4, minmax(0, 1fr))}}.hikikaku-parts>.accordion>.body>.options>.option{padding:4px 8px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-size:var(--text-xs);line-height:1.4;overflow-wrap:anywhere}.hikikaku-parts>.accordion>.body>.more{margin-top:6px;color:var(--color-text-muted);font-size:var(--text-xs)}.hikikaku-table>.table{width:100%;min-width:0}.hikikaku-table>.table>thead>tr>th.-num,.hikikaku-table>.table>tbody>tr>td.-num{display:none;width:1%;white-space:nowrap}.hikikaku-table>.table>thead>tr>th.-num{padding:0}.hikikaku-table>.table>thead>tr>th:first-child,.hikikaku-table>.table>tbody>tr>th{width:100%;min-width:8em;white-space:normal;overflow-wrap:anywhere}.hikikaku-table>.table>tbody>tr>th{padding:0}@media screen and (max-width: 767px){.hikikaku-table>.table{font-size:var(--text-xs)}.hikikaku-table>.table>thead>tr>th:first-child,.hikikaku-table>.table>tbody>tr>td{padding-inline:5px}}.hikikaku-table[data-tier="0"]>.table>thead>tr>.-t0,.hikikaku-table[data-tier="0"]>.table>tbody>tr>.-t0{display:table-cell}.hikikaku-table[data-tier="0"]>.table>thead>tr>.-t1,.hikikaku-table[data-tier="0"]>.table>tbody>tr>.-t1{display:table-cell}.hikikaku-table[data-tier="0"]>.table>thead>tr>.-t2,.hikikaku-table[data-tier="0"]>.table>tbody>tr>.-t2{display:table-cell}.hikikaku-table[data-tier="0"]>.table>thead>tr>.-t0{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="0"]>.table>tbody>tr>.-t0{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="1"]>.table>thead>tr>.-t0,.hikikaku-table[data-tier="1"]>.table>tbody>tr>.-t0{display:table-cell}.hikikaku-table[data-tier="1"]>.table>thead>tr>.-t1,.hikikaku-table[data-tier="1"]>.table>tbody>tr>.-t1{display:table-cell}.hikikaku-table[data-tier="1"]>.table>thead>tr>.-t2,.hikikaku-table[data-tier="1"]>.table>tbody>tr>.-t2{display:table-cell}.hikikaku-table[data-tier="1"]>.table>thead>tr>.-t1{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="1"]>.table>tbody>tr>.-t1{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="2"]>.table>thead>tr>.-t1,.hikikaku-table[data-tier="2"]>.table>tbody>tr>.-t1{display:table-cell}.hikikaku-table[data-tier="2"]>.table>thead>tr>.-t2,.hikikaku-table[data-tier="2"]>.table>tbody>tr>.-t2{display:table-cell}.hikikaku-table[data-tier="2"]>.table>thead>tr>.-t3,.hikikaku-table[data-tier="2"]>.table>tbody>tr>.-t3{display:table-cell}.hikikaku-table[data-tier="2"]>.table>thead>tr>.-t2{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="2"]>.table>tbody>tr>.-t2{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="3"]>.table>thead>tr>.-t2,.hikikaku-table[data-tier="3"]>.table>tbody>tr>.-t2{display:table-cell}.hikikaku-table[data-tier="3"]>.table>thead>tr>.-t3,.hikikaku-table[data-tier="3"]>.table>tbody>tr>.-t3{display:table-cell}.hikikaku-table[data-tier="3"]>.table>thead>tr>.-t4,.hikikaku-table[data-tier="3"]>.table>tbody>tr>.-t4{display:table-cell}.hikikaku-table[data-tier="3"]>.table>thead>tr>.-t3{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="3"]>.table>tbody>tr>.-t3{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="4"]>.table>thead>tr>.-t3,.hikikaku-table[data-tier="4"]>.table>tbody>tr>.-t3{display:table-cell}.hikikaku-table[data-tier="4"]>.table>thead>tr>.-t4,.hikikaku-table[data-tier="4"]>.table>tbody>tr>.-t4{display:table-cell}.hikikaku-table[data-tier="4"]>.table>thead>tr>.-t5,.hikikaku-table[data-tier="4"]>.table>tbody>tr>.-t5{display:table-cell}.hikikaku-table[data-tier="4"]>.table>thead>tr>.-t4{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="4"]>.table>tbody>tr>.-t4{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="5"]>.table>thead>tr>.-t4,.hikikaku-table[data-tier="5"]>.table>tbody>tr>.-t4{display:table-cell}.hikikaku-table[data-tier="5"]>.table>thead>tr>.-t5,.hikikaku-table[data-tier="5"]>.table>tbody>tr>.-t5{display:table-cell}.hikikaku-table[data-tier="5"]>.table>thead>tr>.-t6,.hikikaku-table[data-tier="5"]>.table>tbody>tr>.-t6{display:table-cell}.hikikaku-table[data-tier="5"]>.table>thead>tr>.-t5{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="5"]>.table>tbody>tr>.-t5{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="6"]>.table>thead>tr>.-t5,.hikikaku-table[data-tier="6"]>.table>tbody>tr>.-t5{display:table-cell}.hikikaku-table[data-tier="6"]>.table>thead>tr>.-t6,.hikikaku-table[data-tier="6"]>.table>tbody>tr>.-t6{display:table-cell}.hikikaku-table[data-tier="6"]>.table>thead>tr>.-t7,.hikikaku-table[data-tier="6"]>.table>tbody>tr>.-t7{display:table-cell}.hikikaku-table[data-tier="6"]>.table>thead>tr>.-t6{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="6"]>.table>tbody>tr>.-t6{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="7"]>.table>thead>tr>.-t6,.hikikaku-table[data-tier="7"]>.table>tbody>tr>.-t6{display:table-cell}.hikikaku-table[data-tier="7"]>.table>thead>tr>.-t7,.hikikaku-table[data-tier="7"]>.table>tbody>tr>.-t7{display:table-cell}.hikikaku-table[data-tier="7"]>.table>thead>tr>.-t8,.hikikaku-table[data-tier="7"]>.table>tbody>tr>.-t8{display:table-cell}.hikikaku-table[data-tier="7"]>.table>thead>tr>.-t7{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="7"]>.table>tbody>tr>.-t7{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="8"]>.table>thead>tr>.-t7,.hikikaku-table[data-tier="8"]>.table>tbody>tr>.-t7{display:table-cell}.hikikaku-table[data-tier="8"]>.table>thead>tr>.-t8,.hikikaku-table[data-tier="8"]>.table>tbody>tr>.-t8{display:table-cell}.hikikaku-table[data-tier="8"]>.table>thead>tr>.-t9,.hikikaku-table[data-tier="8"]>.table>tbody>tr>.-t9{display:table-cell}.hikikaku-table[data-tier="8"]>.table>thead>tr>.-t8{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="8"]>.table>tbody>tr>.-t8{background:var(--color-primary-tint);font-weight:700}.hikikaku-table[data-tier="9"]>.table>thead>tr>.-t7,.hikikaku-table[data-tier="9"]>.table>tbody>tr>.-t7{display:table-cell}.hikikaku-table[data-tier="9"]>.table>thead>tr>.-t8,.hikikaku-table[data-tier="9"]>.table>tbody>tr>.-t8{display:table-cell}.hikikaku-table[data-tier="9"]>.table>thead>tr>.-t9,.hikikaku-table[data-tier="9"]>.table>tbody>tr>.-t9{display:table-cell}.hikikaku-table[data-tier="9"]>.table>thead>tr>.-t9{background:var(--color-primary);color:var(--color-primary-contrast)}.hikikaku-table[data-tier="9"]>.table>tbody>tr>.-t9{background:var(--color-primary-tint);font-weight:700}.hikikaku-table:not(.-all){overflow:visible}.hikikaku-table:not(.-all)>.table>thead>tr>th{position:sticky;top:var(--hikikaku-top, var(--header-height));z-index:2}.hikikaku-table.-all>.table{min-width:900px}.hikikaku-table.-all>.table>thead>tr>.-num,.hikikaku-table.-all>.table>tbody>tr>.-num{display:table-cell}.hikikaku-table>.table>tbody>tr>th>.open{display:flex;align-items:center;gap:6px;width:100%;min-height:34px;padding:4px 8px;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}.hikikaku-table>.table>tbody>tr>th>.open:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hikikaku-table>.table>tbody>tr>th>.open>.mark{flex:none;margin-left:auto;color:var(--color-text-faint);font-size:1.2em;line-height:1}.hikikaku-table>.table>tbody>tr>th>.open:hover{color:var(--color-primary)}.hikikaku-table>.table>tbody>tr>th>.open:hover>.mark{color:var(--color-primary)}@media screen and (max-width: 767px){.hikikaku-table>.table>tbody>tr>th>.open{padding-inline:5px}}.hikikaku-table>.table>thead>tr>th>.pick,.hikikaku-table>.table>thead>tr>th>.step{display:block;width:100%;min-height:32px;padding:4px 8px;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-weight:700;text-align:right;white-space:nowrap;cursor:pointer}.hikikaku-table>.table>thead>tr>th>.pick:focus-visible,.hikikaku-table>.table>thead>tr>th>.step:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hikikaku-table>.table>thead>tr>th>.pick{width:calc(100% - 8px);min-height:26px;margin:3px 4px;padding-right:22px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-sm);appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 6px center/11px}.hikikaku-table>.table>thead>tr>th>.pick>option{color:var(--color-text);background:var(--color-bg)}.hikikaku-table>.table>thead>tr>th>.step{color:var(--color-text-muted)}.hikikaku-table>.table>thead>tr>th>.step:hover{color:var(--color-primary)}@media screen and (max-width: 767px){.hikikaku-table>.table>thead>tr>th>.pick,.hikikaku-table>.table>thead>tr>th>.step{padding-inline:5px}.hikikaku-table>.table>thead>tr>th>.pick{width:calc(100% - 6px);margin-inline:3px;padding-right:18px;background-position:right 4px center}}.hikikaku-tier-list>tbody>tr.-highlight>*{background:var(--color-primary-tint);font-weight:700}.kaihou-groups{display:grid;grid-template-columns:minmax(0, 1fr);align-items:start;gap:12px}@media screen and (min-width: 1024px){.kaihou-groups{grid-template-columns:repeat(2, minmax(0, 1fr))}}.kaihou-groups>.filter-empty{grid-column:1/-1}.kaihou-group{overflow:clip;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.kaihou-group>.title{position:sticky;top:var(--kaihou-top, var(--header-height));z-index:3;display:flex;align-items:center;gap:8px;height:34px;margin:0;padding:0 10px;background:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--text-sm);font-weight:700}.kaihou-group>.title>.count{margin-left:auto;font-size:var(--text-xs);font-weight:600;opacity:.85}.kaihou-group>.sheet{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:1.35}.kaihou-group>.sheet th,.kaihou-group>.sheet td{padding:4px 8px;vertical-align:middle}.kaihou-group>.sheet>thead>tr>th{position:sticky;top:calc(var(--kaihou-top, var(--header-height)) + 34px);z-index:2;background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-line)}.kaihou-group>.sheet>thead>tr>th.num,.kaihou-group>.sheet>thead>tr>th.rate{text-align:right}.kaihou-group>.sheet>tbody{border-top:1px solid var(--color-line)}.kaihou-group>.sheet>tbody:nth-of-type(even){background:color-mix(in srgb, var(--color-surface) 60%, transparent)}.kaihou-group>.sheet>tbody>tr>.name{width:100%;font-weight:600;text-align:left;overflow-wrap:anywhere}.kaihou-group>.sheet>tbody>tr>.num{font-family:var(--font-data);font-weight:700;text-align:right;white-space:nowrap}.kaihou-group>.sheet>tbody>tr>.rate{min-width:5em;font-family:var(--font-data);text-align:right;white-space:nowrap}@media screen and (max-width: 767px){.kaihou-group>.sheet{font-size:var(--text-xs)}.kaihou-group>.sheet th,.kaihou-group>.sheet td{padding:4px 6px}}._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-stage{position:relative;isolation:isolate;overflow:clip}.top-stage>.backdrop{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;pointer-events:none;mask-image:linear-gradient(180deg, #000 80%, rgba(0, 0, 0, 0.55) 100%);opacity:.55}@media screen and (min-width: 1024px){.top-stage>.backdrop{opacity:.92}}.top-stage>.backdrop.-sp{position:fixed;inset:var(--header-height) 0 auto;width:100%;height:auto;opacity:.8;mask-image:linear-gradient(180deg, #000 94%, transparent 100%)}@media screen and (min-width: 768px){.top-stage>.backdrop.-sp{display:none}}.top-stage>.backdrop.-fill{position:fixed;inset:var(--header-height) 0 0;z-index:-2;width:100%;height:calc(100lvh - var(--header-height));object-fit:cover;filter:blur(28px) saturate(1.1);scale:1.15;opacity:.8;mask-image:none}@media screen and (min-width: 768px){.top-stage>.backdrop.-fill{display:none}}.top-stage>.backdrop.-pc{display:none}@media screen and (min-width: 768px){.top-stage>.backdrop.-pc{display:block;object-position:22% center}}@media screen and (min-width: 1024px){.top-stage>.backdrop.-pc{object-position:center 40%}}:root[data-theme=dark] .top-stage>.backdrop{opacity:.28}.top-tiles{display:flex;flex-direction:column;gap:8px;padding-block:14px 92px}.top-tiles>.main{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:start;gap:8px;min-width:0}.top-tiles>.main>.column{display:flex;flex-direction:column;gap:8px;min-width:0}.top-tiles>.main>.column.-wide{grid-column:1/-1}.top-tiles>.side{display:flex;flex-direction:column;gap:8px;min-width:0}@media screen and (min-width: 768px){.top-tiles{gap:12px}.top-tiles>.main{display:block;columns:3;column-gap:12px}.top-tiles>.main>.column{display:contents}.top-tiles>.main .tile{display:inline-block;margin-bottom:12px;break-inside:avoid}.top-tiles>.side{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));align-items:start;gap:12px}}@media screen and (min-width: 1024px){.top-tiles{display:grid;grid-template-columns:minmax(0, 3fr) minmax(0, 1fr);align-items:start;gap:14px;padding-top:18px}.top-tiles>.main{column-gap:14px}.top-tiles>.main .tile{margin-bottom:14px}.top-tiles>.side{display:flex;gap:14px}}.top-tiles .tile{--tile: #8a1f2c;scroll-margin-top:calc(var(--header-height) + 12px)}@media screen and (min-width: 1024px){.top-tiles .tile{scroll-margin-top:calc(var(--header-height-lg) + 12px)}}.top-tiles .tile{display:block;width:100%;margin:0;overflow:hidden;border:1px solid color-mix(in srgb, var(--tile) 30%, var(--color-line));border-radius:var(--radius-md);background:var(--color-bg);box-shadow:0 2px 8px color-mix(in srgb, var(--tile) 12%, transparent)}.top-tiles .tile.-red{--tile: #8a1f2c}.top-tiles .tile.-blue{--tile: #24558f}.top-tiles .tile.-gold{--tile: #8a6320}.top-tiles .tile.-purple{--tile: #5d3a8c}.top-tiles .tile.-orange{--tile: #b0521c}.top-tiles .tile.-teal{--tile: #1d6d6a}.top-tiles .tile.-crimson{--tile: #6e1f3b}.top-tiles .tile.-slate{--tile: #4a5566}.top-tiles .tile.-pink{--tile: #a33e67}.top-tiles .tile.-navy{--tile: #1f2d52}.top-tiles .tile>.head{position:relative;isolation:isolate;display:flex;align-items:center;min-height:34px;margin:0;padding:6px 10px}@media screen and (min-width: 768px){.top-tiles .tile>.head{min-height:42px;padding:8px 12px}}.top-tiles .tile>.head{overflow:hidden;background:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 12px),repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 12px),linear-gradient(135deg, color-mix(in srgb, var(--tile) 80%, #fff), var(--tile) 50%, color-mix(in srgb, var(--tile) 70%, #000));color:#fff;font-size:var(--text-sm);font-weight:700;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.3)}@media screen and (min-width: 768px){.top-tiles .tile>.head{font-size:var(--text-md)}}.top-tiles .tile>.head::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg, transparent, var(--color-accent), transparent)}.top-tiles .tile>.head>.name,.top-tiles .tile>.head>.jump>.name{position:relative;z-index:1;padding-right:34px}@media screen and (min-width: 768px){.top-tiles .tile>.head>.name,.top-tiles .tile>.head>.jump>.name{padding-right:44px}}.top-tiles .tile>.head>.name>.over,.top-tiles .tile>.head>.jump>.name>.over{display:block;font-family:var(--font-data);font-size:.62rem;font-weight:600;letter-spacing:.1em;opacity:.75}.top-tiles .tile>.head>.jump{display:flex;align-items:center;flex:1;margin:-8px -12px;padding:8px 12px;color:inherit;text-decoration:none}.top-tiles .tile>.head>.jump:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.top-tiles .tile>.head>.jump>.arrow{position:relative;z-index:1;margin-left:6px;font-size:1.2em;line-height:1;transition:transform .15s ease}.top-tiles .tile>.head>.jump:hover>.arrow{transform:translateX(3px)}.top-tiles .tile>.head>.jump>.bg{position:absolute;inset:0 0 0 auto;z-index:-1;width:60%;height:100%;object-fit:cover;object-position:center 30%;mask-image:linear-gradient(90deg, transparent, #000 70%);opacity:.7}.top-tiles .tile>.head>.bg{position:absolute;inset:0 0 0 auto;z-index:-1;width:60%;height:100%;object-fit:cover;object-position:center 30%;mask-image:linear-gradient(90deg, transparent, #000 70%);opacity:.7}.top-tiles .tile>.head>.illust{position:absolute;right:6px;bottom:-10px;z-index:0;width:34px;height:auto;border-radius:8px}@media screen and (min-width: 768px){.top-tiles .tile>.head>.illust{width:46px}}.top-tiles .tile>.head>.illust{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));transform:rotate(6deg);image-rendering:pixelated}.top-tiles .tile>.entries{display:grid;grid-template-columns:minmax(0, 1fr);margin:0;padding:4px;list-style:none}@media screen and (min-width: 768px){.top-tiles .tile>.entries.-two{grid-template-columns:repeat(2, minmax(0, 1fr))}}.top-tiles .popular{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);font-weight:700;letter-spacing:.06em;line-height:1;text-shadow:none}.top-tiles .tile>.entries>li>.entry{display:flex;align-items:center;gap:5px;padding:3px 5px}@media screen and (min-width: 768px){.top-tiles .tile>.entries>li>.entry{gap:6px;padding:4px 6px}}.top-tiles .tile>.entries>li>.entry{border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-xs);font-weight:600;line-height:1.35;text-decoration:none;transition:background-color .15s ease,color .15s ease}.top-tiles .tile>.entries>li>.entry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media screen and (min-width: 768px){.top-tiles .tile>.entries>li>.entry{font-size:var(--text-sm)}}.top-tiles .tile>.entries>li>.entry>.icon{flex:none;width:18px;height:18px;border-radius:4px}@media screen and (min-width: 768px){.top-tiles .tile>.entries>li>.entry>.icon{width:22px;height:22px}}.top-tiles .tile>.entries>li>.entry>.icon{object-fit:contain;image-rendering:pixelated}.top-tiles .tile>.entries>li>.entry>.icon.-gem{position:relative}.top-tiles .tile>.entries>li>.entry>.icon.-gem::before{content:"";position:absolute;inset:5px;background:linear-gradient(135deg, color-mix(in srgb, var(--tile) 45%, #fff), var(--tile) 55%, color-mix(in srgb, var(--tile) 60%, #000));transform:rotate(45deg);box-shadow:0 1px 2px rgba(0,0,0,.25)}.top-tiles .tile>.entries>li>.entry>.name{min-width:0}.top-tiles .tile>.entries>li>.entry>.popular{flex:none;margin-left:auto;padding:2px 5px;background:linear-gradient(135deg, #ff8a3d, #e8386b);box-shadow:0 1px 6px rgba(232,56,107,.3);color:#fff;font-size:9px}@media screen and (min-width: 768px){.top-tiles .tile>.entries>li>.entry>.popular{padding:3px 7px;font-size:10px}}.top-tiles .tile>.entries>li>.entry:hover{background:color-mix(in srgb, var(--tile) 10%, var(--color-bg));color:var(--tile)}.top-tiles .tile.-button{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-content:center;gap:2px 8px;min-height:60px;padding:10px 12px;background:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 12px),repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 12px),linear-gradient(135deg, color-mix(in srgb, var(--tile) 80%, #fff), var(--tile) 50%, color-mix(in srgb, var(--tile) 70%, #000));color:#fff;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease}.top-tiles .tile.-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media screen and (min-width: 768px){.top-tiles .tile.-button{min-height:92px;padding:14px 18px}}.top-tiles .tile.-button::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg, transparent, var(--color-accent), transparent)}.top-tiles .tile.-button>.bg{position:absolute;inset:0 0 0 auto;z-index:-1;width:62%;height:100%;object-fit:cover;object-position:center 25%;mask-image:linear-gradient(90deg, transparent, #000 65%);opacity:.8;transition:transform .3s ease}.top-tiles .tile.-button>.name{grid-column:1;font-size:var(--text-md);font-weight:700;line-height:1.25}@media screen and (min-width: 768px){.top-tiles .tile.-button>.name{font-size:var(--text-xl)}}.top-tiles .tile.-button>.sub{display:none;grid-column:1;font-size:var(--text-xs);line-height:1.45;opacity:.9}@media screen and (min-width: 768px){.top-tiles .tile.-button>.sub{display:block}}.top-tiles .tile.-button>.arrow{grid-column:2;grid-row:1/3;align-self:center;font-size:1.6rem;line-height:1;transition:transform .2s ease}.top-tiles .tile.-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px color-mix(in srgb, var(--tile) 35%, transparent)}.top-tiles .tile.-button:hover>.arrow{transform:translateX(3px)}.top-tiles .tile.-button:hover>.bg{transform:scale(1.05)}.top-tiles .tile.-button>.name>.popular{display:flex;width:fit-content;margin-top:4px;padding:3px 7px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.16);backdrop-filter:blur(2px);color:#fff;font-size:10px}@media screen and (min-width: 768px){.top-tiles .tile.-button>.name>.popular{display:inline-flex;margin:0 0 0 8px;font-size:11px;vertical-align:.2em}}.top-tiles .tile.-button.-banner{min-height:60px}@media screen and (min-width: 768px){.top-tiles .tile.-button.-banner{min-height:96px}}.top-tiles .tile.-button.-banner>.bg{inset:0;width:100%;object-position:right center;mask-image:none;opacity:1}.top-tiles .tile.-button.-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--tile) 85%, #000) 0%, color-mix(in srgb, var(--tile) 40%, transparent) 55%, transparent 85%)}@media(prefers-reduced-motion: reduce){.top-tiles .tile.-button,.top-tiles .tile.-button>.bg,.top-tiles .tile.-button>.arrow,.top-tiles .tile>.head>.jump>.arrow{transition:none}.top-tiles .tile.-button:hover,.top-tiles .tile.-button:hover>.bg,.top-tiles .tile.-button:hover>.arrow{transform:none}}.top-tiles .tile>.updates{margin:0;padding:2px 4px 4px;list-style:none}.top-tiles .tile>.updates>.item+.item{border-top:1px solid var(--color-line)}.top-tiles .tile>.updates>.item>.entry{display:grid;gap:1px;padding:5px 6px;border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none}.top-tiles .tile>.updates>.item>.entry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.top-tiles .tile>.updates>.item>.entry>.meta{display:flex;align-items:center;gap:6px}.top-tiles .tile>.updates>.item>.entry>.meta>.date{color:var(--color-text-muted);font-family:var(--font-data);font-size:.68rem}.top-tiles .tile>.updates>.item>.entry>.meta>.kind{padding:0 5px;border-radius:3px;background:var(--color-primary);color:var(--color-primary-contrast);font-size:.6rem;font-weight:700}.top-tiles .tile>.updates>.item>.entry>.subject{display:-webkit-box;overflow:hidden;font-size:var(--text-xs);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.top-tiles .tile>.updates>.item>.entry:hover{background:color-mix(in srgb, var(--tile) 8%, var(--color-bg));color:var(--tile)}.top-tiles .tile.-pickup>.banner{display:block;background:#000;color:#f0dca0;text-decoration:none}.top-tiles .tile.-pickup>.banner:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.top-tiles .tile.-pickup>.banner>.bg{display:block;width:100%;height:auto;image-rendering:pixelated;transition:transform .3s ease}.top-tiles .tile.-pickup>.banner>.caption{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:var(--text-xs);font-weight:700}.top-tiles .tile.-pickup>.banner>.caption>.arrow{margin-left:auto;font-size:1.2em;line-height:1}.top-tiles .tile.-links>.banners{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:6px;margin:0;padding:8px;list-style:none}.top-tiles .tile.-links>.banners>li>.banner{display:block;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-sm);transition:border-color .15s ease,opacity .15s ease}.top-tiles .tile.-links>.banners>li>.banner:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.top-tiles .tile.-links>.banners>li>.banner>.bg{display:block;width:100%;height:auto}.top-tiles .tile.-links>.banners>li>.banner:hover{border-color:var(--color-primary);opacity:.9}.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)}.guild-lp{--guild-ink: #060a15;--guild-navy: #0d1630;--guild-deep: #121e3d;--guild-gold: #d4af37;--guild-gold-soft: #f0dca0;--guild-text: #e7ebf5;--guild-muted: #9aa6c2;--guild-line: rgba(212, 175, 55, 0.22);--guild-master: #d4af37;--guild-sub: #f08aa0;--guild-vanguard: #7cc4ff;color:var(--guild-text);background:radial-gradient(ellipse 80% 40% at 50% 0%, rgba(70, 120, 210, 0.28), transparent 70%),linear-gradient(180deg, var(--guild-navy) 0%, var(--guild-ink) 60%, var(--guild-navy) 100%);overflow:clip}.guild-hero{padding:28px 0 8px;text-align:center}.guild-hero>.title{margin:0 16px 16px;color:var(--guild-gold);font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:var(--text-sm);font-weight:700;letter-spacing:.2em}@media screen and (min-width: 768px){.guild-hero>.title{font-size:var(--text-md)}}.guild-hero>.banner{display:block;width:100%;max-width:1280px;height:auto;margin:0 auto;mask-image:linear-gradient(180deg, transparent 0, #000 6%, #000 94%, transparent 100%)}.guild-section{max-width:1120px;margin:0 auto;padding:40px 16px 16px}@media screen and (min-width: 768px){.guild-section{padding:64px 24px 24px}}.guild-heading{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 28px;color:#fff;font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.25rem,4.6vw,2.1rem);font-weight:800;line-height:1.4;text-align:center;text-wrap:balance;text-shadow:0 0 18px rgba(120,170,255,.35)}.guild-heading>.mark{width:50px;height:52px;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(212, 175, 55, 0.45))}.guild-heading::after{content:"◆";width:min(360px,70%);color:var(--guild-gold);font-size:11px;line-height:1;text-shadow:none;background:linear-gradient(90deg, transparent, var(--guild-gold) 25%, var(--guild-gold) 42%, transparent 42% 58%, var(--guild-gold) 58%, var(--guild-gold) 75%, transparent) center/100% 1px no-repeat}.guild-cafe{display:grid;gap:18px}@media screen and (min-width: 768px){.guild-cafe{grid-template-columns:1.1fr 1fr;align-items:center;gap:0}}.guild-cafe>.shot{margin:0;padding:8px 8px 22px;background:#f6f1e4;box-shadow:0 18px 40px rgba(0,0,0,.55)}.guild-cafe>.shot>img{display:block;width:100%;height:auto}.guild-cafe>.shot.-a{transform:rotate(-1.5deg)}@media screen and (min-width: 768px){.guild-cafe>.shot.-a{position:relative;z-index:1;transform:rotate(-3deg) translateX(24px)}}.guild-cafe>.shot.-b{transform:rotate(1.5deg)}@media screen and (min-width: 768px){.guild-cafe>.shot.-b{transform:rotate(3deg) translate(-24px, 36px)}}.guild-group,.guild-card,.guild-profile{--role: var(--guild-gold)}.guild-group.-master,.guild-card.-master,.guild-profile.-master{--role: var(--guild-master)}.guild-group.-sub,.guild-card.-sub,.guild-profile.-sub{--role: var(--guild-sub)}.guild-group.-vanguard,.guild-card.-vanguard,.guild-profile.-vanguard{--role: var(--guild-vanguard)}.guild-card,.guild-profile{--me: var(--role)}.guild-card.-color-violet,.guild-profile.-color-violet{--me: #a07bff}.guild-card.-color-amber,.guild-profile.-color-amber{--me: #ffb347}.guild-card.-color-magenta,.guild-profile.-color-magenta{--me: #e45bff}.guild-card.-color-teal,.guild-profile.-color-teal{--me: #2fd3c9}.guild-card.-color-mint,.guild-profile.-color-mint{--me: #7cf0b5}.guild-card.-color-azure,.guild-profile.-color-azure{--me: #4f8bff}.guild-card.-color-silver,.guild-profile.-color-silver{--me: #cfd6e6}.guild-card.-color-gold,.guild-profile.-color-gold{--me: #f2c14e}.guild-card.-color-lime,.guild-profile.-color-lime{--me: #b6f05a}.guild-card.-color-sky,.guild-profile.-color-sky{--me: #6fd3ff}.guild-card.-color-crimson,.guild-profile.-color-crimson{--me: #ff3b5c}.guild-card.-color-coral,.guild-profile.-color-coral{--me: #ff7a59}.guild-card.-color-pink,.guild-profile.-color-pink{--me: #ff7ac8}.guild-card.-color-peach,.guild-profile.-color-peach{--me: #ffb199}.guild-card.-color-emerald,.guild-profile.-color-emerald{--me: #2ee08a}.guild-card.-color-indigo,.guild-profile.-color-indigo{--me: #7b8cff}.guild-volume{display:flex;align-items:center;gap:10px;width:fit-content;margin:0 0 20px auto;padding:6px 14px 6px 6px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04)}.guild-volume>.mute{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.guild-volume>.mute>.icon{width:18px;height:18px}.guild-volume>.mute>.icon.-off{display:none}.guild-volume>.mute:hover{background:rgba(255,255,255,.16)}.guild-volume>.mute:focus-visible{outline:2px solid var(--guild-gold);outline-offset:2px}.guild-volume>.mute.-muted{color:var(--guild-muted)}.guild-volume>.mute.-muted>.icon.-on{display:none}.guild-volume>.mute.-muted>.icon.-off{display:block}.guild-volume>.caption{color:var(--guild-muted);font-family:var(--font-data);font-size:.7rem;font-weight:700;letter-spacing:.16em}.guild-volume>.range{width:clamp(110px,24vw,180px);accent-color:var(--guild-gold);cursor:pointer}.guild-volume>.value{min-width:2.2em;color:#fff;font-family:var(--font-data);font-size:.78rem;text-align:right}.guild-roster{display:block}.guild-group[hidden]{display:none}.guild-group+.guild-group{margin-top:44px}.guild-group>.role{display:flex;align-items:baseline;gap:12px;margin:0 0 18px}.guild-group>.role>.en{color:var(--role);font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.2rem,3.6vw,1.6rem);font-weight:800;letter-spacing:.06em}.guild-group>.role>.ja{color:var(--guild-muted);font-size:var(--text-xs);letter-spacing:.1em}.guild-group>.role>.count{display:flex;flex:1;align-items:center;gap:10px;color:var(--guild-muted);font-family:var(--font-data);font-size:var(--text-xs)}.guild-group>.role>.count::before{content:"";flex:1;height:1px;background:linear-gradient(90deg, color-mix(in srgb, var(--role) 55%, transparent), transparent)}.guild-group>.members{display:grid;gap:14px;grid-template-columns:repeat(2, minmax(0, 1fr))}@media screen and (min-width: 768px){.guild-group>.members{grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px}}@media screen and (min-width: 1024px){.guild-group>.members{grid-template-columns:repeat(4, minmax(0, 1fr))}}.guild-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:16px;--card-bg: #0b1226;background:var(--card-bg);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:translate .3s cubic-bezier(0.2, 0.8, 0.2, 1),border-color .3s ease,box-shadow .3s ease}.guild-card:hover,.guild-card:focus-within{translate:0 -4px;border-color:color-mix(in srgb, var(--role) 60%, transparent);box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 28px color-mix(in srgb, var(--role) 22%, transparent)}.guild-card:hover>.open>.visual>.image,.guild-card:focus-within>.open>.visual>.image{scale:1.07}.guild-card:hover>.open>.visual>.expand,.guild-card:focus-within>.open>.visual>.expand{opacity:1;translate:0 0}@media(prefers-reduced-motion: reduce){.guild-card{transition:none}.guild-card:hover,.guild-card:focus-within{translate:none}}.guild-card>.open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:zoom-in}.guild-card>.open:focus-visible{outline:2px solid var(--role);outline-offset:-2px;border-radius:16px 16px 0 0}.guild-card>.open>.visual{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(circle at 50% 40%, #1b2a55, #0a1022 70%)}.guild-card>.open>.visual::after{content:"";position:absolute;inset:30% 0 -1px;z-index:1;background:linear-gradient(180deg, transparent, var(--card-bg));pointer-events:none}.guild-card>.open>.visual>.image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease,scale .5s cubic-bezier(0.2, 0.8, 0.2, 1)}.guild-card>.open>.visual>.image.-active{opacity:1}.guild-card>.open>.visual>.crest{position:absolute;inset:0 0 22%;display:grid;place-items:center;width:34%;aspect-ratio:1;margin:auto;border:1px solid color-mix(in srgb, var(--role) 55%, transparent);border-radius:50%;box-shadow:inset 0 0 30px color-mix(in srgb, var(--role) 18%, transparent);color:var(--role);font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.6rem,6vw,2.6rem);font-weight:800;line-height:1}.guild-card>.open>.visual>.expand{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(6,10,21,.65);color:#fff;opacity:0;translate:0 -4px;transition:opacity .25s ease,translate .25s ease}.guild-card>.open>.visual>.expand>svg{width:12px;height:12px}@media(hover: none){.guild-card>.open>.visual>.expand{opacity:1;translate:0 0}}.guild-card>.open>.title{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;margin-top:-34px;padding:0 12px}@media screen and (min-width: 768px){.guild-card>.open>.title{padding:0 16px}}.guild-card>.open>.title>.name{color:#fff;font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.05rem,3.6vw,1.35rem);font-weight:800;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere}.guild-card>.open>.title>.chars{color:color-mix(in srgb, var(--role) 70%, #fff);font-size:.66rem;font-weight:700;overflow-wrap:anywhere}.guild-card>.bio{flex:1;margin:0;padding:8px 12px 14px;cursor:zoom-in;color:#c9d1e6;font-size:.78rem;line-height:1.8}@media screen and (min-width: 768px){.guild-card>.bio{padding:10px 16px 16px;font-size:.84rem}}.guild-card>.song{margin:-4px 10px 12px}@media screen and (min-width: 768px){.guild-card>.song{margin:-4px 14px 14px}}.guild-viewer{width:min(880px,100% - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:visible;border:0;background:rgba(0,0,0,0);color:var(--guild-text)}@media screen and (max-width: 767px){.guild-viewer{max-height:calc(100dvh - 160px);margin-top:64px}}@media screen and (min-width: 768px){.guild-viewer{width:min(880px,100% - 180px);max-height:calc(100dvh - 140px)}}.guild-viewer::backdrop{background:rgba(3,6,14,.82);backdrop-filter:blur(6px)}.guild-viewer[open]{animation:guild-pop .3s ease}@media(prefers-reduced-motion: reduce){.guild-viewer[open]{animation:none}}.guild-viewer>.frame{position:relative;max-height:inherit;overflow-y:auto;border-radius:18px;outline:none;touch-action:pan-y;scrollbar-width:none}.guild-viewer>.frame::-webkit-scrollbar{display:none}.guild-viewer>.close{position:absolute;z-index:2;display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;background:none;color:#fff;cursor:pointer;opacity:.85;transition:opacity .2s ease,rotate .25s ease;top:-58px;right:-6px}.guild-viewer>.close>svg{width:34px;height:34px;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6))}.guild-viewer>.close:hover{opacity:1;rotate:90deg}.guild-viewer>.close:focus-visible{outline:2px solid var(--guild-gold);outline-offset:-4px}@media(prefers-reduced-motion: reduce){.guild-viewer>.close{transition:none}.guild-viewer>.close:hover{rotate:none}}.guild-viewer>.nav{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;padding:0;border:0;background:rgba(255,255,255,.05);color:#fff;font-family:var(--font-data);font-size:.8rem;font-weight:700;letter-spacing:.2em;cursor:pointer;transition:background-color .2s ease,color .2s ease}.guild-viewer>.nav>svg{flex:none;width:28px;height:28px;transition:translate .2s ease}.guild-viewer>.nav:hover{background:rgba(255,255,255,.12)}.guild-viewer>.nav:focus-visible{outline:2px solid var(--guild-gold);outline-offset:-4px}.guild-viewer>.nav.-prev:hover>svg{translate:-4px 0}.guild-viewer>.nav.-next:hover>svg{translate:4px 0}@media screen and (max-width: 767px){.guild-viewer>.nav{top:calc(100% + 10px);height:60px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(6,10,21,.75)}.guild-viewer>.nav.-prev{left:0;right:calc(50% + 5px)}.guild-viewer>.nav.-next{left:calc(50% + 5px);right:0}}@media screen and (min-width: 768px){.guild-viewer>.nav{top:0;bottom:0;width:64px;border-radius:14px}.guild-viewer>.nav>.text{position:absolute;top:calc(50% + 24px);left:50%;translate:-50% 0;writing-mode:vertical-rl}.guild-viewer>.nav.-prev{left:-72px}.guild-viewer>.nav.-next{right:-72px}}@keyframes guild-pop{from{opacity:0}}@media screen and (max-width: 767px){.guild-card>.open>.title{gap:1px;margin-top:-26px;padding:0 9px}.guild-card>.open>.title>.name{font-size:.92rem;line-height:1.25}.guild-card>.open>.title>.chars{font-size:.6rem;line-height:1.4}.guild-card>.bio{padding:6px 9px 10px;font-size:.7rem;line-height:1.65}.guild-card>.song{margin:-2px 8px 9px}}@media screen and (max-width: 767px){.guild-group.-master>.members>.guild-card{grid-column:1/-1}}.guild-profile{overflow:hidden}.guild-profile[hidden]{display:none}.guild-profile.-enter>.visual>.image.-active,.guild-profile.-enter>.visual>.image:only-of-type{animation:guild-img-in .75s cubic-bezier(0.2, 0.8, 0.2, 1) both}.guild-profile.-enter>.visual>.title>.role,.guild-profile.-enter>.visual>.title>.chars{animation:guild-rise .55s cubic-bezier(0.2, 0.8, 0.2, 1) both}.guild-profile.-enter>.visual>.title>.role{animation-delay:.12s}.guild-profile.-enter>.visual>.title>.chars{animation-delay:.42s}.guild-profile.-enter>.visual>.title>.name>.char{animation:guild-char .55s cubic-bezier(0.2, 0.8, 0.2, 1) both;animation-delay:calc(.18s + var(--i, 0)*.035s)}.guild-profile.-enter>.body>.bio,.guild-profile.-enter>.body>.song{animation:guild-rise .6s cubic-bezier(0.2, 0.8, 0.2, 1) both;animation-delay:.38s}.guild-profile.-enter>.body>.song{animation-delay:.48s}.guild-profile.-enter>.body>.ghost{animation:guild-ghost 1s cubic-bezier(0.2, 0.8, 0.2, 1) both;animation-delay:.1s}.guild-profile>.visual>.title>.name>.char{display:inline-block;white-space:pre}.guild-profile{border:1px solid color-mix(in srgb, var(--role) 35%, transparent);border-radius:18px;background:linear-gradient(170deg, var(--guild-deep), var(--guild-ink));box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03) inset}.guild-profile>.visual{position:relative;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(circle at 50% 40%, #1b2a55, #0a1022 70%)}.guild-profile>.visual>.image{display:block;width:100%;height:100%;object-fit:cover}.guild-profile>.visual::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg, transparent, rgba(6, 10, 21, 0.92));pointer-events:none}.guild-profile>.visual>.title{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px 16px}@media screen and (min-width: 768px){.guild-profile>.visual>.title{padding:24px 28px 22px}}.guild-profile>.visual>.title>.role{display:flex;align-items:baseline;gap:10px;margin:0 0 4px}.guild-profile>.visual>.title>.role>.en{color:var(--role);font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:var(--text-sm);font-weight:800;letter-spacing:.12em}.guild-profile>.visual>.title>.role>.ja{color:var(--guild-muted);font-size:.7rem;letter-spacing:.1em}.guild-profile>.visual>.title>.name{margin:0;color:#fff;font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.7rem,6vw,3rem);font-weight:800;line-height:1.2;letter-spacing:.03em;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 2px 18px rgba(0,0,0,.6)}.guild-profile>.visual>.title>.chars{margin:6px 0 0;color:color-mix(in srgb, var(--role) 70%, #fff);font-size:var(--text-xs);font-weight:700}.guild-profile>.body{display:grid;gap:16px;padding:16px 18px 20px}@media screen and (min-width: 768px){.guild-profile>.body{padding:20px 28px 26px}}.guild-profile>.body>.bio{margin:0;color:#d5dbea;font-size:.92rem;line-height:2}@media screen and (min-width: 768px){.guild-profile>.body>.bio{font-size:1rem}}.guild-profile>.visual.-switch{cursor:pointer}.guild-profile>.visual.-switch>.image{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.guild-profile>.visual.-switch>.image.-active{opacity:1}.guild-profile>.visual.-switch>.tabs{position:absolute;top:0;left:14px;right:48px;z-index:3;display:flex;gap:6px}@media screen and (min-width: 768px){.guild-profile>.visual.-switch>.tabs{display:none}}.guild-profile>.visual.-switch>.tabs>.tab{position:relative;flex:1;height:22px;padding:0;border:0;background:none;color:rgba(0,0,0,0);font-size:0;cursor:pointer}.guild-profile>.visual.-switch>.tabs>.tab::before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;border-radius:2px;background:rgba(255,255,255,.35);box-shadow:0 1px 4px rgba(0,0,0,.5);transition:background-color .25s ease}.guild-profile>.visual.-switch>.tabs>.tab:hover::before{background:rgba(255,255,255,.6)}.guild-profile>.visual.-switch>.tabs>.tab:focus-visible{outline:2px solid var(--me);outline-offset:-2px}.guild-profile>.visual.-switch>.tabs>.tab.-active::before{background:var(--me);box-shadow:0 0 8px var(--me)}.guild-profile>.visual.-switch>.switcher{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:2px;max-width:calc(100% - 24px);padding:3px;border:1px solid color-mix(in srgb, var(--me) 55%, rgba(255, 255, 255, 0.2));border-radius:999px;background:rgba(6,10,21,.72);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.45),0 0 16px color-mix(in srgb, var(--me) 25%, transparent)}.guild-profile>.visual.-switch>.switcher>.step{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,0);color:#fff;cursor:pointer;transition:background-color .2s ease}.guild-profile>.visual.-switch>.switcher>.step>svg{width:18px;height:18px}.guild-profile>.visual.-switch>.switcher>.step:hover{background:color-mix(in srgb, var(--me) 35%, transparent)}.guild-profile>.visual.-switch>.switcher>.step:focus-visible{outline:2px solid var(--me);outline-offset:-2px}@media screen and (max-width: 767px){.guild-profile>.visual.-switch>.switcher{right:10px;bottom:10px;padding:3px 9px;border-color:rgba(255,255,255,.14);box-shadow:none}.guild-profile>.visual.-switch>.switcher>.step{display:none}}.guild-profile>.visual.-switch>.switcher>.now{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 4px;line-height:1.2;text-align:center}@media screen and (max-width: 767px){.guild-profile>.visual.-switch>.switcher>.now{flex-direction:row;gap:6px;padding:0}.guild-profile>.visual.-switch>.switcher>.now>.who{font-size:.62rem}.guild-profile>.visual.-switch>.switcher>.now>.order{font-size:.56rem}}.guild-profile>.visual.-switch>.switcher>.now>.who{overflow:hidden;max-width:9em;color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.guild-profile>.visual.-switch>.switcher>.now>.order{color:var(--me);font-family:var(--font-data);font-size:.62rem;letter-spacing:.08em}@media screen and (max-width: 767px){.guild-profile>.visual::after{inset:55% 0 0}.guild-profile>.visual>.title{padding:10px 14px 10px}.guild-profile>.visual>.title>.role{gap:6px;margin:0 0 1px}.guild-profile>.visual>.title>.role>.en{font-size:.64rem;letter-spacing:.08em}.guild-profile>.visual>.title>.role>.ja{font-size:.58rem}.guild-profile>.visual>.title>.name{font-size:1.35rem;line-height:1.15}.guild-profile>.visual>.title>.chars{margin-top:3px;font-size:.64rem}}.guild-profile>.visual>.crest{position:absolute;inset:0 0 18%;display:grid;place-items:center;width:30%;aspect-ratio:1;margin:auto;border:1px solid color-mix(in srgb, var(--role) 55%, transparent);border-radius:50%;box-shadow:0 0 0 8px color-mix(in srgb, var(--role) 8%, transparent),inset 0 0 40px color-mix(in srgb, var(--role) 18%, transparent);color:var(--role);font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(2.6rem,10vw,5rem);font-weight:800;line-height:1}.guild-lp .song{--progress: 0;position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px 16px 10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.guild-lp .song>.play{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--role);color:var(--guild-ink);cursor:pointer;transition:scale .15s ease,box-shadow .2s ease}.guild-lp .song>.play:hover{box-shadow:0 0 0 6px color-mix(in srgb, var(--role) 22%, transparent)}.guild-lp .song>.play:active{scale:.94}.guild-lp .song>.play:focus-visible{outline:2px solid #fff;outline-offset:2px}.guild-lp .song>.play>.icon{width:16px;height:16px}.guild-lp .song>.play>.icon.-off{display:none}.guild-lp .song>.caption{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.guild-lp .song>.caption>.en{color:var(--role);font-size:.66rem;font-weight:700;letter-spacing:.16em}.guild-lp .song>.caption>.ja{overflow:hidden;color:#fff;font-size:var(--text-sm);font-weight:700;white-space:nowrap;text-overflow:ellipsis}.guild-lp .song>.eq{display:flex;align-items:flex-end;gap:3px;height:18px}.guild-lp .song>.eq>.bar{width:3px;height:25%;border-radius:1px;background:var(--role);opacity:.45}.guild-lp .song>.time{flex:none;min-width:2.8em;color:var(--guild-muted);font-family:var(--font-data);font-size:.75rem;text-align:right}.guild-lp .song>.progress{position:absolute;left:14px;right:14px;bottom:6px;height:4px;border-radius:2px;background:rgba(255,255,255,.1);cursor:pointer}.guild-lp .song>.progress>.fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--role);transform:scaleX(var(--progress));transform-origin:left}.guild-lp .song.-playing{border-color:color-mix(in srgb, var(--role) 45%, transparent);background:color-mix(in srgb, var(--role) 8%, transparent)}.guild-lp .song.-playing>.play>.icon.-on{display:none}.guild-lp .song.-playing>.play>.icon.-off{display:block}.guild-lp .song.-playing>.eq>.bar{opacity:1;animation:guild-eq .9s ease-in-out infinite}.guild-lp .song.-playing>.eq>.bar:nth-child(2){animation-delay:-0.3s}.guild-lp .song.-playing>.eq>.bar:nth-child(3){animation-delay:-0.6s}.guild-lp .song.-playing>.eq>.bar:nth-child(4){animation-delay:-0.15s}@media(prefers-reduced-motion: reduce){.guild-lp .song.-playing>.eq>.bar{animation:none;height:70%}}.guild-lp .song.-mini{gap:8px}.guild-lp .song.-mini>.caption>.en{white-space:nowrap}@media screen and (max-width: 767px){.guild-lp .song.-mini>.caption{visibility:hidden}.guild-lp .song.-mini>.eq{display:none}}.guild-lp .song.-mini{padding:6px 10px 12px 6px;border-radius:12px}.guild-lp .song.-mini>.play{width:32px;height:32px}.guild-lp .song.-mini>.play>.icon{width:12px;height:12px}.guild-lp .song.-mini>.eq{height:14px}.guild-lp .song.-mini>.time{font-size:.68rem}.guild-lp .song.-mini>.progress{left:10px;right:10px;bottom:5px;height:3px}@keyframes guild-img-in{from{clip-path:inset(0 0 0 100%);scale:1.18;filter:brightness(1.6) saturate(0.4)}60%{filter:none}to{clip-path:inset(0);scale:1}}@keyframes guild-char{from{opacity:0;translate:0 .7em;filter:blur(6px)}}@keyframes guild-rise{from{opacity:0;translate:0 14px}}@keyframes guild-ghost{from{opacity:0;translate:18% 0}}.guild-card>.bio>ruby>rt,.guild-profile>.body>.bio>ruby>rt{color:var(--me);font-size:.5em;font-weight:700;letter-spacing:-0.02em}.guild-profile>.body>.video{display:inline-flex;align-items:center;gap:12px;width:fit-content;padding:10px 18px 10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.guild-profile>.body>.video>.mark{flex:none;width:40px;height:28px;transition:scale .2s ease}.guild-profile>.body>.video:hover{border-color:rgba(255,0,51,.6);background:rgba(255,0,51,.12)}.guild-profile>.body>.video:hover>.mark{scale:1.08}.guild-profile>.body>.video:focus-visible{outline:2px solid var(--guild-gold);outline-offset:2px}.guild-video-viewer{width:min(1080px,100% - 24px);max-width:none;margin:auto;padding:0;overflow:visible;border:0;background:rgba(0,0,0,0)}.guild-video-viewer::backdrop{background:rgba(0,0,0,.88)}.guild-video-viewer[open]{animation:guild-pop .3s ease}@media(prefers-reduced-motion: reduce){.guild-video-viewer[open]{animation:none}}.guild-video-viewer>.screen{overflow:hidden;aspect-ratio:16/9;border-radius:12px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}.guild-video-viewer>.screen>iframe{display:block;width:100%;height:100%;border:0}.guild-video-viewer>.close{position:absolute;top:-58px;right:-6px;display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;background:none;color:#fff;cursor:pointer;opacity:.85}.guild-video-viewer>.close>svg{width:34px;height:34px}.guild-video-viewer>.close:hover{opacity:1}.guild-video-viewer>.close:focus-visible{outline:2px solid var(--guild-gold);outline-offset:-4px}.guild-viewer>.frame>.loading{position:absolute;inset:0;z-index:6;overflow:hidden;border-radius:inherit;background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--load, #f2c14e) 22%, transparent) 0 22px, transparent 22px 44px),radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--load, #f2c14e) 25%, #0a1022), #05070f 75%);background-size:62px 62px,100% 100%;opacity:0;pointer-events:none;visibility:hidden}.guild-viewer>.frame>.loading>.tape{position:absolute;left:-15%;right:-15%;height:clamp(40px,7vw,58px);display:flex;align-items:center;overflow:hidden;background:repeating-linear-gradient(-45deg, #ffd400 0 12px, #111 12px 24px) top/100% 6px no-repeat,repeating-linear-gradient(-45deg, #ffd400 0 12px, #111 12px 24px) bottom/100% 6px no-repeat,var(--load, #f2c14e);box-shadow:0 10px 30px rgba(0,0,0,.5);transform:rotate(-7deg)}.guild-viewer>.frame>.loading>.tape.-top{top:18%}.guild-viewer>.frame>.loading>.tape.-bottom{bottom:18%}.guild-viewer>.frame>.loading>.tape>.run{display:flex;width:max-content}.guild-viewer>.frame>.loading>.tape>.run>.group{display:flex;flex:none;align-items:center;gap:22px;padding-right:22px}.guild-viewer>.frame>.loading>.tape>.run>.group>.word{color:#0a0d18;font-family:var(--font-data);font-size:clamp(1rem,2.6vw,1.5rem);font-weight:800;letter-spacing:.14em;white-space:nowrap}.guild-viewer>.frame>.loading>.tape>.run>.group>.star{color:#0a0d18;font-size:.8rem}.guild-viewer>.frame.-loading>.loading{visibility:visible;animation:guild-load 1.6s ease both,guild-stripes 1.6s linear both}.guild-viewer>.frame.-loading>.loading>.tape.-top{animation:guild-tape-in-left 1.6s cubic-bezier(0.7, 0, 0.3, 1) both}.guild-viewer>.frame.-loading>.loading>.tape.-top>.run{animation:guild-run 9s linear infinite}.guild-viewer>.frame.-loading>.loading>.tape.-bottom{animation:guild-tape-in-right 1.6s cubic-bezier(0.7, 0, 0.3, 1) both}.guild-viewer>.frame.-loading>.loading>.tape.-bottom>.run{animation:guild-run 9s linear infinite reverse}.guild-viewer>.frame.-loading>.loading>.who{animation:guild-who 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) both}.guild-viewer>.frame.-loading.-opening>.loading{animation-name:guild-load-open,guild-stripes}@keyframes guild-load-open{0%,82%{opacity:1}100%{opacity:0}}.guild-viewer>.frame>.loading>.who{position:absolute;inset:0;z-index:1;display:grid;place-items:center;margin:0;padding:0 24px;color:#fff;font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(2rem,8vw,4.4rem);font-weight:800;letter-spacing:.06em;line-height:1.2;text-align:center;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 0 30px var(--load, #f2c14e),0 4px 0 rgba(0,0,0,.5)}@keyframes guild-who{0%,18%{opacity:0;scale:1.25;letter-spacing:.4em;filter:blur(8px)}40%,72%{opacity:1;scale:1;letter-spacing:.06em;filter:none}100%{opacity:0;scale:.96}}@keyframes guild-load{0%{opacity:0}12%,82%{opacity:1}100%{opacity:0}}@keyframes guild-stripes{to{background-position:124px 0,0 0}}@keyframes guild-tape-in-left{0%{transform:rotate(-7deg) translateX(-110%)}26%,76%{transform:rotate(-7deg) translateX(0)}100%{transform:rotate(-7deg) translateX(110%)}}@keyframes guild-tape-in-right{0%{transform:rotate(-7deg) translateX(110%)}26%,76%{transform:rotate(-7deg) translateX(0)}100%{transform:rotate(-7deg) translateX(-110%)}}@keyframes guild-run{to{translate:-50% 0}}.guild-card>.open>.visual>.wipe{position:absolute;inset:0;z-index:2;pointer-events:none;clip-path:polygon(0 0, 0 0, -30% 100%, -30% 100%);background:var(--me)}.guild-card>.open>.visual>.wipe::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, #060a15, #121e3d);clip-path:inherit}.guild-card>.open>.visual.-wiping>.wipe{animation:guild-wipe .76s cubic-bezier(0.75, 0, 0.25, 1) both}.guild-card>.open>.visual.-wiping>.wipe::after{animation:guild-wipe .76s cubic-bezier(0.75, 0, 0.25, 1) .07s both}.guild-card>.open>.visual>.image.-in{animation:guild-img-in .75s cubic-bezier(0.2, 0.8, 0.2, 1) both}@keyframes guild-wipe{0%{clip-path:polygon(0 0, 0 0, -30% 100%, -30% 100%)}42%,52%{clip-path:polygon(0 0, 130% 0, 100% 100%, -30% 100%)}100%{clip-path:polygon(130% 0, 130% 0, 100% 100%, 100% 100%)}}@keyframes guild-eq{0%,100%{height:25%}50%{height:100%}}.guild-join{margin-top:56px;padding:44px 16px 56px;border-top:1px solid var(--guild-line);background:radial-gradient(ellipse 60% 100% at 50% 100%, rgba(212, 175, 55, 0.14), transparent 70%);text-align:center}.guild-join>.mascot{display:block;width:141px;height:auto;margin:0 auto 16px;image-rendering:pixelated;filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.5));animation:guild-float 3.2s ease-in-out infinite}@media screen and (min-width: 768px){.guild-join>.mascot{width:282px}}@media(prefers-reduced-motion: reduce){.guild-join>.mascot{animation:none}}.guild-join>.lead{margin:0 0 10px;color:var(--guild-muted);font-size:var(--text-sm);letter-spacing:.1em}.guild-join>.call{margin:0;color:#fff;font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.4rem,5vw,2.3rem);font-weight:800;line-height:1.5}.guild-join>.call>b{color:var(--guild-gold);font-size:1.25em;letter-spacing:.06em}.guild-join>.server{display:inline-block;margin:18px 0 0;padding:2px 14px;border:1px solid var(--guild-gold);color:var(--guild-gold);font-size:var(--text-xs);letter-spacing:.2em}@keyframes guild-float{50%{transform:translateY(-10px)}}body.is-guild{background:#060a15}body.is-guild .site-header{border-bottom:1px solid rgba(253,30,64,.55);background:rgba(6,10,21,.82);backdrop-filter:blur(12px) saturate(1.4);box-shadow:0 8px 30px rgba(0,0,0,.45);color:#fff}body.is-guild .site-footer{border-top:1px solid rgba(253,30,64,.35);background:#050812;color:#b9c2d8}body.is-guild{--color-bg: #0d1428;--color-surface: #16203a;--color-surface-strong: #1e2a48;--color-line: #263252;--color-line-strong: #34426a;--color-text: #e7ebf5;--color-text-muted: #aab4cc;--color-text-faint: #7c88a6;--color-primary: #ff6a80;--color-link: #ff8a9a;color-scheme:dark}.guild-marquee{overflow:hidden;padding:12px 0;border-block:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);white-space:nowrap}.guild-marquee>.track{display:flex;width:max-content;animation:guild-marquee 40s linear infinite}@media(prefers-reduced-motion: reduce){.guild-marquee>.track{animation:none}}.guild-marquee>.track>.group{display:flex;flex:none;align-items:center;justify-content:space-around;gap:28px;min-width:100vw;padding-right:28px}.guild-marquee>.track>.group>.item{color:rgba(255,255,255,.85);font-family:var(--font-data);font-size:clamp(.9rem,2.4vw,1.3rem);font-weight:700;letter-spacing:.18em}.guild-marquee>.track>.group>.item.-red{color:var(--guild-red-soft, #ff6a80)}.guild-marquee>.track>.group>.star{color:var(--guild-gold);font-size:.8rem}@keyframes guild-marquee{to{transform:translateX(-50%)}}.guild-heading{position:relative;isolation:isolate}.guild-heading>.ghost{position:absolute;left:50%;top:50%;z-index:-1;translate:-50% -58%;color:rgba(0,0,0,0);font-family:var(--font-data);font-size:clamp(3.4rem,15vw,9rem);font-weight:800;letter-spacing:.08em;line-height:1;white-space:nowrap;pointer-events:none;text-shadow:none;-webkit-text-stroke:1px rgba(255,255,255,.1)}.guild-profile>.body{position:relative;isolation:isolate;overflow:hidden}.guild-profile>.body>.ghost{position:absolute;right:-0.05em;bottom:-0.2em;z-index:-1;color:rgba(0,0,0,0);font-family:var(--font-data);font-size:clamp(3rem,12vw,7rem);font-weight:800;line-height:1;white-space:nowrap;pointer-events:none;-webkit-text-stroke:1px color-mix(in srgb, var(--role) 30%, transparent)}.guild-lp.-motion .js-guild-reveal:not(.-in){opacity:0;translate:0 28px}@keyframes guild-rainbow{to{background-position:200% 0}}.guild-lp{--mix-cut: 22px;background:radial-gradient(circle at 15% 20%, rgba(255, 106, 128, 0.22), transparent 30%),radial-gradient(circle at 85% 35%, rgba(124, 196, 255, 0.22), transparent 30%),radial-gradient(circle at 50% 85%, rgba(242, 193, 78, 0.18), transparent 35%),#0d1330}.guild-lp .guild-marquee{margin-block:10px;border:0;background:linear-gradient(90deg, #ff6a80, #f2c14e, #7cc4ff, #ff6a80);background-size:200% 100%;box-shadow:0 0 36px rgba(255,106,128,.35);transform:skewY(-1.5deg);animation:guild-rainbow 8s linear infinite}@media(prefers-reduced-motion: reduce){.guild-lp .guild-marquee{animation:none}}.guild-lp .guild-marquee>.track>.group>.item,.guild-lp .guild-marquee>.track>.group>.item.-red,.guild-lp .guild-marquee>.track>.group>.star{color:#0d1330}.guild-lp .guild-heading>.ghost{-webkit-text-stroke-color:rgba(255,255,255,.12)}.guild-lp .guild-group>.role>.en{text-shadow:0 0 14px color-mix(in srgb, var(--role) 55%, transparent)}.guild-lp .guild-card{border:0;border-radius:4px;clip-path:polygon(0 0, calc(100% - var(--mix-cut)) 0, 100% var(--mix-cut), 100% 100%, 0 100%);box-shadow:none;transition:opacity .6s ease,translate .45s cubic-bezier(0.34, 1.56, 0.64, 1),rotate .45s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .3s ease;transition-delay:var(--delay, 0s);--edge: color-mix(in srgb, var(--me) 45%, transparent);--ring: 1.5px}.guild-lp .guild-card::before{--k: calc(var(--ring) * 0.4142);content:"";position:absolute;inset:0;z-index:4;background:var(--edge);clip-path:polygon(evenodd, 0 0, calc(100% - var(--mix-cut)) 0, 100% var(--mix-cut), 100% 100%, 0 100%, 0 0, var(--ring) var(--ring), var(--ring) calc(100% - var(--ring)), calc(100% - var(--ring)) calc(100% - var(--ring)), calc(100% - var(--ring)) calc(var(--mix-cut) + var(--k)), calc(100% - var(--mix-cut) - var(--k)) var(--ring), var(--ring) var(--ring));pointer-events:none}.guild-lp .guild-card>.open::after{content:"";position:absolute;inset:0;z-index:4;box-shadow:inset 0 0 30px color-mix(in srgb, var(--me) 35%, transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.guild-lp .guild-card::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.22) 47%, color-mix(in srgb, var(--me) 30%, transparent) 50%, transparent 62%);translate:-120% 0;pointer-events:none}.guild-lp .guild-card>.open>.visual>.image{filter:saturate(0.88);transition:opacity .6s ease,scale .5s cubic-bezier(0.2, 0.8, 0.2, 1),filter .4s ease}.guild-lp .guild-card>.open>.visual>.expand{top:auto;bottom:8px}.guild-lp .guild-card>.open>.title>.name{position:relative;width:fit-content;max-width:100%}.guild-lp .guild-card>.open>.title>.name::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:linear-gradient(90deg, var(--me), transparent);box-shadow:0 0 8px var(--me);transition:width .5s cubic-bezier(0.2, 0.8, 0.2, 1)}.guild-lp .guild-card>.open>.title>.name::before{content:attr(data-text);position:absolute;inset:0;color:#fff;opacity:0;pointer-events:none}.guild-lp .guild-card:hover,.guild-lp .guild-card:focus-within{--edge: color-mix(in srgb, var(--me) 60%, transparent);translate:0 -8px;rotate:-1.2deg;--ring: 2px}.guild-lp .guild-card:hover::before,.guild-lp .guild-card:focus-within::before{background:conic-gradient(from var(--spin), transparent 0deg 250deg, color-mix(in srgb, var(--me) 70%, transparent) 290deg, #fff 330deg, var(--me) 345deg, transparent 360deg),var(--edge);animation:guild-spin 2.2s linear infinite}.guild-lp .guild-card:hover>.open::after,.guild-lp .guild-card:focus-within>.open::after{opacity:1}.guild-lp .guild-card:hover::after,.guild-lp .guild-card:focus-within::after{translate:120% 0;transition:translate .85s cubic-bezier(0.4, 0, 0.2, 1)}.guild-lp .guild-card:hover>.open>.visual>.image,.guild-lp .guild-card:focus-within>.open>.visual>.image{filter:saturate(1.1)}.guild-lp .guild-card:hover>.open>.title>.name,.guild-lp .guild-card:focus-within>.open>.title>.name{animation:guild-glitch-main .6s steps(1) 1}.guild-lp .guild-card:hover>.open>.title>.name::after,.guild-lp .guild-card:focus-within>.open>.title>.name::after{width:100%}.guild-lp .guild-card:hover>.open>.title>.name::before,.guild-lp .guild-card:focus-within>.open>.title>.name::before{animation:guild-glitch-slice .6s steps(1) 1}@media(prefers-reduced-motion: reduce){.guild-lp .guild-card{transition:none}.guild-lp .guild-card:hover,.guild-lp .guild-card:focus-within{rotate:none;translate:none}.guild-lp .guild-card:hover::after,.guild-lp .guild-card:focus-within::after{transition:none}.guild-lp .guild-card:hover>.open>.title>.name,.guild-lp .guild-card:hover>.open>.title>.name::before,.guild-lp .guild-card:hover::before,.guild-lp .guild-card:focus-within>.open>.title>.name,.guild-lp .guild-card:focus-within>.open>.title>.name::before,.guild-lp .guild-card:focus-within::before{animation:none}}.guild-lp .guild-profile{border-radius:6px;clip-path:polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 0 100%);box-shadow:inset 0 0 0 1px var(--me),inset 0 0 50px color-mix(in srgb, var(--me) 22%, transparent)}@keyframes guild-glitch-main{0%{text-shadow:3px 0 #fd1e40,-3px 0 #5ec8ff;translate:2px 0}15%{text-shadow:-4px 0 #fd1e40,4px 0 #5ec8ff;translate:-3px 0;opacity:.75}30%{text-shadow:2px 0 #fd1e40,-2px 0 #5ec8ff;translate:1px 0;opacity:1}45%{text-shadow:-1px 0 #fd1e40,1px 0 #5ec8ff;translate:0 0}60%,100%{text-shadow:none;translate:0 0}}@keyframes guild-glitch-slice{0%{opacity:1;clip-path:inset(10% 0 60% 0);translate:-6px 0;color:#5ec8ff}15%{clip-path:inset(55% 0 20% 0);translate:7px 0;color:#fd1e40}30%{clip-path:inset(30% 0 45% 0);translate:-4px 0;color:#fff}45%{clip-path:inset(70% 0 5% 0);translate:3px 0;color:#5ec8ff}60%,100%{opacity:0;clip-path:inset(0);translate:0 0}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes guild-spin{to{--spin: 360deg}}.guild-lp .guild-marquee:has(+.guild-join){margin-top:64px}.guild-marquee+.guild-join{margin-top:0;border-top:0}.guild-lp .guild-group.-master>.role{justify-content:center;gap:14px}.guild-lp .guild-group.-master>.role::before,.guild-lp .guild-group.-master>.role>.count::before{content:"";flex:1;max-width:220px;height:1px;background:linear-gradient(90deg, transparent, var(--guild-master))}.guild-lp .guild-group.-master>.role>.count{flex:1;max-width:220px;justify-content:flex-start;gap:0;font-size:0}.guild-lp .guild-group.-master>.role>.count::before{background:linear-gradient(90deg, var(--guild-master), transparent)}.guild-lp .guild-group.-master>.role>.en{font-size:clamp(1.4rem,4.4vw,2rem);text-shadow:0 0 18px rgba(242,193,78,.55)}.guild-lp .guild-group.-master>.members{grid-template-columns:minmax(0, 520px);justify-content:center;filter:drop-shadow(0 0 22px rgba(242, 193, 78, 0.35))}@media screen and (max-width: 767px){.guild-lp .guild-group.-master>.members{grid-template-columns:minmax(0, 1fr)}}.guild-lp .guild-group.-master .guild-card{--edge: #f2c14e;--ring: 2.5px}.guild-lp .guild-group.-master .guild-card::before{background:conic-gradient(from var(--spin), transparent 0deg 200deg, rgba(255, 236, 170, 0.9) 290deg, #fff 330deg, #f2c14e 345deg, transparent 360deg),linear-gradient(135deg, #b8862b, #f6d77a 45%, #a8741f);animation:guild-spin 5s linear infinite}.guild-lp .guild-group.-master .guild-card:hover,.guild-lp .guild-group.-master .guild-card:focus-within{--ring: 3px}.guild-lp .guild-group.-master .guild-card:hover::before,.guild-lp .guild-group.-master .guild-card:focus-within::before{animation-duration:1.8s}.guild-lp .guild-group.-master .guild-card>.open>.title>.name{font-size:clamp(1.4rem,4.6vw,1.9rem)}@media(prefers-reduced-motion: reduce){.guild-lp .guild-group.-master .guild-card::before{animation:none}}