@import "https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,400;0,700;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Klee+One&display=swap";@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";*,:before,:after{box-sizing:border-box;margin:0;padding:0}img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}ul,ol{padding-left:1.5em}button,input,select{font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit;background:0 0;border:none}label,button,select,summary,[type=radio],[type=checkbox],[type=submit],[type=reset]{cursor:pointer}dialog{max-width:none;max-height:none;color:inherit;background:0 0;border:none;margin:auto}dialog::backdrop{background-color:#0000}.sr-only{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}:root{--blue-100:#f5fafe;--blue-200:#d8ebfd;--blue-300:#a8d1fa;--blue-400:#64adf7;--blue-500:#0d80f2;--blue-600:#082d9b;--blue-700:#051957;--blue-800:#020227;--blue-900:#01010a;--green-100:#f8fdf7;--green-200:#e4f7de;--green-300:#c3edb6;--green-400:#95de7c;--green-500:#59cc33;--green-600:#218321;--green-700:#124912;--green-800:#082108;--green-900:#020802;--gold:#ffd65c;--bshadow:0 .125rem .25rem .125rem #00000040;--tshadow:0 .125rem .125rem var(--green-700);--img-ada1:#fff9ef;--img-ada2:#ffe8c0;--img-ada3:#ffa000;--img-ada4:#a56800;--img-bella1:#f5f8ff;--img-bella2:#c0e1ff;--img-bella3:#335dff;--img-bella4:#0023ad;--img-celia1:#fff5f5;--img-celia2:#ffd9dd;--img-celia3:#ff5956;--img-celia4:#bd0300;--img-davina1:#fbf5ff;--img-davina2:#f2e5ff;--img-davina3:#d165ff;--img-davina4:#7c00b2}html{scrollbar-gutter:stable}body{background-color:var(--green-100);color:var(--green-700);word-spacing:-.125ch;font-family:Comic Neue,Helvetica,Arial,sans-serif;line-height:1.25}#app{width:min(100% - 1rem,50% + 24rem,72rem);margin-inline:auto}:lang(ja){font-family:Klee One,Yu Mincho,sans-serif}h2{border-bottom:.0625rem solid;margin-bottom:.5rem;padding:.25rem .5rem;font-size:1.25rem;font-weight:400}p,ul,ol{margin-block:.25em}a{color:var(--blue-600)}a:is(:hover,:focus-visible){color:var(--green-600)}ruby{ruby-align:center}ruby>rt{text-align:center}hr{color:inherit;border:none;border-top:.0625rem dotted;margin-block:.25em}input[type=radio],input[type=checkbox]{accent-color:var(--green-700)}select{border-bottom:.0625rem solid}optgroup,option{color:initial}.bi{font-size:.75em}.round-button{background-color:var(--green-400);border-radius:50%;line-height:1;transition:background-color .4s,color .4s}.round-button:is(:hover,:focus-visible){background-color:var(--green-600);color:var(--green-200)}.round-button>.bi:only-child{font-size:.625em;display:block}.modal-fade-both{opacity:0;transition-behavior:allow-discrete;transition:display .4s,overlay .4s,opacity .4s}.modal-fade-both[open]{opacity:1}@starting-style{.modal-fade-both[open]{opacity:0}}.fade-in-enter-active{transition:opacity .4s}.fade-in-enter-from{opacity:0}.header[data-v-0e08b6ee]{z-index:1;background-color:var(--green-200);justify-content:space-between;align-items:center;padding:.5rem .5rem .5rem 1rem;display:flex;position:sticky;top:0}.header__title-wrapper[data-v-0e08b6ee]{align-items:center;gap:.5rem;display:flex}.header__logo[data-v-0e08b6ee]{width:2.25rem;height:2.25rem}.header__title-text[data-v-0e08b6ee]{white-space:nowrap;font-size:1.5rem}.header__title-badge[data-v-0e08b6ee]{background-color:var(--green-700);color:var(--green-100);border-radius:1em;margin-left:.25em;padding-inline:.5em;font-size:.5em;display:inline-block}.header__nav-toggle[data-v-0e08b6ee]{border-radius:.5rem;place-items:center;width:2rem;height:2rem;font-size:2rem;line-height:1;transition:background-color .4s,color .4s;display:grid}.header__nav-toggle[data-v-0e08b6ee]:is(:hover,:focus-visible),.header__nav-wrapper:focus-within>.header__nav-toggle[data-v-0e08b6ee]{background-color:var(--blue-600);color:var(--blue-200)}.header__nav-menu[data-v-0e08b6ee]{background-color:var(--green-200);box-shadow:var(--bshadow);visibility:hidden;flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:absolute;top:100%;right:0}.header__nav-wrapper:focus-within>.header__nav-menu[data-v-0e08b6ee]{visibility:visible}.header__nav-link[data-v-0e08b6ee]{color:inherit;text-align:center;border-radius:.25rem;padding:.25rem 1rem;text-decoration:none;transition:background-color .4s,color .4s}.header__nav-link[data-v-0e08b6ee]:is(:hover,:focus-visible),.header__nav-link--active[data-v-0e08b6ee]{background-color:var(--blue-300);color:var(--blue-600)}.footer[data-v-0e08b6ee]{border-top:.0625rem solid;margin-top:.5rem;padding:.25rem .5rem}.footer__text[data-v-0e08b6ee]{text-align:right}@media (width>=36rem){.header[data-v-0e08b6ee]{padding-left:2rem}.header__logo[data-v-0e08b6ee]{width:3rem;height:3rem}.header__title-text[data-v-0e08b6ee]{font-size:2rem}}@media (width>=72rem){.header[data-v-0e08b6ee]{padding-inline:4rem}.header__nav-toggle[data-v-0e08b6ee]{display:none}.header__nav-wrapper[data-v-0e08b6ee]{margin-top:auto}.header__nav-menu[data-v-0e08b6ee]{box-shadow:none;visibility:visible;background-color:#0000;flex-direction:row;padding:0;position:static}.header__nav-link[data-v-0e08b6ee]{border-bottom:.0625rem solid;border-radius:.25rem .25rem 0 0;padding:.125rem .5rem 0}}.artwork-button[data-v-2b78e7c6]{aspect-ratio:1;border:.0625rem solid;border-radius:.5rem;transition:translate .4s;position:relative}.artwork-button__thumb[data-v-2b78e7c6]{object-fit:cover;pointer-events:none;border-radius:.4375rem;width:100%}.artwork-button__overlay[data-v-2b78e7c6]{background-color:color-mix(in srgb, var(--green-700) 70%, transparent);color:var(--green-200);text-shadow:var(--tshadow);visibility:hidden;opacity:0;border-radius:.4375rem;place-content:center;gap:.25rem;padding:0 .25rem;font-weight:700;transition:visibility .4s,opacity .4s;display:grid;position:absolute;inset:0}.artwork-button__title[data-v-2b78e7c6]{line-height:1}.artwork-button__meta[data-v-2b78e7c6]{font-size:.75rem}.artwork-button__character-list[data-v-2b78e7c6]{text-shadow:0 .0625rem var(--green-200), 0 -.0625rem var(--green-200), .0625rem 0 var(--green-200), -.0625rem 0 var(--green-200);justify-content:center;gap:.25rem;display:flex;position:absolute;inset:auto 0 .25rem}.artwork-button__character--ada[data-v-2b78e7c6]{color:var(--img-ada3)}.artwork-button__character--bella[data-v-2b78e7c6]{color:var(--img-bella3)}.artwork-button__character--celia[data-v-2b78e7c6]{color:var(--img-celia3)}.artwork-button__character--davina[data-v-2b78e7c6]{color:var(--img-davina3)}.artwork-button__feature-wrapper[data-v-2b78e7c6]{pointer-events:none;position:absolute;inset:0 0 auto}.artwork-button__feature-text-wrapper[data-v-2b78e7c6]{position:absolute;inset:.25rem 2rem auto 0;overflow:hidden}.artwork-button__feature-text[data-v-2b78e7c6]{width:100%;color:var(--gold);text-transform:uppercase;text-shadow:var(--tshadow);visibility:hidden;font-size:1.25rem;font-weight:700;transition:visibility .4s,translate .4s;display:inline-block;translate:-100%}.artwork-button__feature-badge-glow[data-v-2b78e7c6]{background-color:var(--gold);width:1rem;height:1rem;box-shadow:0 0 1rem 1rem var(--gold);visibility:hidden;opacity:0;border-radius:50%;transition:visibility .4s,opacity .4s;position:absolute;top:.5rem;right:.75rem}.artwork-button__feature-badge[data-v-2b78e7c6]{width:2rem;height:2rem;max-height:none;position:absolute;top:0;right:.25rem}.artwork-button[data-v-2b78e7c6]:is(:hover,:focus-visible){translate:0 -1rem}.artwork-button:is(:hover,:focus-visible) .artwork-button__overlay[data-v-2b78e7c6]{visibility:visible;opacity:1}.artwork-button:is(:hover,:focus-visible) .artwork-button__feature-text[data-v-2b78e7c6]{visibility:visible;translate:none}.artwork-button:is(:hover,:focus-visible) .artwork-button__feature-badge-glow[data-v-2b78e7c6]{visibility:visible;opacity:1}.lightbox[data-v-737d1011]{background-color:#000c;width:100%;height:100%}.lightbox__content[data-v-737d1011]{grid-template:". .close"3rem"prev figure next"minmax(0,1fr)"info.orig"3rem/3rem minmax(0,1fr) 3rem;place-items:center;width:100%;height:100%;display:grid}.lightbox__artwork-figure[data-v-737d1011]{grid-area:figure;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox__artwork-info[data-v-737d1011]{background-color:color-mix(in srgb, var(--green-200) 90%, transparent);width:min(32rem,100% + .25rem);box-shadow:var(--bshadow);visibility:hidden;transform-origin:0 100%;border-radius:2rem 2rem 2rem 0;padding:1rem 1rem 2rem;transition:visibility .4s,scale .4s;position:absolute;bottom:-.125rem;left:-.125rem;scale:0}.lightbox__artwork-info[data-v-737d1011]:after{content:"";background-color:inherit;clip-path:polygon(50% 0%,50% 50%,100% 50%,12.5% 87.5%);width:1rem;height:1rem;display:block;position:absolute;bottom:-.5rem;left:-.5rem}.lightbox__artwork-info--expanded[data-v-737d1011]{visibility:visible;scale:none}.lightbox__artwork-title[data-v-737d1011]{background-color:var(--green-700);width:fit-content;color:var(--green-200);border-radius:1em;padding:.25em .5em;font-size:1.25rem;font-weight:400;line-height:1}.lightbox__button-wrapper[data-v-737d1011]{position:relative}.lightbox__button-wrapper--prev[data-v-737d1011]{grid-area:prev}.lightbox__button-wrapper--next[data-v-737d1011]{grid-area:next}.lightbox__button-wrapper--info[data-v-737d1011]{grid-area:info}.lightbox__button-wrapper--orig[data-v-737d1011]{grid-area:orig}.lightbox__button-wrapper--close[data-v-737d1011]{grid-area:close}.lightbox__button[data-v-737d1011]{opacity:.3;width:1em;height:1em;box-shadow:var(--bshadow);font-size:2.5rem;transition:background-color .4s,color .4s,opacity .4s}.lightbox__button[data-v-737d1011]:is(:hover,:focus-visible){opacity:1}.lightbox__button-label[data-v-737d1011]{background-color:var(--green-600);width:max-content;height:fit-content;color:var(--green-200);box-shadow:var(--bshadow);pointer-events:none;visibility:hidden;opacity:0;border-radius:1000em;margin:auto;padding:.5em 1em;transition:visibility .4s,opacity .4s;position:absolute;inset:0 auto}.lightbox__button-label--prev[data-v-737d1011],.lightbox__button-label--info[data-v-737d1011]{left:calc(100% + .25rem)}.lightbox__button-label--next[data-v-737d1011],.lightbox__button-label--orig[data-v-737d1011],.lightbox__button-label--close[data-v-737d1011]{right:calc(100% + .25rem)}.lightbox__button:is(:hover,:focus-visible)+.lightbox__button-label[data-v-737d1011]{visibility:visible;opacity:1}.artwork-filter[data-v-15049d2a]{margin-top:1rem;background-color:var(--green-200);border:.0625rem dashed;border-radius:1rem;width:fit-content;margin-inline:auto;padding:1rem .75rem .5rem;position:relative}.artwork-filter__heading[data-v-15049d2a]{background-color:var(--green-700);color:var(--green-200);border-radius:1em;padding:.125em .5em;font-size:1rem;position:absolute;top:-.75rem;left:.75rem}.artwork-filter__body[data-v-15049d2a]{justify-items:start;gap:.125rem 1rem;display:grid}.artwork-filter__label[data-v-15049d2a]{font-weight:700}.artwork-filter__inline-list[data-v-15049d2a]{gap:.5em;margin:0;padding:0;list-style-type:none;display:flex}.artwork-filter__select[data-v-15049d2a]{height:1.25rem;display:block}.artwork-filter__reset-button[data-v-15049d2a]{border-radius:.25rem;margin-left:auto;padding-inline:.5rem;font-size:.875rem;transition:background-color .4s,color .4s;display:block}.artwork-filter__reset-button[data-v-15049d2a]:is(:hover,:focus-visible){background-color:var(--blue-600);color:var(--blue-200)}.artwork-catalogue[data-v-15049d2a]{grid-template-columns:repeat(auto-fit,9rem);justify-content:center;gap:.25rem;margin:.5rem;display:grid}.artwork-catalogue__empty-message[data-v-15049d2a]{text-align:center;grid-column:1/-1;margin-block:1rem;font-weight:700}@media (width>=36rem){.artwork-filter__body[data-v-15049d2a]{grid-template-columns:repeat(2,auto)}}.character-details[data-v-a6df372a]{isolation:isolate;max-width:64rem;min-height:37.5rem;color:var(--img4);grid-template:"portrait names names""portrait bio bio""portrait about about""likes likes dislikes""expr expr expr"/3fr 1fr 4fr;gap:.5rem;margin:auto;padding:1rem;display:grid;position:relative}.character-details[data-v-a6df372a]:before{content:"";z-index:-1;border:.25rem dashed var(--img3);background-color:var(--img1);border-radius:1rem;display:block;position:absolute;inset:0}.character-details--ada[data-v-a6df372a]{--img1:var(--img-ada1);--img2:var(--img-ada2);--img3:var(--img-ada3);--img4:var(--img-ada4)}.character-details--bella[data-v-a6df372a]{--img1:var(--img-bella1);--img2:var(--img-bella2);--img3:var(--img-bella3);--img4:var(--img-bella4)}.character-details--celia[data-v-a6df372a]{--img1:var(--img-celia1);--img2:var(--img-celia2);--img3:var(--img-celia3);--img4:var(--img-celia4)}.character-details--davina[data-v-a6df372a]{--img1:var(--img-davina1);--img2:var(--img-davina2);--img3:var(--img-davina3);--img4:var(--img-davina4);text-transform:lowercase}.character-details__section-heading[data-v-a6df372a]{background-color:var(--img2);width:fit-content;color:var(--img3);white-space:nowrap;border-radius:1em;margin-bottom:.25rem;padding:.25em .5em;font-size:1.25rem;line-height:1}.character-details__portrait[data-v-a6df372a]{margin-top:-1rem;max-width:150%;filter:drop-shadow(.25rem .25rem var(--img3));grid-area:portrait;margin-inline:-25%}.character-details__names[data-v-a6df372a]{grid-area:names}.character-details__name--english[data-v-a6df372a]{font-size:2.5rem;line-height:1}.character-details__name--japanese[data-v-a6df372a],.character-details__name--romaji[data-v-a6df372a]{margin-block:0;font-size:1.25rem;font-weight:700}.character-details__bio[data-v-a6df372a]{grid-area:bio}.character-details__bio-list[data-v-a6df372a]{grid-template-columns:max-content;gap:.25em .5em;padding:0;list-style-type:none;display:grid}.character-details__bio-item[data-v-a6df372a]:first-child{grid-column:1/-1}.character-details__bio-item-label[data-v-a6df372a]{background-color:var(--img2);border-radius:1em;padding:0 .5em;font-weight:700;display:inline-block}.character-details__about[data-v-a6df372a]{border:.1875rem double var(--img3);border-radius:1rem;grid-area:about;padding:.5rem .75rem}.character-details__likes[data-v-a6df372a]{grid-area:likes}.character-details__dislikes[data-v-a6df372a]{grid-area:dislikes}.character-details__expressions[data-v-a6df372a]{grid-area:expr}.character-details__expression-list[data-v-a6df372a]{grid-template-columns:repeat(3,minmax(0,max-content));gap:.5rem;margin-top:.5rem;display:grid}.character-details__expression-item[data-v-a6df372a]{justify-self:center;max-width:8rem;position:relative}.character-details__expression-image[data-v-a6df372a]{aspect-ratio:1;background-color:var(--img2);border-radius:25%;width:100%;transition:rotate .4s}.character-details__expression-quote[data-v-a6df372a]{background-color:var(--img2);filter:drop-shadow(0 .125rem .125rem var(--img4));text-align:center;pointer-events:none;visibility:hidden;opacity:0;border-radius:1em;padding:.5em;font-style:italic;transition:visibility .4s,opacity .4s,translate .4s;display:block;position:absolute;bottom:calc(100% - 1rem);left:0;right:0;translate:0 1rem}.character-details__expression-quote[data-v-a6df372a]:after{content:"";background-color:var(--img2);clip-path:polygon(25% 0%,100% 0%,0% 100%);width:1rem;height:1rem;display:block;position:absolute;top:100%;right:2rem}.character-details__expression-image[data-v-a6df372a]:is(:hover,:focus-visible){rotate:5deg}.character-details__expression-image:is(:hover,:focus-visible)+.character-details__expression-quote[data-v-a6df372a]{visibility:visible;opacity:1;translate:none}@media (width>=36rem){.character-details[data-v-a6df372a]{grid-template-columns:12rem auto auto;grid-template-areas:"portrait names bio""portrait about about""portrait likes dislikes""portrait expr expr"}.character-details__expression-quote[data-v-a6df372a]{left:-25%}}@media (width>=48rem){.character-details[data-v-a6df372a]{grid-template:"portrait. . ."6rem"portrait names bio expr""portrait about about expr""portrait likes dislikes expr"1fr/12rem 1fr 1fr 12rem}.character-details[data-v-a6df372a]:before{top:6.5rem}.character-details__about-text[data-v-a6df372a]{font-size:1.25rem}.character-details__expression-list[data-v-a6df372a]{grid-template-columns:auto;align-content:start}}@media (width>=72rem){.character-details__bio-list[data-v-a6df372a]{grid-template-columns:repeat(2,max-content)}}.character-details[data-v-a8c0fc6d]{isolation:isolate;max-width:64rem;min-height:37.5rem;color:var(--img4);margin:auto;padding:1rem;position:relative}.character-details[data-v-a8c0fc6d]:before{content:"";z-index:-1;border:.25rem dashed var(--img3);background-color:var(--img1);border-radius:1rem;display:block;position:absolute;inset:0}.character-details--default[data-v-a8c0fc6d]{--img1:var(--green-200);--img2:var(--green-400);--img3:var(--green-600);--img4:var(--green-700)}.character-details__default-text[data-v-a8c0fc6d]{white-space:nowrap;width:fit-content;height:fit-content;margin:auto;font-size:2rem;position:absolute;inset:0}@media (width>=48rem){.character-details[data-v-a8c0fc6d]:before{top:6.5rem}.character-details__default-text[data-v-a8c0fc6d]{top:6rem}}.character-nav[data-v-fcaa6b86]{justify-content:center;gap:.25rem;margin-top:.5rem;display:flex}.character-nav__button[data-v-fcaa6b86]{aspect-ratio:1;border:.25rem solid;border-radius:50%;width:8rem;transition:translate .4s}.character-nav__button--ada[data-v-fcaa6b86]{border-color:var(--img-ada3)}.character-nav__button--bella[data-v-fcaa6b86]{border-color:var(--img-bella3)}.character-nav__button--celia[data-v-fcaa6b86]{border-color:var(--img-celia3)}.character-nav__button--davina[data-v-fcaa6b86]{border-color:var(--img-davina3)}.character-nav__button[data-v-fcaa6b86]:is(:hover,:focus-visible){translate:0 -1rem}.character-nav__button-thumb[data-v-fcaa6b86]{aspect-ratio:1;border-radius:50%}.slideshow[data-v-dc0b2759]{grid-template-columns:auto minmax(auto,40rem) auto;grid-template-areas:"prev figure next";justify-content:center;align-items:center;gap:.75rem 1rem;display:grid}.slideshow__artwork-figure[data-v-dc0b2759]{aspect-ratio:1;grid-area:figure;justify-content:center;align-items:center;display:flex;position:relative}.slideshow__nav-button[data-v-dc0b2759]{width:1em;height:1em;font-size:2rem}.slideshow__nav-button--prev[data-v-dc0b2759]{grid-area:prev}.slideshow__nav-button--next[data-v-dc0b2759]{grid-area:next}.slideshow__artwork-image[data-v-dc0b2759]{box-shadow:var(--bshadow)}.slideshow__artwork-title[data-v-dc0b2759]{background-color:color-mix(in srgb, var(--green-300) 90%, transparent);text-align:center;width:fit-content;height:fit-content;box-shadow:var(--bshadow);border-radius:1em;margin:auto auto .5em;padding:.25em 1em;position:absolute;inset:0}.slideshow-pagination[data-v-dc0b2759]{flex-wrap:wrap;justify-content:center;gap:.25rem;margin-top:.75rem;margin-bottom:.5rem;display:flex}.slideshow-pagination__button[data-v-dc0b2759]{width:1rem;height:1rem}.slideshow-pagination__button--active[data-v-dc0b2759]{background-color:var(--green-800)}