:root{color-scheme:dark;--bg:#09090d;--surface:#141218;--text:#f6f2f2;--muted:#b9afb5;--red:#ff515c;--line:#35252d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ff8991;outline-offset:5px}a:hover{color:var(--red)}header{max-width:1360px;margin:auto;padding:23px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;line-height:1.2;font-size:21px;letter-spacing:1px}.brand img{width:54px;height:54px;image-rendering:pixelated;border-radius:10px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:6px;color:var(--red)}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav-play{border:1px solid #85343c;background:#401a22;padding:9px 19px;border-radius:7px}.hero{position:relative;text-align:center;min-height:830px;isolation:isolate;overflow:hidden}.backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 38%,#c52b3640,transparent 58%),linear-gradient(0deg,#09090d 1%,#09090d9c 60%,#09090def),url('assets/ciudad-noche.png') center 60%/cover}.hero-inner{max-width:900px;margin:auto;padding:32px 20px 95px}.eyebrow{font-size:12px;letter-spacing:2.7px;font-weight:700;color:#ff828a;margin:0 0 23px}.hero-logo{width:205px;height:205px;object-fit:contain;image-rendering:pixelated;box-shadow:0 0 75px #ef283d30;border-radius:20px;margin-bottom:21px}h1{font-size:clamp(50px,7.5vw,94px);line-height:.98;letter-spacing:-3px;font-weight:950;margin:0;text-shadow:0 5px 0 #211117}h1 span{display:block;font-size:clamp(23px,3.5vw,43px);line-height:1.2;letter-spacing:3px;color:var(--red);margin-top:15px}.hero-copy{font-size:20px;line-height:1.6;color:#d2c5ca;margin:25px 0}.hero-actions{display:flex;justify-content:center;align-items:center;gap:23px;flex-wrap:wrap}.button{border:1px solid #ff666f;border-radius:8px;color:white;background:linear-gradient(120deg,#c02536,#ed3e49);padding:14px 22px;box-shadow:0 7px 30px #e72a3430;display:flex;align-items:center;gap:15px;font-size:14px}.button span{font-size:19px;font-weight:800}.button:hover{background:#e8414b}.button svg{width:21px;height:21px}.secondary{font-weight:600;font-size:15px}.connection-note{font-size:14px;color:var(--muted);margin:15px 0}.status{font-size:12px;display:inline-block;color:#d2b6bd;border:1px solid #65303a;border-radius:50px;padding:5px 15px;margin:7px 0}.scroll-link{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;color:var(--muted);white-space:nowrap}.scroll-link span{display:block;font-size:20px}.section{max-width:1260px;margin:auto;padding:95px 40px}h2{font-size:clamp(34px,4vw,51px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 25px;font-weight:850}h2 em{font-style:normal;color:var(--red)}.world{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center}.world p:not(.eyebrow){color:var(--muted)}.world-image{position:relative;padding:0 18px 18px 0}.world-image:after{content:'';position:absolute;inset:25px 0 0 25px;border:1px solid #82303c;border-radius:16px;z-index:-1}.world-image img{display:block;width:100%;height:440px;object-fit:cover;border-radius:14px;object-position:38% center}.world-image span{position:absolute;left:20px;bottom:38px;font-size:11px;letter-spacing:1.5px;background:#100c10df;padding:8px 12px;border-left:3px solid var(--red)}.text-link{display:inline-block;margin-top:14px;font-weight:700;color:var(--red)}.gallery{text-align:center}.section-copy{color:var(--muted);margin:-8px 0 35px}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:230px 230px;gap:20px}.shot{position:relative;border:1px solid #3b2830;border-radius:13px;overflow:hidden;display:block}.shot.large{grid-row:span 2}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.shot:hover img{transform:scale(1.04)}.shot span{position:absolute;bottom:0;left:0;right:0;padding:40px 23px 20px;background:linear-gradient(transparent,#08080bef);display:flex;justify-content:space-between;text-align:left;font-size:16px}.shot b{color:var(--red)}.join{max-width:none;padding-left:max(40px,calc((100vw - 1180px)/2));padding-right:max(40px,calc((100vw - 1180px)/2));text-align:center;background:radial-gradient(ellipse at 50% 80%,#5f15242b,transparent 70%)}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.join article{padding:30px;background:linear-gradient(135deg,#21151c,#111116);border:1px solid #4f2c38;border-radius:13px;display:flex;flex-direction:column}.edition{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--red)}h3{font-size:25px;margin:10px 0}.join ol{padding-left:20px;color:var(--muted);font-size:15px;flex:1}.join li{padding-left:5px;margin-bottom:10px}.join strong{color:#f0e7ea}.server-address{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#08090c;border-radius:7px;border:1px solid #36242c}.server-address code{font-size:18px;font-weight:bold}.server-address small{font-size:13px;color:var(--muted)}.server-address button{background:#45202a;border:1px solid #85404f;border-radius:5px;color:#ffd8dd;padding:7px 10px;font-size:14px;white-space:nowrap}.join-note{font-size:14px;color:var(--muted);margin:24px auto 0;max-width:660px}footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{color:var(--muted);font-size:12px}footer>a:last-child{font-size:14px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#f6f2f2;color:#161018;border-radius:8px;box-shadow:0 5px 30px #0008;font-size:15px;max-width:90%;width:max-content;z-index:10}#toast:empty{display:none}@media(max-width:800px){header{padding:18px 6%;flex-wrap:wrap}.brand{font-size:18px}.brand img{width:45px;height:45px}nav{gap:18px;width:100%;justify-content:center}.hero{min-height:790px}.hero-inner{padding-top:30px}.hero-logo{width:165px;height:165px}h1{letter-spacing:-1.5px}h1 span{letter-spacing:1px}.hero-copy{font-size:18px}.hero-actions{flex-direction:column;gap:17px}.section{padding:60px 6%}.world{grid-template-columns:1fr;gap:40px}.world-image img{height:300px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}.shot,.shot.large{grid-row:auto;aspect-ratio:16/10}.join-grid{grid-template-columns:1fr}.join article{padding:23px}.server-address{flex-wrap:wrap}.server-address code{font-size:17px}footer{flex-wrap:wrap}footer p{order:3;width:100%}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shot img{transition:none}}
/* Ambient particles: decorative, lightweight, and disabled for reduced motion. */
.fireflies{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2;contain:strict}.firefly{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#ffd6ac;box-shadow:0 0 7px 2px #ff804838;opacity:0;animation:firefly-drift var(--duration) ease-in-out var(--delay) infinite}body>header,body>main,body>footer{position:relative;z-index:1}@keyframes firefly-drift{0%,100%{opacity:0;transform:translate3d(0,25px,0)}25%{opacity:.38}55%{opacity:.15;transform:translate3d(var(--drift),-45px,0)}75%{opacity:.32}95%{transform:translate3d(10px,-105px,0)}}@media(max-width:600px){.firefly:nth-child(n+12){display:none}}@media(prefers-reduced-motion:reduce){.fireflies{display:none}}

.online-players{font-size:14px;color:#b9afb5;margin:20px 0 0}.online-players[data-state="online"]{color:#d9ebd0}.online-players[data-state="online"]:before{content:'';display:inline-block;width:7px;height:7px;background:#8bc77b;border-radius:50%;margin-right:9px}