.panel{position:relative;z-index:10;width:var(--panel-width);flex:none;height:100%;display:flex;flex-direction:column;padding:1.4rem 1rem 1.1rem;background:linear-gradient(180deg,#080c14eb,#04070cf5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid rgba(255,255,255,.07);box-shadow:6px 0 30px #00000080}.panel__brand{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem;text-decoration:none;color:inherit}.panel__logo{flex:none;color:#eaf4ff;filter:drop-shadow(0 0 10px rgba(150,200,255,.7));animation:sigil-spin 26s linear infinite reverse}@keyframes sigil-spin{to{transform:rotate(360deg)}}.panel__title{font-family:var(--font-display);font-size:1.02rem;font-weight:800;line-height:1.05;letter-spacing:.06em;background:linear-gradient(100deg,#8fd9ff,#c79bff,#ff9a6b);-webkit-background-clip:text;background-clip:text;color:transparent}.panel__title span{display:inline-block;margin:0 .35em;font-size:.62em;font-weight:600;letter-spacing:.24em;color:#c8dcff80;-webkit-text-fill-color:rgba(200,220,255,.5)}.panel__subtitle{margin:.28rem 0 0;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#dcebff73}.panel__nav{display:flex;flex-direction:column;gap:.9rem;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:.45rem;margin-right:-.45rem;scrollbar-gutter:stable;--nav-bar: 6px;-webkit-mask:linear-gradient(#000 0 0) left / calc(100% - var(--nav-bar)) 100% no-repeat;mask:linear-gradient(#000 0 0) left / calc(100% - var(--nav-bar)) 100% no-repeat}.panel__nav:hover{-webkit-mask-size:100% 100%;mask-size:100% 100%}@supports not selector(::-webkit-scrollbar){.panel__nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent}}.panel__nav::-webkit-scrollbar{width:var(--nav-bar);height:0}.panel__nav::-webkit-scrollbar-track{background:transparent}.panel__nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:6px}.panel__nav::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 60%,transparent)}.panel__nav-label{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:#dcebff59}.info-group{--swatch: #b9c5d6;display:flex;flex-direction:column;gap:.2rem}.info-group__head{padding:.32rem .55rem .2rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d6e2f280}.info-group__items{display:flex;flex-direction:column}.info-link{position:relative;display:flex;align-items:center;gap:.55rem;padding:.38rem .6rem .38rem .75rem;border-radius:9px;text-decoration:none;overflow:hidden;transition:background .2s ease,transform .18s ease}.info-link:before{content:"";position:relative;z-index:1;flex:none;width:.28rem;height:.28rem;border-radius:50%;background:#d6e2f252;transition:background .2s ease,box-shadow .2s ease}.info-link:hover{background:#ffffff09;transform:translate(3px)}.info-link:hover:before,.info-link.is-active:before{background:#e9f4ffd9;box-shadow:0 0 6px #e9f4ff80}.info-link__name{position:relative;z-index:1;font-size:.82rem;font-weight:500;color:#e2ecfaad;transition:color .2s ease}.info-link:hover .info-link__name,.info-link.is-active .info-link__name{color:#f4f9ff}.panel__nav-label{margin-top:.4rem}.cat-group{display:flex;flex-direction:column;gap:.3rem}.cat-group__head{position:relative;display:flex;align-items:center;padding:.32rem .55rem;border-radius:9px;text-decoration:none;overflow:hidden}.cat-group__name{position:relative;z-index:1;font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#e9f4ffb8;transition:color .2s ease}.cat-group__head:hover .cat-group__name{color:#fff}.cat-group__subs{display:flex;flex-direction:column;gap:.28rem}.subtype{position:relative;display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .2s ease,background .2s ease}.subtype:hover{transform:translate(4px);border-color:color-mix(in srgb,var(--swatch, #fff) 55%,transparent);background:color-mix(in srgb,var(--swatch, #fff) 9%,transparent)}.subtype.is-active{border-color:color-mix(in srgb,var(--swatch, #fff) 75%,transparent)}.cat__halo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 0% 50%,color-mix(in srgb,var(--swatch, var(--accent)) 26%,transparent),transparent 72%)}.subtype__swatch{position:relative;z-index:1;flex:none;width:.95rem;height:.95rem;border-radius:50%;background:var(--swatch, #fff);box-shadow:0 0 10px color-mix(in srgb,var(--swatch, #fff) 70%,transparent),inset -1px -1px 3px #00000080}.subtype__swatch.is-xtra{background:#0a0a0a;box-shadow:0 0 10px #ffe600,inset 0 0 4px #ffe60099;position:relative}.subtype__swatch.is-xtra:after{content:"X";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.62rem;font-weight:900;color:#ffe600;text-shadow:0 0 6px #ffe600}.subtype__swatch.is-rainbow{background:conic-gradient(from 210deg,#ff5d5d,#ffd24d,#6bff8f,#4ad2ff,#b06bff,#ff6bd6,#ff5d5d);box-shadow:0 0 12px #ffffff80}.subtype.is-soon{border-style:dashed;border-color:#ffffff1a;background:transparent}.subtype.is-soon .subtype__swatch{background:transparent;border:1px solid rgba(214,226,242,.4);box-shadow:none}.subtype.is-soon .subtype__name{color:#e2ecfa8c;font-weight:500}.subtype.is-soon:hover{transform:translate(4px);background:#ffffff08}.subtype__name{position:relative;z-index:1;font-size:.86rem;font-weight:600;color:#eef4ff}.panel__foot{margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:.6rem}.panel__links{display:flex;flex-wrap:wrap;gap:.3rem .9rem}.foot-link{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#dcebff80;transition:color .18s ease}.foot-link:hover{color:#eaf4ff}.foot-link.active{color:var(--accent, #8fd9ff)}.lang-toggle{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;padding:.28rem .6rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff08;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#dcebff66}.lang-toggle span.is-on{color:#8fd9ff;text-shadow:0 0 8px rgba(143,217,255,.7)}.lang-toggle__sep{color:#ffffff40}.panel__count{font-size:.66rem;letter-spacing:.06em;color:#dcebff59}.mobile-bar{display:none}.hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff08;flex:none}.hamburger span{display:block;height:2px;width:100%;border-radius:2px;background:#cfe4ff;transition:transform .25s ease,opacity .2s ease}.hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-bar__brand{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;text-decoration:none;color:#eaf4ff}.mobile-bar__brand svg{flex:none;color:#cfe4ff;filter:drop-shadow(0 0 6px rgba(150,200,255,.6))}.mobile-bar__brand span{font-family:var(--font-display);font-size:.86rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(100deg,#8fd9ff,#c79bff,#ff9a6b);-webkit-background-clip:text;background-clip:text;color:transparent}.panel__scrim{display:none}@media (max-width: 820px){.mobile-bar{display:flex;align-items:center;gap:.75rem;flex:none;width:100%;height:58px;padding:0 .9rem;background:linear-gradient(180deg,#080c14f5,#060910eb);border-bottom:1px solid rgba(255,255,255,.08);z-index:40}.mobile-bar .lang-toggle{flex:none}.panel__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#02040999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s ease}.panel__scrim.is-open{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;left:0;z-index:50;width:min(84vw,330px);height:100%;padding:1.2rem 1rem 1.1rem;border-right:1px solid rgba(255,255,255,.08);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.panel.is-open{transform:translate(0);box-shadow:12px 0 40px #0009}}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.starfield__layer{position:absolute;top:0;left:0;width:1px;height:1px;border-radius:50%;background:transparent}.starfield__layer:after{content:"";position:absolute;top:2000px;left:0;width:1px;height:1px;border-radius:50%;box-shadow:inherit}.starfield__layer--far{animation:star-drift 120s linear infinite;opacity:.5}.starfield__layer--mid{animation:star-drift 80s linear infinite;opacity:.75}.starfield__layer--near{width:2px;height:2px;animation:star-drift 50s linear infinite}.starfield__layer--near:after{width:2px;height:2px}@keyframes star-drift{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.home{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(1.2rem,3vw,2.4rem);overflow-y:auto;animation:home-in .5s ease both}@keyframes home-in{0%{opacity:0}to{opacity:1}}.home__hero{text-align:center;margin-bottom:clamp(.5rem,2vh,1.5rem);max-width:46ch}.home__logo{display:block;margin:0 auto;width:clamp(220px,34vw,420px);max-width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 24px rgba(0,0,0,.7))}.home__intro{margin:.7rem 0 0;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.55;color:#dfeeffa8}.home__system{position:relative;width:min(74vh,90%,640px);aspect-ratio:1 / 1;flex:none;margin:auto}.blackhole{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);display:grid;place-items:center}.blackhole__disc{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#000 44%,rgba(0,0,0,.6) 60%,transparent 72%);box-shadow:0 0 60px 20px #000000e6}.blackhole__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#8fd9ff0d,#c79bff8c,#ff9a6b80,#8fd9ff0d);mask:radial-gradient(circle,transparent 46%,#000 48%,#000 60%,transparent 66%);-webkit-mask:radial-gradient(circle,transparent 46%,#000 48%,#000 60%,transparent 66%);animation:accretion 18s linear infinite;filter:blur(1px)}@keyframes accretion{to{transform:rotate(360deg)}}.blackhole__logo{position:relative;z-index:2;width:46%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 0 14px rgba(230,255,120,.55));animation:logo-spin 40s linear infinite reverse}@keyframes logo-spin{to{transform:rotate(360deg)}}.orbit-planet{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;border:none;background:none;cursor:pointer;animation:planet-fade .5s ease both;animation-delay:calc(.15s + var(--i, 0) * .1s)}.orbit-planet:disabled{cursor:default}@keyframes planet-fade{0%{opacity:0}to{opacity:1}}.orbit-planet__body{width:clamp(64px,13vh,122px);height:clamp(64px,13vh,122px);background:var(--planet-img) center / contain no-repeat;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--planet) 45%,transparent));transition:filter .25s ease;animation:planet-pop .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.15s + var(--i, 0) * .1s)}@keyframes planet-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.orbit-planet:hover:not(:disabled) .orbit-planet__body{filter:drop-shadow(0 0 26px color-mix(in srgb,var(--planet) 80%,transparent))}.orbit-planet__label{font-family:var(--font-display);font-size:clamp(.66rem,1.2vw,.84rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--planet) 80%,#ffffff);text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 12px color-mix(in srgb,var(--planet) 55%,transparent);white-space:nowrap}.orbit-planet.is-tba .orbit-planet__body{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--planet-glow) 85%,transparent)) drop-shadow(0 0 20px color-mix(in srgb,var(--planet-glow) 50%,transparent))}.orbit-planet.is-tba .orbit-planet__label,.orbit-planet.is-locked .orbit-planet__label{color:#becde173;font-style:italic;font-size:clamp(.52rem,1vw,.66rem);letter-spacing:.06em;text-transform:none}.home__footer{width:100%;margin-top:auto;padding-top:1.4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.home__company{align-self:flex-end;width:clamp(110px,14vw,170px);height:auto;opacity:.8;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (max-width: 820px){.home{padding:1rem .8rem 2rem;overflow-x:hidden}.home__hero{margin-bottom:.4rem}.home__logo{width:min(78vw,300px)}.home__intro{font-size:.85rem}.home__system{width:min(84vw,320px)}.orbit-planet__body{width:62px;height:62px}.orbit-planet__label{font-size:.58rem;letter-spacing:.05em}.orbit-planet.is-tba .orbit-planet__label,.orbit-planet.is-locked .orbit-planet__label{font-size:.5rem}.blackhole{width:34%}}.card-slot{display:flex;flex-direction:column;gap:.55rem;animation:card-in .5s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * .05s)}@keyframes card-in{0%{opacity:0;transform:translateY(26px) scale(.95)}to{opacity:1;transform:none}}.card-tile{position:relative;border-radius:14px;aspect-ratio:442 / 672;overflow:hidden;outline:none;border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 8px 22px #00000080}.card-slot.is-released .card-tile{cursor:pointer}.card-slot.is-released .card-tile:hover,.card-slot.is-released .card-tile:focus-visible{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 34px #0000008c,0 0 26px color-mix(in srgb,var(--accent) 55%,transparent)}.card-slot.is-locked .card-tile{cursor:default;filter:saturate(.55) brightness(.62)}.card-tile__img{display:block;width:100%;height:100%;object-fit:contain}.card-tile__meta{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;align-items:center;padding:.6rem .7rem;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.card-slot.is-locked .card-tile__meta{inset:0 0 auto 0}.card-tile__rarity{font-weight:700;color:var(--rarity);text-shadow:0 0 10px currentColor,0 1px 4px rgba(0,0,0,.85);white-space:nowrap}.card-tile__lock{padding:.12rem .6rem;border-radius:999px;font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#dcebffb3;background:#04060cb3;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card-slot__caption{display:flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center}.card-slot__ref{font-family:var(--font-display);font-size:.62rem;letter-spacing:.14em;color:color-mix(in srgb,var(--accent) 75%,#ffffff);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}.card-slot__name{font-size:.86rem;font-weight:600;color:#eef4ff;line-height:1.2}.card-slot__name.is-unknown{color:#c8d8ec80;letter-spacing:.1em}.cardinfo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem)}.cardinfo__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020409b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cardinfo__window{position:relative;z-index:1;display:flex;gap:clamp(1rem,2.5vw,2rem);max-width:min(880px,96vw);max-height:90vh;padding:clamp(1.1rem,2.4vw,1.8rem);border-radius:20px;background:linear-gradient(160deg,#0e131ef5,#060910fa);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 30px 80px #000000a6,0 0 40px color-mix(in srgb,var(--accent) 30%,transparent)}.cardinfo__close{position:absolute;top:.7rem;right:.8rem;z-index:3;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#0006;color:#eaf4ff;font-size:.9rem;transition:background .18s ease,transform .18s ease}.cardinfo__close:hover{background:#ffffff24;transform:rotate(90deg)}.cardinfo__art{flex:none;width:clamp(180px,30vw,300px);display:flex;align-items:center}.cardinfo__art img{width:100%;height:auto;border-radius:12px;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--accent) 45%,transparent))}.cardinfo__panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:.7rem;overflow-y:auto;padding-right:.4rem}.cardinfo__kicker{font-family:var(--font-display);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 10px var(--glow)}.cardinfo__name{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:800;color:#f4f9ff;line-height:1.1}.cardinfo__meta{display:flex;align-items:center;gap:.6rem}.cardinfo__rarity{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rarity);text-shadow:0 0 10px currentColor}.cardinfo__ref{font-family:var(--font-display);font-size:.7rem;letter-spacing:.12em;color:#dcebff80}.cardinfo__stats{display:flex;gap:.6rem;margin:.2rem 0}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .3rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.stat__label{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#dcebff80}.stat__val{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#fff;text-shadow:0 0 12px var(--glow)}.cardinfo__block{display:flex;flex-direction:column;gap:.2rem}.cardinfo__block-label{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.cardinfo__ability{margin:0;font-size:.92rem;line-height:1.5;color:#e8f1ff}.cardinfo__lore{margin:0;font-size:.86rem;line-height:1.55;font-style:italic;color:#dcebff9e}@media (max-width: 640px){.cardinfo__window{flex-direction:column;max-height:92vh;overflow-y:auto}.cardinfo__art{width:min(60vw,220px);align-self:center}}.stub{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center;padding:2rem}.stub__kicker{font-family:var(--font-display);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent, #8fd9ff);text-shadow:0 0 12px var(--glow, rgba(143, 217, 255, .5))}.stub__title{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3rem);font-weight:800;color:#f4f9ff}.stub__body{max-width:46ch;font-size:1rem;line-height:1.6;color:#dfeeffa8}.stub__badge{margin-top:.4rem;padding:.35rem 1rem;border-radius:999px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#dcebffcc;border:1px solid rgba(255,255,255,.16);background:#ffffff08}.stub__back{margin-top:1rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--accent, #8fd9ff)}.stub__back:hover{text-decoration:underline}.lore{position:relative;height:100%;overflow:hidden}.lore__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.5;pointer-events:none}.lore__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#02050ab8,#02050a73 30%,#02050a73 70%,#02050acc)}.lore__scroll{position:relative;z-index:2;height:100%;overflow-y:auto;overflow-x:hidden}.lore__content{display:flex;flex-direction:column;align-items:center;padding:clamp(1.6rem,4vh,3rem) 1.2rem 2rem}.lore__planet{width:clamp(150px,24vh,240px);aspect-ratio:1 / 1;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 0 34px color-mix(in srgb,var(--accent) 45%,transparent));animation:lore-planet-in .7s cubic-bezier(.22,1,.36,1) both}@keyframes lore-planet-in{0%{opacity:0;transform:translateY(-14px) scale(.92)}to{opacity:1;transform:none}}.lore__name{margin-top:.9rem;font-family:var(--font-display);font-size:clamp(1.9rem,5vw,3rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:color-mix(in srgb,var(--accent) 72%,#ffffff);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 55%,transparent),0 2px 10px rgba(0,0,0,.85)}.lore__subtitle{margin:.2rem 0 0;font-style:italic;font-size:clamp(.85rem,1.6vw,1rem);letter-spacing:.06em;text-align:center;color:#e2eeffbf;text-shadow:0 1px 6px rgba(0,0,0,.8)}.lore__text{max-width:62ch;margin-top:clamp(1.2rem,3vh,2rem);padding:clamp(1.2rem,2.5vw,2rem) clamp(1.1rem,2.5vw,1.9rem);border-radius:16px;background:#03060c9e;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 10px 40px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lore__text p{margin:0;font-size:clamp(.92rem,1.5vw,1rem);line-height:1.75;text-align:justify;-webkit-hyphens:auto;hyphens:auto;color:#eaf2ffeb}.lore__text p+p{margin-top:1em}.lore__text p:last-child{text-align:center;font-style:italic;color:color-mix(in srgb,var(--accent) 55%,#ffffff)}.lore__back{margin-top:1.6rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:color-mix(in srgb,var(--accent) 75%,#ffffff);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}.lore__back:hover{text-decoration:underline}@media (max-width: 820px){.lore__content{padding:1.2rem .9rem 1.6rem}.lore__text{max-width:100%}.lore__text p{text-align:left}}.contact{position:relative;z-index:5;height:100%;overflow:hidden}.contact__scroll{height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:clamp(1.6rem,5vh,3.4rem) 1.2rem 2.4rem}.contact__head{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center}.contact__mail{font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;text-decoration:none;color:var(--accent, #8fd9ff);text-shadow:0 0 10px var(--glow, rgba(143, 217, 255, .5))}.contact__mail:hover{text-decoration:underline}.contact__form{width:min(100%,640px);display:flex;flex-direction:column;gap:1rem;padding:clamp(1.2rem,3vw,2rem);border-radius:18px;border:1px solid color-mix(in srgb,var(--accent, #8fd9ff) 28%,transparent);background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--accent, #8fd9ff) 10%,transparent),transparent 60%),#060c16b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px #ffffff08 inset,0 24px 60px #0000008c,0 0 40px color-mix(in srgb,var(--accent, #8fd9ff) 12%,transparent)}.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 560px){.contact__row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.4rem}.field__label{font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#dfeeffb8}.field input,.field textarea{width:100%;font-family:var(--font-body);font-size:.98rem;color:#f4f9ff;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.field textarea{resize:vertical;min-height:9rem;line-height:1.55}.field input::placeholder,.field textarea::placeholder{color:#dfeeff59}.field input:hover,.field textarea:hover{border-color:#ffffff38}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--accent, #8fd9ff);background:#ffffff0f;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #8fd9ff) 22%,transparent),0 0 18px color-mix(in srgb,var(--accent, #8fd9ff) 30%,transparent)}.field input:user-invalid,.field textarea:user-invalid{border-color:#ff6e6ebf}.field input:disabled,.field textarea:disabled{opacity:.6;cursor:wait}.contact__actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.3rem}.contact__hint{font-size:.74rem;letter-spacing:.08em;color:#dfeeff80}.contact__submit{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent, #8fd9ff) 60%,transparent);background:color-mix(in srgb,var(--accent, #8fd9ff) 14%,rgba(255,255,255,.02));font-family:var(--font-display);font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#f4f9ff;text-shadow:0 0 10px var(--glow, rgba(143, 217, 255, .5));box-shadow:0 0 18px color-mix(in srgb,var(--accent, #8fd9ff) 25%,transparent);transition:transform .18s,box-shadow .18s,background .18s}.contact__submit:hover:not(:disabled){transform:translateY(-1px);background:color-mix(in srgb,var(--accent, #8fd9ff) 26%,rgba(255,255,255,.02));box-shadow:0 0 28px color-mix(in srgb,var(--accent, #8fd9ff) 45%,transparent)}.contact__submit:active:not(:disabled){transform:translateY(0)}.contact__submit:disabled{opacity:.7;cursor:progress}.contact__spinner{width:.85em;height:.85em;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:contact-spin .8s linear infinite}@keyframes contact-spin{to{transform:rotate(360deg)}}.toast-region{position:absolute;left:50%;bottom:clamp(1rem,4vh,2.2rem);transform:translate(-50%);width:min(92%,520px);display:flex;justify-content:center;pointer-events:none;z-index:20}.toast{--tone: var(--accent, #8fd9ff);pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:.8rem .9rem .8rem 1rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--tone) 55%,transparent);background:#060c16db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 40px #0000008c,0 0 30px color-mix(in srgb,var(--tone) 30%,transparent);color:#f4f9ff;font-size:.92rem;line-height:1.4}.toast--success{--tone: #57e39b}.toast--error{--tone: #ff6e6e}.toast__icon{flex:none;width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:.8rem;color:#04101a;background:var(--tone);box-shadow:0 0 14px color-mix(in srgb,var(--tone) 70%,transparent)}.toast__close{flex:none;margin-left:auto;width:1.7rem;height:1.7rem;border-radius:50%;border:0;background:#ffffff0f;color:#f4f9ffcc;font-size:1.1rem;line-height:1;transition:background .15s}.toast__close:hover{background:#ffffff24}.catalog{position:relative;z-index:5;height:100%;overflow:hidden;display:flex;flex-direction:column;padding:clamp(1.2rem,3vw,2.4rem) clamp(1.2rem,4vw,3.2rem) clamp(1rem,2.4vh,1.6rem)}.catalog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:clamp(.8rem,2vh,1.6rem);flex:none}.catalog__kicker{font-family:var(--font-display);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent, #8fd9ff);text-shadow:0 0 12px var(--glow, rgba(143, 217, 255, .4))}.catalog__title{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;color:#f4f9ff}.catalog__blurb{margin:.3rem 0 0;max-width:60ch;font-size:.95rem;line-height:1.5;color:#dfeeff99}.catalog__count{margin-top:.5rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#dcebff66}.catalog__heading{display:flex;flex-direction:column;gap:.25rem;min-width:0}.view-toggle{flex:none;display:inline-flex;align-items:center;gap:.55rem;margin-top:.2rem;padding:.55rem .95rem .55rem .8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent, #8fd9ff) 45%,transparent);background:#ffffff08;color:#eaf4ff;font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .18s,box-shadow .18s,transform .18s}.view-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-toggle:hover{background:color-mix(in srgb,var(--accent, #8fd9ff) 16%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent, #8fd9ff) 40%,transparent);transform:translateY(-1px)}.view-toggle.is-active{background:color-mix(in srgb,var(--accent, #8fd9ff) 22%,transparent);border-color:color-mix(in srgb,var(--accent, #8fd9ff) 80%,#ffffff);box-shadow:0 0 20px color-mix(in srgb,var(--accent, #8fd9ff) 45%,transparent);text-shadow:0 0 10px var(--glow, rgba(143, 217, 255, .5))}.view-toggle:focus-visible{outline:2px solid var(--accent, #8fd9ff);outline-offset:2px}.tiles{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent, #8fd9ff) 22%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#060c169e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 40px #00000073;padding:.8rem .9rem .9rem}.tiles__hint{flex:none;margin:0;font-size:.66rem;letter-spacing:.06em;color:#dcebff66}.tiles__grid{flex:1;min-height:0;overflow-y:auto;padding:6px 4px 8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:.7rem .55rem;align-content:start}.tile{display:flex;flex-direction:column;align-items:center;gap:.28rem;padding:0;border:0;background:none;color:inherit}.tile__img{display:block;width:100%;aspect-ratio:442 / 672;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#04070d;overflow:hidden;opacity:.55;filter:saturate(.55);transition:opacity .18s,filter .18s,transform .18s,border-color .18s,box-shadow .18s}.tile__img img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.tile:hover .tile__img,.tile:focus-visible .tile__img{opacity:1;filter:none;transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent, #8fd9ff) 70%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--accent, #8fd9ff) 45%,transparent)}.tile.is-active .tile__img{opacity:1;filter:none;border-color:color-mix(in srgb,var(--accent, #8fd9ff) 85%,#ffffff);box-shadow:0 0 14px color-mix(in srgb,var(--accent, #8fd9ff) 55%,transparent)}.tile:focus-visible{outline:none}.tile__ref{font-family:var(--font-display);font-size:.48rem;letter-spacing:.08em;color:#dcebff8c;white-space:nowrap}.tile.is-active .tile__ref,.tile:hover .tile__ref{color:color-mix(in srgb,var(--accent, #8fd9ff) 75%,#ffffff)}.catalog__empty{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center}.catalog__empty p{margin:0;max-width:46ch;font-size:1rem;line-height:1.6;color:#dfeeffa8}.catalog__row{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:var(--card-gap, 24px);overflow:hidden}.catalog__cell{flex:none;width:var(--card-w, 210px)}.catalog__cell .card-slot{width:100%}.strip{flex:none;margin-top:clamp(.8rem,2vh,1.4rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"prev scroller next" "counter hint .";align-items:center;column-gap:.8rem;row-gap:.35rem;padding:.7rem .9rem .55rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent, #8fd9ff) 22%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#060c169e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 40px #00000073}.strip__scroller{grid-area:scroller;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:6px 4px}.strip__scroller::-webkit-scrollbar{display:none}.strip__track{position:relative;display:flex;gap:var(--thumb-gap, 8px);width:max-content;margin:0 auto;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.strip__track:active{cursor:grabbing}.strip__thumb{flex:none;width:var(--thumb-w, 46px);aspect-ratio:442 / 672;padding:0;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#04070d;overflow:hidden;opacity:.42;filter:saturate(.5);transition:opacity .2s,filter .2s,transform .2s,border-color .2s}.strip__thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.strip__thumb:hover{opacity:.8}.strip__thumb.is-active{opacity:1;filter:none;border-color:color-mix(in srgb,var(--accent, #8fd9ff) 60%,transparent)}.strip__thumb:focus-visible{outline:2px solid var(--accent, #8fd9ff);outline-offset:2px}.strip__window{position:absolute;top:-4px;left:0;height:calc(100% + 8px);border-radius:9px;border:1px solid color-mix(in srgb,var(--accent, #8fd9ff) 85%,#ffffff);box-shadow:0 0 0 1px #0009 inset,0 0 14px color-mix(in srgb,var(--accent, #8fd9ff) 55%,transparent),0 0 28px color-mix(in srgb,var(--accent, #8fd9ff) 25%,transparent);pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1),width .28s ease}.strip__arrow{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent, #8fd9ff) 45%,transparent);background:#ffffff08;color:#eaf4ff;transition:background .18s,box-shadow .18s,transform .18s,opacity .18s}.strip__arrow:first-of-type{grid-area:prev}.strip__arrow:last-of-type{grid-area:next}.strip__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.strip__arrow:hover:not(:disabled){background:color-mix(in srgb,var(--accent, #8fd9ff) 18%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent, #8fd9ff) 45%,transparent);transform:translateY(-1px)}.strip__arrow:active:not(:disabled){transform:translateY(0)}.strip__arrow:disabled{opacity:.3;cursor:default}.strip__counter{grid-area:counter;font-family:var(--font-display);font-size:.64rem;letter-spacing:.16em;color:color-mix(in srgb,var(--accent, #8fd9ff) 80%,#ffffff);text-shadow:0 0 10px var(--glow, rgba(143, 217, 255, .4));white-space:nowrap}.strip__hint{grid-area:hint;font-size:.66rem;letter-spacing:.06em;color:#dcebff61;text-align:center}@media (max-width: 820px){.catalog{padding:1.1rem .9rem .9rem}.catalog__blurb{font-size:.88rem}.strip{padding:.55rem .6rem .45rem;column-gap:.5rem}.strip__arrow{width:32px;height:32px}.strip__hint,.view-toggle span{display:none}.view-toggle{padding:.5rem}.tiles{padding:.6rem}.tiles__grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:.5rem .4rem}}.app{position:relative;display:flex;height:100%;width:100%;overflow:hidden;background:#02060a;transition:background .8s ease}.app__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 55% 45%,transparent 45%,rgba(0,0,0,.6) 100%)}.app__stage{position:relative;z-index:5;flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.app__page{position:relative;flex:1;min-height:0}.app__legal{flex:none;margin:0;padding:.55rem 1.2rem .7rem;text-align:center;font-size:.64rem;line-height:1.55;letter-spacing:.04em;color:#c8d6e880;border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,transparent,rgba(2,6,10,.55))}@media (max-width: 820px){.app{flex-direction:column}.app__stage{flex:1;min-height:0}.app__legal{font-size:.56rem;padding:.45rem .8rem .55rem}}@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/orbitron-latin-Du7j2Vp2.woff2) format("woff2")}@font-face{font-family:"Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/exo2-latin-CQ1lLIdm.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/exo2-latin-ext-B5pmZ151.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--accent: #39f5e6;--accent-soft: #1b8c8c;--glow: rgba(57, 245, 230, .55);--smoke: rgba(140, 240, 255, .4);--surface: #06141b;--surface-raised: #0c2230;--text: #dffaff;--scene-gradient: radial-gradient(circle at 30% 20%, #0a3a44 0%, #04141b 55%, #01080c 100%);--panel-width: 300px;--font-display: "Orbitron", "Trebuchet MS", system-ui, sans-serif;--font-body: "Exo 2", "Segoe UI", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:#02060a;overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;margin:0}button{font-family:inherit;color:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 60%,transparent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.fog__puff{animation-duration:var(--dur, 28s)!important;animation-iteration-count:infinite!important}}