body[data-illust]{background:var(--surface-wash);min-block-size:100dvh;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}html:has(body[data-illust]){scrollbar-gutter:stable;scroll-padding-block-start:4rem}[data-illust] *,[data-illust] :before,[data-illust] :after{box-sizing:border-box}[data-illust] :where(h1,h2,h3,p,ul){margin:0}[data-illust] :is(h1,h2,h3){font-family:var(--font-display);text-wrap:balance;font-weight:400;line-height:1.15}[data-illust] :is(a,button):focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}[data-illust] button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}[data-illust] a{color:inherit;text-decoration:none}[data-illust] img{max-inline-size:100%;display:block}.illust-container{inline-size:min(100% - 3rem,72rem);margin-inline:auto}.illust-header-content,.illust-header nav,.illust-brand{align-items:center;display:flex}.illust-header{z-index:5;pointer-events:none;position:sticky;inset-block-start:0}.illust-header-content{justify-content:space-between;gap:1rem;min-block-size:3.25rem}.illust-brand{background:var(--color-glass);backdrop-filter:var(--glass-blur-small);pointer-events:auto;white-space:nowrap;gap:.5rem;padding:.25rem .5rem;font-size:1.125rem;font-weight:700}.illust-header nav{background:var(--color-glass);backdrop-filter:var(--glass-blur-small);pointer-events:auto;color:var(--color-ink-soft);border-radius:.75rem;flex-wrap:wrap;padding-block:.25rem}.illust-header a,.illust-footer a{border-radius:.5rem}.illust-header a:hover,.illust-footer a:hover,.illust-header [aria-current]{color:var(--color-primary-ink)}.illust-skip{z-index:10;background:var(--color-surface);border-radius:.75rem;padding:.5rem .75rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.illust-skip:focus{transform:none}.illust-hero{grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding-block:3.5rem 4.5rem;display:grid}.illust-hero-cover{border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-md);transition:transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base) var(--ease-out);border-radius:1.5rem;padding:0;position:relative}.illust-hero-cover img{aspect-ratio:16/9;object-fit:cover;border-radius:inherit;block-size:auto;inline-size:100%}.illust-hero-cover>span{border:1px solid var(--color-glass-border);background:var(--color-glass);color:var(--color-primary-ink);backdrop-filter:var(--glass-blur);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;inset-block-end:.75rem;inset-inline-end:.75rem}.illust-intro h1{margin-block-end:1.25rem;font-size:clamp(2.75rem,5.5vw,4.5rem)}.illust-intro p{color:var(--color-ink-soft);font-size:1.0625rem}.illust-intro p+p{margin-block-start:.75rem}.illust-intro p:last-child{margin-block-start:1.5rem}.illust-intro strong{color:var(--color-primary-ink);font-weight:700}.illust-section+.illust-section{margin-block-start:4rem}.illust-section-heading{max-inline-size:30rem;margin-block-end:1.5rem}.illust-section-heading>p{color:var(--color-ink-soft)}.illust-section-heading>p[lang]{color:var(--color-ink-muted);font-size:.8125rem}.illust-section-heading h2{margin-block:.375rem .75rem;font-size:2rem}.illust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem;display:grid}.gallery-item{min-inline-size:0}.gallery-cover{border:1px solid var(--color-border-strong);background:var(--color-surface);text-align:start;inline-size:100%;transition:transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base) var(--ease-out);border-radius:1rem;padding:0;display:block;position:relative;overflow:hidden}.gallery-cover img{aspect-ratio:1;object-fit:cover;object-position:top;inline-size:100%}.gallery-item-comic .gallery-cover img{aspect-ratio:1/1.414}.gallery-cover-hint{background:linear-gradient(transparent, var(--color-glass) 65%);color:var(--color-primary-ink);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);padding:1.5rem .75rem .75rem;font-size:.8125rem;font-weight:700;position:absolute;inset-block-end:0;inset-inline:0}.gallery-cover:focus-visible .gallery-cover-hint{opacity:1}.gallery-item h3{margin-block-start:.875rem;font-size:1.125rem;line-height:1.35}.gallery-credit{color:var(--color-ink-soft);margin-block-start:.25rem;font-size:.75rem}.illust-vision{max-inline-size:38rem;color:var(--color-ink-soft);margin-block:3rem 4rem;font-size:.9375rem}.illust-banner{border:1px solid var(--color-primary-line);background:var(--attention);border-radius:1.75rem;grid-template-columns:auto 1fr;align-items:center;gap:2rem;padding:2.5rem;display:grid}.illust-banner-brand{align-items:center;gap:1rem;display:flex}.illust-banner-brand h2{font-size:3rem}.illust-banner-brand p{color:var(--color-ink-soft);font-size:.8125rem}.illust-claims{grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem;padding:0;list-style:none;display:grid}.illust-claims li{align-items:center;gap:.75rem;display:flex}.illust-claims svg{color:var(--color-primary-ink);flex-shrink:0}.illust-claims span{color:var(--color-ink-soft);font-size:.75rem}.illust-claims p{font-size:.9375rem;font-weight:700}.illust-banner-action{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.illust-banner-action a{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary);transition:transform var(--dur-base) var(--ease-spring);border-radius:.75rem;align-items:center;gap:.625rem;padding:.75rem 1.125rem;font-weight:700;display:inline-flex}.illust-banner-action small{color:var(--color-ink-soft);font-size:.75rem}.illust-footer{color:var(--color-ink-soft);padding-block:2.5rem;font-size:.8125rem}.illust-dialog{block-size:100dvh;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--color-ink);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:2rem;position:fixed;inset:0}.illust-dialog::backdrop{background:color-mix(in oklab, var(--color-night) 65%, transparent);backdrop-filter:blur(6px);overscroll-behavior:contain;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);overflow:hidden}.illust-dialog[open]:not([data-closing])::backdrop{opacity:1;transition-duration:var(--dur-base)}@starting-style{.illust-dialog[open]:not([data-closing])::backdrop{opacity:0}}.gallery-dialog[open]{grid-template-columns:minmax(0,1fr) 17rem;align-items:center;gap:2rem;display:grid}.gallery-image{pointer-events:none;justify-content:center;min-inline-size:0;display:flex}.gallery-image img{object-fit:contain;pointer-events:auto;border-radius:1rem;max-block-size:calc(100dvh - 4rem);max-inline-size:100%}.gallery-controls{border:1px solid var(--color-glass-border);background:var(--color-glass);box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);border-radius:1.25rem;padding:1rem}.gallery-controls header,.mascot-content header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.gallery-controls h2{align-self:center;font-size:1.375rem}[data-illust] .dialog-close{border:1px solid var(--color-border-strong);background:var(--color-surface);block-size:2.75rem;inline-size:2.75rem;color:var(--color-ink);border-radius:.875rem;flex:none;place-items:center;padding:0;display:inline-grid}.gallery-variants{flex-direction:column;gap:.375rem;margin-block-start:1rem;display:flex}.gallery-variants button{text-align:start;background:0 0;border:1px solid #0000;border-radius:.75rem;min-block-size:2.75rem;padding:.5rem .75rem;font-size:.875rem}.gallery-variants [aria-pressed=true]{border-color:var(--color-primary-line);background:var(--color-primary-soft);color:var(--color-primary-ink);font-weight:700}.mascot-dialog[open]{place-items:center;display:grid;overflow:clip}.mascot-content{inline-size:min(28rem,100%)}.mascot-content header{color:var(--color-night-ink);align-items:center;margin-block-end:1rem}.mascot-content h2{font-size:1.5rem}.mascot-content>p{color:var(--color-night-ink);text-align:center;margin-block-start:1rem;font-size:.75rem}.mascot-perspective{--rotate-x:0deg;--rotate-y:0deg;--glare-x:50%;--glare-y:50%;--foil-x:50%;--foil-y:50%;perspective:600px;inline-size:min(100%,63.0517dvh - 6.93569rem);margin-inline:auto}.mascot-card{isolation:isolate;aspect-ratio:1/1.586;background:var(--color-night);box-shadow:var(--shadow-lg);transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transition:transform var(--dur-base) var(--ease-out);border-radius:.875rem;position:relative;overflow:hidden}.mascot-arrival{opacity:0;transform-style:preserve-3d;transition:transform 1.2s var(--ease-spring), opacity var(--dur-base) var(--ease-out);transform:translateY(100%)rotateX(15deg)rotateY(135deg)rotate(15deg)}.mascot-dialog[open]:not([data-closing]) .mascot-arrival{opacity:1;transform:translateY(0)rotateX(0)rotateY(0)rotate(0)}.mascot-dialog[data-closing] .mascot-arrival{transition-duration:.6s;transition-timing-function:var(--ease-out);transform:translateY(150%)rotateX(-15deg)rotateY(-70deg)rotate(-15deg)}.mascot-dialog[data-closing]::backdrop{transition-duration:.6s}.mascot-card img{object-fit:cover;block-size:100%;inline-size:100%}.mascot-glare,.mascot-foil{pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:0}.mascot-glare{background:radial-gradient(farthest-corner circle at var(--glare-x) var(--glare-y), #fffc 10%, #ffffffa6 20%, transparent 90%);mix-blend-mode:soft-light;opacity:.2}.mascot-foil{--foil-pattern:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99994 3.419C2.99994 3.419 21.6142 7.43646 22.7921 12.153C23.97 16.8695 3.41838 23.0306 3.41838 23.0306' stroke='white' stroke-width='5' stroke-miterlimit='3.86874' stroke-linecap='round' style='mix-blend-mode:darken'/%3E%3C/svg%3E");background:var(--foil-pattern) center / 100% no-repeat, repeating-linear-gradient(0deg, #ff7773 5%, #ffed5f 10%, #a8ff5f 15%, #83fff7 20%, #7894ff 25%, #d875ff 30%, #ff7773 35%) 0% var(--foil-y) / 200% 700% no-repeat, repeating-linear-gradient(128deg, #0e152e 0%, #8fa3a3 3.8%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%) var(--foil-x) var(--foil-y) / 300% no-repeat, radial-gradient(farthest-corner circle at var(--glare-x) var(--glare-y), #ffffff1a 12%, #ffffff40 120%) var(--foil-x) var(--foil-y) / 300% no-repeat;background-blend-mode:hue, hue, hue, overlay;mix-blend-mode:color-dodge;opacity:0}.mascot-foil:after{content:"";background:inherit;background-position:center, 0% var(--foil-y), calc(var(--foil-x) * -1) calc(var(--foil-y) * -1), var(--foil-x) var(--foil-y);background-blend-mode:soft-light, hue, hard-light;mix-blend-mode:exclusion;background-size:100%,200% 400%,800%,200%;position:absolute;inset:0}.mascot-perspective[data-active] .mascot-foil{opacity:.4}.gallery-image,.gallery-controls{opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);transform:translateY(8px)scale(.98)}.gallery-dialog[open]:not([data-closing]) :is(.gallery-image,.gallery-controls){opacity:1;transition-duration:var(--dur-base);transition-timing-function:var(--ease-out), var(--ease-spring);transform:translateY(0)scale(1)}.mascot-content>header,.mascot-content>p{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.mascot-dialog[open]:not([data-closing]) .mascot-content>:is(header,p){opacity:1;transition-duration:var(--dur-base)}@starting-style{.gallery-dialog[open]:not([data-closing]) :is(.gallery-image,.gallery-controls){opacity:0;transform:translateY(8px)scale(.98)}.mascot-dialog[open]:not([data-closing]) .mascot-arrival{opacity:0;transform:translateY(100%)rotateX(15deg)rotateY(135deg)rotate(15deg)}.mascot-dialog[open]:not([data-closing]) .mascot-content>:is(header,p){opacity:0}}.illust-dialog[data-instant]::backdrop,.illust-dialog[data-instant] :is(.gallery-image,.gallery-controls,.mascot-arrival),.illust-dialog[data-instant] .mascot-content>:is(header,p){transition:none}@media (hover:hover) and (pointer:fine){.gallery-cover:hover,.illust-hero-cover:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.gallery-cover:hover .gallery-cover-hint{opacity:1}.illust-banner-action a:hover{transform:translateY(-2px)}[data-illust] .dialog-close:hover,.gallery-variants button:hover{background:var(--color-primary-soft);color:var(--color-primary-ink)}}@media (width<64rem){.illust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.illust-banner{padding:2rem}.illust-banner-brand,.illust-claims{grid-column:1/-1}}@media (width<48rem){html:has(body[data-illust]){scroll-padding-block-start:0}.illust-container{inline-size:min(100% - 2rem,72rem)}.illust-header{position:static}.illust-header-content{flex-wrap:wrap;gap:.5rem}.illust-hero{grid-template-columns:1fr;gap:2rem;padding-block:2rem 3.5rem}.illust-intro{grid-row:1;max-inline-size:32rem}.illust-intro h1{font-size:3rem}.illust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.illust-section+.illust-section{margin-block-start:3rem}.illust-banner{gap:1.5rem;padding:1.5rem}.illust-banner-action{flex-wrap:wrap;justify-content:flex-start}.illust-claims{gap:1rem}.illust-claims li{align-items:flex-start;gap:.5rem}.illust-claims p{font-size:.875rem}.illust-claims svg{inline-size:1.5rem}.illust-dialog{padding:1rem}.gallery-dialog[open]{grid-template-columns:1fr;align-content:start;gap:1rem}.gallery-controls{z-index:1;grid-row:1;position:sticky;inset-block-start:0}.gallery-variants{flex-flow:wrap;gap:.25rem;margin-block-start:.75rem}.gallery-image img{block-size:auto}}@media (prefers-reduced-motion:reduce){html:has(body[data-illust]){scroll-behavior:auto}[data-illust] *,[data-illust] :before,[data-illust] :after{transition:none!important;animation:none!important}.illust-dialog::backdrop{transition:none!important}.mascot-arrival,.mascot-card{transform:none!important}.mascot-foil,.mascot-glare{display:none}}