:root{--red:#d31932;--ink:#090607;--panel:#120c0e;--line:#ffffff1c;--muted:#9a8f92;--white:#f4eff0;--gold:#c9a96d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}header{height:82px;position:absolute;z-index:10;width:100%;display:flex;align-items:center;padding:0 clamp(24px,5vw,78px);border-bottom:1px solid var(--line);background:linear-gradient(#080506d9,transparent)}.brand{display:flex;align-items:center;gap:12px;font-family:Cinzel;font-size:18px;letter-spacing:1px}.brand b{color:var(--red)}.brand small{display:block;font:500 7px Inter;letter-spacing:4px;color:#877a7d}.brand i{width:39px;height:39px;display:grid;place-items:center;border:1px solid #8c2635;transform:rotate(45deg);color:var(--red);font:normal 20px serif}.brand i::first-line{transform:rotate(-45deg)}nav{display:flex;gap:38px;margin:auto}nav a{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#afa4a6;padding:34px 0;position:relative}nav a:hover,nav a.active{color:#fff}nav a.active:after{content:"";height:2px;background:var(--red);position:absolute;bottom:0;left:0;right:0}.play{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;border:1px solid #7d2733;padding:13px 19px}.menu{display:none;background:none;border:0;color:white;font-size:22px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px clamp(24px,9vw,150px) 110px;background:url('../images/hero-background.png') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#040203fc 3%,#050304c9 43%,#05030419 76%),linear-gradient(0deg,#090607,transparent 25%)}.hero-copy{position:relative;max-width:720px;z-index:1}.overline{font-size:9px!important;letter-spacing:3px;color:#c72c40!important;font-weight:600}h1,h2,h3{font-family:Cinzel;margin:0}h1{font-size:clamp(48px,6vw,88px);line-height:1.02;letter-spacing:-3px}em{font-style:normal;color:transparent;-webkit-text-stroke:1px #bd2638}.hero-copy>p:not(.overline){max-width:570px;color:#b1a6a8;line-height:1.8;margin:27px 0}.actions{display:flex;gap:14px;margin:34px 0}.btn{display:inline-flex;justify-content:center;border:1px solid #8a2633;padding:16px 25px;text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:700;cursor:pointer;color:#fff}.primary{background:linear-gradient(135deg,#a90b21,#d41933);box-shadow:0 8px 28px #c10f283f}.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.ghost{background:#0a0607a6;border-color:#49383b}.online{font-size:9px;color:#6f6567;text-transform:uppercase;letter-spacing:1px;display:flex;gap:10px;align-items:center}.online i{width:7px;height:7px;border-radius:50%;background:#34c56b;box-shadow:0 0 8px #34c56b}.online b{color:#d4cbcc}.online span{border-left:1px solid #53494b;padding-left:10px}.stats{position:absolute;right:6vw;bottom:60px;display:flex;z-index:1;background:#080506a8;backdrop-filter:blur(10px);border:1px solid var(--line)}.stats div{padding:18px 27px;text-align:center;border-right:1px solid var(--line)}.stats b{display:block;font:600 19px Cinzel}.stats span{font-size:7px;letter-spacing:2px;color:#74696b}section:not(.hero){padding:105px clamp(24px,9vw,150px);background:radial-gradient(circle at 50% 40%,#261014,transparent 36%),#0c0809}.heading{text-align:center;max-width:650px;margin:0 auto 52px}.heading h2{font-size:clamp(34px,4vw,54px);margin:12px}.heading>p:last-child{color:var(--muted);font-size:13px;line-height:1.7}.download-grid{display:grid;grid-template-columns:1.05fr .95fr;max-width:1080px;margin:auto;border:1px solid var(--line);background:#0c0809;box-shadow:0 30px 80px #000}.client{border-right:1px solid var(--line)}.preview{height:290px;overflow:hidden;position:relative}.preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c0809,transparent 60%)}.preview img{width:100%;height:100%;object-fit:cover;opacity:.75}.preview span{position:absolute;z-index:1;bottom:20px;left:24px;font-size:8px;letter-spacing:2px;border:1px solid #77303a;padding:7px}.client-info,.register{padding:30px 38px}.client-info small{font-size:8px;color:#75696b;letter-spacing:2px}.client-info h3{font-size:21px;margin:6px 0}.client-info ul{padding:18px 0;list-style:none;display:flex;gap:18px;border-top:1px solid var(--line);color:#8d8284;font-size:9px}.client-info li:before{content:"✓";color:var(--red);margin-right:6px}.full{width:100%}.client-info>p{text-align:center;color:#5f5658;font-size:8px}.register h3{font-size:29px;margin:14px 0 5px}.register>p:not(.overline){font-size:12px;color:var(--muted);margin-bottom:25px}.register label{display:block;text-transform:uppercase;font-size:8px;letter-spacing:1.5px;color:#9b9092;margin:16px 0}.register input{display:block;width:100%;background:#0a0708;border:1px solid #2d2224;color:#eee;padding:14px;margin-top:8px;outline:0}.register input:focus{border-color:#8f2433}.pass{display:block;position:relative}.pass button{position:absolute;right:10px;top:19px;background:0;border:0;color:#74686a}.register .check{display:flex;align-items:center;text-transform:none;letter-spacing:0}.check input{width:auto;margin:0 8px 0 0}.register output{display:block;color:#52c778;font-size:10px;text-align:center;margin-top:10px}.dark{background:linear-gradient(#090607,#11090b)!important}.rank-panel,.shop-bar,.products{max-width:1040px;margin:auto}.tabs{display:flex;justify-content:center;gap:5px;margin-bottom:26px}.tabs button,.cart{background:transparent;border:1px solid #302326;color:#83777a;text-transform:uppercase;letter-spacing:1.5px;padding:11px 22px;font-size:8px;cursor:pointer}.tabs button.active{background:#991027;color:#fff;border-color:#bd1c33}.rank-head,.rank-row{display:grid;grid-template-columns:55px 2fr 1.2fr .7fr .8fr;align-items:center;padding:13px 22px}.rank-head{font-size:8px;color:#6d6264;letter-spacing:2px}.rank-row{min-height:67px;border-top:1px solid var(--line);background:#0c0809}.rank-row:hover{background:#160c0e}.pos{font:600 16px Cinzel;color:var(--gold)}.player{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid #532530;background:#1d1013;color:#d23b50;font:600 14px Cinzel}.player b{font:600 13px Cinzel}.player small{display:block;color:#655b5d;font-size:8px}.rank-row>span{font-size:11px;color:#9c9092}.power{color:#d6b77b!important;font-weight:600}.updated{text-align:right;font-size:8px;color:#5f5557}.shop-bar{display:flex;justify-content:space-between}.shop-bar .tabs{justify-content:flex-start}.cart{height:37px}.cart b{background:var(--red);color:#fff;border-radius:50%;padding:3px 6px;margin-left:8px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{border:1px solid var(--line);background:linear-gradient(160deg,#171012,#0c0809);padding:28px;position:relative;overflow:hidden}.product:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:var(--glow);filter:blur(65px);opacity:.2;top:-50px;right:-30px}.tag{font-size:8px;letter-spacing:1.5px}.icon{height:100px;display:grid;place-items:center;font:600 55px Cinzel;color:var(--accent);text-shadow:0 0 25px var(--glow)}.product h3{font-size:16px}.product p{color:#796e70;font-size:10px;line-height:1.6;min-height:35px}.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price{font:600 14px Cinzel;color:#d4b77d}.buy{border:1px solid #5f2530;background:#190c0f;color:#e6dadd;padding:9px 13px;font-size:8px;text-transform:uppercase;cursor:pointer}.buy:hover{background:var(--red)}footer{min-height:150px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:35px 7vw;color:#615759;font-size:9px}footer>div{display:flex;gap:20px}.toast{position:fixed;right:25px;bottom:25px;z-index:30;background:#191012;border:1px solid #8b2634;padding:15px 20px;font-size:10px;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){header{height:68px}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:#0b0708;padding:12px 24px}nav.open{display:flex}nav a{padding:14px 0}.play{display:none}.hero{padding:115px 24px 130px;min-height:760px}.stats{left:24px;right:24px;bottom:55px}.stats div{flex:1;padding:13px 5px}.download-grid{grid-template-columns:1fr}.client{border-right:0;border-bottom:1px solid var(--line)}section:not(.hero){padding:75px 20px}.rank-head,.rank-row{grid-template-columns:40px 2fr .8fr .8fr}.rank-head span:nth-child(3),.rank-row>span:nth-child(3){display:none}.products{grid-template-columns:1fr}.shop-bar{align-items:flex-start;gap:10px}.shop-bar .tabs{flex-wrap:wrap}footer{flex-direction:column;gap:24px;text-align:center}}@media(max-width:480px){h1{font-size:44px}.actions{flex-direction:column}.client-info,.register{padding:25px 20px}.client-info ul{flex-direction:column;gap:8px}}
/* Cuenta dentro del cliente */
.account-guide{padding:30px 38px;overflow:hidden}.account-guide h3{font-size:27px;margin:12px 0}.account-guide>p:not(.overline){color:var(--muted);font-size:11px;line-height:1.6}.guide-slider{position:relative;margin-top:20px;height:325px}.guide-slider figure{position:absolute;inset:0;margin:0;opacity:0;transform:translateX(25px);transition:.35s;pointer-events:none}.guide-slider figure.active{opacity:1;transform:none;pointer-events:auto}.guide-slider img{width:100%;height:270px;object-fit:contain;object-position:center;background:#08050c;border:1px solid #67244f}.guide-slider figcaption{font-size:10px;color:#9d9093;padding:10px 0}.guide-slider figcaption b{color:var(--red);margin-right:8px}.guide-next{position:absolute;z-index:3;right:2px;top:115px;width:42px;height:42px;border:1px solid #a91d36;background:#12090dcf;color:#fff;font-size:30px;cursor:pointer}.guide-dots{display:flex;justify-content:center;gap:7px}.guide-dots button{width:20px;height:2px;border:0;background:#49373a}.guide-dots button.active{background:var(--red)}button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.65}
/* Tienda */
.store-tabs{max-width:1040px;margin:0 auto 30px;display:flex;justify-content:center;gap:6px}.store-tabs button{background:#0d0809;border:1px solid #39272a;color:#817477;padding:14px 26px;text-transform:uppercase;letter-spacing:1.5px;font-size:9px;cursor:pointer}.store-tabs button.active{background:#a30d25;border-color:#d3223c;color:white}.store-view{display:none}.store-view.active{display:block}.points-card{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:linear-gradient(135deg,#180d10,#0b0708);box-shadow:0 25px 70px #000}.points-card>div,.points-card form{padding:45px}.points-card>div{border-right:1px solid var(--line)}.points-card h3{font-size:33px;margin:12px 0}.points-card p{color:#95888b;font-size:12px;line-height:1.7}.point-rate{margin-top:35px;padding:20px;border-left:2px solid var(--red);background:#0a0607}.point-rate strong{display:block;font:700 39px Cinzel;color:#e9d9dc}.point-rate span{font-size:8px;letter-spacing:2px;color:#8f7f82}.points-card label,#package-form label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#9a8c8f;margin:0 0 18px}.points-card input,#package-form input,.package-toolbar input{width:100%;display:block;margin-top:8px;padding:14px;background:#090607;border:1px solid #38262a;color:white;outline:0}.points-card input:focus,#package-form input:focus,.package-toolbar input:focus{border-color:var(--red)}.points-card small{display:block;text-align:center;color:#675c5e;font-size:8px;margin-top:12px}.package-toolbar{max-width:1160px;margin:0 auto 22px;display:flex;justify-content:space-between;align-items:center;color:#75696b;font-size:10px}.package-toolbar b{color:#d6c7ca}.package-toolbar input{width:250px;margin:0;padding:11px}.package-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.package-card{position:relative;aspect-ratio:189/264;border:1px solid #39272d;background:#0d080a;overflow:hidden;cursor:pointer}.package-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.75);transition:.35s}.package-card:hover img{transform:scale(1.04);filter:saturate(1) brightness(.35)}.package-name{position:absolute;left:0;right:0;bottom:0;padding:35px 12px 12px;background:linear-gradient(transparent,#080506f5);font:600 14px Cinzel;text-align:center}.package-stock{position:absolute;top:8px;right:8px;background:#090607d9;border:1px solid #7e2835;padding:5px 7px;font-size:8px;letter-spacing:1px}.package-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:20px;opacity:0;transition:.3s;background:#080506a8}.package-card:hover .package-info,.package-card:focus-within .package-info{opacity:1}.package-info ul{list-style:none;padding:0;margin:0 0 15px;font-size:9px;line-height:2}.package-info li:before{content:'✓';color:var(--red);margin-right:6px}.package-info button{padding:10px;border:1px solid #9d2638;background:#af122a;color:white;text-transform:uppercase;font-size:8px;letter-spacing:1px;cursor:pointer}.package-card.soldout{opacity:.55}.package-card.soldout:after{content:'AGOTADO';position:absolute;inset:auto 0 45%;text-align:center;background:#080506e8;padding:12px;color:#e1344b;font:700 12px Cinzel;letter-spacing:2px}.purchase-modal{position:fixed;inset:0;z-index:50;background:#030203e8;display:none;place-items:center;padding:20px}.purchase-modal.open{display:grid}.modal-card{width:min(820px,100%);max-height:90vh;overflow:auto;display:grid;grid-template-columns:300px 1fr;background:#110a0c;border:1px solid #742230;position:relative}.modal-card>img{width:100%;height:100%;object-fit:cover}.modal-card>div{padding:35px}.modal-card h3{font-size:28px}.modal-card ul{padding-left:18px;color:#c7babc;font-size:11px;line-height:1.9}.set-note{color:#75696b;font-size:9px;line-height:1.6}.modal-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#a8999c;font-size:25px;cursor:pointer}.modal-card form{margin-top:20px}.package-card button:disabled{background:#2a2022}.server-live{color:#46cf77}
@media(max-width:1000px){.package-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.points-card{grid-template-columns:1fr}.points-card>div{border-right:0;border-bottom:1px solid var(--line)}.package-grid{grid-template-columns:repeat(3,1fr)}.modal-card{grid-template-columns:1fr}.modal-card>img{height:250px}.package-toolbar{align-items:stretch;flex-direction:column}.package-toolbar input{width:100%}.guide-slider{height:300px}.guide-slider img{height:245px}}@media(max-width:520px){.package-grid{grid-template-columns:repeat(2,1fr)}.points-card>div,.points-card form{padding:28px 22px}.account-guide{padding:25px 20px}}
.login-button{margin-left:auto;margin-right:12px;background:transparent;border:1px solid #493136;color:#c5b8ba;padding:12px 15px;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;cursor:pointer}.login-button:hover,.login-button.logged{border-color:var(--red);color:#fff}.login-modal{position:fixed;inset:0;z-index:60;background:#030203e8;display:none;place-items:center;padding:20px}.login-modal.open{display:grid}.login-card{width:min(430px,100%);background:#110a0c;border:1px solid #742230;padding:38px;position:relative}.login-card h3{font-size:29px;margin:12px 0 6px}.login-card>p:not(.overline){font-size:11px;color:#8d8083;margin-bottom:25px}.login-card label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1.4px;color:#a09295;margin:16px 0}.login-card input{display:block;width:100%;margin-top:8px;padding:14px;background:#080506;border:1px solid #3a282c;color:#fff;outline:0}.login-card input:focus{border-color:var(--red)}.login-card output{display:block;min-height:20px;color:#df475d;font-size:10px}.login-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#a8999c;font-size:25px;cursor:pointer}.session-note{margin-bottom:18px;padding:12px;border-left:2px solid var(--red);background:#080506;color:#74676a;font-size:9px}.session-note b{color:#ded1d3;margin-left:5px}@media(max-width:800px){.login-button{margin-left:auto}.site-header .play{display:none}}
/* Account Manager */
.account-modal{position:fixed;inset:0;z-index:55;background:#030203ed;display:none;place-items:center;padding:20px}.account-modal.open{display:grid}.account-center{width:min(980px,100%);max-height:92vh;overflow:auto;background:#10090b;border:1px solid #70222f;position:relative;box-shadow:0 30px 90px #000}.account-close{position:absolute;right:16px;top:12px;background:0;border:0;color:#aa989b;font-size:25px;cursor:pointer}.account-head{position:relative;height:auto;padding:34px 38px;display:flex;background:#120b0d;border-bottom:1px solid var(--line)}.account-head h2{font-size:31px;margin:7px 0}.account-head p:not(.overline){color:#837679;font-size:10px}.account-logout{margin:auto 25px auto auto;background:transparent;border:1px solid #473236;color:#a99b9d;padding:10px 15px;text-transform:uppercase;letter-spacing:1px;font-size:8px;cursor:pointer}.account-logout:hover{border-color:var(--red);color:white}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.account-summary article{padding:22px 35px;border-right:1px solid var(--line)}.account-summary article:last-child{border:0}.account-summary span{display:block;color:#75686b;font-size:7px;letter-spacing:2px;margin-bottom:8px}.account-summary b{font:600 19px Cinzel;color:#e9dcde}.manager-grid{display:grid;grid-template-columns:1.15fr .85fr}.manager-grid>section{padding:32px 38px}.security-panel{border-left:1px solid var(--line)}.manager-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px}.manager-title h3{font-size:17px}.manager-title span{font-size:8px;background:#8f1024;padding:4px 7px;border-radius:10px}.character-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff0d}.character-row b{font:600 12px Cinzel}.character-row small{display:block;color:#6e6264;font-size:8px;margin-top:4px}.character-level{text-align:right;color:#d2b273;font:600 11px Cinzel}.character-level i{display:block;color:#51c97c;font:normal 7px Inter;margin-top:4px}.manager-email{font-size:9px;color:#736669;margin-bottom:22px}.manager-email b{color:#b6a7aa}.security-panel label{display:block;color:#938589;font-size:7px;text-transform:uppercase;letter-spacing:1.4px;margin:13px 0}.security-panel input{display:block;width:100%;margin-top:7px;padding:12px;background:#080506;border:1px solid #39272b;color:#fff;outline:0}.security-panel input:focus{border-color:var(--red)}.security-panel output{display:block;min-height:25px;font-size:9px;color:#dc4258}.empty-characters{color:#75686b;font-size:10px;padding:20px 0}@media(max-width:750px){.manager-grid{grid-template-columns:1fr}.security-panel{border-left:0;border-top:1px solid var(--line)}.account-summary article{padding:18px 15px}.account-head{padding:30px 22px}.manager-grid>section{padding:27px 22px}}@media(max-width:480px){.account-summary{grid-template-columns:1fr}.account-summary article{border-right:0;border-bottom:1px solid var(--line)}}
/* Web registration */
.register-open{margin-top:18px}.account-guide>.register-open{margin:22px 32px 30px;width:calc(100% - 64px)}.register-modal{position:fixed;inset:0;z-index:70;display:none;place-items:center;padding:24px;background:#030203e8;backdrop-filter:blur(12px)}.register-modal.open{display:grid}.register-card{position:relative;width:min(940px,96vw);max-height:92vh;overflow:auto;border:1px solid #842537;background:radial-gradient(circle at 75% 20%,#35101880,transparent 38%),#10090b;box-shadow:0 35px 110px #000;padding:38px 42px}.register-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#c7b9bc;font-size:28px;cursor:pointer}.register-progress{display:flex;align-items:center;gap:14px;margin:0 45px 30px 0;color:#685d60;font-size:8px;letter-spacing:2px}.register-progress span.active{color:#ee3650}.register-progress i{height:1px;flex:1;background:#3a2529}.register-step{display:none!important;padding:0!important;background:none!important}.register-step.active{display:block!important}.register-step h3{font-size:34px;margin:8px 0}.register-step>p:not(.overline){color:#9f9295;font-size:12px;margin:0 0 24px}.register-step label{display:block;color:#a99ca0;text-transform:uppercase;letter-spacing:1.4px;font-size:8px;margin:15px 0}.register-step input{display:block;width:100%;margin-top:8px;border:1px solid #3b292d;background:#090607;color:#fff;padding:14px;outline:0}.register-step input:focus{border-color:#bd2339}.register-step label small{display:block;margin-top:6px;color:#665b5d;text-transform:none;letter-spacing:0}.register-passwords{display:grid;grid-template-columns:1fr 1fr;gap:16px}.starter-vocations{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-height:365px;overflow:auto;padding:3px}.starter-vocation{position:relative;min-height:145px;border:1px solid #34262a;background:#090607;overflow:hidden;padding:0;cursor:pointer;color:#fff}.starter-vocation img{display:block;width:100%;height:145px;object-fit:cover;opacity:.65;transition:.2s}.starter-vocation span{position:absolute;left:0;right:0;bottom:0;padding:20px 7px 8px;background:linear-gradient(transparent,#080506);font:600 12px Cinzel;text-align:center}.starter-vocation:hover img,.starter-vocation.selected img{opacity:1;transform:scale(1.03)}.starter-vocation.selected{border-color:#e41b3a;box-shadow:0 0 0 1px #e41b3a,0 0 22px #cf123337}.register-actions{display:grid;grid-template-columns:150px 1fr;gap:12px;margin-top:20px}.register-step output{display:block;min-height:18px;color:#ef566b;font-size:11px}.register-success{padding:35px 10px;text-align:center}.register-success h3{font-size:38px}.register-success p{color:#a89b9e;line-height:1.7}.register-success strong{color:#fff}.register-success .btn{margin-top:15px}@media(max-width:700px){.register-card{padding:30px 18px}.starter-vocations{grid-template-columns:repeat(2,1fr)}.register-passwords{grid-template-columns:1fr;gap:0}.register-actions{grid-template-columns:1fr}.register-step h3{font-size:27px}}