: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;--tier-s:#ff7f7f;--tier-a:#ffbf7f;--tier-b:#ffdf7f;--tier-c:#ffff7f;--tier-d:#bfff7f;--tier-f:#7fffff;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}}.ability-tree__rating{width:100%;padding:.75rem 0 .9rem}.tier-picker{gap:.65rem;width:100%;display:grid}.tier-picker__tiers{grid-template-columns:repeat(6,minmax(44px,1fr));gap:.45rem;display:grid}.tier-picker__tier,.tier-picker__clear{cursor:pointer;-webkit-tap-highlight-color:transparent;border:3px solid #fffffff5;border-radius:.9rem;min-width:44px;min-height:48px;font-weight:900}.tier-picker__tier{background:var(--tier-color);justify-content:center;align-items:center;gap:.25rem;display:inline-flex;box-shadow:0 5px #17214d38}.tier-picker__tier--selected{border-color:var(--color-ink);box-shadow:0 0 0 3px #ffffffeb,0 6px 0 var(--color-ink)}.tier-picker__tier:active,.tier-picker__clear:active{transform:translateY(2px)}.tier-picker__clear{color:var(--color-danger);background:#ffffffeb;justify-self:stretch}.tier-picker__clear:disabled{color:var(--color-ink-soft);cursor:default;opacity:.55}@media (width<=420px){.tier-picker__tiers{grid-template-columns:repeat(3,minmax(44px,1fr))}}.tier-board{gap:.85rem;display:grid}.tier-board__row{border-radius:var(--radius-medium);min-height:8rem;box-shadow:var(--shadow-card);background:#fffc;border:3px solid #fffffff0;grid-template-columns:clamp(4rem,10vw,6rem) minmax(0,1fr);display:grid;overflow:hidden}.tier-board__label{background:var(--tier-color);color:#251f28;place-items:center;min-height:100%;margin:0;padding:1rem .5rem;font-size:clamp(2rem,6vw,3.5rem);display:grid}.tier-board__items{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));align-items:stretch;gap:.75rem;min-width:0;padding:.75rem;display:grid}.tier-board__empty{align-self:center;margin:0;padding:1rem;font-weight:800}.tier-board__item{border-radius:var(--radius-small);background:#fff;border:2px solid #17214d1f;grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.tier-board__edit,.tier-board__view,.tier-edit-sheet__close{min-width:44px;min-height:48px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;font-weight:900}.tier-board__edit{background:#fff;grid-template-rows:minmax(6rem,1fr) auto;padding:0;display:grid}.tier-board__image{object-fit:cover;width:100%;height:100%;min-height:6rem}.tier-board__item-label{padding:.6rem}.tier-board__view{color:var(--color-pink-deep);background:#ffe7f2f0;border-top:2px solid #17214d1a}.tier-edit-sheet__backdrop{z-index:20;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));background:#10101894;align-items:end;display:grid;position:fixed;inset:0}.tier-edit-sheet{border-radius:var(--radius-large);background:var(--color-cream);border:3px solid #fffffff5;gap:1rem;width:min(100%,42rem);margin-inline:auto;padding:1rem;display:grid;box-shadow:0 24px 60px #1010185c}.tier-edit-sheet__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.tier-edit-sheet__header h2{margin-bottom:0}.tier-edit-sheet__close{background:#fffffff2;border-radius:999px;padding-inline:1rem;box-shadow:0 5px #17214d2e}@media (width<=560px){.tier-board__row{grid-template-columns:3.75rem minmax(0,1fr)}.tier-board__items{grid-template-columns:repeat(2,minmax(0,1fr))}}.tier-list-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2.5vw,1.5rem);margin-top:clamp(1rem,3vw,1.5rem);display:grid}.tier-list-card-grid .tier-list-card{margin-top:0}.tier-list-card__tiers{grid-template-rows:repeat(6,1fr);min-height:8.5rem;display:grid}.tier-list-card__tiers>span{background:var(--tier-color);color:#251f28;place-items:center;min-height:1.4rem;font-weight:900;display:grid}.my-tier-list-page{padding-bottom:max(3rem,env(safe-area-inset-bottom))}.tier-persistence-warning{border:2px solid var(--color-gold);border-radius:var(--radius-small);color:var(--color-ink);background:#fff8e9f5;margin-bottom:1rem;padding:.9rem 1rem;font-weight:800}@media (width<=760px){.tier-list-card-grid{grid-template-columns:1fr}}