*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101715;color:#e9e2d3;font:15px Arial}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:28px 7%;border-bottom:1px solid #ffffff17}.logo{font:28px Georgia;letter-spacing:5px;color:#d4b779}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a{text-transform:uppercase;letter-spacing:1px}.btn{display:inline-block;padding:17px 24px;border:1px solid #bb9b60;color:#d8bd85;letter-spacing:2px;font-size:11px;text-transform:uppercase}.gold{background:#c3a46c;color:#141c18}.hero{min-height:590px;padding:90px 9%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#69847799,transparent 55%),linear-gradient(110deg,#121c18,#1b3a31)}.hero:before{content:'';position:absolute;inset:10% -10% 0 30%;background:#0a1516aa;clip-path:polygon(0 100%,20% 60%,34% 68%,52% 0,65% 43%,80% 30%,100% 80%,100% 100%)}.hero:after{content:'龍';position:absolute;right:11%;top:60px;font:330px Georgia;color:#d4b77919}.content{position:relative;z-index:1;max-width:680px}.eyebrow{color:#bfa16c;font-size:10px;letter-spacing:3px;text-transform:uppercase}h1{font:clamp(48px,7vw,88px)/1.07 Georgia;margin:25px 0;color:#f0e8d7}em{color:#d0b078;font-weight:normal}p{color:#a6b3aa;line-height:1.85}.hero p{max-width:430px;margin-bottom:30px}.actions{display:flex;gap:15px;flex-wrap:wrap}.ribbon{padding:24px 9%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #bfa16c33;color:#c5b18c;font:13px Georgia;letter-spacing:2px}main{max-width:1200px;margin:auto;padding:70px 35px}h2{font:38px Georgia;margin:14px 0 30px}h3{font:26px Georgia;color:#e0d0ad}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:30px}.panel{padding:30px;border:1px solid #c4a46e33;background:#17211c}table{width:100%;border-collapse:collapse;text-align:left;margin-top:15px}th{font-size:10px;color:#7d9184;text-transform:uppercase;letter-spacing:1px}td,th{padding:18px 9px;border-bottom:1px solid #ffffff0d}td:first-child{color:#c4a46e;font:20px Georgia}td{font-size:13px}.note{font-size:12px;color:#829688}.notice{padding:18px;border-left:2px solid #c4a46e;background:#c4a46e09;color:#b3bbaa;font-size:13px;line-height:1.8;margin:25px 0}.closing{margin-top:65px;border-top:1px solid #ffffff15;padding-top:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}footer{padding:30px 7%;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;color:#7d9184;font-size:11px}.sub{max-width:680px;min-height:75vh}.sub h1{font-size:58px}label{display:block;margin:22px 0 10px;font-size:12px}input{width:100%;padding:15px;background:#101715;border:1px solid #3b4b40;color:#ddd}button{margin-top:22px}button:disabled{opacity:.5}a:focus-visible{outline:2px solid #d4b779;outline-offset:5px}@media(max-width:740px){header{flex-direction:column;align-items:start;gap:25px;padding:25px}nav{gap:16px;flex-wrap:wrap;font-size:10px}.hero{padding:65px 25px;min-height:550px}.hero:after{right:0;font-size:230px}.ribbon{flex-wrap:wrap;font-size:10px;padding:20px}.grid{grid-template-columns:1fr}main{padding:45px 20px}.panel{padding:20px}.closing,footer{flex-wrap:wrap}.sub h1{font-size:45px}}
#language{background:#17211c;color:#e6d3a9;border:1px solid #bb9b6066;padding:11px;font-size:12px;cursor:pointer;max-width:130px}#language:focus-visible{outline:2px solid #d4b779;outline-offset:4px}.hero{min-height:700px;align-items:end;display:flex;padding-top:160px;background:linear-gradient(90deg,rgba(5,12,14,.83),rgba(5,12,14,.25) 70%),linear-gradient(0deg,#101715,transparent 60%),url('velnora-hero.png') center 35%/cover no-repeat}.hero:before,.hero:after{display:none}.hero .content{max-width:710px}.hero h1{text-shadow:0 3px 24px #0009}.hero p{color:#e2e6df;text-shadow:0 2px 9px #000}.hero .btn{background:#101715b3}.hero .gold{background:#c3a46c}@media(max-width:740px){.hero{min-height:660px;padding-top:170px;background-position:57% center}.hero h1{font-size:48px}header nav{gap:17px}#language{font-size:12px;padding:9px}.hero .content{max-width:100%}}
/* Download: cinematic artwork and a readable client panel. */
.download-scene{position:relative;isolation:isolate;overflow:hidden;background:#0a1518;min-height:900px}
.download-art{position:absolute;inset:0;z-index:-2;background:url('velnora-hero.png') 65% top/cover no-repeat}
.download-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,16,19,.96) 0%,rgba(7,16,19,.87) 30%,rgba(7,16,19,.24) 67%,rgba(7,16,19,.05)),linear-gradient(0deg,#101715,transparent 45%)}
.download-page main.sub{max-width:1250px;margin:auto;padding:75px 45px 55px}
.download-page main.sub>h1{font-size:clamp(48px,5.4vw,72px);max-width:600px;text-shadow:0 3px 24px #0008}
.download-page main.sub>p{max-width:460px;color:#d0d8d2;text-shadow:0 2px 8px #000}
.download-page .panel{max-width:460px;margin-top:30px;background:linear-gradient(135deg,rgba(24,38,35,.95),rgba(11,23,25,.92));border:1px solid #c4a46e77;box-shadow:0 20px 65px #0005;position:relative;backdrop-filter:blur(12px)}
.download-page .panel:before{content:'';position:absolute;left:30px;top:-1px;width:65px;height:2px;background:#e4c687;box-shadow:0 0 18px #d2af6b77}
.download-page .panel h3{font-size:34px;letter-spacing:3px;margin:20px 0 10px}
.download-page .panel button{width:100%;padding:20px 12px}
.download-page .notice{max-width:460px;background:rgba(12,23,24,.76)}
@media(min-width:1500px){.download-art{background-position:center 35%}}
@media(max-width:740px){.download-scene{min-height:1050px}.download-art{background-position:62% top;background-size:auto 650px;background-repeat:no-repeat}.download-scene:before{background:linear-gradient(0deg,#101715 4%,rgba(9,19,22,.98) 45%,rgba(9,19,22,.3) 95%)}.download-page main.sub{padding:220px 22px 40px}.download-page main.sub>h1{font-size:48px}.download-page .panel{margin-top:25px;max-width:100%}.download-page main.sub>p{color:#d0d8d2}.download-page .notice{max-width:100%}}

.brand-group{display:flex;align-items:center;gap:24px;flex-shrink:0}.discord-link{display:inline-flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #8590ff66;border-radius:5px;background:#5865f21a;color:#c7cbff;font-size:11px;white-space:nowrap;transition:background .2s,border-color .2s}.discord-link:hover{background:#5865f23d;border-color:#9ba3ff}.discord-link svg{flex-shrink:0}header{gap:25px;padding-left:4%;padding-right:4%}header nav{gap:22px}@media(max-width:1150px){header{flex-wrap:wrap;padding:24px 5%}header nav{flex-wrap:wrap}}@media(max-width:740px){.brand-group{gap:18px;flex-wrap:wrap}.discord-link{padding:10px 12px;font-size:10px}.brand-group .logo{font-size:25px}header nav{gap:17px}}