@font-face{font-family:Barlow;src:url('assets/fonts/barlow-regular.ttf')}@font-face{font-family:Barlow;src:url('assets/fonts/barlow-bold.ttf');font-weight:700}@font-face{font-family:Marcellus;src:url('assets/fonts/marcellus.ttf')}
*{box-sizing:border-box}html{background:#080d13;color:#f4ecdf}body{margin:0;font-family:Barlow,sans-serif;overflow-x:hidden}.backdrop{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,#060b1240,#080d1380 45%,#080d13 95%),url('img/drakon/welcome/Welcome.webp') center top/cover;animation:breathe 22s ease-in-out infinite alternate}.aurora{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0 55%,#fa701724,transparent 45%),radial-gradient(ellipse at 100% 35%,#1599e82a,transparent 45%);animation:breathe 9s infinite alternate}
header,main,footer{position:relative;z-index:2}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 5%;border-bottom:1px solid #c9a36330;background:#080d1355}header>span{font-size:11px;letter-spacing:3px;color:#c8bcaa}.wordmark{color:#e8c28b;text-decoration:none;font-family:Marcellus;letter-spacing:3px}button{color:#dccbad;background:#0c1724b0;border:1px solid #be9c604d;padding:9px 14px;cursor:pointer}button:hover{border-color:#d5ac70}
main{max-width:1160px;margin:auto;padding:32px 24px 0}.intro{text-align:center}.eyebrow{font-size:11px;letter-spacing:4px;color:#e9c38a;margin:10px 0 0}.logo{display:block;width:min(440px,80vw);height:auto;max-height:255px;object-fit:contain;margin:4px auto 0;filter:drop-shadow(0 5px 20px #000);animation:levitate 6s ease-in-out infinite}h1{font-family:Marcellus,serif;font-size:clamp(30px,4vw,49px);font-weight:400;margin:6px 0 12px;text-shadow:0 3px 20px #000}em{font-style:normal;color:#f3c883}.description{max-width:570px;margin:0 auto;color:#d0d5db;font-size:17px;line-height:1.6;text-shadow:0 2px 5px #000}.launch{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:22px}.launch p{font-size:10px;letter-spacing:3px;color:#bca47b}.launch strong{display:block;color:#f5d3a1;font-size:13px;margin-top:8px;letter-spacing:2px}.launch small{display:block;margin-top:8px;font-size:10px;letter-spacing:1px;color:#b0bdcb}.line{width:70px;height:1px;background:linear-gradient(90deg,transparent,#c7a262,transparent)}
.countdown{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:8px}.countdown div{width:100px;padding:14px 5px 12px;border:1px solid #ad86464d;background:linear-gradient(150deg,#15212de8,#0a1019e8);box-shadow:inset 0 1px #f2bc5326,0 10px 35px #0007;position:relative}.countdown div:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:1px;background:#e7b65e;box-shadow:0 0 15px #e7b65e}.countdown strong{font-family:Marcellus;font-size:43px;font-weight:400;color:#f7d6a0;font-variant-numeric:tabular-nums}.countdown span{display:block;letter-spacing:2px;font-size:9px;color:#aeb8c3;margin-top:5px}.countdown i{font-style:normal;color:#c8a468;font-size:24px}#countdown-message{font-size:12px;color:#b9c7d3;margin:16px 0 28px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{min-height:330px;position:relative;overflow:hidden;border:1px solid #ac80464d;background:#0b1420;box-shadow:0 12px 40px #0006;transition:transform .35s,border-color .35s;animation:arrive 1s both}.feature:nth-child(2){animation-delay:.15s}.feature:nth-child(3){animation-delay:.3s}.feature:hover{transform:translateY(-7px);border-color:#e3bd7a}.art{position:absolute;inset:0;background-image:url('img/drakon/welcome/promotions.webp');background-size:300% 100%;transition:transform .7s}.experience{background-position:left}.treasure{background-position:center}.events{background-position:right}.feature:hover .art{transform:scale(1.07)}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080d13 3%,#080d13e8 25%,#080d1322 80%);pointer-events:none}.feature-copy{position:relative;z-index:1;padding:160px 23px 22px}.feature-copy>span{color:#edc484;font-size:9px;letter-spacing:2px}.ice .feature-copy>span{color:#89d5fa}h2{font-family:Marcellus;font-weight:400;font-size:22px;margin:8px 0}h2 b{color:#ffd395;font-size:32px;font-weight:400}.ice h2 b{color:#93deff}.feature p{font-size:14px;line-height:1.5;color:#cad0d6;min-height:63px;margin:9px 0}.feature small{font-size:9px;letter-spacing:1.6px;color:#d3b47b}
.enter{text-align:center;padding:28px 0 40px}.enter p{color:#b5c1ce;font-size:14px}.enter-button{display:flex;width:min(380px,100%);justify-content:center;gap:32px;align-items:center;margin:20px auto 16px;padding:21px 30px;color:#fff0d7;background:linear-gradient(120deg,#65391c,#b47d3c,#73441f);border:1px solid #ecc68b;box-shadow:0 0 30px #fa9b202b,inset 0 0 0 4px #080d1330;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:1px;position:relative;overflow:hidden;animation:glow 3s infinite alternate}.enter-button:before{content:'';position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 40%,#fff4 50%,transparent 60%);transform:translateX(-100%);animation:shine 5s infinite}.enter-button:hover{filter:brightness(1.2)}.enter small{font-size:11px;color:#91a2b7;letter-spacing:1px}footer{border-top:1px solid #bd975727;max-width:1112px;margin:auto;padding:20px 0 26px;display:flex;justify-content:space-between;color:#927e60;font-size:10px;letter-spacing:2px}#embers{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.ember{position:absolute;bottom:-20px;width:3px;height:3px;border-radius:50%;background:#ffc16b;box-shadow:0 0 10px 2px #ff8b32;animation:rise var(--duration) linear infinite;animation-delay:var(--delay);left:var(--left)}.ember:nth-child(even){background:#9be8ff;box-shadow:0 0 10px 2px #44bcff}
:focus-visible{outline:3px solid #9cddff;outline-offset:5px}@keyframes rise{to{transform:translate(70px,-110vh);opacity:0}}@keyframes breathe{to{transform:scale(1.035);opacity:.85}}@keyframes levitate{50%{transform:translateY(-7px)}}@keyframes glow{to{box-shadow:0 0 45px #f5a33560,inset 0 0 0 4px #080d1330}}@keyframes shine{60%,100%{transform:translateX(100%)}}@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused .art{transition:none}
@media(max-width:700px){header{padding:15px 18px}header>span{display:none}main{padding:25px 17px 0}.eyebrow{font-size:9px;letter-spacing:2px}.description{font-size:15px}.countdown{gap:6px}.countdown div{width:70px}.countdown strong{font-size:32px}.countdown i{font-size:18px}.launch{gap:5px}.line{width:22px}.features{grid-template-columns:1fr}.feature{min-height:300px}.art{background-size:300% auto;background-position-y:42%}.feature-copy{padding-top:150px}.feature p{min-height:0}.logo{max-height:220px}.launch strong{font-size:12px}.backdrop{background-position:center top}.enter{padding-bottom:25px}footer{margin:0 17px;gap:20px;line-height:1.7}footer span{text-align:right}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}