:root{color-scheme:dark;--navy:#07111d;--navy2:#0b1725;--panel:#101d2c;--panel2:#142233;--line:rgba(157,183,205,.16);--text:#f5f7f5;--muted:#a7b3bd;--green:#55d173;--green2:#2c9d4b;--gold:#f4c35c;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--navy);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.section-shell,.header-inner,.hero-inner{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:68px;background:rgba(5,14,24,.96);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:7px;flex:none;position:relative}.brand>span:last-child{display:grid;line-height:.75;transform:skew(-4deg);text-shadow:0 3px 0 #3a2515,2px 0 #3a2515,-2px 0 #3a2515}.brand strong,.brand b{font:1000 30px/1 Impact,Haettenschweiler,sans-serif;letter-spacing:1px}.brand strong{color:#ffd174}.brand b{color:#79d66f}.brand-sprout{color:var(--green);font-size:15px;filter:drop-shadow(0 0 6px var(--green))}.main-nav{display:flex;align-self:stretch;align-items:center;justify-content:center;gap:38px;margin:auto}.main-nav a{position:relative;display:grid;place-items:center;height:100%;font-size:11px;font-weight:800;white-space:nowrap}.main-nav a::after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--green);transform:scaleX(0);transition:.18s}.main-nav a:hover,.main-nav a.active{color:var(--green)}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}.social-links{display:flex;gap:14px;color:#d4dce2;font-size:11px}.header-play,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-weight:900;transition:.18s}.header-play{padding:11px 18px;border:1px solid var(--green);font-size:11px;white-space:nowrap}.header-play:hover{background:rgba(85,209,115,.12)}
.hero{position:relative;height:520px;margin-top:68px;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('../../assets/landing/hero-pixel-farm-v1.png') center 54%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,21,.95) 0%,rgba(5,14,23,.76) 25%,rgba(4,12,20,.08) 60%,rgba(5,14,23,.18)),linear-gradient(0deg,rgba(6,16,26,.88),transparent 35%)}.hero-inner{position:relative;height:100%;z-index:2}.hero-copy-block{position:absolute;left:0;top:46px;width:450px}.eyebrow{margin:0 0 14px;color:#b8c4cb;font-size:10px;font-weight:900;letter-spacing:1.4px}.eyebrow::before{content:'';display:inline-block;width:25px;height:2px;margin:0 9px 3px 0;background:var(--green)}.hero h1{margin:0;font-size:54px;line-height:1.02;letter-spacing:-2px;text-shadow:0 3px 16px #000}.hero h1 em{color:var(--green);font-style:normal}.hero-copy{max-width:430px;margin:22px 0 24px;color:#d6dee3;font-size:15px;line-height:1.55}.hero-actions{display:flex;gap:14px}.primary-action,.secondary-action{min-height:54px;padding:0 25px;font-size:12px;letter-spacing:.2px}.primary-action{background:linear-gradient(135deg,var(--green2),var(--green));box-shadow:0 10px 28px rgba(44,157,75,.28)}.primary-action span,.secondary-action span{margin-right:9px}.secondary-action{border:1px solid rgba(255,255,255,.35);background:rgba(7,17,29,.45)}.primary-action:hover,.secondary-action:hover,.header-play:hover{transform:translateY(-2px);filter:brightness(1.08)}.availability{display:flex;align-items:center;gap:9px;margin-top:20px;color:#9facb5;font-size:11px}.availability b{color:#dce5e9}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.hero-card{position:absolute;right:0;top:30px;width:270px;padding:21px;border:1px solid rgba(156,185,207,.17);border-radius:9px;background:linear-gradient(145deg,rgba(13,28,43,.97),rgba(6,16,27,.97));box-shadow:0 18px 45px rgba(0,0,0,.38)}.hero-card-title{display:flex;align-items:center;gap:12px}.hero-card-title img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}.hero-card-title div{display:grid;gap:4px}.hero-card-title small{color:#aab8c1;font-size:9px;letter-spacing:1px}.hero-card-title strong{color:var(--green);font-size:19px}.hero-card>p{margin:17px 0;color:#c1ccd2;font-size:12px;line-height:1.55}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-actions a{display:grid;place-items:center;min-height:37px;border:1px solid rgba(159,183,201,.25);border-radius:4px;font-size:9px;font-weight:900}.card-actions a:hover{border-color:var(--green);color:var(--green)}
.feature-strip{background:#07121f;border-block:1px solid var(--line);padding:17px 0 21px}.feature-strip h2,.world-column>h2,.info-panel>h2{margin:0 0 15px;font-size:12px;letter-spacing:.3px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.feature-grid article{display:grid;grid-template-columns:50px 1fr;gap:11px;align-items:start}.feature-grid img{width:50px;height:50px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}.feature-grid h3{margin:2px 0 6px;font-size:11px}.feature-grid p{margin:0;color:#a5b1ba;font-size:9px;line-height:1.5}
.portal-section{padding:26px 0;background:linear-gradient(145deg,#121e2c,#0b1724)}.portal-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(230px,.7fr) minmax(250px,.8fr);gap:15px}.world-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.world-shot{position:relative;height:164px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background-position:center;background-size:cover;box-shadow:0 10px 25px rgba(0,0,0,.18)}.world-shot::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,12,20,.88))}.world-shot span{position:absolute;z-index:2;left:11px;bottom:10px;font-size:9px;font-weight:900;letter-spacing:1px}.world-shot:hover{outline:1px solid var(--green);filter:brightness(1.08)}.city-shot{background-image:url('../../assets/maps/city/city-ground-reference.png')}.forge-shot{background-image:url('../../assets/maps/interiors/blacksmith/herreria-interior.png')}.lake-shot{background-image:url('../../assets/maps/lake/lake-map-user-clean.png')}.island-shot{background-image:url('../../assets/maps/islands/island-terrain-large.png')}.info-panel{min-height:202px;padding:15px;border:1px solid var(--line);border-radius:7px;background:rgba(15,29,44,.82)}.community-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:18px 0}.community-stats div{display:grid;justify-items:center;text-align:center}.community-stats strong{color:var(--green);font-size:17px}.community-stats span{margin-top:4px;color:#97a8b3;font-size:7px}.panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.panel-actions a{display:grid;place-items:center;min-height:34px;border-radius:4px;background:#324eb8;font-size:8px;font-weight:900}.panel-actions a:last-child{background:#0a1320;border:1px solid var(--line)}.news-panel article{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.news-panel article img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.news-panel h3{margin:0 0 3px;font-size:10px}.news-panel article p{margin:0;color:#9dabb4;font-size:8px;line-height:1.35}.news-panel time{display:block;margin-top:4px;color:#748894;font-size:7px}.all-news{display:block;margin-top:10px;color:#7d9cff;text-align:right;font-size:8px}
.roadmap-section{padding:14px 0;border-top:1px solid var(--line);background:#0a1522}.roadmap-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.roadmap-row>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.018)}.roadmap-row small{grid-row:1/3;align-self:center;padding:5px 7px;border-radius:3px;background:rgba(85,209,115,.12);color:var(--green);font-size:7px;font-weight:900}.roadmap-row strong{font-size:10px}.roadmap-row span{margin-top:3px;color:#8fa1ad;font-size:8px}.final-cta{display:flex;align-items:center;justify-content:center;gap:70px;min-height:100px;padding:20px 24px;background:linear-gradient(90deg,rgba(16,34,48,.94),rgba(25,56,38,.94)),url('../../assets/landing/hero-pixel-farm-v1.png') center 80%/cover}.final-cta h2{margin:0 0 6px;font-size:20px}.final-cta p{margin:0;color:#b2bec5;font-size:11px}.final-cta .primary-action{min-width:285px}footer{display:flex;align-items:center;gap:25px;min-height:92px;padding:25px max(24px,calc((100vw - var(--max))/2));color:#82939f;font-size:10px}footer>p:last-child{margin-left:auto}.footer-brand strong,.footer-brand b{font-size:21px}
@media(max-width:1100px){.main-nav{gap:20px}.social-links{display:none}.hero-card{display:none}.hero-copy-block{width:490px}.feature-grid{grid-template-columns:repeat(3,1fr);row-gap:18px}.portal-grid{grid-template-columns:1fr 1fr}.world-column{grid-column:1/-1}.world-shot{height:180px}}@media(max-width:720px){.site-header{position:absolute;height:auto;min-height:96px}.header-inner{flex-wrap:wrap;justify-content:space-between;padding:10px 0}.brand strong,.brand b{font-size:23px}.main-nav{order:3;width:100%;justify-content:flex-start;gap:18px;overflow-x:auto;height:30px}.main-nav a{height:30px;font-size:9px}.header-play{padding:9px 12px}.hero{height:650px;margin-top:96px}.hero-image{background-position:63% center}.hero-shade{background:linear-gradient(0deg,rgba(4,12,21,.98),rgba(4,12,21,.72) 60%,rgba(4,12,21,.12))}.hero-copy-block{left:0;right:0;top:auto;bottom:35px;width:auto}.hero h1{font-size:47px}.hero-copy{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr}.primary-action,.secondary-action{width:100%}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{grid-template-columns:43px 1fr}.feature-grid img{width:43px;height:43px}.portal-grid{grid-template-columns:1fr}.world-gallery{grid-template-columns:1fr 1fr}.world-shot{height:170px}.roadmap-row{grid-template-columns:1fr}.final-cta{align-items:stretch;flex-direction:column;gap:20px;text-align:center}.final-cta .primary-action{min-width:0}footer{flex-direction:column;text-align:center}footer>p:last-child{margin-left:0}}@media(max-width:430px){.section-shell,.header-inner,.hero-inner{width:min(100% - 28px,var(--max))}.feature-grid{grid-template-columns:1fr}.world-gallery{grid-template-columns:1fr 1fr}.world-shot{height:145px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Player access */
.player-access{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 17px;border:1px solid var(--green);border-radius:5px;background:transparent;color:var(--text);font:900 11px/1 Inter,Segoe UI,Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:.18s}.player-access:hover{transform:translateY(-2px);background:rgba(85,209,115,.12)}.player-access canvas{display:none;width:24px;height:36px;image-rendering:pixelated}.player-access.has-player{padding:1px 13px 1px 7px;background:rgba(85,209,115,.08)}.player-access.has-player canvas{display:block}.login-open{overflow:hidden}.login-modal[hidden]{display:none}.login-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}.login-backdrop{position:absolute;inset:0;border:0;background:rgba(2,8,15,.82);backdrop-filter:blur(10px);cursor:pointer}.login-card{position:relative;z-index:1;width:min(760px,100%);min-height:430px;display:grid;grid-template-columns:42% 58%;overflow:hidden;border:1px solid rgba(154,194,211,.22);border-radius:14px;background:linear-gradient(145deg,#13263a,#07131f);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(85,209,115,.08)}.login-close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(5,14,24,.75);color:#dce6e9;font-size:22px;cursor:pointer}.login-avatar-stage{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid rgba(154,194,211,.14);background:radial-gradient(circle at 50% 44%,rgba(85,209,115,.3),transparent 28%),linear-gradient(rgba(6,21,30,.2),rgba(5,15,25,.88)),url('../../assets/maps/city/city-ground-reference.png') center/cover}.login-avatar-stage::after{content:'';position:absolute;left:13%;right:13%;bottom:52px;height:26px;border-radius:50%;background:rgba(1,7,12,.5);filter:blur(8px)}.avatar-glow{position:absolute;width:210px;height:210px;border:1px solid rgba(85,209,115,.28);border-radius:50%;box-shadow:0 0 60px rgba(85,209,115,.16),inset 0 0 45px rgba(85,209,115,.08)}.login-avatar-stage canvas{position:relative;z-index:2;width:160px;height:240px;image-rendering:pixelated;filter:drop-shadow(0 18px 5px rgba(0,0,0,.45))}.login-online-dot{position:absolute;z-index:3;left:calc(50% + 58px);top:calc(50% - 105px);width:14px;height:14px;border:3px solid #0b1b27;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.login-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 52px 42px}.login-kicker{margin:0 0 10px!important;color:var(--green)!important;font-size:10px!important;font-weight:900;letter-spacing:1.5px}.login-copy h2{margin:0;font-size:32px}.login-copy>p:not(.login-kicker):not(.login-note){margin:14px 0 25px;color:#aebbc3;font-size:13px;line-height:1.55}.login-copy form{display:grid}.login-copy label{margin-bottom:8px;color:#dce5e9;font-size:9px;font-weight:900;letter-spacing:1px}.player-name-field{display:grid;grid-template-columns:38px 1fr;align-items:center;min-height:52px;border:1px solid rgba(163,190,207,.28);border-radius:5px;background:rgba(3,11,18,.52)}.player-name-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(85,209,115,.1)}.player-name-field span{color:var(--green);text-align:center;font-weight:900}.player-name-field input{width:100%;height:50px;border:0;outline:0;background:transparent;color:#fff;font:800 15px/1 Inter,Segoe UI,Arial,sans-serif}.player-name-field input::placeholder{color:#61717d}.login-error{min-height:20px;margin:7px 0 4px!important;color:#ff8278!important;font-size:10px!important}.login-submit{min-height:52px;border:0;border-radius:5px;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;font:900 11px/1 Inter,Segoe UI,Arial,sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(44,157,75,.25)}.login-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.login-submit span{margin-right:7px}.login-note{margin:16px 0 0!important;color:#71838e!important;font-size:9px!important;line-height:1.45!important}.login-note::before{content:'●';margin-right:7px;color:var(--green)}
@media(max-width:720px){.player-access{padding:8px 10px}.player-access.has-player canvas{display:none}.login-modal{padding:14px}.login-card{grid-template-columns:1fr;min-height:0;max-height:calc(100vh - 28px);overflow:auto}.login-avatar-stage{min-height:220px;border-right:0;border-bottom:1px solid rgba(154,194,211,.14)}.login-avatar-stage canvas{width:92px;height:138px}.avatar-glow{width:150px;height:150px}.login-online-dot{left:calc(50% + 36px);top:43px}.login-copy{padding:34px 25px 28px}.login-copy h2{font-size:27px}.login-close{position:fixed;right:25px;top:25px}}