:root{--red:#b20d12;--blood:#64090d;--silver:#c7bbb1;--ink:#080607;--panel:#100b0c;--line:#5a4640;--muted:#948681}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070506;color:#ddd;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 12%,transparent 88%,rgba(0,0,0,.35));box-shadow:inset 0 0 140px #000}.page-glow{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#6d1715 0.6px,transparent .7px);background-size:8px 8px;opacity:.09}a{color:inherit;text-decoration:none}.topbar{height:78px;position:absolute;z-index:10;left:0;right:0;top:0;display:flex;align-items:center;gap:40px;padding:0 5vw;border-bottom:1px solid rgba(190,170,160,.18);background:linear-gradient(#070608d9,transparent)}.brand{display:flex;align-items:center;gap:10px;font-family:Cinzel,serif}.brand-mark{display:grid;place-items:center;width:42px;height:46px;color:#d7c6bc;font-weight:800;font-size:13px;background:linear-gradient(135deg,#321115,#090708);clip-path:polygon(50% 0,100% 25%,83% 83%,50% 100%,17% 83%,0 25%);border:1px solid #82514b}.brand strong,.brand small{display:block;letter-spacing:2px}.brand small{color:#99141a;font-size:9px;text-align:center}.nav{margin-left:auto;display:flex;align-items:center;gap:30px;font:600 12px Cinzel,serif;letter-spacing:1px}.nav a{color:#bdb2ac;transition:.25s}.nav a:hover{color:#fff;text-shadow:0 0 15px #cf1c20}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.gothic-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:210px;height:62px;padding:0 36px;border:1px solid #7d6760;outline:1px solid #20191a;outline-offset:-6px;background:linear-gradient(180deg,#1b1516,#090708 50%,#160d0e);color:#d7cbc3;font:700 15px Cinzel,serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;clip-path:polygon(7% 0,93% 0,100% 25%,96% 50%,100% 75%,93% 100%,7% 100%,0 75%,4% 50%,0 25%);transition:.22s;box-shadow:inset 0 0 18px #000}.gothic-button:before,.gothic-button:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:#751015;font-size:9px}.gothic-button:before{left:15px}.gothic-button:after{right:15px}.gothic-button:hover{border-color:#c52b28;color:#fff;background:linear-gradient(#491010,#180707,#2c090b);filter:drop-shadow(0 0 12px #721016)}.gothic-button:active{transform:translateY(2px);filter:brightness(.75)}.gothic-button.primary{background:linear-gradient(#601014,#1b0708,#460b0f);border-color:#bd332e}.gothic-button.small{height:44px;min-width:125px;padding:0 24px;font-size:12px}.hero{min-height:920px;position:relative;background-image:linear-gradient(180deg,transparent 45%,#070506 88%),url('assets/dark-eden-background.png');background-size:cover;background-position:center top;display:flex;flex-direction:column}.hero-spacer{min-height:510px}.hero-content{width:min(780px,90%);margin:auto auto 85px;text-align:center;position:relative;z-index:2}.eyebrow{color:#b5a69e;font:600 11px Cinzel,serif;letter-spacing:4px}.eyebrow span,.section-heading>span{display:inline-block;width:85px;height:1px;background:linear-gradient(90deg,transparent,#72544e);vertical-align:middle;margin:0 12px}.hero h1{font:700 clamp(32px,4.3vw,64px)/1.05 Cinzel,serif;margin:17px 0;text-shadow:0 4px 18px #000}.hero h1 em{color:#af171b;font-style:normal;text-shadow:0 2px 15px #260000}.intro{max-width:610px;margin:0 auto 25px;color:#ada29e;line-height:1.65;font-size:14px}.hero-actions{display:flex;justify-content:center;gap:16px}.server-status{margin:25px auto 0;display:flex;justify-content:center;align-items:center;gap:10px;color:#afa19b}.server-status i{width:8px;height:8px;border-radius:50%;background:#4cca6b;box-shadow:0 0 10px #4cca6b}.server-status span,.server-status strong,.server-status small{display:block}.server-status strong{font:600 10px Cinzel,serif}.server-status small{font-size:9px;color:#756b68;margin-top:3px}.scroll-hint{position:absolute;bottom:20px;left:50%;font-size:30px;color:#87746f;animation:bob 1.8s infinite}@keyframes bob{50%{transform:translateY(6px)}}.content-section,.factions{padding:105px 6vw;position:relative}.section-heading{display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:45px}.section-heading>span{width:180px}.section-heading>span:last-child{transform:scaleX(-1)}.section-heading small,.download>small{font:600 10px Cinzel,serif;letter-spacing:3px;color:#9d1719}.section-heading h2,.ranking h2,.download h2,.modal h2{margin:8px 0 0;font:600 clamp(25px,3vw,42px) Cinzel,serif;color:#ddd0c8}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:auto}.feature-card{border:1px solid #382b2a;background:#0d090a;transition:.3s}.feature-card:hover{transform:translateY(-5px);border-color:#69302f}.card-art{height:175px;display:flex;align-items:flex-end;padding:17px;background:radial-gradient(circle at 50% 40%,#5b1818,#120a0a 63%)}.card-art.blue{background:radial-gradient(circle at 50% 40%,#123d50,#0b1014 65%)}.card-art.purple{background:radial-gradient(circle at 50% 40%,#3f1745,#100a13 65%)}.card-art b{font:600 9px Cinzel,serif;letter-spacing:2px;background:#801116;padding:6px 9px}.card-copy{padding:22px}.card-copy time{font-size:9px;color:#776966}.card-copy h3{font:600 18px Cinzel,serif;margin:9px 0}.card-copy p{font-size:12px;line-height:1.7;color:#897d79}.card-copy a{color:#b34240;font:600 10px Cinzel,serif}.factions{background:linear-gradient(90deg,#160a0a,#0a080d 48%,#071117)}.faction-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto;border-top:1px solid #372a29}.faction-grid article{text-align:center;padding:50px 35px;border-right:1px solid #372a29}.faction-grid article:last-child{border:0}.faction-grid b{font-size:42px;color:#8e181b}.faction-grid small{display:block;margin-top:22px;color:#806d68;font:600 9px Cinzel,serif;letter-spacing:2px}.faction-grid h3{font:600 28px Cinzel,serif;margin:8px}.faction-grid p{font-size:12px;color:#8e8480;line-height:1.7}.ranking{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;max-width:1200px;margin:auto}.ranking>div>p{color:#8d817c;line-height:1.7}.rank-panel{border:1px solid #3e302f;background:#0d090a;padding:16px}.rank-tabs{display:flex;border-bottom:1px solid #392b2a}.rank-tabs button{flex:1;padding:12px;background:none;border:0;color:#776d69;font:600 10px Cinzel;cursor:pointer}.rank-tabs button.active{color:#d6c6bd;border-bottom:2px solid #9f1418}.rank-panel ol{list-style:none;padding:0;margin:0}.rank-panel li{display:flex;align-items:center;gap:18px;padding:17px 10px;border-bottom:1px solid #21191a}.rank-panel li>strong{font:700 18px Cinzel;color:#8f1b1d}.rank-panel li span{flex:1;font:600 13px Cinzel}.rank-panel li small{display:block;color:#786d69;font:9px Inter;margin-top:5px}.rank-panel li>b{font:600 12px Cinzel;color:#ac9a91}.download{text-align:center;padding:110px 20px;background:radial-gradient(circle at 50% 110%,#3c0b0d,#080607 60%)}.download p{color:#8e817c}.download .gothic-button{margin:18px}.download>span{display:block;color:#625956;font-size:9px}footer{min-height:120px;border-top:1px solid #2f2424;display:flex;align-items:center;justify-content:space-between;padding:25px 6vw;color:#706663;font-size:10px}footer>div:last-child{display:flex;gap:20px}.modal{width:min(440px,calc(100% - 28px));padding:45px;border:1px solid #6d4b47;background:linear-gradient(#160e0f,#080607);color:#ddd;text-align:center;box-shadow:0 0 80px #000}.modal::backdrop{background:#000b;backdrop-filter:blur(6px)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#a8968d;font-size:26px;cursor:pointer}.modal>small{color:#a21c20;font:600 9px Cinzel;letter-spacing:3px}.modal form{display:grid;gap:14px;text-align:left;margin:25px 0}.modal label{color:#a99d97;font-size:10px;text-transform:uppercase;letter-spacing:1px}.modal input{width:100%;margin-top:7px;padding:13px;background:#090607;border:1px solid #443332;color:#eee;outline:none}.modal input:focus{border-color:#9a1c1c;box-shadow:0 0 10px #4e0c0c}.modal .gothic-button{width:100%;margin-top:8px}.text-button{background:none;border:0;color:#9d8e88;text-decoration:underline;cursor:pointer}.toast{position:fixed;z-index:50;bottom:25px;left:50%;transform:translate(-50%,30px);padding:13px 22px;background:#211113;border:1px solid #8e2725;color:#e7d9d0;font-size:12px;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topbar{height:65px;padding:0 20px}.topbar>.gothic-button{display:none}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:65px;left:0;right:0;margin:0;padding:25px;background:#090607eF;flex-direction:column}.nav.open{display:flex}.hero{min-height:820px;background-position:48% top}.hero-spacer{min-height:410px}.news-grid{grid-template-columns:1fr;max-width:520px}.ranking{grid-template-columns:1fr;gap:35px}.faction-grid{grid-template-columns:1fr}.faction-grid article{border-right:0;border-bottom:1px solid #372a29}.section-heading>span{width:35px}footer{flex-direction:column;text-align:center;gap:20px}}@media(max-width:540px){.brand strong{font-size:12px}.hero{background-size:auto 550px;background-repeat:no-repeat}.hero-spacer{min-height:390px}.hero-content{margin-bottom:65px}.hero-actions{flex-direction:column;align-items:center}.gothic-button{width:260px}.eyebrow span{display:none}.content-section,.factions{padding:75px 20px}.section-heading>span{display:none}.rank-tabs button{font-size:8px;padding:10px 5px}}
.account-modal{width:min(650px,calc(100% - 28px));max-height:90vh}.account-modal h3{font:600 15px Cinzel,serif;color:#cbbab1;margin:25px 0 12px}.account-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;text-align:left}.account-summary p,.character-card{margin:0;padding:12px;border:1px solid #382b2a;background:#090607;color:#a99d97;font-size:12px}.account-summary strong{display:block;color:#eee;margin-top:4px}.character-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-card strong,.character-card span{display:block}.character-card span{color:#8d7e78;font-size:10px;margin-top:5px}.password-form{border-top:1px solid #392b2a;padding-top:5px}.logout-button{margin-top:20px;color:#d45b59}@media(max-width:600px){.account-summary,.character-list{grid-template-columns:1fr}}