@font-face{font-family:DungeonDisplay;src:url('/assets/lilita-one.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DungeonText;src:url('/assets/open-sans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#0c1718;--surface:#11272a;--ink:#f4f5ef;--muted:#b8c8c9;--line:#294448;--accent:#76d0cd;--gold:#d6b76e}
body{font-family:DungeonText,system-ui,sans-serif}
h2,h3,.site-nav,.button,.features .number,.eyebrow,.footer-links{font-family:DungeonDisplay,system-ui,sans-serif;font-weight:400;letter-spacing:0}
h2{font-size:39px}.features h3{font-size:27px}.eyebrow{font-size:14px;color:var(--gold)}
.site-header{padding-bottom:22px;margin-bottom:-22px;clip-path:polygon(0 0,100% 0,100% 84%,74% 84%,72% 100%,28% 100%,26% 84%,0 84%)}
.header-inner{min-height:124px}.brand{position:relative;padding:0 14px;border-inline:1px solid #544731;border-radius:65px 65px 0 0}.brand img{width:108px;height:108px}
.header-signature{border:0;padding-left:5px;color:#aebebf;font-size:12px}.site-nav{font-size:19px;gap:36px}
.site-nav a:hover{color:#e0c587}
.hero{height:min(700px,74svh);min-height:610px}.hero-copy{padding-top:52px!important}.hero h1{width:510px;max-width:45%;margin:0 0 14px;line-height:1}.game-logo{width:100%;height:auto;filter:drop-shadow(0 5px 9px #0008)}
.hero .eyebrow{font-size:13px;color:#e0c587;margin-bottom:14px}.hero p:not(.eyebrow):not(.release-note){font-size:19px;line-height:1.55;margin:12px 0}
.hero .actions{margin-top:24px}.hero .button{position:relative;isolation:isolate;background:var(--gold);color:#fff;border:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);padding:13px 26px;font-size:20px;min-height:58px;text-shadow:0 1px 2px #000}
.hero .button:before{content:'';position:absolute;inset:2px;z-index:-1;background:#07545c;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);box-shadow:inset 0 -5px #003e46,inset 0 3px #15717a}
.hero .button:hover:before{background:#086d74}.hero .button:focus-visible{outline:none;background:#fff}.text-link{font-family:DungeonText,system-ui,sans-serif;font-weight:400;border-color:#638f92}.hero p.release-note{font-size:10px;font-weight:400}.hero-character{bottom:-30px}
.universe{position:relative;border-bottom:0;padding-bottom:84px}.universe:after{content:'';height:2px;width:calc(100% - 48px);max-width:1160px;background:#766338;position:absolute;bottom:0;left:50%;transform:translateX(-50%);clip-path:polygon(0 50%,20% 0,80% 0,100% 50%,80% 100%,20% 100%)}
.intro>p,.features p{color:#afc0c1}.features .number{font-size:14px;color:#80b6b9}.feature-art{border-color:#315054}.features h3{color:#f0e3bf}
.site-footer{padding:58px 0 22px;border:0;background:#000}.footer-inner{display:grid;grid-template-columns:180px minmax(0,1fr) 150px;gap:60px;align-items:center}.footer-brand img{width:180px;height:180px}.footer-story h2{font-size:30px;margin:0 0 12px;color:#fff}.footer-story p{font-size:14px;line-height:1.85;max-width:530px;margin:0 0 16px}.footer-story a{font-size:14px;color:#9bc8c8;overflow-wrap:anywhere}.footer-links{display:grid;grid-template-columns:1fr;gap:10px;font-size:17px}.footer-links a{text-decoration:none}.footer-links a:hover{color:#e0c587}.copyright{border:0;margin:30px 0 0;padding:0;text-align:center;font-size:11px;color:#758184}
.legal h1{font-family:DungeonDisplay,system-ui,sans-serif;font-weight:400}.legal h2{font-family:DungeonDisplay,system-ui,sans-serif;font-size:27px}.legal{padding-top:65px}
@media(min-width:701px) and (max-width:1050px){.hero h1{max-width:54%;width:440px}.hero .actions{gap:18px;max-width:440px}.hero .button{font-size:18px;padding-inline:20px}.site-nav{font-size:18px;gap:28px}.footer-inner{grid-template-columns:140px minmax(0,1fr) 110px;gap:24px}.footer-brand img{width:140px;height:140px}}
@media(max-width:700px){.header-inner{min-height:103px}.site-header{padding-bottom:14px;margin-bottom:-14px;clip-path:polygon(0 0,100% 0,100% 88%,57% 88%,53% 100%,0 100%)}.brand{padding:0 9px;border-radius:48px 48px 0 0}.brand img{width:87px;height:87px}.site-nav{font-size:15px;gap:0 18px}.hero{height:auto;min-height:0;padding-bottom:238px}.hero-copy{padding-top:35px!important}.hero h1{max-width:100%;width:330px;margin-bottom:14px}.hero .eyebrow{font-size:11px}.hero p:not(.eyebrow):not(.release-note){font-size:17px}.hero .button{font-size:17px;min-height:50px;padding:10px 18px;gap:12px}.hero .actions{gap:15px;margin-top:20px}.hero .text-link{font-size:11px}.hero p.release-note{font-size:9px;margin-top:18px}.hero-stage{height:262px}.hero-character{bottom:-8px}.intro h2{font-size:34px}.features h3{font-size:27px}.universe{padding-bottom:44px}.footer-inner{grid-template-columns:100px minmax(0,1fr);gap:20px;align-items:start}.footer-brand img{width:100px;height:100px}.footer-story h2{font-size:26px}.footer-story p{font-size:13px}.footer-story a{font-size:12px}.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 22px;padding-top:12px;font-size:16px}.site-footer{padding-top:35px}.copyright{text-align:left;margin-top:24px}.legal{padding-top:45px}}
@media(max-width:700px) and (max-height:740px){.hero{padding-bottom:120px}.hero-stage{height:148px}.hero-copy{padding-top:26px!important}.hero h1{width:260px;max-width:100%;margin-bottom:8px}.hero .eyebrow{margin-bottom:8px}.hero p:not(.eyebrow):not(.release-note){font-size:15px}.hero .actions{margin-top:14px}.hero .button{font-size:15px;min-height:44px;padding-inline:14px}.hero .text-link{font-size:10px}.hero p.release-note{margin-top:12px}}