:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--color-ink:#17214d;--color-ink-soft:#48527a;--color-sky:#aee4ff;--color-sky-deep:#55bfea;--color-pink:#f45d96;--color-pink-deep:#cf356f;--color-cream:#fff8e9;--color-gold:#ffc84a;--color-card:#ffffffeb;--color-focus:#163f9f;--color-danger:#a31f46;--shadow-card:0 16px 36px #2d43842e;--shadow-press:0 7px 15px #2d438433;--radius-small:.85rem;--radius-medium:1.25rem;--radius-large:2rem;--content-width:72rem;font-family:ui-rounded,SF Pro Rounded,Avenir Next Rounded,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--color-sky);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-ink);background:radial-gradient(circle at 15% 15%,#fffffff2,#0000 24rem),linear-gradient(#c9efff 0%,#f4fbff 52%,#fff4dc 100%);margin:0}button,a{font:inherit;color:inherit}img,video{max-width:100%;display:block}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:.65rem;font-size:clamp(2rem,6vw,4rem);line-height:.98}h2{font-size:clamp(1.35rem,3vw,2rem)}p{color:var(--color-ink-soft);line-height:1.55}:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}#root{min-height:100vh}.app-shell{width:min(100% - 2rem, var(--content-width));min-height:100vh;padding-block:max(1.25rem, env(safe-area-inset-top)) max(2rem, env(safe-area-inset-bottom));margin-inline:auto}.centered-page{text-align:center;place-content:center;display:grid}.eyebrow{color:var(--color-pink-deep);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem;font-size:.82rem;font-weight:900}.section-heading{margin-block:2rem 1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero{border-radius:var(--radius-large);box-shadow:var(--shadow-card);background:radial-gradient(circle at 85% 15%,#ffc84ac7,#0000 8rem),linear-gradient(135deg,#fffffff5,#ffe7f2eb);border:3px solid #ffffffe6;padding:clamp(1.5rem,5vw,3.25rem);position:relative;overflow:hidden}.hero p:last-child{max-width:34rem;margin-bottom:0;font-size:clamp(1rem,2.2vw,1.25rem)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2.5vw,1.5rem);display:grid}.ability-card,.ability-node{-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;text-decoration:none;transition:transform .16s,box-shadow .16s}.ability-card{border-radius:var(--radius-medium);background:var(--color-card);min-height:clamp(10rem,28vw,15rem);box-shadow:var(--shadow-card);border:3px solid #ffffffeb;display:grid;overflow:hidden}.ability-card:active,.ability-node:active,.primary-action:active,.back-link:active{box-shadow:var(--shadow-press);transform:translateY(3px)scale(.985)}.ability-card__image{object-fit:cover;width:100%;height:100%;min-height:7rem}.ability-card__name{background:linear-gradient(90deg, var(--color-pink), #ff8fb6);color:var(--color-ink);text-align:center;text-shadow:0 2px #5a13352e;align-self:end;padding:.9rem 1rem 1rem;font-size:clamp(1.1rem,3vw,1.45rem);font-weight:900}.page-header{grid-template-columns:auto 1fr;align-items:start;gap:1rem;margin-bottom:1.5rem;display:grid}.page-header h1{font-size:clamp(2rem,5vw,3.5rem)}.video-page__title-row{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.sound-setting{background:#ffffffe6;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .3rem .3rem .75rem;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #2d438424}.sound-setting__button{background:linear-gradient(180deg, #ff7fae, var(--color-pink));min-width:44px;min-height:44px;color:var(--color-ink);box-shadow:0 4px 0 var(--color-pink-deep);font:inherit;cursor:pointer;border:0;border-radius:999px;font-size:.9rem}.sound-setting__button:active{box-shadow:0 2px 0 var(--color-pink-deep);transform:translateY(2px)}.back-link,.primary-action{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.back-link{background:#ffffffe6;gap:.35rem;padding:.7rem 1rem;box-shadow:0 8px 20px #2d438424}.primary-action{background:linear-gradient(180deg, #ff7fae, var(--color-pink));color:var(--color-ink);box-shadow:0 8px 0 var(--color-pink-deep);padding:.85rem 1.35rem}.ability-tree{justify-items:center;width:min(100%,30rem);margin:0 auto;padding:0;list-style:none;display:grid}.ability-tree__item{justify-items:center;width:100%;display:grid}.ability-node{border-radius:var(--radius-medium);background:var(--color-card);width:100%;box-shadow:var(--shadow-card);border:3px solid #fffffff2;grid-template-rows:auto auto;grid-template-columns:minmax(5.5rem,8rem) 1fr;align-items:center;display:grid;overflow:hidden}.ability-node__image{object-fit:cover;grid-row:1/3;width:100%;height:100%;min-height:7rem}.ability-node__level{color:var(--color-pink-deep);letter-spacing:.08em;text-transform:uppercase;align-self:end;padding:1rem 1rem .15rem;font-size:.82rem;font-weight:900}.ability-node__name{align-self:start;padding:0 1rem 1rem;font-size:clamp(1.2rem,4vw,1.6rem);font-weight:900}.ability-tree__connector{background:linear-gradient(180deg, var(--color-pink), var(--color-gold));width:.65rem;height:2rem;box-shadow:0 0 0 3px #ffffffb3}.video-page{flex-direction:column;display:flex}.video-player{width:100%}.video-player__frame{border-radius:var(--radius-medium);box-shadow:var(--shadow-card);aspect-ratio:16/9;background:#101018;border:4px solid #fffffff2;position:relative;overflow:hidden}.video-player__frame :focus-visible{outline-color:#fff}.video-player__video{object-fit:contain;background:#101018;width:100%;height:100%}.mute-button{z-index:3;top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17214ddb;border:3px solid #ffffffe6;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;font-size:1.45rem;display:grid;position:absolute}.video-overlay{z-index:2;color:#fff;text-align:center;background:#1010188f;place-items:center;padding:1rem;font-weight:900;display:grid;position:absolute;inset:0}.video-overlay--message{align-content:center;gap:.75rem}.video-overlay--message p{color:#fff;margin:0}.evolution-caption{background:#ffffffdb;border-radius:999px;align-self:center;margin:1rem 0 0;padding:.7rem 1rem;font-weight:800}.media-fallback{border-radius:var(--radius-medium);background:var(--color-card);min-height:20rem;box-shadow:var(--shadow-card);text-align:center;border:4px solid #fffffff2;justify-items:center;padding:2rem;display:grid}.media-fallback__image{aspect-ratio:16/9;border-radius:var(--radius-small);object-fit:cover;width:min(100%,28rem);margin-bottom:1.25rem}@media (width>=900px) and (orientation:landscape){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-page{width:min(100% - 3rem,78rem)}}@media (width<=560px){.app-shell{width:min(100% - 1rem, var(--content-width))}.page-header{grid-template-columns:1fr}.page-header h1{margin-bottom:0}}.tier-list-card{border-radius:var(--radius-medium);background:var(--color-card);min-width:44px;min-height:8.5rem;box-shadow:var(--shadow-card);-webkit-tap-highlight-color:transparent;border:3px solid #ffffffeb;grid-template-columns:minmax(7.5rem,15rem) minmax(0,1fr);margin-top:clamp(1rem,3vw,1.5rem);text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;overflow:hidden}.tier-list-card:active{box-shadow:var(--shadow-press);transform:translateY(3px)scale(.985)}.tier-list-card__image{object-fit:cover;object-position:center;width:100%;height:100%;min-height:8.5rem}.tier-list-card__copy{background:linear-gradient(135deg,#fffffff5,#ffe7f2eb);align-content:center;gap:.25rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.tier-list-card__eyebrow{color:var(--color-pink-deep);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:900}.tier-list-card__title{font-size:clamp(1.35rem,4vw,2rem);font-weight:900}.tier-list-card__description{color:var(--color-ink-soft);line-height:1.4}.tier-list-page{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:#fff;background:#101018;grid-template-rows:auto minmax(0,1fr);gap:1rem;display:grid}.tier-list-page__toolbar{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.tier-list-page__toolbar h1{color:#fff;margin:0;font-size:clamp(1.5rem,4vw,2.5rem)}.tier-list-viewer{place-items:center;min-width:0;min-height:0;margin:0;display:grid}.tier-list-viewer__image{object-fit:contain;width:100%;height:100%}@media (width<=560px){.tier-list-card{grid-template-columns:1fr}.tier-list-card__image{max-height:10rem}}