@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Marcellus&family=Source+Serif+4:wght@400;500;600&display=swap');
:root{--ink:#030911;--deep:#061522;--panel:rgba(3,13,22,.88);--panel2:rgba(5,22,34,.88);--cyan:#36d9f5;--ice:#b8f5ff;--muted:#90b3c2;--line:rgba(85,208,232,.38);--metal:#a8d9e3;--text:#d9eaf0;--gold:#d7b66a;--serif:'Marcellus',Georgia,serif;--display:'Cinzel',Georgia,serif;--body:'Source Serif 4',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#030811;color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;background-image:radial-gradient(ellipse at 50% 0%,rgba(13,88,119,.18),transparent 50%),linear-gradient(180deg,#061320,#02070d 75%)}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{max-width:1800px;margin:0 auto;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(4,15,25,.72),#030911 88%);box-shadow:0 0 80px #000}.skip-link{position:absolute;top:-50px;left:12px;z-index:100;background:#b8f5ff;color:#03101a;padding:8px 12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.utility-bar{height:42px;border-bottom:1px solid rgba(90,185,209,.22);background:rgba(1,8,15,.87);position:relative;z-index:10}.utility-inner{height:100%;max-width:1480px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:10px;letter-spacing:1.2px;color:#9db8c2}.world-meta,.utility-links{display:flex;align-items:center;gap:17px}.world-meta strong{color:#e2f8ff;font-weight:600}.world-dot,.availability-note i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#5adfa8;box-shadow:0 0 10px #5adfa8}.meta-separator{color:#37cde8;font-size:11px}.utility-links a{transition:color .2s}.utility-links a:hover{color:var(--ice)}.link-icon{font-size:17px;color:var(--cyan);vertical-align:-1px;margin-right:5px}
.main-header{height:112px;max-width:1460px;margin:0 auto;position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.nav-group{display:flex;align-items:center;gap:clamp(20px,3vw,54px);width:39%}.nav-right{justify-content:flex-end}.nav-link{font-family:var(--display);font-size:12px;letter-spacing:1.7px;color:#c5d8e0;padding:12px 0;position:relative;transition:color .25s;text-transform:uppercase}.nav-link:after{content:"";position:absolute;height:1px;bottom:3px;left:50%;right:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:all .25s}.nav-link:hover,.nav-link.active{color:var(--ice)}.nav-link:hover:after,.nav-link.active:after{left:0;right:0}.brand{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:270px;text-align:center;display:flex;align-items:center;flex-direction:column;filter:drop-shadow(0 0 14px rgba(20,203,236,.26));z-index:2}.brand:before,.brand:after{content:"";position:absolute;top:43px;width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.8}.brand:before{left:-34px}.brand:after{right:-34px}.brand-crest{height:39px;color:var(--cyan)}.brand-crest svg{height:42px;width:38px;fill:none;stroke:currentColor;stroke-width:1.5;filter:drop-shadow(0 0 7px #22c7e9)}.brand-word{font-family:var(--display);font-size:34px;line-height:1.15;letter-spacing:5px;color:#e3f3f6;text-shadow:0 2px 2px #000,0 0 16px rgba(53,215,245,.58)}.brand-subtitle{font-family:var(--display);font-size:8px;letter-spacing:3px;color:#71dff1;margin-top:4px}.mobile-menu-toggle{display:none}
.hero{min-height:600px;height:min(70vw,730px);max-height:740px;margin-top:-7px;position:relative;isolation:isolate;background:url('../assets/nocteris-world.png') center 44%/cover no-repeat;display:flex;align-items:flex-start;justify-content:center;text-align:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,7,14,.67) 0%,rgba(2,12,22,.32) 29%,rgba(2,10,18,.08) 55%,#030911 100%),linear-gradient(90deg,rgba(1,8,14,.45),transparent 42%,rgba(1,8,14,.13));z-index:-1}.hero-vignette{position:absolute;inset:0;box-shadow:inset 0 0 110px 40px #02070d;pointer-events:none}.hero-content{position:relative;margin:112px auto 0;padding:0 22px;max-width:820px;animation:rise .9s ease both}.eyebrow{font:10px var(--display);letter-spacing:4px;color:#83dced;margin:0 0 15px;display:flex;align-items:center;justify-content:center;gap:16px}.eyebrow span{height:1px;width:42px;background:linear-gradient(90deg,transparent,#67d6e9)}.eyebrow span:last-child{transform:rotate(180deg)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(34px,5.2vw,68px)/1.15 var(--display);letter-spacing:4px;color:#e8f6f8;margin:0;text-shadow:0 3px 8px #000,0 0 28px rgba(44,186,221,.44)}.hero h1 em{font-style:normal;color:#b5f5ff}.hero-tagline{font:clamp(17px,2vw,24px) var(--serif);color:#d1eaf2;letter-spacing:1px;margin:14px 0 0;text-shadow:0 2px 5px #000}.rune-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:19px auto 15px;color:var(--cyan);text-shadow:0 0 12px var(--cyan);font-size:17px}.rune-divider i{display:block;width:90px;height:1px;background:linear-gradient(90deg,transparent,#50d8ed)}.rune-divider i:last-child{transform:rotate(180deg)}.hero-copy{font-size:16px;line-height:1.6;color:#bad0da;text-shadow:0 2px 6px #000;margin-bottom:28px}.hero-actions{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.ornate-button,.small-ornate-button{position:relative;min-width:228px;padding:15px 25px;background:linear-gradient(180deg,rgba(2,25,39,.92),rgba(2,10,18,.96));border:1px solid #5dbed1;outline:1px solid rgba(153,234,244,.26);outline-offset:4px;box-shadow:inset 0 0 22px rgba(17,174,209,.15),0 0 18px rgba(0,181,225,.16);font:12px var(--display);letter-spacing:1.6px;color:#d9f8fc;text-transform:uppercase;transition:all .25s;display:inline-flex;align-items:center;justify-content:center;gap:13px}.ornate-button:before,.ornate-button:after{content:"✦";position:absolute;top:50%;transform:translateY(-53%);font-size:14px;color:#9df5ff;text-shadow:0 0 12px var(--cyan)}.ornate-button:before{left:-8px}.ornate-button:after{right:-8px}.ornate-button:hover{background:linear-gradient(180deg,rgba(9,62,82,.96),rgba(2,16,27,.98));box-shadow:inset 0 0 28px rgba(17,205,235,.22),0 0 28px rgba(0,181,225,.34);transform:translateY(-2px);color:#fff}.button-symbol{font-size:20px;color:var(--cyan)}.button-arrow{font-size:20px;color:#6de5f5}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font:8px var(--display);letter-spacing:3px;color:#80bdce;display:flex;align-items:center;gap:12px;white-space:nowrap}.scroll-cue span{width:1px;height:23px;background:linear-gradient(var(--cyan),transparent);display:inline-block}.hero-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(transparent,#030911);pointer-events:none}
.panel-frame,.ornate-card{position:relative;background:linear-gradient(145deg,rgba(7,29,43,.95),rgba(1,9,16,.96) 62%);border:1px solid rgba(105,207,224,.53);box-shadow:inset 0 0 0 3px rgba(4,19,29,.9),inset 0 0 24px rgba(27,162,196,.12),0 15px 40px rgba(0,0,0,.36)}.panel-frame:before,.panel-frame:after,.ornate-card:before,.ornate-card:after{content:"✧";position:absolute;color:#9befff;text-shadow:0 0 12px var(--cyan);font-size:18px;line-height:1;z-index:2}.panel-frame:before,.ornate-card:before{top:-10px;left:50%;transform:translateX(-50%)}.panel-frame:after,.ornate-card:after{bottom:-10px;left:50%;transform:translateX(-50%)}.world-strip{max-width:1280px;margin:-28px auto 52px;position:relative;z-index:4;min-height:122px;padding:20px 36px;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;align-items:center;background:linear-gradient(90deg,rgba(1,11,19,.96),rgba(7,35,49,.9),rgba(1,11,19,.96))}.world-stat{display:flex;align-items:center;flex-direction:column;gap:2px;text-align:center}.stat-icon{font-size:24px;color:var(--cyan);line-height:1.1;text-shadow:0 0 13px rgba(42,213,242,.6)}.stat-label{font:9px var(--display);letter-spacing:2px;color:#85acba;text-transform:uppercase}.world-stat strong{font:13px var(--display);letter-spacing:1.5px;color:#e3f5f7}.stat-separator{height:58px;background:linear-gradient(transparent,rgba(86,218,240,.6),transparent)}
.content-grid{max-width:1390px;margin:0 auto 68px;padding:0 22px;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(430px,1.5fr) minmax(220px,.82fr);gap:23px;align-items:start}.side-column{display:grid;gap:22px}.ornate-card{padding:22px 20px 24px;min-width:0}.card-heading{display:flex;align-items:center;gap:10px;min-height:26px}.card-heading h2{font:13px var(--display);letter-spacing:1.6px;color:#dff8fb;margin:0;white-space:nowrap}.heading-icon{font-size:20px;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.heading-note{margin-left:auto;font:8px var(--display);letter-spacing:1px;color:#6695a4;text-align:right}.card-rule{height:1px;background:linear-gradient(90deg,transparent,#4bbdd1 15%,rgba(74,177,199,.6) 85%,transparent);margin:14px 0 18px;position:relative}.card-rule:after{content:"◆";position:absolute;left:50%;top:-6px;transform:translateX(-50%);font-size:8px;color:#74dce9;background:#071b29;padding:0 6px}.account-card,.ranking-card{min-height:350px}.portal-emblem{height:76px;width:76px;border:1px solid rgba(77,199,222,.5);border-radius:50%;margin:3px auto 15px;display:grid;place-items:center;background:radial-gradient(circle,rgba(45,196,223,.16),rgba(1,10,16,.8) 70%);box-shadow:0 0 22px rgba(31,183,212,.12),inset 0 0 20px rgba(29,178,207,.1)}.portal-emblem svg{width:45px;fill:none;stroke:#74e4f4;stroke-width:1.5;filter:drop-shadow(0 0 5px #24d1eb)}.account-card h3,.ranking-empty h3{font:16px var(--serif);color:#d9f0f4;text-align:center;margin-bottom:8px}.account-card p,.download-card p,.ranking-empty p,.community-card p{font-size:13px;color:#9db9c4;line-height:1.65;text-align:center}.text-link{margin:16px auto 0;padding:10px 4px 0;border-top:1px solid rgba(79,174,194,.28);display:flex;align-items:center;justify-content:space-between;gap:8px;font:9px var(--display);letter-spacing:1.4px;color:#89e4f2;transition:color .2s}.text-link:hover{color:#fff}.text-link span{font-size:8px;color:#7395a3;letter-spacing:1px}.disabled-link{cursor:default}.disabled-link:hover{transform:none;color:inherit}.download-card{min-height:210px}.availability-note{display:flex;align-items:center;justify-content:center;gap:8px;font:8px var(--display);letter-spacing:1px;color:#76a5b4;margin:14px 0}.availability-note i{width:6px;height:6px;background:#e1bb6d;box-shadow:0 0 8px rgba(225,187,109,.65)}.small-ornate-button{width:100%;min-width:0;padding:11px 12px;font-size:9px;gap:9px}.small-ornate-button span{color:#84a6b3;font-size:8px}.news-card{padding:22px 27px 18px;min-height:590px}.news-entry{display:grid;grid-template-columns:132px 1fr;gap:17px;align-items:start;padding:5px 0}.news-art{height:105px;border:1px solid rgba(78,190,211,.5);box-shadow:inset 0 0 24px #061622,0 0 14px rgba(30,162,192,.12);display:grid;place-items:center;position:relative;overflow:hidden;background-size:cover;background-position:center}.news-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,11,19,.2),rgba(2,13,21,.7))}.news-art-castle{background-image:url('../assets/nocteris-world.png')}.news-art-rune{background:radial-gradient(circle at 50% 50%,#15516a,#06121e 70%);}.news-art span{z-index:1;font:42px var(--display);color:#83e9f5;text-shadow:0 0 20px var(--cyan)}.news-category{font:8px var(--display);letter-spacing:1.6px;color:#63cada;margin:0 0 5px}.news-category time{color:#7898a5;margin-left:9px}.news-copy h3{font:17px var(--serif);color:#e1f2f5;margin:0 0 7px}.news-copy p:last-child{font-size:12px;color:#9db6c1;line-height:1.6;margin:0}.entry-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(81,175,195,.5),transparent);margin:14px 0}.news-footer{margin-top:20px;border-top:1px solid rgba(78,174,194,.25);padding:14px 0 0;display:flex;justify-content:space-between;align-items:center;font:8px var(--display);letter-spacing:1.5px;color:#668f9e}.footer-rune{color:var(--cyan);font-size:16px}.ranking-card{min-height:350px}.ranking-empty{text-align:center;padding:12px 0 4px}.ranking-crown{display:block;font-size:43px;color:#7fe7f5;text-shadow:0 0 19px rgba(50,211,238,.6);margin:0 0 7px}.ranking-empty p{max-width:220px;margin:0 auto}.community-card{border:1px solid rgba(78,172,193,.28);background:linear-gradient(145deg,rgba(8,34,49,.8),rgba(2,10,18,.9));padding:20px 17px;text-align:center}.community-rune{font-size:23px;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.community-card h2{font:11px var(--display);letter-spacing:1.4px;color:#d9f5f9;margin:8px 0}.community-card p{font-size:12px;margin-bottom:10px}.community-status{font:7px var(--display);letter-spacing:1px;color:#79a5b2}
.site-footer{position:relative;text-align:center;padding:35px 20px 42px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));border-top:1px solid rgba(62,149,171,.17)}.footer-brand{font:23px var(--display);letter-spacing:5px;color:#d9f2f6;text-shadow:0 0 14px rgba(30,187,217,.35)}.site-footer p{font:8px var(--display);letter-spacing:3px;color:#6795a4;margin:5px 0 13px}.footer-line{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--cyan);font-size:12px;margin-bottom:15px}.footer-line span{height:1px;width:75px;background:linear-gradient(90deg,transparent,rgba(79,192,215,.6))}.footer-line span:last-child{transform:rotate(180deg)}.site-footer small{display:block;color:#75909b;font-size:10px}.site-footer .footer-disclaimer{margin-top:5px;color:#526f7a;font-size:9px}
@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.main-header{padding:0 22px}.nav-group{gap:19px;width:40%}.nav-link{font-size:10px;letter-spacing:1px}.brand{width:210px}.brand-word{font-size:28px}.content-grid{grid-template-columns:minmax(190px,.8fr) minmax(350px,1.45fr);max-width:900px}.right-column{grid-column:1/-1;grid-template-columns:1fr 1fr}.world-strip{margin-left:22px;margin-right:22px}}
@media(max-width:700px){.utility-bar{height:auto;min-height:38px}.utility-inner{padding:8px 15px;justify-content:center}.world-meta{gap:8px;font-size:8px;letter-spacing:.5px}.world-meta .meta-separator:nth-of-type(n+2),.world-meta span:last-child{display:none}.utility-links{display:none}.main-header{height:84px;padding:0 16px;justify-content:center}.brand{top:48%;width:190px}.brand-crest{height:28px}.brand-crest svg{height:30px;width:28px}.brand-word{font-size:25px;letter-spacing:4px}.brand-subtitle{font-size:6px;letter-spacing:2px}.brand:before,.brand:after{top:31px;width:45px}.brand:before{left:4px}.brand:after{right:4px}.mobile-menu-toggle{display:flex;position:absolute;left:17px;top:29px;z-index:30;width:35px;height:28px;border:0;background:transparent;flex-direction:column;gap:6px;padding:4px}.mobile-menu-toggle span{height:1px;width:25px;background:#8eeaf5;box-shadow:0 0 6px #26bad8}.nav-group{display:none;position:absolute;top:72px;left:12px;right:12px;width:auto;background:rgba(2,13,23,.98);border:1px solid rgba(77,193,215,.55);padding:15px 20px;z-index:25;box-shadow:0 12px 28px #000;flex-direction:column;gap:7px;align-items:stretch}.nav-right{top:260px}.main-header.menu-open .nav-group{display:flex}.nav-link{font-size:11px;padding:9px 0}.hero{height:660px;min-height:600px;background-position:58% center;margin-top:0}.hero-content{margin-top:100px;padding:0 18px}.hero h1{font-size:36px;letter-spacing:2px}.hero-copy{font-size:14px}.desktop-break{display:none}.hero-actions{gap:16px}.ornate-button{min-width:min(270px,88vw);padding:14px 15px}.world-strip{margin:-20px 14px 35px;padding:17px 10px;grid-template-columns:1fr 1px 1fr;row-gap:18px}.world-strip .stat-separator:nth-of-type(4){display:none}.world-stat strong{font-size:11px}.stat-label{font-size:8px}.content-grid{padding:0 14px;grid-template-columns:1fr;gap:17px;margin-bottom:45px}.side-column,.right-column{grid-column:auto;grid-template-columns:1fr}.news-card{grid-row:auto;padding:20px 16px;min-height:0}.card-heading h2{font-size:11px}.heading-note{font-size:7px}.news-entry{grid-template-columns:96px 1fr;gap:12px}.news-art{height:95px}.news-copy h3{font-size:15px}.news-copy p:last-child{font-size:11px}.account-card,.ranking-card{min-height:0}.site-footer{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}