.hx{--hx-gold: #ebb450;--hx-gold-2: #ffe17d;--hx-green: #0f460f;padding-bottom:4rem}.hx-wrap{width:min(100% - 2.5rem,1180px);margin-inline:auto}.hx-tag{margin:0 0 .6rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.hx-h2{margin:0 0 .8rem;font-family:var(--font-display);font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.05;color:var(--fg)}.hx-h3{font-family:var(--font-display);font-size:1.4rem;color:var(--fg)}.hx-lead{max-width:62ch;margin:0 0 1.6rem;color:var(--fg-muted);line-height:1.7}.hx-hero{position:relative;display:grid;align-items:end;min-height:min(92vh,820px);padding:8rem max(1.25rem,calc((100% - 1180px)/2)) 4rem;overflow:hidden;isolation:isolate}.hx-hero-art{position:absolute;inset:0;z-index:-2}.hx-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hx-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 92%,transparent) 0%,color-mix(in srgb,var(--bg) 55%,transparent) 50%,transparent 80%),linear-gradient(0deg,var(--bg) 0%,transparent 45%)}.hx-sword{position:absolute;right:4%;top:16%;width:min(34vw,420px);rotate:-62deg;filter:drop-shadow(0 0 30px rgba(180,220,255,.45));animation:hx-float 6s ease-in-out infinite}.hx-banner{display:block;width:clamp(64px,6vw,88px);margin-bottom:1.2rem;transform-origin:50% 0;animation:hx-sway 5s ease-in-out infinite;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}.hx-hero-text{max-width:640px}.hx-title{margin:0 0 1rem}.hx-years{display:flex;align-items:center;gap:1rem;margin:0 0 1.2rem;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);color:var(--hx-gold)}.hx-years i{flex:0 1 200px;height:2px;background:linear-gradient(90deg,var(--hx-gold),var(--hx-gold-2))}.hx-inactive{display:grid;justify-items:start;gap:.8rem;max-width:52ch;margin:0;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg-muted);font-size:.9rem}html[data-skin=zelda] .hx-inactive{display:none}.hx-sec{padding-top:clamp(3.5rem,8vw,6rem)}.hx-mosaic{--w: clamp(96px, 9.4vw, 150px);display:grid;justify-content:center;gap:.6rem;padding:1rem 1.25rem 1.5rem;overflow-x:auto;scrollbar-width:thin}.hx-row{display:flex;padding-right:calc(var(--w) / 2)}.hx-tri{position:relative;flex:none;width:var(--w);aspect-ratio:428 / 378;margin-right:calc(var(--w) / -2);padding:0;border:0;background:none;cursor:pointer;transition:transform .35s var(--ease-out),filter .35s ease}.hx-tri{pointer-events:none}.hx-tri img{pointer-events:auto}.hx-tri.is-down img{clip-path:polygon(0 0,100% 0,50% 100%)}.hx-tri.is-up img{clip-path:polygon(50% 0,100% 100%,0 100%)}.hx-tri img{display:block;width:100%;height:100%;filter:saturate(.85) brightness(.92);transition:filter .35s ease}.hx-tri:hover img,.hx-tri:focus-visible img,.hx-tri.is-on img{filter:saturate(1.1) brightness(1.08)}.hx-tri.is-on{filter:drop-shadow(0 0 0 var(--hx-gold)) drop-shadow(0 0 14px rgba(235,180,80,.75));z-index:1}.hx-tri:focus-visible{outline:none;filter:drop-shadow(0 0 10px var(--hx-gold-2))}.hx-tri-year{position:absolute;left:50%;translate:-50% 0;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);opacity:0;transition:opacity .25s ease}.hx-tri.is-down .hx-tri-year{top:14%}.hx-tri.is-up .hx-tri-year{bottom:10%}.hx-tri:hover .hx-tri-year,.hx-tri.is-on .hx-tri-year,.hx-tri:focus-visible .hx-tri-year{opacity:1}@media(prefers-reduced-motion:no-preference){.hx-mosaic .hx-tri{opacity:0;transform:translateY(18px) scale(.9)}.hx-mosaic.is-in .hx-tri{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 45ms),transform .6s var(--ease-out) calc(var(--i) * 45ms),filter .35s ease}.hx-mosaic.is-in .hx-tri:hover{transform:translateY(-4px);transition-delay:0s}}.hx-card{display:grid;grid-template-columns:minmax(120px,220px) 1fr;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);margin-top:1rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}.hx-card.is-swap>*{animation:hx-in .45s var(--ease-out) both}.hx-card-art{width:100%;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}.hx-card-year{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1;color:var(--hx-gold)}.hx-card-title{margin:.3rem 0 1rem;font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2rem);color:var(--fg)}.hx-card-data{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin:0 0 1rem}.hx-card-data dt{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.hx-card-data dd{margin:.2rem 0 0;color:var(--fg)}.hx-card-text{margin:0;max-width:58ch;color:var(--fg-muted);line-height:1.7}.hx-chrono{display:grid;justify-items:center;gap:2.2rem;margin-top:1rem}.hx-chrono ol{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.hx-chrono li{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:.7rem;padding:.45rem .8rem .45rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-size:.9rem}.hx-chrono li img{width:38px}.hx-chrono li small{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:var(--fg-muted)}.hx-era{display:grid;justify-items:center;gap:.8rem;width:min(100%,560px)}.hx-era ol{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));width:100%}.hx-era-name,.hx-branch h3{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);text-align:center}.hx-split{position:relative;display:grid;justify-items:center;gap:.4rem;text-align:center}.hx-split:before,.hx-split:after{content:"";position:absolute;left:50%;width:2px;height:2.2rem;background:linear-gradient(var(--hx-gold),transparent)}.hx-split:before{bottom:100%;transform:rotate(180deg)}.hx-split:after{top:100%}.hx-split img{width:clamp(110px,14vw,160px);filter:drop-shadow(0 0 22px rgba(235,180,80,.55))}.hx-split p{display:grid;margin:0}.hx-split small{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted)}.hx-split b{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);color:var(--fg)}.hx-split span{color:var(--hx-gold)}.hx-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);width:100%;padding-top:1.6rem;border-top:2px solid color-mix(in srgb,var(--hx-gold) 60%,transparent)}.hx-branch{display:grid;align-content:start;gap:.8rem}.hx-branch.is-caido h3{color:#e0503a}.hx-branch.is-nino h3{color:#3fae5a}.hx-branch.is-adulto h3{color:#3a8be0}.hx-news{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.2rem 0 0;padding:0;list-style:none}.hx-news li{display:grid;align-content:start;gap:.6rem;padding:1.3rem 1.4rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.hx-news time{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.hx-news img{width:min(100%,220px)}.hx-news h3{margin:0;font-family:var(--font-display);font-size:1.25rem;color:var(--fg)}.hx-news p{margin:0;color:var(--fg-muted);font-size:.9rem;line-height:1.6}.hx-news .btn{justify-self:start;margin-top:.4rem}.hx-foot{display:grid;justify-items:start;gap:.8rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--fg-muted);font-size:.88rem}.hx-credit{font-size:.78rem}@media(max-width:900px){.hx-sword{top:9%;right:-8%;width:52vw;opacity:.55}.hx-mosaic{justify-content:start}.hx-card{grid-template-columns:1fr;justify-items:start}.hx-card-art{width:140px}.hx-branches{grid-template-columns:1fr}}@keyframes hx-float{0%,to{translate:0 0}50%{translate:0 -14px}}@keyframes hx-sway{0%,to{rotate:-2deg}50%{rotate:2deg}}@keyframes hx-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hx-sword,.hx-banner,.hx-card.is-swap>*{animation:none}}