.codex{padding-top:var(--gap-section)}.codex__head{display:grid;justify-items:center;gap:28px;margin-bottom:clamp(56px,7vw,104px);text-align:center}.codex__title{font-size:var(--size-display);max-width:14ch}@property --light{syntax:"<color>";inherits:true;initial-value:#ff7a2f}.magic{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,5vw,96px);transition:--light .8s linear}.magic__copy{display:grid;justify-items:start;gap:22px}.magic__title{font-size:var(--size-title)}.magic__chosen{display:grid;gap:14px;margin-top:clamp(32px,4vw,56px);min-width:min(100%,360px)}.magic__name{font-family:var(--font-display);font-weight:600;font-size:clamp(3.5rem,2rem + 4.2vw,6.5rem);line-height:.9;color:var(--ink);animation:magic-name .6s var(--ease-out)}@keyframes magic-name{0%{opacity:0;transform:translateY(12px)}}.magic__element{display:flex;align-items:center;gap:12px;font-size:var(--size-lead);font-weight:700;letter-spacing:.03em;color:var(--gold-hi)}.magic__gem{width:12px;height:12px;background:var(--light);transform:rotate(45deg);box-shadow:0 2px 10px rgb(0 0 0/.6)}.magic__page{margin-top:6px}.magic__index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 28px;margin-top:clamp(28px,3vw,44px);list-style:none}.magic__school{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:9px 0;color:var(--muted);cursor:pointer;transition:color var(--fast) linear}.magic__school-name{font-family:var(--font-display);font-weight:600;font-size:var(--size-h3);line-height:1}.magic__school-note{font-size:var(--size-small);font-weight:700;color:var(--faint)}.magic__school:hover{color:var(--ink)}.magic__school[aria-pressed=true]{color:var(--gold-hi)}.magic__school[aria-pressed=true] .magic__school-note{color:var(--ink)}.magic__circle{--r:40cqw;position:relative;justify-self:center;width:min(100%,620px);aspect-ratio:1;container-type:inline-size}.magic__aura{position:absolute;inset:6cqw;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--light) 42%,transparent) 0,color-mix(in srgb,var(--light) 14%,transparent) 46%,transparent 74%);pointer-events:none}.magic__ring{position:absolute;inset:calc(50cqw - var(--r));border:1px solid var(--gold-line);border-radius:50%}.magic__ring:after{content:"";inset:9cqw;border:1px solid var(--gold-line-soft)}.magic__ring:after,.magic__runes{position:absolute;border-radius:50%}.magic__runes{inset:2cqw;background:repeating-conic-gradient(var(--gold-line) 0deg .5deg,transparent .5deg 6deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 14px),#000 calc(100% - 14px),#000 calc(100% - 1px),transparent);mask:radial-gradient(closest-side,transparent calc(100% - 14px),#000 calc(100% - 14px),#000 calc(100% - 1px),transparent);animation:magic-turn 180s linear infinite}@keyframes magic-turn{to{transform:rotate(1turn)}}html.motion-paused .magic__runes{animation-play-state:paused}.magic__core{position:absolute;top:50%;left:50%;width:38cqw;aspect-ratio:345/395;transform:translate(-50%,-50%)}.magic__core-orb{position:absolute;inset:0;opacity:0;transform:scale(.82) rotate(-8deg);filter:drop-shadow(0 10px 36px color-mix(in srgb,var(--light) 70%,transparent));transition:opacity .5s linear,transform .9s var(--ease-out)}.magic__core-orb[data-on=true]{opacity:1;transform:none}.magic__core-orb img{object-fit:contain}.magic__orbs{list-style:none}.magic__slot{--angle:calc(var(--i) * 360deg / var(--n) - 90deg);position:absolute;top:50%;left:50%;width:14cqw;aspect-ratio:345/395;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--r)) rotate(calc(-1 * var(--angle)))}.magic__orb{display:block;width:100%;height:100%;cursor:pointer;filter:saturate(.55) brightness(.7);transition:filter var(--normal) linear,transform var(--normal) var(--ease-out)}.magic__orb img{object-fit:contain}.magic__orb:hover{filter:none;transform:scale(1.1)}.magic__orb[data-on=true]{filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--orb-light) 75%,transparent));transform:scale(1.16)}.magic__circle[data-inview=true] .magic__orb{animation:orb-ignite .9s var(--ease-out) calc(var(--i) * 90ms) backwards}@keyframes orb-ignite{0%{opacity:0;transform:scale(.4)}}.mounts{padding-top:var(--gap-section)}.mounts__head{display:grid;gap:20px;margin-bottom:clamp(40px,5vw,64px)}.mounts__title{font-size:var(--size-display)}.mounts__head .lead{max-width:54ch}.stable{display:grid;gap:18px;margin-inline:var(--edge);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.stable__row{display:flex;width:max-content;animation:stable-run 280s linear infinite}.stable__row--1{animation-direction:reverse;animation-duration:330s}.mounts__more{display:flex;align-items:center;gap:12px;margin-top:28px;font-weight:700;color:var(--gold-hi)}.mounts__more-gem{flex:none;width:9px;height:9px;background:var(--metal);transform:rotate(45deg)}.mounts__page{margin-top:18px}.stable:hover .stable__row,html.motion-paused .stable__row{animation-play-state:paused}@keyframes stable-run{to{transform:translateX(calc(var(--flip) * -50%))}}.stable__track{display:flex;gap:18px;padding-inline-end:18px;list-style:none}.stable__card{--card-h:clamp(200px,19vw,300px);flex:none;width:calc(var(--card-h) * var(--aspect, 1.333))}.stable__row--1 .stable__card{--card-h:clamp(170px,15vw,240px)}.stable__frame{height:var(--card-h)}.stable__frame .picture img{transition:transform 1.2s var(--ease-out),filter .6s linear}.stable__card:hover .picture img{transform:scale(1.04);filter:brightness(1.08)}.stable__plate{display:grid;gap:4px;padding:14px 4px 0}.stable__name{font-family:var(--font-display);font-weight:600;font-size:var(--size-h3);line-height:1}.stable__ability{font-size:var(--size-small);font-weight:700;letter-spacing:.03em;color:var(--gold-hi)}@media (prefers-reduced-motion:reduce){.stable{-webkit-mask-image:none;mask-image:none}.stable__row{width:auto;animation:none}.stable__track{flex-wrap:wrap}.stable__row--1,.stable__track[aria-hidden=true]{display:none}}@media (max-width:860px){.magic,.mounts__head{grid-template-columns:1fr}.magic__circle{order:-1;width:min(100%,460px)}.magic__slot{width:16cqw}}.devlogs{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"head preview" "index preview" "all preview";align-items:start;column-gap:clamp(32px,5vw,80px);padding-top:var(--gap-section)}.devlogs__head{grid-area:head}.devlogs__index{grid-area:index}.devlogs__all{grid-area:all}.devlogs__preview{grid-area:preview}.devlogs__head{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:clamp(20px,3vw,48px);margin-bottom:56px}.devlogs__chronicler{width:clamp(100px,10vw,168px)}.devlogs__chronicler img{object-fit:contain}.devlogs__head .lead{margin-top:20px}.devlogs__stage{display:contents}.devlogs__index{list-style:none}.devlogs__index li{position:relative}.devlogs__index li+li:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(to var(--end),var(--gold-line-soft),var(--gold-line) 30%,transparent)}.devlogs__row{display:grid;grid-template-columns:10rem 16px 1fr;grid-template-areas:"date gem title" ". . summary";align-items:baseline;column-gap:14px;row-gap:8px;padding:24px 0;color:var(--muted);transition:color var(--fast) linear}.devlogs__row,.site a.devlogs__row{text-decoration:none}.devlogs__thumb{display:none}.devlogs__date{grid-area:date;font-size:var(--size-small);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--faint)}.devlogs__gem{grid-area:gem;align-self:center;justify-self:center;width:8px;height:8px;background:var(--metal);transform:rotate(45deg) scale(0);transition:transform var(--normal) var(--ease-out)}.devlogs__title{grid-area:title;font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);line-height:1.05;color:var(--ink);transition:color var(--fast) linear,transform var(--normal) var(--ease-out)}.devlogs__summary{grid-area:summary;display:-webkit-box;max-width:52ch;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.devlogs__image{object-fit:contain}.devlogs__frame .forged__inner{background:var(--basalt-0)}.devlogs__cover .devlogs__image{filter:brightness(.88)}.devlogs__row[data-on=true]{color:var(--ink)}.devlogs__row[data-on=true] .devlogs__gem{transform:rotate(45deg) scale(1)}.devlogs__row[data-on=true] .devlogs__title{color:var(--gold-hi);transform:translateX(calc(var(--flip) * 4px))}.devlogs__preview{position:sticky;top:120px}.devlogs__frame{aspect-ratio:16/9}.devlogs__cover{position:absolute;inset:0;animation:devlogs-cover-in .7s var(--ease-out)}@keyframes devlogs-cover-in{0%{opacity:0;transform:scale(1.04)}}.devlogs__plate{display:grid;gap:6px;padding-top:calc(var(--carve, 30px) * .25 + 18px);animation:devlogs-plate .6s var(--ease-out)}.devlogs__plate time{font-size:var(--size-small);font-weight:700;color:var(--gold-hi)}.devlogs__plate span{font-family:var(--font-display);font-weight:600;font-size:var(--size-h3);line-height:1.05}@keyframes devlogs-plate{0%{opacity:0;transform:translateY(8px)}}.devlogs__all{margin-top:40px;font-weight:700}.devlogs__all a{color:var(--gold-hi)}@media (hover:none),(max-width:860px){.devlogs{grid-template-columns:1fr;grid-template-areas:"head" "index" "all"}.devlogs__preview{display:none}.devlogs__row{grid-template-columns:112px 1fr;grid-template-areas:"thumb date" "thumb title" "thumb summary";column-gap:18px;color:var(--ink)}.devlogs__gem{display:none}.devlogs__thumb{--c:8px;position:relative;display:block;grid-area:thumb;align-self:start;width:112px;aspect-ratio:16/9;overflow:hidden}.devlogs__title{font-size:var(--size-lead)}}.devlogs__language{margin-top:10px;font-size:var(--size-small);font-weight:700;color:var(--gold)}