@import "https://fonts.googleapis.com/css2?family=MedievalSharp&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-dark:#0a0c14;--color-bg-medium:#12151f;--color-bg-light:#1a1e2e;--color-bg-card:#1e2235;--color-bg-hover:#252a3f;--color-gold:#d4a843;--color-gold-light:#f0cc6b;--color-gold-dark:#a07c2e;--color-text-primary:#e8e6e1;--color-text-secondary:#9a9aab;--color-text-muted:#5c5c6e;--color-accent-red:#c0392b;--color-accent-green:#27ae60;--color-accent-blue:#2e86c1;--color-border:#2a2e42;--color-border-light:#3a3f58;--color-wood:#8b6914;--color-stone:#7f8c8d;--color-gold-res:#f1c40f;--color-food:#2ecc71;--font-display:"MedievalSharp", cursive;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-gold:0 0 20px #d4a8434d;--top-menu-height:52px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}.game-load-state,.mapa-mundo-load-error{min-height:100%;color:var(--color-text-primary);background:var(--color-bg-dark);text-align:center;place-content:center;gap:10px;padding:24px;display:grid}.mapa-mundo-load-error{z-index:300;background:#0a0c14f0;position:absolute;inset:0}.game-load-state:before{content:"ROME ETERNAL";color:var(--color-gold);font-family:var(--font-display);font-size:24px}.mapa-mundo-load-error button{border:1px solid var(--color-gold);border-radius:var(--radius-sm);color:#11131b;background:var(--color-gold);font:600 13px var(--font-body);cursor:pointer;justify-self:center;padding:9px 14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dark)}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input{font-family:var(--font-body);border:none;outline:none}a{color:inherit;text-decoration:none}.rome-landing{--lp-bg:#101211;--lp-gold:#d2b078;--lp-text:#ede9e0;--lp-muted:#b6b7ae;background:var(--lp-bg);height:100%;color:var(--lp-text);scroll-behavior:smooth;font-family:Inter,Arial,sans-serif;line-height:1.6;overflow:hidden auto}.rome-landing h1,.rome-landing h2,.rome-landing h3{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.12}.rome-landing button,.rome-landing a,.rome-landing input,.rome-landing summary{-webkit-tap-highlight-color:transparent}.rome-landing :is(button,a,input,summary):focus-visible{outline-offset:5px;outline:2px solid #efd39d}.rome-landing button:disabled{opacity:.55;cursor:wait}.rome-landing em{color:var(--lp-gold);font-weight:400}.landing-header{background:#101211;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:28px;height:94px;padding:0 max(5%,50% - 660px);display:flex}.landing-brand{letter-spacing:2px;flex-shrink:0;align-items:center;gap:12px;font-family:Georgia,serif;font-size:20px;line-height:1.1;display:flex}.landing-brand img{object-fit:contain;border-radius:9px}.landing-brand b{color:var(--lp-gold);font-weight:400}.landing-brand small{letter-spacing:3px;color:#b4b2a8;margin-top:8px;font:8px/1.5 Inter,Arial,sans-serif;display:block}.landing-header nav{color:#bcbdb5;gap:36px;font-size:12px;display:flex}.landing-header nav a:hover,.landing-footer a:hover{color:var(--lp-gold)}.landing-header-login{color:#e7dac2;background:0 0;border:1px solid #817255;align-items:center;gap:28px;min-height:44px;padding:10px 22px;font-size:12px;display:flex}.landing-hero{isolation:isolate;background:#181c18;min-height:740px;position:relative}.landing-hero-art,.landing-hero-shade{object-fit:cover;object-position:center 48%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.landing-hero-shade{z-index:-1;background:linear-gradient(90deg,#090e0ce0,#090e0c73 48%,#090e0c2e),linear-gradient(#10121118,#0000 72%,#101211)}.landing-hero-inner{grid-template-columns:1fr 360px;align-items:center;gap:70px;width:90%;max-width:1320px;margin:auto;padding:76px 0 96px;display:grid}.landing-eyebrow{letter-spacing:2.7px;color:var(--lp-gold);font-size:10px;font-weight:600;line-height:1.7}.landing-hero-copy>.landing-eyebrow{align-items:center;gap:12px;margin-bottom:25px;display:flex}.landing-hero-copy>.landing-eyebrow span{background:var(--lp-gold);width:25px;height:1px}.rome-landing h1{letter-spacing:-2.5px;text-shadow:0 2px 24px #0004;font-size:clamp(48px,5.15vw,78px);line-height:1.02}.rome-landing h1 em{margin-top:6px;font-size:.85em;display:inline-block}.landing-intro{color:#d0d1c9;max-width:435px;margin-top:27px;font-size:16px;line-height:1.8}.landing-hero-invite{color:#bbbdaf;margin-top:13px;font-size:12px}.landing-hero-actions{align-items:center;gap:24px;margin-top:31px;display:flex}.landing-cta{color:#1f201a;background:linear-gradient(110deg,#dac091,#bf9657);border:1px solid #e0c693;justify-content:center;align-items:center;gap:30px;min-height:52px;padding:15px 24px;font-size:12px;font-weight:700;transition:filter .2s,transform .2s;display:inline-flex}.landing-cta:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.landing-cta span{font-size:20px;line-height:1}.landing-explore{align-items:center;gap:17px;font-size:12px;display:flex}.landing-explore:hover{color:var(--lp-gold)}.landing-hero-notes{color:#b5b8aa;align-items:center;gap:12px;margin-top:21px;font-size:10px;display:flex}.landing-hero-notes i{background:var(--lp-gold);border-radius:50%;width:3px;height:3px}.landing-hero-caption{text-align:center;color:#c7bea8;letter-spacing:3px;width:100%;font-size:8px;position:absolute;bottom:28px}.landing-access{scroll-margin:24px}.rome-landing .login-card{background:linear-gradient(145deg,#1b211df5,#111613f5);border:1px solid #c6aa7045;border-radius:3px;padding:30px;position:relative;box-shadow:0 18px 60px #0005}.login-card:before{content:"";background:var(--lp-gold);width:50px;height:2px;position:absolute;top:-1px;left:30px}.login-overline{letter-spacing:2.2px;color:var(--lp-gold);margin-bottom:14px;font-size:8px}.rome-landing .login-title{letter-spacing:-.6px;font-size:28px}.login-subtitle{color:var(--lp-muted);margin-top:10px;margin-bottom:24px;font-size:11px}.login-tabs{border-bottom:1px solid #ffffff18;margin-bottom:24px;display:flex}.login-tabs button{color:#a9b0a5;background:0 0;border-bottom:2px solid #0000;width:50%;padding:11px 8px;font-size:12px}.login-tabs button[aria-pressed=true]{color:#e6cfaa;border-color:var(--lp-gold);background:#c6aa7008}.login-form fieldset{border:0;flex-direction:column;gap:15px;min-width:0;display:flex}.login-form .input-group{flex-direction:column;gap:7px;display:flex}.login-form label{color:#dadbd2;font-size:11px}.login-form input{color:#eee;background:#0c110ed9;border:1px solid #70786657;border-radius:2px;width:100%;height:44px;padding:11px 12px;font-size:12px}.login-form input::placeholder{color:#919b8c}.login-form input:focus{border-color:var(--lp-gold)}.login-form small{color:#a7b0a1;font-size:10px;line-height:1.5}.login-password{position:relative}.login-password input{padding-right:68px}.login-password button{color:#c6c5b5;background:0 0;height:40px;padding:0 8px;font-size:10px;position:absolute;top:2px;right:5px}.auth-link-forgot{color:#c5b38e;background:0 0;align-self:flex-end;min-height:28px;margin-top:-5px;font-size:10px}.login-button{color:#1b2118;background:linear-gradient(110deg,#dec496,#c3a069);border-radius:2px;width:100%;min-height:46px;margin-top:4px;padding:12px 14px;font-size:12px;font-weight:700}.login-button:hover:not(:disabled){filter:brightness(1.1)}.login-footer{color:#aab1a3;border-top:1px solid #ffffff0e;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding-top:20px;font-size:10px;display:flex}.auth-switch{color:#d6bb8d;background:0 0;min-height:28px;font-size:11px}.auth-switch:hover,.auth-link-forgot:hover{text-decoration:underline}.form-error{color:#ffc4b6;background:#8c302526;border-left:2px solid #e68b72;padding:10px;font-size:12px}.form-success{color:#c6e5b6;background:#5c834326;padding:10px;font-size:12px}.login-reset-done{gap:16px;display:grid}.landing-strip{color:#d5b983;letter-spacing:1.5px;background:#161916;border-block:1px solid #cfb2811f;justify-content:center;align-items:center;gap:55px;padding:27px 5%;font-size:10px;display:flex}.landing-strip b{color:#b0b4a7;letter-spacing:0;margin-left:6px;font-weight:400}.landing-strip i{color:#8d7b57;font-size:13px;font-style:normal}.landing-section{width:88%;max-width:1200px;margin:auto;padding:95px 0;scroll-margin:20px}.landing-section-heading{text-align:center;margin-bottom:43px}.rome-landing h2{letter-spacing:-1px;font-size:clamp(32px,3.1vw,44px)}.landing-section-heading h2{margin:16px 0 20px}.landing-section-heading>p:last-child{color:var(--lp-muted);font-size:13px;line-height:1.8}.landing-features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-feature{background:linear-gradient(150deg,#22271f,#161a17);border:1px solid #b1a17f27;overflow:hidden}.landing-feature-art{background:radial-gradient(at 50% 90%,#8e794c35,#0000 68%);border-bottom:1px solid #baa27715;justify-content:center;align-items:center;height:230px;display:flex;position:relative}.landing-feature-art>span{color:#e7c68b0e;font:74px Georgia,serif;position:absolute;top:12px;left:23px}.landing-feature-art img{object-fit:contain;filter:drop-shadow(0 12px 12px #0005);width:80%;height:210px;transition:transform .4s}.landing-feature:hover img{transform:translateY(-5px)}.landing-feature-army img{width:220px;height:230px}.landing-feature-copy{padding:25px 28px 30px}.landing-feature-copy .landing-eyebrow{font-size:8px}.landing-feature-copy h3{margin:10px 0 13px;font-size:26px}.landing-feature-copy>p:last-child{color:var(--lp-muted);font-size:12px;line-height:1.85}.landing-world{border-top:1px solid #c1aa7721;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;display:grid}.landing-game-preview{background:#1b2119;border:1px solid #a88b534d;position:relative;transform:perspective(1200px)rotateY(4deg);box-shadow:0 20px 50px #0004}.landing-preview-bar{background:#22291f;align-items:center;gap:5px;padding:12px;display:flex}.landing-preview-bar>span{background:#8a9672;border-radius:50%;width:5px;height:5px}.landing-preview-bar p{letter-spacing:2px;color:#c5b68e;margin-left:10px;font-size:7px}.landing-game-preview>img{aspect-ratio:1606/846;object-fit:contain;width:100%;height:auto;display:block}.landing-game-preview figcaption{color:#b4b7a9;padding:10px 14px;font-size:9px}.landing-world-copy h2{margin:18px 0 22px;font-size:37px}.landing-world-copy>p:not(.landing-eyebrow){color:var(--lp-muted);font-size:12px;line-height:1.9}.landing-world-copy ul{color:#d0d2c6;gap:12px;margin:23px 0;font-size:11px;list-style:none;display:grid}.landing-world-copy li:before{content:"◆";color:var(--lp-gold);margin-right:12px;font-size:7px}.landing-text-cta{color:var(--lp-gold);background:0 0;border-bottom:1px solid #d2b07855;padding:8px 0;font-size:12px}.landing-text-cta span{margin-left:22px}.landing-faq{border-top:1px solid #c1aa7721;grid-template-columns:1fr 1.35fr;gap:80px;display:grid}.landing-faq h2{margin-top:18px}.landing-faq details{border-bottom:1px solid #c1aa7727}.landing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-size:13px;list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary span{color:var(--lp-gold);font-size:21px;font-weight:300}.landing-faq details[open] summary span{transform:rotate(45deg)}.landing-faq details p{color:var(--lp-muted);padding:0 26px 22px 0;font-size:12px;line-height:1.9}.landing-final{text-align:center;background:radial-gradient(at 50% 100%,#50472e35,#0000 70%),#171b16;border-top:1px solid #c1aa7721;border-bottom:1px solid #c1aa7721;padding:75px 20px 85px}.landing-final h2{margin:20px 0 30px;font-size:54px}.landing-final>p:last-child{color:var(--lp-muted);margin-top:17px;font-size:11px}.landing-footer{justify-content:space-between;align-items:center;gap:24px;width:90%;max-width:1320px;margin:auto;padding:30px 0;display:flex}.landing-footer .landing-brand{font-size:14px}.landing-footer>p,.landing-footer>a:last-child{color:#aab09f;font-size:10px}.landing-skip{z-index:10;color:#111;background:#ddbf89;padding:12px;position:absolute;top:10px;left:10px;transform:translateY(-200%)}.landing-skip:focus{transform:translateY(0)}@media (width>=1600px){.landing-hero-inner{padding-block:95px 110px}.landing-hero{min-height:810px}}@media (width<=1050px){.landing-header nav{gap:20px}.landing-hero-inner{grid-template-columns:1fr 330px;gap:32px}.rome-landing h1{font-size:57px}.landing-hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.landing-strip{gap:24px;font-size:9px}.landing-features{gap:14px}.landing-feature-copy{padding:22px}.landing-feature-copy h3{font-size:23px}.landing-world{gap:35px}.landing-world-copy h2{font-size:32px}}@media (width<=760px){.landing-header{gap:15px;height:78px;padding-inline:5%}.landing-header nav{display:none}.landing-brand{gap:8px;font-size:17px}.landing-brand img{width:39px;height:39px}.landing-brand small{letter-spacing:2px;font-size:7px}.landing-header-login{gap:15px;padding:8px 15px}.landing-hero-inner{grid-template-columns:1fr;gap:42px;width:88%;padding:52px 0 74px}.landing-hero-art{object-position:64% center;height:670px}.landing-hero-shade{background:linear-gradient(#10121155,#10121155 25%,#101211 71% 95%),linear-gradient(90deg,#10121199,#0000)}.rome-landing h1{letter-spacing:-1.7px;font-size:clamp(43px,8.5vw,62px)}.landing-hero-copy>.landing-eyebrow{letter-spacing:2px;margin-bottom:22px;font-size:8px}.landing-intro{max-width:380px;margin-top:23px;font-size:14px}.landing-hero-invite{max-width:300px;line-height:1.8}.landing-hero-actions{flex-flow:wrap;align-items:center;gap:20px}.landing-cta{gap:20px;padding:14px 19px;font-size:11px}.landing-hero-notes{font-size:9px}.landing-access{width:100%;max-width:430px;margin:auto}.rome-landing .login-card{padding:28px}.landing-hero-caption{letter-spacing:1.8px;font-size:7px;bottom:21px}.landing-strip{letter-spacing:.8px;flex-wrap:wrap;gap:12px;padding:22px 5%;font-size:8px}.landing-strip i{display:none}.landing-strip b{text-align:center;margin:4px 0 0;font-size:9px;display:block}.landing-strip>span{text-align:center;flex:1}.landing-section{padding:60px 0}.landing-section-heading{margin-bottom:30px}.landing-eyebrow{letter-spacing:2px;font-size:8px}.landing-features{grid-template-columns:1fr;gap:18px}.landing-feature{grid-template-columns:38% 1fr;align-items:center;display:grid}.landing-feature-art{border-bottom:0;height:100%;min-height:200px}.landing-feature-art img{width:100%;height:160px}.landing-feature-copy{padding:23px 20px 23px 8px}.landing-feature-copy h3{font-size:23px}.landing-feature-copy>p:last-child{font-size:11px}.landing-feature-art>span{font-size:55px;left:12px}.landing-world{grid-template-columns:1fr;gap:35px}.landing-world-copy h2{font-size:34px}.landing-game-preview{transform:none}.landing-faq{grid-template-columns:1fr;gap:22px}.landing-faq h2 br{display:none}.landing-faq summary{font-size:12px}.landing-final{padding:60px 20px}.landing-final h2{font-size:44px}.landing-footer{flex-wrap:wrap;justify-content:center;gap:16px 30px;padding:28px 0}.landing-footer>p{display:none}}@media (prefers-reduced-motion:reduce){.rome-landing{scroll-behavior:auto}.rome-landing *{transition:none!important;animation:none!important}}.landing-world-shared{grid-template-columns:1fr 1.15fr}.landing-world-shared .landing-game-preview{transform:perspective(1200px)rotateY(-4deg)}.landing-world-shared .landing-game-preview>img{aspect-ratio:1600/737;object-fit:contain}@media (width<=760px){.landing-world-shared{grid-template-columns:1fr}.landing-world-shared .landing-game-preview{transform:none}}.worlds-page{color:#e6e9e3;background:radial-gradient(at 100% 0,#213932,#0000 65%),#0c161a;height:100%;padding:clamp(20px,4vw,64px);overflow:auto}.worlds-page button{color:#e6e9e3;cursor:pointer;font:inherit;background:#1e2b2c;border:1px solid #586454;border-radius:8px;padding:10px 16px}.worlds-page button:hover:not(:disabled){background:#354339;border-color:#c7ad6a}.worlds-page button:disabled{opacity:.5;cursor:default}.worlds-page button.primary{color:#17211d;background:#ceaf6b;border-color:#ceaf6b;font-weight:700}.worlds-page button.danger{color:#ffd2cc;background:#3b2526;border-color:#874842}.worlds-page button.danger:hover:not(:disabled){background:#5a302f;border-color:#d27870}.worlds-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:24px;margin-bottom:32px;display:flex}.worlds-header h1{margin:12px 0;font:600 clamp(26px,4vw,40px) Georgia,serif}.worlds-eyebrow{color:#d0b981;letter-spacing:.12em;font-size:12px}.worlds-header p,.world-form p,.world-card p{color:#aab8b1;line-height:1.6}.worlds-header nav,.world-card-actions{flex-wrap:wrap;gap:10px;display:flex}.worlds-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.world-card,.world-form,.worlds-empty{background:#142226;border:1px solid #354841;border-radius:14px;padding:24px}.world-card{flex-direction:column;gap:16px;display:flex}.world-card h2,.world-form h2{margin:0;font:600 25px Georgia,serif}.world-card-heading{color:#a9b9ad;justify-content:space-between;gap:10px;font-size:12px;display:flex}.world-status{color:#d5ba7b}.status-open{color:#99c8a8}.status-failed{color:#efaaaa}.world-card details{flex:1}.world-card summary{cursor:pointer;color:#d4bc85;padding-bottom:8px}.world-card dl>div{border-bottom:1px solid #304239;padding:8px 0}.world-card dt{font-weight:600}.world-card dd{color:#aab8b1;margin:4px 0 0;font-size:13px;line-height:1.5}.world-form{margin-bottom:28px}.world-form fieldset{border:1px solid #354841;border-radius:8px;min-width:0;margin:20px 0;padding:16px}.world-form legend{color:#d4bc85;padding:0 8px}.world-form label{flex-direction:column;gap:8px;font-size:13px;display:flex}.world-form input{color:#f2f0e7;width:100%;min-width:0;font:inherit;background:#0d191d;border:1px solid #455850;border-radius:6px;padding:10px}.world-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.resource-settings{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.resource-settings fieldset{margin:8px 0}.resource-settings label+label{margin-top:12px}.worlds-page :focus-visible{outline-offset:3px;outline:2px solid #e1c58a}.form-error{padding:12px 0;line-height:1.5;color:#f6b1a5!important}.form-success{padding:12px 0;color:#a7d4b4!important}.session-error{z-index:10000;color:#fff;background:#492523;border-radius:8px;padding:16px;position:fixed;top:12px;left:50%;transform:translate(-50%)}