@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=IM+Fell+English:ital@0;1&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c9a84c;--cyan:#7df9ff;--violet:#6b3fa0;--white:#f0ece4}body{color:var(--white);background:#000;font-family:IM Fell English,serif;overflow:hidden}canvas{z-index:0;top:0;left:0;position:fixed!important}.hero-text{z-index:10;pointer-events:none;position:fixed;bottom:12vh;left:8vw}.eyebrow{letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-bottom:.6rem;font-size:clamp(.7rem,1.4vw,.95rem);font-style:italic}.headline{color:var(--white);text-shadow:0 0 40px #c9a84c59;margin-bottom:1.2rem;font-family:Cinzel Decorative,serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;line-height:.92}.scroll-hint{letter-spacing:.3em;color:var(--gold);opacity:.7;font-size:.8rem;animation:2.5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.hint-bar{z-index:10;letter-spacing:.18em;color:#f0ece466;text-transform:uppercase;pointer-events:none;font-size:.72rem;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.tooltip{z-index:20;pointer-events:none;animation:.2s fadeIn;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.tooltip-text{border:1px solid var(--accent,var(--gold));color:var(--accent,var(--gold));letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 0 20px var(--accent,var(--gold));background:#000000b3;padding:.5rem 1.2rem;font-family:Cinzel Decorative,serif;font-size:clamp(.75rem,1.5vw,1rem);display:block;box-shadow:0 0 20px #00000080,inset 0 0 15px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-150%)}to{opacity:1;transform:translate(-50%,-160%)}}.section-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.section-card{text-align:center;background:radial-gradient(circle at top,#7df9ff1f,#0000 45%),linear-gradient(#0f1210f5,#000000eb);border:1px solid #c9a84cd9;width:90vw;max-width:520px;padding:3.2rem 2.7rem;position:relative;box-shadow:0 0 45px #7df9ff2e,inset 0 0 30px #c9a84c14}.section-card h2{color:var(--gold);letter-spacing:.12em;text-shadow:0 0 22px #c9a84c73;margin-bottom:1rem;font-family:Cinzel Decorative,serif;font-size:clamp(1.4rem,3vw,2rem)}.section-card p{color:#f0ece4d1;margin-bottom:2rem;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.8}.close-btn{color:#f0ece480;cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .2s;position:absolute;top:1rem;right:1.2rem}.close-btn:hover{color:var(--white)}.section-card-title{color:var(--gold);text-shadow:0 0 25px #c9a84c80;margin-bottom:1.2rem;font-family:Cinzel Decorative,serif;font-size:clamp(1.2rem,3vw,1.8rem)}.section-card-body{color:#f0ece4cc;margin-bottom:2rem;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.8}.cta-btn{border:1px solid var(--gold);color:var(--gold);letter-spacing:.15em;cursor:pointer;background:0 0;padding:.85rem 2.2rem;font-family:Cinzel Decorative,serif;font-size:.85rem;transition:background .3s,color .3s,box-shadow .3s}.cta-btn:hover{background:var(--gold);color:#000;box-shadow:0 0 25px #c9a84c80}.loading-screen{z-index:9999;pointer-events:none;background:radial-gradient(circle,#124246 0%,#082126 45%,#020608 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.loading-text{color:#f5e6b8;text-align:center;text-shadow:0 0 18px #7dfcffcc;letter-spacing:1px;white-space:nowrap;width:100%;font-family:serif;font-size:1.8rem;display:block}.portal-card-out{opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;transform:scale(.88)translateY(20px)}.portal-card-absorb{animation:1.4s forwards portalCardAbsorb}.portal-crossing-overlay{pointer-events:none;background:#fff;animation:4.2s forwards portalOverlayFlash;z-index:999999!important;position:fixed!important;inset:0!important}@keyframes portalCardAbsorb{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}60%{opacity:.35;filter:blur(2px);transform:scale(.82)translateY(35px)}to{opacity:0;filter:blur(8px);transform:scale(.55)translateY(80px)}}@keyframes portalOverlayFlash{0%{background:#0ff0}35%{background:#50ffff29}65%{background:#fff}to{background:#fff}}.portal-white-cover{opacity:0;pointer-events:none;animation:4.2s forwards portalWhiteCoverIn;z-index:9999999!important;background:#fff!important;position:fixed!important;inset:0!important}@keyframes portalWhiteCoverIn{0%{opacity:0}72%{opacity:0}90%{opacity:1}to{opacity:1}}.cta-btn-active{background:var(--gold);color:#000;text-shadow:none;transform:translateY(-2px);box-shadow:0 0 18px #c9a84cd9,0 0 40px #7df9ff59,inset 0 0 12px #ffffff40}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}canvas{width:100%;height:100%;display:block}.loading-screen{z-index:99999;filter:brightness(1.16)saturate(1.08);pointer-events:none;background-color:#124246;background-image:url(/magic-times/ui/karavan-loading-universe.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;animation:1.25s cubic-bezier(.16,.84,.44,1) both loadingFade,2.6s cubic-bezier(.22,.61,.36,1) 3.6s forwards loadingExit;position:fixed;top:0;left:0}@keyframes loadingFade{0%{opacity:1;filter:brightness(1.22)saturate(1.12);transform:scale(1.025)}to{opacity:1;filter:brightness(1.16)saturate(1.08);transform:scale(1)}}@keyframes loadingExit{0%{opacity:1;filter:brightness(1.16)saturate(1.08)}55%{opacity:.82;filter:brightness(1.2)saturate(1.1)}to{opacity:0;filter:brightness(1.24)saturate(1.08)}}.page-layout{background:#080503;width:100vw;height:100vh;overflow:hidden}@font-face{font-family:Achilles;src:url(/fonts/achilles3boldital.ttf)format("truetype");font-display:swap}.page-layout.magic-times{place-items:center;display:grid}.magic-transition{transform-origin:50%;width:100%;height:100%;animation:.9s cubic-bezier(.16,.84,.44,1) both magicPageExpand}.magic-transition.no-intro{animation:none}.magic-sheet{width:100%;height:100%;box-shadow:none;background:radial-gradient(circle,#17d0c114,#0000 32%),repeating-linear-gradient(0deg,#3722120d,#3722120d 1px,#0000 1px 7px),#d7bd8b;border:none;padding:26px 42px;position:relative;overflow:hidden}.magic-sheet:before{display:none}.magic-top{z-index:100;height:110px;position:relative}.magic-title{flex:1}.magic-top .kr-mark{z-index:999;align-items:center;display:flex;position:absolute;top:40px;left:78px}.magic-top .kr-mark img{width:170px;height:auto;display:block}.magic-top .moon-subscribe{width:210px;height:max-content;box-shadow:none;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:35px;right:100px}.magic-top .moon-icon{object-fit:contain;pointer-events:none;width:100px;height:auto;transition:all .3s;display:block}.magic-top .moon-subscribe:hover .moon-icon{filter:drop-shadow(0 0 12px #20d2c3d9);transform:translateY(-4px)scale(1.08)}.magic-top .moon-subscribe span{color:#0d6660;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;margin-top:5px;font-size:.78rem;font-weight:900}.magic-cards-grid{transform-origin:top;z-index:20;grid-template-columns:repeat(4,1fr);place-items:start center;gap:38px;width:calc(100vw - 100px);display:grid;position:absolute;top:60px;left:100px;transform:scale(1.15)}.magic-card{aspect-ratio:.65;cursor:pointer;perspective:2000px;width:300px;max-width:none;transition:transform .55s cubic-bezier(.22,.61,.36,1),width .55s cubic-bezier(.22,.61,.36,1),height .55s cubic-bezier(.22,.61,.36,1),filter .35s;position:relative}.magic-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.61,.36,1);position:relative}.magic-card.active{aspect-ratio:auto!important;z-index:9999!important;width:min(78vw,560px)!important;max-width:none!important;height:min(86vh,780px)!important;position:fixed!important;top:42%!important;left:50%!important;transform:translate(-50%,-50%)!important}.magic-card.active .magic-card-inner{transform:rotateY(180deg)}.magic-card-front,.magic-card-back{backface-visibility:hidden;border:1px solid #d6a763b3;border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 40px #190f0a73}.magic-card-front{background-image:var(--card-image);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .35s,box-shadow .35s}.magic-card-back{background:var(--card-back-image,none) center / contain no-repeat;color:#f3e3bf;text-align:center;box-shadow:none;filter:drop-shadow(0 24px 48px #00000080);border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px;display:flex;transform:rotateY(180deg)}.magic-card-back h2{color:#f3e3bf;letter-spacing:.08em;margin:0;font-size:2rem}.magic-card-back p{color:#2ad6c7;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.95rem}.magic-card-back.has-story{padding:clamp(54px,8vh,78px) clamp(58px,9vw,86px)}.magic-papiro-content{--papiro-width:min(84%, 470px);--papiro-image-size:min(108%, 465px);--papiro-image-height:min(44vh, 465px);--papiro-top-text:clamp(.78rem, 1.08vw, 1.08rem);--papiro-bottom-text:clamp(.78rem, 1vw, 1rem);--papiro-code-size:clamp(1.05rem, 1.7vw, 1.5rem);--papiro-gap:clamp(5px, .85vh, 10px);width:min(76%,390px);width:var(--papiro-width);place-items:center;gap:var(--papiro-gap);color:#2e190c;text-align:center;pointer-events:none;grid-template-rows:auto minmax(220px,1fr) auto auto;height:82%;display:grid}.magic-card-back .magic-papiro-text{color:#2e190c;font-family:Achilles,Georgia,serif;font-size:var(--papiro-top-text);letter-spacing:.01em;text-transform:none;text-shadow:0 1px #ffeebe52;margin:0;line-height:1.18}.magic-card-back .magic-papiro-text.bottom{font-size:var(--papiro-bottom-text)}.magic-papiro-illustration{width:var(--papiro-image-size);max-height:var(--papiro-image-height);object-fit:contain;filter:drop-shadow(0 10px 18px #2d190a47);display:block}.magic-card-back .magic-papiro-code{color:#5a2213;font-family:Achilles,Georgia,serif;font-size:var(--papiro-code-size);letter-spacing:.16em;text-transform:uppercase;margin:0;line-height:1}.magic-footer{z-index:100;pointer-events:none;grid-template-columns:repeat(4,260px);justify-content:center;gap:40px;display:grid;position:absolute;bottom:55px;left:0;right:0}.social-orb{pointer-events:auto;width:95px;height:95px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;margin:0 auto;padding:0;text-decoration:none;transition:all .3s;display:flex}.social-orb img{object-fit:contain;width:90px;height:90px;display:block}.social-orb:hover{filter:drop-shadow(0 0 10px #20d2c3d9);transform:translateY(-4px)scale(1.12)}@keyframes magicPageExpand{0%{opacity:0;filter:blur(20px);transform:scale(.08)}to{opacity:1;filter:blur();transform:scale(1)}}.ambientaciones-page{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.ambientaciones-bg{z-index:0;background-image:url(/ambientaciones/fondo-ambientaciones.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.forest-scene{z-index:20;background:radial-gradient(circle at 50% 30%,#20d2c314,#0000 55%),linear-gradient(#061109 0%,#030603 100%);place-items:center;transition:opacity 1.1s,transform 1.1s,filter 1.1s;display:grid;position:absolute;inset:0}.forest-scene.forest-fade{opacity:0;filter:blur(12px);pointer-events:none;transform:scale(1.15)}.transform-btn{color:#d7bd8b;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #d7bd8b;border-radius:40px;padding:18px 46px;font-size:1.1rem;transition:all .4s;box-shadow:0 0 24px #d6a76340}.transform-btn:hover{color:#0d0906;background:#d7bd8b;box-shadow:0 0 40px #d6a76399}.room-scene{z-index:10;opacity:0;background:radial-gradient(circle at 50% 70%,#ff8c3c1f,#0000 45%),linear-gradient(#1b120b 0%,#0d0805 100%);place-items:center;transition:opacity 1.3s .3s,transform 1.3s cubic-bezier(.22,.61,.36,1) .3s;display:grid;position:absolute;inset:0;transform:scale(.92)}.room-scene.room-reveal{opacity:1;transform:scale(1)}.room-wall{z-index:1;background:linear-gradient(#5a3a1e80,#140c06e6);width:14%;position:absolute;top:0;bottom:0}.room-wall-left{left:0}.room-wall-right{right:0}.room-fireplace{filter:blur(6px);z-index:1;background:radial-gradient(circle at 50% 100%,#ff78288c,#0000 70%);width:220px;height:180px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.room-content{z-index:5;text-align:center;color:#f3e3bf;max-width:640px;padding:0 30px;position:relative}.room-content h1{color:#d7bd8b;letter-spacing:.06em;margin-bottom:16px;font-size:2.4rem}.room-content p{color:#e8d9b8;margin-bottom:30px;line-height:1.6}.reliquias-scene{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.reliquias-edge-fill{z-index:0;pointer-events:none;transform-origin:50%;animation:.9s cubic-bezier(.16,.84,.44,1) both reliquiasEdgeExpand;position:absolute;inset:0;overflow:hidden}.reliquias-edge-fill:before,.reliquias-edge-fill:after{content:"";filter:saturate(.92)brightness(.82)contrast(1.08);background-position:50%;background-repeat:no-repeat;background-size:cover;width:50vw;position:absolute;top:0;bottom:0}.reliquias-edge-fill:before{background-image:linear-gradient(90deg,#0000002e,#0000 45%,#00000038),radial-gradient(circle at 42% 76%,#1912086b,#0000 28%),url(/reliquias/fondo-reliquias-wood-fill.webp);left:0}.reliquias-edge-fill:after{background-image:linear-gradient(270deg,#0000002e,#0000 45%,#00000038),url(/reliquias/fondo-reliquias-wood-fill.webp);right:0}.reliquias-edge-fill .edge-vignette{display:none}.reliquias-stage{aspect-ratio:1920/1080;z-index:1;width:min(100vw,177.778vh);height:auto;animation:.9s cubic-bezier(.16,.84,.44,1) both reliquiasPageExpand;position:absolute;top:50%;left:48.6%;transform:translate(-50%,-50%)}@keyframes reliquiasPageExpand{0%{opacity:0;filter:blur(20px);transform:translate(-50%,-50%)scale(.08)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes reliquiasEdgeExpand{0%{opacity:0;filter:blur(20px);transform:scale(.08)}to{opacity:1;filter:blur();transform:scale(1)}}.reliquias-bg{z-index:0;background-image:url(/reliquias/fondo-reliquias.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.relic-hotspot{z-index:10;cursor:pointer;width:16%;height:36%;position:absolute;top:28%}.frame-left{left:17.6%}.frame-center{left:41.5%;top:28,3%;width:17%}.frame-right{width:16.5%;left:66%}.relic-hotspot-inner{border-radius:4px;width:100%;height:100%;transition:transform .62s cubic-bezier(.16,.84,.44,1),filter .62s,box-shadow .45s;position:relative;overflow:hidden}.relic-hotspot:hover .relic-hotspot-inner{transform:scale(1.015);box-shadow:0 0 12px 4px #20d2c3f2,0 0 34px 10px #d6a763bf,0 0 70px 16px #20d2c359}.relic-hotspot-inner.flipping{filter:brightness(1.5)blur(1.5px)saturate(1.08);transform:scale(.94)}.relic-hotspot-inner.flipping:after{content:"";opacity:1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#fff5bef2,#20d2c39e 30%,#d6a76361 48%,#0000 72%);animation:.82s both relicPortalFlash;position:absolute;inset:-18%}@keyframes relicPortalFlash{0%{opacity:0;transform:scale(.55)}35%{opacity:1;transform:scale(1.05)}70%{opacity:.65;transform:scale(1.22)}to{opacity:0;transform:scale(1.38)}}.relic-hotspot-image{background-position:50%;background-size:cover;width:100%;height:100%}.relic-hotspot-placeholder{text-align:center;background:#08050366;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.relic-table-titles{z-index:16;pointer-events:none;grid-template-columns:repeat(3,1fr);place-items:center;column-gap:3%;width:62%;display:grid;position:absolute;top:76%;left:20%}.relic-table-title{color:#f3e3bf;width:100%;min-height:34px;font:inherit;letter-spacing:.05em;text-align:center;text-shadow:0 0 10px #d6a763d9,0 0 20px #000000e6;cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;padding:4px 10px;font-size:clamp(.8rem,1vw,1.05rem);transition:color .25s,text-shadow .25s,transform .25s;display:flex}.relic-table-title:hover{color:#fff4c9;text-shadow:0 0 14px #d6a763,0 0 28px #20d2c373;transform:translateY(-1px)}.relic-shared-title{z-index:30;text-align:center;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;width:80%;font-size:2.4rem;transition:opacity .35s,transform .35s,color .2s;position:absolute;top:79%;left:50%;transform:translate(-50%)translateY(10px)}.relic-shared-title.visible{opacity:1;transform:translate(-50%)translateY(0)}.relic-shared-title.color-gold{color:#d7bd8b;text-shadow:0 0 14px #d6a763e6,0 0 26px #d6a76380}.relic-shared-title.color-turquoise{color:#7df9ff;text-shadow:0 0 14px #20d2c3f2,0 0 26px #20d2c399}.relic-shared-title.color-purple{color:#d9a6ff;text-shadow:0 0 14px #b46efff2,0 0 26px #b46eff99}.relic-shared-title.color-wine{color:#d7bd8b;text-shadow:0 0 12px #fff4c9f2,0 0 26px #d6a763e6,0 0 46px #d6a7638c}.hotspot-lamp{z-index:10;border-radius:50%;width:12%;height:17%;text-decoration:none;display:block;position:absolute;top:67%;left:67%}.hotspot-lamp:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#20d2c399,#0000 70%);border-radius:50%;transition:opacity .35s;position:absolute;inset:-40%}.hotspot-lamp:hover:before{opacity:1}.hotspot-crystal{z-index:10;width:44%;height:25%;text-decoration:none;display:block;position:absolute;top:73%;left:35%}.hotspot-crystal:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#b46eff80,#0000 70%);border-radius:50%;transition:opacity .35s;position:absolute;inset:-8%}.hotspot-crystal:hover:before{opacity:1}.hotspot-compass{z-index:10;cursor:pointer;background:0 0;border:none;width:15%;height:25%;display:block;position:absolute;top:65%;left:7%}.hotspot-compass:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#d6a7638c,#0000 70%);border-radius:50%;transition:opacity .35s;position:absolute;inset:-30%}.hotspot-compass:hover:before{opacity:1}.ambientaciones-moon{z-index:10;width:185px;height:185px;text-decoration:none;transition:filter .35s;animation:72s linear infinite ambientacionesMoonSlowSpin;display:block;position:absolute;top:16%;left:38%;transform:translate(-50%)}.ambientaciones-moon img{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:transform .35s;display:block}.ambientaciones-moon:hover{filter:drop-shadow(0 0 24px #d6a763f2)drop-shadow(0 0 48px #20d2c3a6)}.ambientaciones-moon:hover img{transform:scale(1.08)}.ambientaciones-bg-karavan{opacity:0;filter:blur(8px);background-image:url(/ambientaciones/fondo-ambientaciones-karavan.webp);transition:opacity 3s,transform 3s,filter 3s;transform:scale(1.06)}.ambientaciones-page.ambientaciones-revealed .ambientaciones-bg-karavan{opacity:1;filter:blur();transform:scale(1)}.ambientaciones-page.ambientaciones-revealed .ambientaciones-moon{filter:drop-shadow(0 0 34px #d6a763)drop-shadow(0 0 72px #20d2c3bf)}.ambientaciones-fire{z-index:12;opacity:0;border-radius:50%;width:155px;height:155px;text-decoration:none;transition:transform .35s;animation:1.1s .7s forwards ambientacionesFireEnter;display:block;position:absolute;top:84%;left:51.5%;transform:translate(-50%,-50%)scale(.85)}.ambientaciones-fire:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle,#ffe696d9,#ffa537a6 36%,#d6a76359 58%,#0000 76%);border-radius:50%;transition:opacity .35s,transform .35s;position:absolute;inset:-35%;transform:scale(.75)}.ambientaciones-fire:hover:before{opacity:1;transform:scale(1)}.ambientaciones-fire img{object-fit:contain;pointer-events:none;z-index:1;width:100%;height:100%;display:block;position:relative}.ambientaciones-fire:hover{filter:drop-shadow(0 0 10px #ffebaa)drop-shadow(0 0 24px #ffaa3cf2)drop-shadow(0 0 46px #d6a763bf);transform:translate(-50%,-50%)scale(1.08)}.ambientaciones-fire:hover img{filter:brightness(1.22)saturate(1.18)}@keyframes ambientacionesMoonSlowSpin{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(-360deg)}}@keyframes ambientacionesFireEnter{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%)scale(.55)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(.8)}}.scene-newsletter-link{z-index:60;color:#fff4c9;text-align:center;pointer-events:auto;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:clamp(78px,8vw,132px);min-height:clamp(96px,9vw,152px);text-decoration:none;transition:transform .32s,filter .32s;display:flex;position:absolute;top:5.5%;right:5.2%}.scene-newsletter-link img{object-fit:contain;pointer-events:none;width:100%;height:auto;display:block}.scene-newsletter-link span{color:#fff4c9;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 10px #20d2c3f2,0 0 18px #000000e6;pointer-events:none;font-size:clamp(.68rem,.8vw,.9rem);font-weight:900}.scene-newsletter-link:hover,.scene-newsletter-link:focus-visible{filter:drop-shadow(0 0 14px #20d2c3f2)drop-shadow(0 0 28px #d6a76380);outline:0;transform:translateY(-4px)scale(1.08)}.reliquias-newsletter-link{top:5.8%;right:4.6%}.ambientaciones-newsletter-link{top:6%;right:6%}@media (width<=680px){.scene-newsletter-link{width:74px;min-height:88px;top:18px;right:18px}.scene-newsletter-link span{font-size:.62rem}}.portal-pass-page{background:radial-gradient(circle,#20d2c32e,#0000 38%),radial-gradient(circle at 50% 52%,#d6a76329,#0000 54%),#020606;width:100vw;height:100vh;position:relative;overflow:hidden}.portal-pass-spin-bg{filter:blur(12px)brightness(1.1);opacity:0;z-index:0;background-image:url(/portal-pass/portal-pass.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:112vmax;height:112vmax;animation:42s linear infinite portalPassFullSpin,1.45s forwards portalPassReveal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-pass-orbit{--orbit-size:min(82vmin, 800px);--orbit-radius:calc(var(--orbit-size) * .41);width:var(--orbit-size);height:var(--orbit-size);z-index:1;place-items:center;animation:1.8s cubic-bezier(.16,.84,.44,1) .45s both portalPassOrbitReveal;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.portal-pass-core{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38%;padding:0;transition:filter .28s,scale .28s;animation:5.5s ease-in-out infinite portalPassFloat;display:grid;position:absolute}.portal-pass-core:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#d6a7638c,#20d2c34d 44%,#0000 70%);border-radius:50%;transition:opacity .28s,transform .28s;position:absolute;inset:-10%;transform:scale(.82)}.portal-pass-core img{z-index:1;object-fit:contain;filter:drop-shadow(0 0 10px #20d2c36b)drop-shadow(0 12px 20px #00000061);pointer-events:none;width:100%;height:100%;transition:filter .28s,transform .28s;animation:42s linear infinite portalPassIconSelfSpin;display:block;position:relative}.portal-pass-core:hover,.portal-pass-core:focus-visible,.portal-pass-core.is-active{filter:brightness(1.2);outline:0;scale:1.16}.portal-pass-core:hover:before,.portal-pass-core:focus-visible:before,.portal-pass-core.is-active:before{opacity:.92;transform:scale(1.02)}.portal-pass-core:hover img,.portal-pass-core:focus-visible img,.portal-pass-core.is-active img{filter:drop-shadow(0 0 22px #20d2c3f2)drop-shadow(0 0 38px #d6a7639e);transform:scale(1.08)}.portal-pass-orbit-ring{pointer-events:none;border:1px solid #d6a7636b;border-radius:50%;animation:4.8s ease-in-out infinite portalPassRingPulse;position:absolute;inset:8%;box-shadow:inset 0 0 28px #20d2c33d,0 0 38px #20d2c338}.portal-pass-orbit-ring:before,.portal-pass-orbit-ring:after{content:"";border:1px dashed #20d2c35c;border-radius:50%;position:absolute;inset:10%}.portal-pass-orbit-ring:after{border-style:solid;border-color:#fff4c938;inset:22%}.portal-pass-icon-track{pointer-events:none;border-radius:50%;animation:42s linear infinite portalPassIconsCounterSpin,.8s .45s both portalPassIconTrackReveal;position:absolute;inset:0}.portal-pass-orbital-icon{--icon-size:clamp(162px, 27vmin, 275px);width:var(--icon-size);height:var(--icon-size);margin:calc(var(--icon-size) / -2);cursor:pointer;pointer-events:auto;transform:rotate(var(--angle)) translateX(var(--orbit-radius)) rotate(calc(-1 * var(--angle)));animation:portalPassIconEnter .8s cubic-bezier(.16,.84,.44,1) var(--delay) both;background:0 0;border:0;border-radius:50%;padding:0;transition:filter .28s,scale .28s;position:absolute;top:50%;left:50%}.portal-pass-orbital-icon:before{content:"";opacity:0;background:radial-gradient(circle,#d6a76380,#20d2c33b 44%,#0000 68%);border-radius:50%;transition:opacity .28s,transform .28s;position:absolute;inset:0;transform:scale(.78)}.portal-pass-orbital-icon img{z-index:1;object-fit:contain;filter:drop-shadow(0 0 10px #20d2c359)drop-shadow(0 12px 20px #0000006b);pointer-events:none;width:100%;height:100%;transition:filter .28s,transform .28s;animation:42s linear infinite portalPassIconSelfSpin;display:block;position:relative}.portal-pass-orbital-icon:hover,.portal-pass-orbital-icon:focus-visible,.portal-pass-orbital-icon.is-active{filter:brightness(1.14);outline:0;scale:1.12}.portal-pass-orbital-icon:hover:before,.portal-pass-orbital-icon:focus-visible:before,.portal-pass-orbital-icon.is-active:before{opacity:.88;transform:scale(1)}.portal-pass-orbital-icon:hover img,.portal-pass-orbital-icon:focus-visible img,.portal-pass-orbital-icon.is-active img{filter:drop-shadow(0 0 18px #20d2c3d9)drop-shadow(0 0 30px #d6a76373);transform:scale(1.04)}.portal-pass-card{z-index:4;color:#fff4c9;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020606c7;border:1px solid #d6a763d1;width:min(645px,100vw - 42px);min-height:345px;padding:51px 57px 48px;animation:.32s cubic-bezier(.16,.84,.44,1) both portalPassCardIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #20d2c359,0 0 60px #d6a7632e,inset 0 0 24px #20d2c31a}.portal-pass-card h2{color:#d7bd8b;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 18px #d6a76380;margin:0 0 14px;font-size:clamp(2.025rem,3.3vw,3rem)}.portal-pass-card p{color:#f6ebc8;margin:0 0 24px;font-size:clamp(1.5rem,2.1vw,1.71rem);line-height:1.55}.portal-pass-card-close{color:#d7bd8b;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:1.75rem;line-height:1;transition:color .24s,transform .24s;position:absolute;top:10px;right:12px}.portal-pass-card-close:hover,.portal-pass-card-close:focus-visible{color:#fff4c9;outline:0;transform:scale(1.1)}.portal-pass-confirm{color:#fff4c9;min-width:255px;min-height:72px;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#d6a7631f;border:1px solid #d6a763e0;padding:18px 42px;font-size:1.5rem;transition:background .26s,color .26s,transform .26s,box-shadow .26s;box-shadow:0 0 18px #20d2c338,inset 0 0 16px #d6a7631f}.portal-pass-confirm:hover,.portal-pass-confirm:focus-visible{color:#020606;background:#d7bd8b;outline:0;transform:translateY(-2px)scale(1.04);box-shadow:0 0 26px #d6a763bf,0 0 42px #20d2c35c}.portal-pass-success{z-index:6;color:#fffdf0;text-align:center;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 18px #ffffffe6,0 0 34px #7df9fff2;background:radial-gradient(circle,#7df9fff2,#20d2c3ad 42%,#020606c7 100%);border:1px solid #7df9ffe6;width:min(1140px,100vw - 34px);padding:51px 63px;font-size:clamp(2.025rem,4.5vw,3.75rem);line-height:1.18;animation:5.1s both portalPassSuccessBurst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 34px #7df9fff2,0 0 86px #20d2c3bf,0 0 150px #20d2c375}.portal-pass-success:before,.portal-pass-success:after{content:"";z-index:-1;background:radial-gradient(circle,#7df9ff61,#20d2c32e 42%,#0000 70%);border:1px solid #7df9ffb8;border-radius:50%;animation:5.1s both portalPassWaveDive;position:absolute;inset:-46px}.portal-pass-success:after{background:radial-gradient(circle,#fff4c92e,#7df9ff33 38%,#0000 72%);border-color:#fff4c96b;animation:5.1s .28s both portalPassWaveDive;inset:-86px}.portal-pass-success-backdrop{display:none}.portal-pass-success+.portal-pass-white-flash{animation:5.1s forwards portalPassFinalWash}.portal-pass-white-flash{z-index:2;pointer-events:none;background:#fff;animation:1.45s forwards portalPassWhiteFade;position:absolute;inset:0}@keyframes portalPassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portalPassFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.025)}}@keyframes portalPassFullSpin{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}to{transform:translate(-50%,-50%)rotate(360deg)scale(1)}}@keyframes portalPassIconsCounterSpin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes portalPassIconSelfSpin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes portalPassReveal{0%{opacity:0;filter:blur(26px)brightness(1.9)}to{opacity:1;filter:blur()brightness()}}@keyframes portalPassOrbitReveal{0%{opacity:0;filter:blur(16px);transform:translate(-50%,-50%)scale(.72)rotate(-8deg)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes portalPassRingPulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@keyframes portalPassIconTrackReveal{0%{opacity:0}to{opacity:1}}@keyframes portalPassIconEnter{0%{opacity:0;transform:rotate(var(--angle)) translateX(calc(var(--orbit-radius) * .42)) rotate(calc(-1 * var(--angle))) scale(.55);filter:blur(12px)}to{opacity:1;transform:rotate(var(--angle)) translateX(var(--orbit-radius)) rotate(calc(-1 * var(--angle))) scale(1);filter:blur()}}@keyframes portalPassCardIn{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-50%)scale(.9)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes portalPassSuccessBurst{0%{opacity:0;filter:blur(18px)brightness(1.8);transform:translate(-50%,-50%)scale(.65)}8%{opacity:1;filter:blur()brightness(1.25);transform:translate(-50%,-50%)scale(1.06)}19%{transform:translate(-50%,-50%)scale(.98)}30%{transform:translate(-50%,-50%)scale(1.1)}41%{transform:translate(-50%,-50%)scale(.99)}52%{transform:translate(-50%,-50%)scale(1.14)}63%{transform:translate(-50%,-50%)scale(.99)}74%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}84%{opacity:.96;filter:blur()brightness(1.35);transform:translate(-50%,-50%)scale(1.2)}92%{opacity:.55;filter:blur(10px)brightness(1.9);transform:translate(-50%,-50%)scale(1.34)}to{opacity:0;filter:blur(32px)brightness(2.8);transform:translate(-50%,-50%)scale(1.55)}}@keyframes portalPassWaveDive{0%{opacity:0;filter:blur(10px);transform:scale(.55)}12%{opacity:.9;filter:blur(2px);transform:scale(.86)}30%{opacity:.58;transform:scale(1.08)}52%{opacity:.46;transform:scale(1.28)}76%{opacity:.28;filter:blur(5px);transform:scale(1.55)}to{opacity:0;filter:blur(14px);transform:scale(1.95)}}@keyframes portalPassWhiteFade{0%{opacity:1}70%{opacity:.55}to{opacity:0}}@keyframes portalPassFinalWash{0%,70%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:radial-gradient(circle,#7df9ff00,#fff0)}86%{opacity:.42;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#7df9ff94,#ffffff2e 48%,#fff0 78%)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle,#fff,#7df9ffd1 46%,#fffffff5 100%)}}@media (width<=680px){.portal-pass-orbit{--orbit-size:min(92vmin, 520px);--orbit-radius:calc(var(--orbit-size) * .39);top:47%}.portal-pass-core{width:38%}.portal-pass-orbital-icon{--icon-size:clamp(122px, 38vmin, 185px)}.portal-pass-card{min-height:300px;padding:42px 32px 34px}.portal-pass-success{padding:42px 36px}}.newsletter-page{background:linear-gradient(#0605047a,#0605049e),radial-gradient(circle at 50% 38%,#20d2c32e,#0000 34%),radial-gradient(circle at 50% 62%,#d6a76324,#0000 45%),url(/AbuSimbel.webp) 50%/cover no-repeat,#070503;place-items:center;width:100vw;min-height:100vh;padding:32px;display:grid;position:relative;overflow:auto}.newsletter-page:before{content:"";filter:blur(18px);background:radial-gradient(circle,#20d2c31f,#0000 55%);animation:16s linear infinite newsletterPortalDrift;position:absolute;inset:-12%}.newsletter-panel{z-index:1;color:#f6ebc8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;transform-origin:50%;background:#090705d1;border:1px solid #d6a763bd;border-radius:18px;width:min(620px,100vw - 40px);max-height:calc(100vh - 44px);padding:32px 42px 38px;animation:.62s cubic-bezier(.16,.84,.44,1) both newsletterPanelFlipIn;position:relative;overflow:auto;box-shadow:0 0 32px #20d2c357,0 0 70px #d6a7632e,inset 0 0 28px #20d2c314}.newsletter-panel.reach-panel{background:#090705ad;width:min(850px,100vw - 40px);max-height:none;padding:34px 54px 42px;overflow:visible}.newsletter-panel.is-leaving{pointer-events:none;animation:.42s cubic-bezier(.55,.06,.68,.19) both newsletterPanelFlipOut}.newsletter-back{cursor:pointer;filter:drop-shadow(0 0 8px #20d2c373);background:0 0;border:0;width:68px;height:68px;padding:0;transition:transform .3s,filter .3s;display:block;position:absolute;top:16px;left:18px}.newsletter-back img{object-fit:contain;width:100%;height:100%;display:block}.newsletter-back:hover,.newsletter-back:focus-visible{filter:drop-shadow(0 0 16px #20d2c3f2);outline:0;transform:scale(1.08)}.newsletter-orb{filter:drop-shadow(0 0 18px #d6a763b8);place-items:center;width:112px;height:112px;margin:6px auto 22px;display:grid}.newsletter-orb img{object-fit:contain;width:100%;height:100%;display:block}.newsletter-panel h1{color:#d7bd8b;letter-spacing:.06em;text-shadow:0 0 18px #d6a763b8,0 0 34px #20d2c347;margin:0 0 10px;font-size:clamp(2.1rem,4.6vw,4rem)}.newsletter-copy{color:#f6ebc8;max-width:590px;margin:0 auto 24px;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.5}.newsletter-form{text-align:left;grid-template-columns:1fr;gap:16px;display:grid}.newsletter-reach-shell{border-radius:14px;width:100%;min-height:520px;overflow:hidden}.newsletter-reach-shell iframe{border:0;width:100%;min-height:520px;display:block}.newsletter-form label,.newsletter-mythologies{text-align:center;flex-direction:column;gap:7px;display:flex}.newsletter-form label span,.newsletter-mythologies legend{color:#d7bd8b;letter-spacing:.1em;text-transform:uppercase;text-align:center;font-size:.86rem}.newsletter-form input,.newsletter-form select,.newsletter-form textarea{color:#fff4c9;width:100%;min-height:48px;font:inherit;background:#02060694;border:1px solid #d6a7639e;padding:11px 14px;box-shadow:inset 0 0 16px #20d2c314}.newsletter-form input:focus,.newsletter-form select:focus,.newsletter-form textarea:focus{border-color:#7df9ff;outline:0;box-shadow:0 0 14px #20d2c394,inset 0 0 18px #20d2c31f}.newsletter-mythologies{border:0;grid-column:1/-1;margin:0;padding:0}.newsletter-mythologies>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.mythology-choice{text-align:center;cursor:pointer;background:#0206066b;border:1px solid #d6a76370;justify-content:center;align-items:center;min-height:54px;transition:transform .25s,border-color .25s,box-shadow .25s}.mythology-choice input{opacity:0;pointer-events:none;position:absolute}.mythology-choice span{color:#fff4c9;letter-spacing:.06em;font-size:.9rem}.mythology-choice:hover{border-color:#7df9ff;transform:translateY(-2px);box-shadow:0 0 16px #20d2c37a,0 0 26px #d6a7633d}.mythology-choice:has(input:checked){border-color:#7df9ff;transform:translateY(-2px);box-shadow:0 0 16px #20d2c37a,0 0 26px #d6a7633d}.newsletter-affinity{color:#7df9ff;text-align:center;text-shadow:0 0 12px #20d2c394;background:#20d2c314;border:1px solid #20d2c361;grid-column:1/-1;margin:0;padding:12px 14px}.newsletter-submit{color:#fff4c9;min-width:230px;min-height:54px;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#d6a76324;border:1px solid #d6a763e0;justify-self:center;margin-top:4px;padding:13px 28px;font-size:1rem;transition:transform .28s,background .28s,color .28s,box-shadow .28s}.newsletter-submit:hover,.newsletter-submit:focus-visible{color:#070503;background:#d7bd8b;outline:0;transform:translateY(-2px)scale(1.04);box-shadow:0 0 26px #d6a763b8,0 0 42px #20d2c357}.newsletter-submit:disabled{cursor:wait;opacity:.72;transform:none}.newsletter-unlocked{justify-items:center;gap:20px;padding-top:8px;display:grid}.newsletter-unlocked .newsletter-confirmation{margin-top:0}.newsletter-unlock-button{min-width:min(100%,360px)}.newsletter-confirmation{color:#fffdf0;background:#20d2c32e;border:1px solid #7df9ff9e;margin:20px auto 0;padding:14px 18px;box-shadow:0 0 22px #20d2c357}.newsletter-confirmation.error{background:#68182073;border-color:#ff9898ad;box-shadow:0 0 20px #ff68683d}@keyframes newsletterPanelFlipIn{0%{opacity:0;filter:blur(14px);transform:perspective(1200px)rotateY(-84deg)scale(.92)}to{opacity:1;filter:blur();transform:perspective(1200px)rotateY(0)scale(1)}}@keyframes newsletterPanelFlipOut{0%{opacity:1;filter:blur();transform:perspective(1200px)rotateY(0)scale(1)}to{opacity:0;filter:blur(12px);transform:perspective(1200px)rotateY(84deg)scale(.92)}}@keyframes newsletterPortalDrift{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.04)}}@media (width<=760px){.newsletter-page{padding:18px}.newsletter-panel{padding:26px 20px 28px}.newsletter-back{width:54px;height:54px}.newsletter-form{grid-template-columns:1fr}.newsletter-mythologies>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.magic-sheet{box-sizing:border-box;background:url(/magic-times/ui/background.webp) 50%/cover no-repeat;width:100%;height:100vh;animation:1.4s cubic-bezier(.22,.61,.36,1) forwards magicPageEnter;position:relative;overflow:hidden}.magic-sheet.magic-card-focus{background:linear-gradient(#06050461,#06050480),url(/AbuSimbel.webp) 50%/cover no-repeat}@keyframes magicPageEnter{0%{opacity:0;filter:blur(6px);transform:scale(1.08)}to{opacity:1;filter:blur();transform:scale(1)}}.magic-top{pointer-events:none;z-index:5;position:absolute;inset:0}.kr-mark{pointer-events:auto;width:128px;height:128px;transition:transform .35s;display:block;position:absolute;top:35px;left:60px}.kr-mark:hover{transform:scale(1.08)}.kr-mark img{object-fit:contain;width:100%;height:100%;display:block}.magic-title{display:none}.moon-subscribe{pointer-events:auto;width:10px;height:10px;text-decoration:none;position:absolute;top:25px;right:60px}.moon-word{color:#f6e5ad;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;z-index:2;font-size:12px;font-weight:700;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.moon-orb{border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.magic-cards-grid{z-index:2;grid-template-columns:repeat(4,1fr);place-items:center;gap:18px;width:min(82vw,1120px);display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.magic-card{justify-items:center;gap:12px;width:100%;display:grid}.magic-card-button{aspect-ratio:2/3;cursor:pointer;background:var(--card-image) center / contain no-repeat;border:0;width:100%;max-width:170px;padding:0;box-shadow:0 14px 22px #00000057}.magic-card-button:before,.magic-card-button:after{display:none}.social-orb{color:#74fff4;background:#0b2b2a;border:1px solid #74fff4b3;border-radius:50%;place-items:center;width:44px;height:44px;font-family:Cinzel,serif;font-size:.65rem;font-weight:700;text-decoration:none;display:grid;box-shadow:0 0 16px #45fff052}@media (width<=1100px){.magic-cards-grid{gap:16px;width:92vw}.magic-card-button{max-width:100px}}.magic-card{aspect-ratio:.65;width:230px;max-width:230px}.kr-mark{filter:none;transition:transform .35s,filter .35s}.kr-mark img{filter:sepia(.45)saturate(1.45)hue-rotate(305deg)brightness(.86)contrast(1.12);transition:filter .35s}.kr-mark:hover,.kr-mark:focus-visible{filter:drop-shadow(0 0 16px #20d2c3f2)drop-shadow(0 0 34px #20d2c39e);outline:0;transform:scale(1.1)}.kr-mark:hover img,.kr-mark:focus-visible img{filter:sepia(.45)saturate(1.55)hue-rotate(305deg)brightness(1.02)contrast(1.12)}.moon-subscribe{filter:none;transition:transform .35s,filter .35s}.moon-subscribe:hover,.moon-subscribe:focus-visible{filter:drop-shadow(0 0 16px #fff4c9f2)drop-shadow(0 0 34px #d6a763bf);outline:0;transform:translateY(-3px)scale(1.12)}.magic-card{filter:drop-shadow(0 0 12px #20d2c338);transition:transform .35s,filter .35s}.magic-card:hover,.magic-card:focus-within{filter:drop-shadow(0 0 18px #20d2c3b8)drop-shadow(0 0 34px #d6a7636b);transform:translateY(-4px)scale(1.035)}.magic-card-front{box-shadow:0 18px 34px #0006,0 0 18px #20d2c352}.magic-card:hover .magic-card-front,.magic-card:focus-within .magic-card-front{box-shadow:0 20px 38px #00000073,0 0 28px #20d2c3c7,0 0 46px #d6a7636b}.social-orb{border:1px solid #74fff4db;transition:transform .3s,filter .3s,box-shadow .3s;box-shadow:0 0 18px #45fff094,0 0 28px #d6a76333}.social-orb:hover,.social-orb:focus-visible{filter:brightness(1.2);outline:0;transform:translateY(-4px)scale(1.18);box-shadow:0 0 22px #45fff0e6,0 0 44px #d6a7636b}.moon-subscribe span{display:none}.magic-top .moon-subscribe,.moon-subscribe{top:50px;right:90px}.magic-footer .social-orb,.social-orb{width:56px;height:56px}.magic-footer .social-orb img,.social-orb img{object-fit:contain;width:52px;height:52px}.kr-mark img,.kr-mark:hover img,.kr-mark:focus-visible img{filter:none}.social-orb,.magic-footer .social-orb{width:90px;height:90px;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;margin:0 auto;padding:0;text-decoration:none;display:flex}.social-orb img,.magic-footer .social-orb img{object-fit:contain;width:85px;height:85px;display:block}.social-orb:hover,.social-orb:focus-visible,.magic-footer .social-orb:hover,.magic-footer .social-orb:focus-visible{filter:drop-shadow(0 0 12px #20d2c3f2)drop-shadow(0 0 22px #d6a7636b);box-shadow:none;outline:0;transform:translateY(-4px)scale(1.12)}.magic-card-focus .kr-mark,.magic-card-focus .moon-subscribe,.magic-card-focus .magic-footer,.magic-card-focus .magic-card:not(.active){opacity:0;pointer-events:none;filter:blur(10px);transition:opacity .38s,filter .38s}.magic-card-focus .magic-card.active{filter:drop-shadow(0 0 28px #20d2c39e)drop-shadow(0 0 48px #d6a76357)}.magic-card-focus .magic-card.active .magic-card-back{box-shadow:none}.magic-top .moon-subscribe .moon-icon,.moon-subscribe .moon-icon{object-fit:contain;width:100%;height:100%}