#root{width:100%}.hero-section{position:fixed;inset:0;overflow:hidden}.background-image{position:absolute;height:100vh;width:100%;object-fit:cover;overflow:hidden}.page-texture{position:absolute;width:100vw;height:100%;object-fit:cover;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-1rem)}}@keyframes appear{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp 6s ease-out forwards}.navigation{position:fixed;bottom:0;z-index:3;margin:0 auto;width:100%;min-height:82px;display:flex;justify-content:center;gap:1rem;padding:1rem;margin-top:1rem;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px #00000026}.scroll-button{background:#ffffff80;padding:1rem 2rem;border:none;border-radius:2rem;cursor:pointer;font-size:1rem;font-weight:700;transition:background .4s}.section-background{position:relative;top:100vh;height:100vh}.section-background.half,.section-background.half .background-image{height:100%}.about-section{position:relative;top:100vh;color:#fff}.what-is-zeal,.cognoid-section,.lunari-section,.magi-section,.specter-section{position:relative;display:flex}:is(.what-is-zeal,.cognoid-section,.lunari-section,.magi-section,.specter-section) *{flex:1}:is(.what-is-zeal,.cognoid-section,.lunari-section,.magi-section,.specter-section) div{padding:1rem}:is(.what-is-zeal,.cognoid-section,.lunari-section,.magi-section,.specter-section) img{object-fit:contain}@media(max-width:999px){.what-is-zeal,.cognoid-section,.lunari-section,.magi-section,.specter-section{flex-direction:column;height:100%}}@media(min-width:1000px){.lunari-section,.specter-section{flex-direction:row-reverse}:is(.cognoid-section,.magi-section) img{object-position:left}}.cognoid-section{background:#003565cc;color:#9abaf6}.lunari-section{background:#72090acc;color:#ff9781}.magi-section{background:#754f0ecc;color:#deaf6e}.specter-section{background:#5d0d57cc;color:#ef9ce5}.character{height:50vh}section{color:#fff;position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center;text-align:center;padding:1rem 2rem;background:#242424cc}.what-is-zeal{background:#3b3b3bcc;color:#b8b8b8}.email-form{display:flex;gap:1rem;min-width:50%;margin-top:2rem}.email-input{flex:1;padding:.75rem;font-size:1rem;background:#f5f5f5;text-align:center;color:#000}.email-button{padding:1rem 2rem;font-size:1.125rem;cursor:pointer;font-weight:700;background:#3ee3e3;border-radius:2rem;border:none;box-shadow:0 0 8px #0ff;color:#000;transition:box-shadow .4s,background .4s}.email-button:hover{background:#0ff;box-shadow:0 0 16px #0ff}.scroll-button:hover{background:#fff}@media(max-width:500px){.email-form{flex-wrap:wrap}.email-button{width:100%}}@media(max-width:1000px){.email-form{min-width:100%}.email-section h1,.email-section h2{font-size:1.25rem}}.status-message{margin-top:1rem;font-weight:700;transition:opacity .3s;color:#90ee90}.header{animation:appear 1s ease-out forwards;animation-delay:3s;opacity:0;position:fixed;color:#fff;top:16px;right:32px;z-index:2}a{cursor:pointer}.signupBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:44px;padding:0 16px;border-radius:10px;border:1px solid currentColor;background:transparent;cursor:pointer}.signupBtn:disabled{opacity:.6;cursor:not-allowed}.sending{display:inline-flex;align-items:center;gap:8px;height:14px}.sending .dot{width:8px;height:8px;border-radius:999px;background:#fff;transform-origin:center;animation:dotWave .9s ease-in-out infinite}.sending .dot:nth-child(1){animation-delay:0ms}.sending .dot:nth-child(2){animation-delay:.12s}.sending .dot:nth-child(3){animation-delay:.24s}@keyframes dotWave{0%,80%,to{transform:scale(.85);opacity:.55}40%{transform:scale(1.55);opacity:1}}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.how-to-play{text-align:center;padding:24px;background-image:url(/page-texture-light.jpg);background-attachment:fixed;background-position:top left;background-size:cover}.how-to-play button{width:100%;max-width:816px;margin-bottom:120px}.your-deck{display:flex}.your-deck div{flex:1}.card{height:336px;border-radius:12px;filter:drop-shadow(8px 8px 8px black)}.bases{width:1440px;filter:drop-shadow(8px 8px 8px black)}.card-description{border-radius:12px;background-color:#ffffff80;padding:24px;text-align:left;margin:24px auto;max-width:816px}.card-section{padding:0 24px}.your-deck-paragraph{width:50%;margin:auto;padding-bottom:2rem}@media(max-width:911px){.your-deck{flex-direction:column}.card-description{min-width:240px}}.nav{position:absolute;top:0;left:0;padding:1rem;cursor:pointer}.nav img{width:4rem;height:4rem}@media(max-width:1488px){.bases{width:100%}.nav{position:relative}}.hamburger{display:none;border:none;background:transparent;cursor:pointer;line-height:1}@media(max-width:768px){.navigation{position:fixed;left:0;right:0;bottom:0;width:100%;padding:.75rem 1rem;gap:.75rem;display:flex;justify-content:flex-end;border-radius:0;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -6px 20px #00000026}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;font-size:28px;font-weight:700;background:#ffffff80}.navigation .scroll-button{display:none}.navigation.navigation--open{flex-direction:column;align-items:stretch;padding:1rem}.navigation.navigation--open .scroll-button{display:block;width:100%;text-align:center;border-radius:.75rem}.navigation.navigation--open .hamburger{align-self:center;margin-bottom:.5rem}}.community-links{display:flex;flex-direction:column;gap:12px}.community-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;opacity:.8;transition:opacity .4s ease,transform .4s ease}.community-link:hover{opacity:1;transform:translateY(-1px)}.community-link .icon{display:inline-flex;align-items:center;justify-content:center}.bottom-buffer{top:100vh;position:relative;height:82px;background-color:#000}html{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;scrollbar-width:0}body::-webkit-scrollbar{display:none}*{box-sizing:border-box}html{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,button,a,h1,h2,h3,h4,h5,h6,p{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text;-webkit-text-size-adjust:100%;text-decoration:none;color:inherit}