:root{--chronnos-red: #a80f0f;--chronnos-red-soft: rgba(168, 15, 15, .28);--chronnos-gold: #df8a1d;--chronnos-gold-soft: rgba(223, 138, 29, .22);--chronnos-cream: #f1ddd4;--chronnos-black: #030303}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#000}.chronnos-canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.chronnos-canvas--smoke{z-index:5}.chronnos-canvas--ash{z-index:10}.chronnos-root{position:relative;min-height:100vh;overflow:hidden;background:#000;color:var(--chronnos-cream);font-family:Georgia,Times New Roman,serif}.chronnos-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#7d10063d,#0000 34%),url(/assets/chronnos/reloj.webp) center center / cover no-repeat;filter:saturate(.9) contrast(1.05);transform:scale(1.02)}.chronnos-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#7a0a0038,#3a080426 18%,#000000d1 62%,#000000fa),linear-gradient(to bottom,#00000059,#000000c7);pointer-events:none;z-index:2}.chronnos-main{position:relative;z-index:12;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;text-align:center}.chronnos-overlay{position:relative;z-index:20;width:100%;max-width:1200px}.chronnos-rings-wrap,.chronnos-sealbreak__rings{position:absolute;left:50%;top:73%;transform:translate(-50%,-50%);width:290px;height:290px;opacity:.34;pointer-events:none;z-index:8}.chronnos-sealbreak__rings{top:54%;opacity:.18;z-index:0}.chronnos-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.chronnos-ring--outer{background:repeating-conic-gradient(from 0deg,rgba(189,83,20,.55) 0deg 4deg,transparent 4deg 16deg);mask:radial-gradient(circle,transparent 52%,#000 53% 62%,transparent 63%);-webkit-mask:radial-gradient(circle,transparent 52%,#000 53% 62%,transparent 63%);animation:chronnos-spin-outer 18s linear infinite;filter:blur(.2px) drop-shadow(0 0 8px rgba(222,102,22,.24))}.chronnos-ring--inner{top:22%;right:22%;bottom:22%;left:22%;background:repeating-conic-gradient(from 0deg,rgba(148,62,16,.75) 0deg 6deg,transparent 6deg 18deg);mask:radial-gradient(circle,transparent 44%,#000 45% 57%,transparent 58%);-webkit-mask:radial-gradient(circle,transparent 44%,#000 45% 57%,transparent 58%);animation:chronnos-spin-inner 24s linear infinite reverse;filter:blur(.15px) drop-shadow(0 0 10px rgba(196,66,26,.18))}@keyframes chronnos-spin-outer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chronnos-spin-inner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chronnos-countdown{position:relative;width:min(980px,100%);padding:38px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:18px}.chronnos-countdown--enter{animation:chronnos-countdown-wake 1.4s ease forwards}@keyframes chronnos-countdown-wake{0%{opacity:0;transform:translateY(16px) scale(.98);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.chronnos-countdown:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#3c0a0629,#0000 68%);filter:blur(18px);pointer-events:none}.chronnos-countdown__header{font-size:.8rem;letter-spacing:.48em;text-transform:uppercase;color:#8f7a6c99;text-shadow:0 0 12px rgba(108,64,34,.2)}.chronnos-countdown__subhead{display:flex;flex-direction:column;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.33em;font-size:.95rem;color:#d68f72;text-shadow:0 0 20px rgba(204,68,0,.45),0 0 40px rgba(139,0,0,.22)}.chronnos-countdown__numbers{display:flex;align-items:center;justify-content:center;gap:16px;filter:drop-shadow(0 0 20px rgba(204,68,0,.8)) drop-shadow(0 0 40px rgba(139,0,0,.4));animation:chronnos-heartbeat-idle 4.2s ease-in-out infinite}@keyframes chronnos-heartbeat-idle{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.008);filter:brightness(1.06)}}.chronnos-phase-1 .chronnos-countdown__numbers,.chronnos-countdown__numbers.chronnos-phase-1{filter:drop-shadow(0 0 15px rgba(120,100,80,.6)) drop-shadow(0 0 30px rgba(80,50,20,.3))}.chronnos-phase-2 .chronnos-countdown__numbers,.chronnos-countdown__numbers.chronnos-phase-2{filter:drop-shadow(0 0 20px rgba(139,0,0,.7)) drop-shadow(0 0 40px rgba(80,0,0,.4))}.chronnos-countdown__group{min-width:150px;display:flex;flex-direction:column;align-items:center}.chronnos-countdown__value{font-family:Cinzel,Georgia,serif;font-size:clamp(3rem,8vw,5rem);font-weight:700;letter-spacing:.08em;line-height:1;color:#e1a06d;text-shadow:0 0 10px rgba(255,80,40,.22),0 0 22px rgba(255,80,40,.12)}.chronnos-countdown__value--seconds{font-size:clamp(2.2rem,5.5vw,3.4rem);opacity:.82;animation:chronnos-second-tick 1s steps(2,end) infinite}@keyframes chronnos-second-tick{0%{opacity:.6}50%{opacity:1}to{opacity:.82}}.chronnos-phase-1 .chronnos-countdown__value,.chronnos-countdown__numbers.chronnos-phase-1 .chronnos-countdown__value{color:#b6a18d}.chronnos-phase-2 .chronnos-countdown__value,.chronnos-countdown__numbers.chronnos-phase-2 .chronnos-countdown__value{color:#a43636}.chronnos-countdown__label{margin-top:8px;font-family:Cinzel,Georgia,serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.35em;color:#df9674b3}.chronnos-phase-1 .chronnos-countdown__label,.chronnos-countdown__numbers.chronnos-phase-1 .chronnos-countdown__label{color:#aaa096b8}.chronnos-phase-2 .chronnos-countdown__label,.chronnos-countdown__numbers.chronnos-phase-2 .chronnos-countdown__label{color:#a83636b3}.chronnos-countdown__separator{font-family:Cinzel,Georgia,serif;font-size:clamp(2.8rem,7vw,4.8rem);line-height:1;color:#821414e6;animation:chronnos-separator-pulse 2s ease-in-out infinite}@keyframes chronnos-separator-pulse{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.pulse-slow .chronnos-countdown__numbers{animation:chronnos-heartbeat-slow 3.4s ease-in-out infinite}.pulse-fast .chronnos-countdown__numbers{animation:chronnos-heartbeat-fast 2.3s ease-in-out infinite}.pulse-faster .chronnos-countdown__numbers{animation:chronnos-heartbeat-faster 1.6s ease-in-out infinite}@keyframes chronnos-heartbeat-slow{0%,to{transform:scale(1)}25%{transform:scale(1.02)}50%{transform:scale(1.01)}70%{transform:scale(1.03)}}@keyframes chronnos-heartbeat-fast{0%,to{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(1.015)}70%{transform:scale(1.04)}}@keyframes chronnos-heartbeat-faster{0%,to{transform:scale(1)}25%{transform:scale(1.04)}50%{transform:scale(1.02)}70%{transform:scale(1.05)}}.chronnos-awakening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000}.chronnos-awakening__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(80,10,0,.4) 0%,transparent 70%);animation:chronnos-awaken-glow 10.5s ease forwards}.chronnos-awakening__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(80,0,0,.08) 3px,rgba(80,0,0,.08) 4px);opacity:.4}.chronnos-awakening__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;max-width:720px}.chronnos-awakening__eyebrow{margin:0 0 28px;color:#8a7b7099;letter-spacing:.45em;text-transform:uppercase;font-size:.8rem;animation:chronnos-materialize-line 2.4s ease forwards}.chronnos-awakening__quote{margin:0;font-family:Cinzel,Georgia,serif;color:#cc6428d1;text-shadow:0 0 30px rgba(204,68,0,.4),0 0 60px rgba(139,0,0,.2);font-size:clamp(1.1rem,3vw,2rem);font-style:italic;line-height:1.45;animation:chronnos-materialize-line 2.2s ease forwards}.chronnos-awakening__line{width:220px;height:1px;margin-top:28px;background:linear-gradient(90deg,transparent,rgba(204,68,0,.6),transparent);animation:chronnos-line-grow 1.2s ease forwards}@keyframes chronnos-awaken-glow{0%{opacity:0}25%{opacity:1}to{opacity:.85}}@keyframes chronnos-line-grow{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.45}}.chronnos-materialize{opacity:0;transform:translateY(12px);filter:blur(8px);animation:chronnos-materialize-line 2.2s ease forwards}@keyframes chronnos-materialize-line{0%{opacity:0;transform:translateY(16px);filter:blur(10px)}55%{opacity:.72;transform:translateY(4px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.chronnos-sealbreak,.chronnos-aftermath{display:flex;align-items:center;justify-content:center}.chronnos-sealbreak__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#5f100740,#0000 55%)}.chronnos-sealbreak__content,.chronnos-aftermath__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;max-width:920px;padding:20px}.chronnos-sealbreak__heading{text-transform:uppercase;letter-spacing:.35em;font-size:.82rem;color:#d59164b8}.chronnos-aftermath__aura{position:absolute;left:50%;top:50%;width:min(900px,94vw);height:min(620px,76vh);transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(128,18,8,.28) 0%,rgba(52,4,3,.12) 38%,transparent 72%);filter:blur(18px);animation:chronnos-aftermath-breathe 4.8s ease-in-out infinite;pointer-events:none}.chronnos-aftermath__content{gap:24px;max-width:1100px;padding:28px 22px}.chronnos-aftermath__line1,.chronnos-aftermath__line2,.chronnos-aftermath__line3{text-transform:uppercase;text-align:center}.chronnos-aftermath__line1{font-family:Cinzel,Georgia,serif;font-size:clamp(1rem,2.3vw,1.45rem);letter-spacing:.42em;color:#da9a70c7}.chronnos-aftermath__line2{font-family:Cinzel,Georgia,serif;font-size:clamp(1.45rem,3.8vw,2.65rem);line-height:1.2;letter-spacing:.2em;color:#d99a72;text-shadow:0 0 20px rgba(185,44,18,.28)}.chronnos-aftermath__line3--emphasis{position:relative;margin-top:6px;font-family:Cinzel,Georgia,serif;font-size:clamp(2.2rem,6.5vw,5.4rem);font-weight:700;line-height:1.05;letter-spacing:.12em;color:#f3d2b2;text-shadow:0 0 14px rgba(255,180,120,.38),0 0 34px rgba(200,48,22,.48),0 0 76px rgba(118,0,0,.48);animation-duration:2.7s}.chronnos-aftermath__line3--emphasis:after{content:"";position:absolute;left:8%;right:8%;bottom:-22px;height:1px;background:linear-gradient(90deg,transparent,rgba(235,116,55,.82),transparent);box-shadow:0 0 18px #c9301273}.chronnos-aftermath__divider{width:min(520px,76vw);height:1px;margin-top:10px;background:linear-gradient(90deg,transparent,rgba(204,68,0,.66),transparent)}@keyframes chronnos-aftermath-breathe{0%,to{opacity:.65;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}.chronnos-sealbreak__divider{width:min(320px,70vw);height:1px;background:linear-gradient(90deg,transparent,rgba(204,68,0,.6),transparent)}.chronnos-sealbreak__title{font-family:Cinzel,Georgia,serif;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(1.3rem,4vw,2.7rem);color:#ebc1a1;text-shadow:0 0 24px rgba(143,20,12,.35)}.chronnos-sealbreak__body{max-width:760px;line-height:1.8;font-size:clamp(.95rem,2vw,1.15rem);color:#eeded5e0}.chronnos-sealbreak__footer,.chronnos-sealbreak__subfooter{text-transform:uppercase;letter-spacing:.28em;font-size:.76rem;color:#dc9460a8}.chronnos-aftermath__shadow{position:absolute;left:50%;top:58%;width:min(620px,78vw);height:min(280px,34vh);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,#760b0b5c,#0000 72%);filter:blur(16px);z-index:-1}.chronnos-glitch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;overflow:hidden;background:#000}.chronnos-glitch__scanlines,.chronnos-glitch__bars,.chronnos-glitch__flash,.chronnos-glitch__blocks,.chronnos-glitch__rgb{position:absolute;top:0;right:0;bottom:0;left:0}.chronnos-glitch__scanlines{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.55) 2px,rgba(0,0,0,.55) 4px);opacity:.8}.chronnos-glitch__bars{background:linear-gradient(90deg,rgba(255,0,0,.12),transparent 35%,rgba(0,220,255,.08) 65%,transparent);animation:chronnos-glitch-flicker .12s linear infinite;mix-blend-mode:screen}.chronnos-glitch__flash{background:#ffffff1a;animation:chronnos-glitch-flash .22s linear infinite}.chronnos-glitch__rgb--red{background:#ff000029;mix-blend-mode:screen;animation:chronnos-glitch-red .08s linear infinite}.chronnos-glitch__rgb--cyan{background:#00d2dc1f;mix-blend-mode:screen;animation:chronnos-glitch-cyan .1s linear infinite}.chronnos-glitch__strip{position:absolute;left:0;width:100%;background:#ffffffa6;animation:chronnos-strip-shift linear infinite alternate}.chronnos-glitch__strip:nth-child(3n){background:#c80000cc}.chronnos-glitch__strip:nth-child(4n){background:#00c8dc73}.chronnos-glitch__strip:nth-child(5n){background:#500000e6}@keyframes chronnos-glitch-flicker{0%,to{opacity:.25;transform:translate(0)}20%{opacity:.7;transform:translate(-14px)}40%{opacity:.35;transform:translate(10px)}60%{opacity:.8;transform:translate(-20px)}80%{opacity:.4;transform:translate(6px)}}@keyframes chronnos-glitch-flash{0%,to{opacity:0}15%{opacity:.2}25%{opacity:0}55%{opacity:.08}65%{opacity:.22}}@keyframes chronnos-glitch-red{0%,to{transform:translate(0);opacity:.18}25%{transform:translate(-12px,4px);opacity:.28}50%{transform:translate(8px,-6px);opacity:.12}75%{transform:translate(-18px,8px);opacity:.24}}@keyframes chronnos-glitch-cyan{0%,to{transform:translate(0);opacity:.12}25%{transform:translate(16px,-4px);opacity:.22}50%{transform:translate(-10px,6px);opacity:.09}75%{transform:translate(20px,-10px);opacity:.2}}@keyframes chronnos-strip-shift{0%{transform:translate(0);opacity:.3}to{transform:translate(var(--glitch-x));opacity:.95}}@media (max-width: 720px){.chronnos-rings-wrap{top:69%;width:220px;height:220px}.chronnos-countdown{padding:24px 12px 20px}.chronnos-countdown__numbers{gap:4px;flex-wrap:wrap;row-gap:12px}.chronnos-countdown__group{min-width:64px}.chronnos-countdown__subhead,.chronnos-sealbreak__heading,.chronnos-aftermath__line1,.chronnos-aftermath__line2,.chronnos-aftermath__line3,.chronnos-countdown__header{letter-spacing:.22em}}@media (max-width: 768px){.chronnos-aftermath__content{gap:20px;padding-inline:16px}.chronnos-aftermath__line1{letter-spacing:.24em}.chronnos-aftermath__line2{letter-spacing:.1em;font-size:clamp(1.25rem,5.8vw,2rem)}.chronnos-aftermath__line3--emphasis{letter-spacing:.055em;font-size:clamp(2rem,10.8vw,3.5rem)}}
