@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Inter:wght@600;700;800;900&display=swap";:root{--ink: #071b35;--navy: rgba(4, 22, 45, .74);--blue: #5066df;--blue-bright: #6b78ff;--gold: #ffc52b;--orange: #ff7b14;--red: #e43717;--cream: #fff7e7;--card: rgba(31, 27, 23, .72);--card-border: rgba(255, 205, 77, .78);--shadow: 0 24px 60px rgba(7, 27, 53, .36)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a2f6d}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}svg{width:1.35em;height:1.35em;fill:currentColor;flex:0 0 auto}.site-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#245eb938,#093168f0 48%,#082044),#0c3c86}.hero{position:relative;min-height:100svh;padding:clamp(12px,1.6vw,22px);display:grid;grid-template-rows:auto minmax(410px,1fr) auto;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-3;background-image:url(/assets/hero-dragonfury.png);background-size:cover;background-position:center bottom}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#041e4605,#041e460f 45%,#05182980),radial-gradient(circle at 50% 52%,rgba(255,255,255,.5),transparent 18%),radial-gradient(circle at 50% 62%,rgba(28,96,181,.42),transparent 25%);pointer-events:none}.nav{min-height:92px;padding:14px clamp(18px,4vw,58px);border-radius:999px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;background:var(--navy);box-shadow:0 18px 40px #02122a4d}.nav-links{display:flex;align-items:center;gap:clamp(22px,3.4vw,54px)}.nav-links a{position:relative;padding:12px 0 17px;color:#ffffffe6;font-size:clamp(.95rem,1.45vw,1.25rem);font-weight:800}.nav-links a.active{color:var(--gold)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:var(--gold)}.button{min-height:54px;padding:0 26px;border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font:inherit;font-weight:900;line-height:1;cursor:pointer;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.button:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 28px 70px #071b356b}.button:focus-visible,.nav-links a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.discord{color:#fff;background:linear-gradient(180deg,var(--blue-bright),var(--blue));border:1px solid rgba(255,255,255,.22)}.nav-discord{justify-self:end;min-width:clamp(150px,14vw,190px)}.trailer{color:#fff;background:linear-gradient(180deg,#ff2a2a,#d80f0f);border:1px solid rgba(255,255,255,.22)}.tiktok{color:#fff;background:#111;border:1px solid rgba(255,255,255,.18)}.hero-content{position:relative;z-index:1;align-self:center;justify-self:center;width:min(760px,94vw);margin-top:clamp(8px,4vh,44px);text-align:center;text-shadow:0 5px 16px rgba(4,22,45,.38)}.hero-logo{display:block;width:min(560px,86vw);height:auto;margin:0 auto clamp(6px,1.4vh,16px);filter:drop-shadow(0 22px 22px rgba(5,17,40,.34))}.hero h1{margin:0;color:#fff;font-family:Fredoka,Inter,sans-serif;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.9;text-wrap:balance;text-shadow:0 7px 0 rgba(5,34,72,.22),0 16px 26px rgba(3,22,48,.36)}.hero-lead{width:min(600px,90vw);margin:clamp(14px,1.8vh,20px) auto clamp(24px,2.8vh,34px);color:#fff;font-size:clamp(1.1rem,2vw,1.62rem);font-weight:800;line-height:1.42}.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;width:min(820px,100%);margin:0 auto;gap:18px}.hero-actions .button{width:100%;min-height:66px;border-radius:18px;font-size:clamp(1rem,1.7vw,1.2rem)}.hero-actions .tiktok{width:100%}.feature-strip{position:relative;z-index:1;width:min(900px,calc(100vw - 32px));margin:clamp(24px,3vh,42px) auto clamp(22px,3vh,50px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feature-card{min-height:128px;padding:16px 22px 16px 18px;display:grid;grid-template-columns:86px 1fr;align-items:center;gap:14px;border:1.5px solid var(--card-border);background:linear-gradient(180deg,#342c23c7,#151617b8),#1f1b179e;box-shadow:0 16px 40px #04122647;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-card:first-child{border-radius:22px 8px 8px 22px}.feature-card:last-child{border-radius:8px 22px 22px 8px}.feature-card h2{margin:0 0 7px;color:#fff;font-size:clamp(1.02rem,1.65vw,1.28rem);line-height:1.05}.feature-card p{margin:0;color:#ffffffe6;font-size:clamp(.92rem,1.35vw,1.08rem);font-weight:600;line-height:1.32}.feature-art{width:86px;height:86px;object-fit:contain;display:block;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))}.content-band,.discord-band{position:relative;z-index:1;padding:clamp(64px,8vw,110px) clamp(22px,7vw,112px);background:linear-gradient(180deg,#092859,#081b3d)}.content-band{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,70px);align-items:center}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:.84rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.band-copy h2,.discord-band h2{margin:0;color:#fff;font-family:Fredoka,Inter,sans-serif;font-size:clamp(2.1rem,4vw,4rem);line-height:.98;text-wrap:balance}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.media-card{min-height:180px;padding:22px;border-radius:8px;display:flex;align-items:flex-end;background:linear-gradient(180deg,#fff0,#061126cc),url(/assets/hero-dragonfury.png);background-size:420% auto;box-shadow:0 20px 48px #0003;overflow:hidden}.media-card:nth-child(1){background-position:78% 86%}.media-card:nth-child(2){background-position:46% 72%}.media-card:nth-child(3){background-position:94% 22%}.media-card p,.discord-band p{margin:0;color:#ffffffdb;font-size:1rem;font-weight:700;line-height:1.45}.discord-band{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#102b70,#0a6ea0 48%,#1f844f)}.discord-band>div{max-width:720px}.discord-band p:last-child{max-width:590px;margin-top:16px}@media(max-width:1060px){.hero{grid-template-rows:auto minmax(430px,1fr) auto}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,32px);border-radius:34px}.nav-links{flex:1 1 auto;min-width:0;justify-content:flex-start;gap:clamp(20px,4vw,46px)}.nav-discord{flex:0 0 auto;justify-self:auto;margin-left:auto}.feature-strip,.content-band,.media-grid{grid-template-columns:1fr}.feature-card,.feature-card:first-child,.feature-card:last-child{border-radius:16px}.media-grid{display:grid}}@media(max-width:720px){.hero{min-height:100svh;padding:10px;grid-template-rows:auto minmax(390px,1fr) auto}.hero:before{background-position:36% bottom}.hero:after{background:linear-gradient(180deg,#041e460a,#0518297a 78%,#051829c2),radial-gradient(circle at 50% 45%,rgba(255,255,255,.46),transparent 29%)}.nav{min-height:auto;padding:10px 12px 12px;border-radius:28px;display:flex;align-items:center;gap:16px}.nav-links{order:0;flex:1 1 auto;width:100%;justify-content:flex-start;gap:clamp(14px,5vw,34px);overflow-x:visible;padding:0 4px}.nav-links a{flex:0 0 auto;font-size:.95rem;padding:12px 0 14px}.nav-discord{order:0;flex:0 0 auto;min-width:0;padding:0 18px;margin-left:auto}.hero-content{width:min(100%,520px);margin-top:10px}.hero-logo{width:min(470px,88vw)}.hero-actions{grid-template-columns:minmax(0,280px);gap:12px}.hero-actions .button{width:100%}.hero-actions .tiktok{grid-column:auto;width:100%}.feature-strip{width:min(100%,430px);gap:10px;margin-top:14px;margin-bottom:20px}.feature-card{min-height:104px;grid-template-columns:66px 1fr;padding:14px 16px}.feature-art{width:66px;height:66px}.content-band{padding-top:70px}.media-card{min-height:170px}.discord-band{align-items:flex-start;flex-direction:column}}@media(max-width:440px){.hero{grid-template-rows:auto minmax(360px,1fr) auto}.nav-discord{width:48px;min-width:48px;min-height:48px;padding:0;font-size:.92rem}.nav-discord-label{display:none}.hero-logo{width:86vw;margin-bottom:10px}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}.hero-lead{font-size:1.03rem;margin-bottom:16px}}