:root{--bg:#03131c;--deep:#020b12;--panel:#071e2a;--gold:#e7bd73;--bright:#ffdf9a;--ivory:#f5edda;--muted:#9caeb9;--cyan:#7cd7df;--line:#d7b36d32;--display:'Marcellus',Georgia,serif;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ivory);font:14px/1.85 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}em{font-weight:inherit;color:var(--gold)}::selection{color:#04121a;background:var(--gold)}.progress{position:fixed;top:0;left:0;width:0;height:2px;z-index:60;background:var(--bright);box-shadow:0 0 14px var(--gold)}.nav{position:absolute;top:0;left:0;right:0;z-index:30;height:92px;padding:0 4.5%;display:flex;gap:30px;align-items:center;justify-content:space-between;background:linear-gradient(#03111be6,#03111b22);border-bottom:1px solid #e1c48733}.brand{display:flex;width:185px}.brand img{height:77px;width:100%;object-fit:contain}.nav nav{display:flex;gap:27px}.nav nav a{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#e0dfd4;transition:color .25s}.nav nav a:hover{color:var(--bright)}.nav-link{display:flex;align-items:center;gap:20px;border:1px solid #d6b26855;color:var(--gold);padding:12px 17px;font-size:8px;letter-spacing:1.2px}.nav-link span{font-size:17px}#menu{display:none;background:none;border:0;font-size:24px;color:var(--gold)}.hero{position:relative;min-height:850px;height:100svh;max-height:1150px;overflow:hidden;isolation:isolate;display:flex;align-items:center}.hero-image,.hero-veil,.sun-rays,#ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-image{z-index:-3;background:url('assets/game/persia-wide.webp') center center/cover;animation:heroIn 2.7s ease-out;transform:scale(1.025)}.hero-veil{z-index:-2;background:linear-gradient(90deg,#02131bf2 0%,#041722d6 25%,#04172255 52%,transparent 73%),linear-gradient(0deg,#03131c,transparent 33%,#03131c11 70%,#03131c66)}.sun-rays{z-index:-1;background:conic-gradient(from -145deg at 80% -10%,transparent 0deg,#ffe8ab18 9deg,transparent 13deg,#ffe8ab18 25deg,transparent 29deg);mix-blend-mode:screen;animation:rays 12s ease-in-out infinite alternate;transform-origin:80% 0}#ambient{z-index:2}.hero-content{position:relative;z-index:3;padding:110px 0 100px 7%;max-width:850px;animation:rise 1.3s both}.eyebrow{font-size:8px;letter-spacing:2.4px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:15px}.eyebrow>span{display:block;width:22px;height:1px;background:var(--gold)}.hero-logo{display:block;width:390px;height:160px;object-fit:contain;margin:16px 0 7px;filter:drop-shadow(0 0 23px #e1a84022)}h1{font:500 clamp(48px,5.5vw,86px)/.99 var(--serif);letter-spacing:-1.3px;margin:10px 0 25px}h1 em{font-style:italic;color:#f0ce8e}.hero-content>p{font-size:13px;color:#c7d1d1;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#ffdfa0,#c99b4e);border:1px solid #ffe6b2;padding:16px 23px;min-height:55px;box-shadow:inset 0 0 0 3px #8a622833,0 6px 30px #dba34d20;font-size:8px;font-weight:800;letter-spacing:1.1px;color:#201b10;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:transform .3s,filter .3s}.button>span{font-size:19px;font-weight:400}.button:hover{transform:translateY(-3px);filter:brightness(1.12)}.outline-button{border:1px solid #d4bb814d;background:#02101955;padding:15px 20px;display:flex;align-items:center;gap:18px;min-height:55px;font-size:8px;letter-spacing:1px;color:#dfd3bb}.outline-button>span{border:1px solid #caa55e88;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:var(--gold);font-size:7px}.hero-meta{display:flex;align-items:center;gap:13px;font-size:6px;letter-spacing:1.2px;color:#a5b8bd;margin-top:28px}.hero-meta i{font-size:9px;color:var(--gold)}.hero-footer{position:absolute;bottom:30px;left:7%;right:7%;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#b8b7a5;font-size:7px;letter-spacing:1.5px}.hero-footer small{display:block;font-size:5px;color:#899ba8;margin-top:3px}.hero-footer>a{font-size:6px;display:flex;flex-direction:column;align-items:center;color:var(--gold)}.hero-footer b{font-size:24px;font-weight:400}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#78d6d2;box-shadow:0 0 9px #62cbd5;margin:0 5px;vertical-align:middle}.vertical-caption{position:absolute;right:21px;top:38%;writing-mode:vertical-rl;font-size:6px;letter-spacing:2.5px;color:#d9c9a2}.ribbon{border-block:1px solid var(--line);background:linear-gradient(90deg,#082432,#102731,#082432);padding:16px 0;overflow:hidden;color:#dbbe89;font:12px var(--display);letter-spacing:2px}.ribbon>div{white-space:nowrap;width:max-content;animation:marquee 44s linear infinite}.ribbon i{font-style:normal;color:#e8bd6f;margin:0 40px}.section{max-width:1600px;padding:100px 7%;margin:auto}h2{font:500 clamp(40px,4.5vw,67px)/1.02 var(--serif);letter-spacing:-.7px;margin:18px 0 25px}h2 em{font-style:italic}.section-title{text-align:center;max-width:800px;margin:0 auto}.section-title .eyebrow{justify-content:center}.section-title>p{font-size:12px;color:var(--muted)}.civilizations{background:radial-gradient(ellipse at 50% 10%,#15435733,transparent 65%);max-width:none;padding-inline:4%}.civ-gallery{display:flex;gap:13px;margin:42px auto 0;max-width:1440px;height:340px}.civ-thumb{position:relative;flex:1;min-width:0;overflow:hidden;background:#112633;border:1px solid #72888f33;padding:0;transition:transform .5s,border-color .4s;isolation:isolate}.civ-thumb:before{content:'';position:absolute;inset:5px;border:1px solid #f3cf8733;z-index:2;pointer-events:none}.civ-thumb:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#02121bf5,transparent 65%)}.civ-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .7s,filter .5s;filter:saturate(.7) brightness(.8)}.civ-thumb.active{border-color:#e7c378;transform:translateY(-9px);box-shadow:0 0 35px #d1a35b17}.civ-thumb:hover img,.civ-thumb.active img{filter:saturate(1.1) brightness(1);transform:scale(1.05)}.civ-thumb>span{position:absolute;bottom:22px;left:0;right:0;z-index:2;text-align:center}.civ-thumb strong{font:14px var(--display);letter-spacing:.4px;display:block}.civ-thumb small{font-size:5px;letter-spacing:1px;color:var(--gold);display:block;margin-top:7px}.civ-feature{max-width:1270px;margin:55px auto 0;display:grid;grid-template-columns:1fr 1fr;min-height:510px;border:1px solid #d6b36944;background:linear-gradient(135deg,#0b2732,#041822);position:relative}.civ-feature:before{content:'';position:absolute;inset:8px;border:1px solid #dec58112;pointer-events:none;z-index:3}.civ-feature-art{position:relative;overflow:hidden}.civ-feature-art img{width:100%;height:100%;min-height:510px;max-height:560px;object-fit:cover;object-position:center 30%;transition:opacity .35s,transform .8s}.civ-feature-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#061d26),linear-gradient(0deg,#03151da6,transparent 25%)}.art-credit{position:absolute;bottom:22px;left:25px;font-size:5px;letter-spacing:1.5px;color:#ecdbb8;z-index:2}.civ-feature-copy{padding:50px;position:relative;display:flex;flex-direction:column;justify-content:center}.civ-feature-copy h3{font:500 70px/.95 var(--serif);margin:18px 0 25px}.civ-feature-copy>.eyebrow{font-size:6px;letter-spacing:1.8px}.civ-copy-body{transition:opacity .25s}.civ-copy-body>p{font-size:12px;color:#a3b9c3;line-height:1.95}.civ-copy-body>p:first-child{font-size:16px;color:#ece4d3}.signature{display:flex;align-items:center;gap:15px;border-block:1px solid #c8b47a29;padding:18px 0;margin:22px 0}.signature img{height:44px;width:44px;object-fit:contain;filter:drop-shadow(0 0 10px #f3ba6533)}.signature span{font-size:6px;color:#89a0ab;letter-spacing:1.5px;display:block}.signature strong{font-size:11px;font-weight:500;color:var(--gold);display:block;margin-top:5px}.civ-pager{display:flex;gap:20px;align-items:center;margin-top:15px}.civ-pager button{height:33px;width:35px;border:1px solid #bb9c5d55;background:transparent;color:var(--gold);font-size:17px}.civ-pager>span{color:var(--gold);font-size:10px;letter-spacing:2px}.civ-pager i{font-style:normal;color:#738896;font-size:8px}.section-footnote{max-width:1270px;margin:18px auto 0;color:#ad9a72;font-size:6px;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px}.section-footnote span{color:#647b8b}.atlas{border-block:1px solid var(--line);background:#041823;padding-top:90px;position:relative;overflow:hidden}.atlas-head{position:relative;z-index:4;text-align:center}.atlas-head .eyebrow{justify-content:center}.atlas-head h2{margin-bottom:20px}.atlas-head p{font-size:12px;color:var(--muted)}.map-view{height:710px;position:relative;overflow:hidden;margin-top:20px;touch-action:pan-y;isolation:isolate}.map-plane{position:absolute;inset:-8% -4%;transform-origin:50% 50%;will-change:transform;cursor:grab;transition:transform .4s ease}.map-plane.dragging{transition:none;cursor:grabbing}.map-image{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}.map-routes{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ffe6adbb;stroke-width:2;stroke-dasharray:7 12;filter:drop-shadow(0 0 5px #ffdf83);pointer-events:none}.map-routes path{animation:routeFlow 20s linear infinite}.map-shade{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(0deg,#03131c 0%,transparent 45%,transparent 70%,#041823 100%),linear-gradient(90deg,#03131c55,transparent 30%,transparent 80%,#03131c55)}.map-pin{position:absolute;border:0;background:none;display:flex;align-items:center;flex-direction:column;z-index:2;isolation:isolate;padding:0;transform:translate(-50%,-50%)}.map-pin .game-icon{height:62px;width:62px;filter:drop-shadow(0 5px 10px #0009)}.map-pin b{font:11px var(--display);letter-spacing:.6px;padding:6px 12px;background:#051623dd;border:1px solid #dfc17c77;white-space:nowrap}.map-pin i{position:absolute;inset:10px;z-index:-1;border:1px solid #fff2c188;border-radius:50%;animation:mapPulse 3s ease-out infinite}.pin-capital{left:67%;top:61%}.pin-frontier{left:30%;top:52%}.pin-alliance{left:64%;top:30%}.map-toolbox{position:absolute;z-index:5;bottom:70px;right:6%;display:flex;gap:3px}.map-toolbox button{width:40px;height:40px;background:#061c27e6;border:1px solid #d9bb7777;color:var(--gold);font-size:20px}.map-guide{position:absolute;z-index:4;top:45px;left:6%;font-size:7px;letter-spacing:1.4px;color:#dfc798}.map-guide span{display:block;font-size:5px;letter-spacing:1px;color:#c4d7d6;margin-top:4px}.map-story{position:absolute;z-index:4;bottom:66px;left:7%;width:330px;padding:25px 28px;background:#041a25d9;backdrop-filter:blur(16px);border:1px solid #cda96866;box-shadow:0 15px 45px #0003}.map-story .eyebrow{font-size:6px}.map-story h3{font:500 30px var(--serif);margin:10px 0}.map-story p{font-size:10px;color:#b1c4cd;margin-bottom:0}.map-disclaimer{position:absolute;bottom:23px;left:7%;z-index:4;font-size:5px;color:#7c929f;letter-spacing:1.5px}.battle-heading,.codex-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.battle-heading>p,.codex-heading>p{font-size:12px;color:#9fb4be;margin-bottom:30px}.war-theatre{height:640px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #e2bf7b66;background:#102a31;box-shadow:0 20px 100px #0005}.theatre-scenery{position:absolute;inset:-3%;background:linear-gradient(0deg,#03121bf5,transparent 65%,#071a2666),linear-gradient(90deg,#163f5255,transparent,#391e1255),url('assets/battlefield.webp') center 58%/cover;filter:brightness(.55) saturate(.7);transform:scale(1.05);z-index:-3}.theatre-top{position:absolute;left:28px;right:28px;top:23px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.8px;color:#bac8ca;z-index:6}.theatre-top>span:last-child{color:var(--gold)}.battle-lines{position:absolute;inset:0;z-index:-1;opacity:.4;perspective:700px}.deployment{position:absolute;top:50%;height:120px;width:32%;border:1px solid #91d8e1;background:linear-gradient(90deg,#55bfcf11,transparent);transform:rotateX(55deg) rotateZ(-7deg);box-shadow:inset 0 0 20px #3ebad522}.deployment-left{left:7%}.deployment-right{right:7%;transform:rotateX(55deg) rotateZ(7deg);border-color:#e4b27f;box-shadow:inset 0 0 20px #df8a4222}.army{position:absolute;bottom:170px;width:52%;height:390px;transition:transform 1.8s cubic-bezier(.35,.05,.2,1),filter 1s,opacity 1.5s;z-index:1;pointer-events:none}.army-persia{left:-8%;filter:drop-shadow(0 4px 14px #002b4188)}.army-rome{right:-8%;filter:drop-shadow(0 4px 14px #4c1c0888)}.warrior{position:absolute;bottom:0;height:100%;width:78%;background-image:url('assets/warriors.webp');background-size:200% 100%;background-repeat:no-repeat;transform-origin:50% 90%;animation:idle 5s ease-in-out infinite}.army-persia .warrior{background-position:0 center}.army-rome .warrior{background-position:100% center}.warrior-one{left:0;z-index:3}.warrior-two{left:27%;bottom:35px;transform:scale(.76);z-index:2;filter:brightness(.72);animation-delay:-1.5s}.warrior-three{left:42%;bottom:54px;transform:scale(.58);z-index:1;filter:brightness(.55);animation-delay:-3s}.army-rome .warrior-one{left:23%}.army-rome .warrior-two{left:-5%}.army-rome .warrior-three{left:-22%}.battle-fog{position:absolute;left:-20%;width:140%;height:190px;pointer-events:none;z-index:2;background:radial-gradient(ellipse,#b1ccd422,transparent 65%);filter:blur(15px);animation:fog 15s ease-in-out infinite alternate}.fog-one{bottom:150px}.fog-two{bottom:280px;opacity:.5;animation-delay:-7s}.battle-banner{position:absolute;top:78px;font:13px var(--display);letter-spacing:2px;border-bottom:1px solid #b8d5c666;padding-bottom:9px;z-index:5}.battle-banner span{display:block;font:5px var(--sans);letter-spacing:2px;margin-top:3px;color:#8cb4c4}.banner-persia{left:7%;color:#c9e8e9}.banner-rome{right:7%;color:#e5bd94;text-align:right;border-color:#dab27f55}.banner-rome span{color:#b49a88}.clash-light{position:absolute;left:43%;top:40%;height:80px;width:14%;background:radial-gradient(ellipse,#fff6c7cc,#ffce5e44,transparent 70%);filter:blur(8px);opacity:0;z-index:3;transition:opacity .4s}.theatre-narration{position:absolute;left:20%;right:20%;bottom:53px;text-align:center;z-index:5;transition:opacity .25s}.theatre-narration .eyebrow{justify-content:center;font-size:6px;letter-spacing:2px}.theatre-narration h3{font:500 39px var(--serif);margin:9px 0 10px}.theatre-narration p{font-size:10px;color:#b2c5cc;max-width:520px;margin:0 auto;min-height:37px}.theatre-note{position:absolute;bottom:16px;left:25px;right:25px;text-align:center;font-size:5px;letter-spacing:1.1px;color:#6d8b99;z-index:5}.battle-play{position:absolute;right:25px;bottom:50px;z-index:8;border:1px solid #c5a76388;background:#09202caa;height:38px;width:38px;color:var(--gold);font-size:14px}#battle-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.war-theatre[data-phase="contact"] .army-persia{transform:translateX(19%)}.war-theatre[data-phase="contact"] .army-rome{transform:translateX(-19%)}.war-theatre[data-phase="contact"] .clash-light{opacity:1;animation:clash 1.2s infinite}.war-theatre[data-phase="break"] .army-persia{transform:translateX(22%)}.war-theatre[data-phase="break"] .army-rome{transform:translateX(12%) rotate(3deg);opacity:.75;filter:sepia(.3)}.war-theatre[data-phase="pursuit"] .army-persia{transform:translateX(37%)}.war-theatre[data-phase="pursuit"] .army-rome{transform:translateX(65%);opacity:.4}.war-theatre[data-phase="pursuit"] .deployment-right{opacity:0}.phase-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.phase-tabs>button{position:relative;display:flex;gap:16px;align-items:center;text-align:left;background:transparent;border:0;border-right:1px solid var(--line);padding:23px 17px;overflow:hidden;color:#77919f}.phase-tabs>button:last-child{border-right:0}.phase-tabs b{font-size:9px;font-weight:500}.phase-tabs>button>span:not(.phase-line){font:14px var(--display)}.phase-tabs small{display:block;font:7px var(--sans);margin-top:5px;color:#6c8998}.phase-tabs .active{color:var(--gold);background:linear-gradient(0deg,#c8a55913,transparent)}.phase-line{height:2px;position:absolute;left:0;bottom:0;width:0;background:var(--gold)}.phase-tabs .active .phase-line{width:100%;transition:width 5.5s linear}.mechanics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.mechanics-grid>button{border:0;border-bottom:1px solid var(--line);background:transparent;text-align:center;padding:5px 20px 30px;transition:transform .4s}.mechanics-grid>button:hover{transform:translateY(-6px)}.game-icon{display:inline-block;flex-shrink:0;background-image:url('assets/icons.webp');background-size:400% 200%;background-repeat:no-repeat;width:65px;height:65px}.icon-swords{background-position:0 0}.icon-crown{background-position:33.333% 0}.icon-fortress{background-position:66.666% 0}.icon-bow{background-position:100% 0}.icon-compass{background-position:0 100%}.icon-alliance{background-position:33.333% 100%}.icon-medal{background-position:66.666% 100%}.icon-book{background-position:100% 100%}.mechanics-grid h4{font:20px var(--serif);margin:18px 0 12px}.mechanics-grid p{font-size:10px;color:#8fa8b4;max-width:280px;margin:0 auto 18px}.read-link,.text-link{font-size:7px;letter-spacing:1.3px;color:var(--gold)}.text-link{padding:10px 0;border:0;border-bottom:1px solid #b9965944;background:transparent;display:inline-block}.experience{padding:100px 7% 80px;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 55%,#0a4b6255,transparent 63%),#03101a;overflow:hidden}.phone-stage{position:relative;max-width:1150px;height:710px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;perspective:1500px;isolation:isolate}.phone{position:absolute;border:6px solid #152735;border-radius:35px;background:#051320;box-shadow:0 0 0 1px #9aa5a76b,0 0 0 4px #07111c,0 30px 55px #0008;overflow:hidden;width:242px;padding:0;display:flex;transform-style:preserve-3d;transition:transform .7s}.phone img{width:100%;height:100%;object-fit:contain;object-position:top;background:#04101a;display:block;transition:opacity .3s}.phone-main{height:548px;z-index:5;transform:translateY(-8px);width:253px;cursor:zoom-in}.phone-main:hover{transform:translateY(-16px) scale(1.02)}.phone-left{height:518px;left:18%;transform:rotateY(23deg) rotateZ(-9deg) translateY(18px);z-index:3;opacity:.8}.phone-right{height:518px;right:18%;transform:rotateY(-23deg) rotateZ(9deg) translateY(18px);z-index:3;opacity:.8}.phone-camera{position:absolute;top:6px;left:calc(50% - 27px);width:54px;height:12px;background:#050b10;border-radius:10px;z-index:4;border:1px solid #a8aeb511}.device-reflection{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,#c9f3ff0c 48%,transparent 60%);z-index:2}.phone-label{position:absolute;left:0;right:0;bottom:3px;text-align:center;font-size:4px;letter-spacing:.8px;color:#e5d8b9;background:#04111bde;padding:5px;z-index:3}.phone-aura{position:absolute;left:22%;right:22%;top:20%;bottom:10%;background:radial-gradient(ellipse,#72cfed22,transparent 70%);filter:blur(40px);z-index:-1}.phone-aura:before{content:'';position:absolute;inset:-30px;border:1px solid #ddc59155;border-radius:50%;transform:rotateX(55deg) rotate(-20deg)}.floating-feature{position:absolute;z-index:6;display:flex;gap:12px;align-items:center;background:#061d2ae6;border:1px solid #ba9c5c55;padding:10px 18px;box-shadow:0 15px 40px #0005;animation:float 6s ease-in-out infinite}.floating-feature .game-icon{height:43px;width:43px}.floating-feature>span:last-child{font-size:7px;letter-spacing:1px;color:var(--gold)}.floating-feature small{display:block;font-size:8px;letter-spacing:0;color:#94acb8;margin-top:3px}.feature-one{left:4%;top:28%}.feature-two{right:2%;bottom:25%;animation-delay:-3s}.screen-selector{display:flex;justify-content:center;gap:8px;margin-top:-25px;position:relative;z-index:7}.screen-selector button{background:transparent;border:1px solid #7f9aab33;padding:11px 21px;color:#8ba3b0;font-size:8px;letter-spacing:1px}.screen-selector button.active{background:#a8883f18;border-color:#cba45d77;color:var(--gold)}.screen-caption{font-size:5px;letter-spacing:1.5px;color:#657e8d;text-align:center;margin:20px 0 0}.codex{padding-top:95px}.codex-shell{display:grid;grid-template-columns:330px 1fr;border:1px solid #ba9e6044;min-height:500px;background:radial-gradient(ellipse at 100% 100%,#10405433,transparent),#061b26}.codex-nav{border-right:1px solid var(--line);padding:23px 17px;display:flex;flex-direction:column;gap:8px}.codex-nav>button{display:flex;align-items:center;gap:13px;background:transparent;border:1px solid transparent;padding:12px;text-align:left;min-height:76px;color:#8aa0ab;transition:background .3s,border-color .3s}.codex-nav>button.active{border-color:#c6a46366;background:linear-gradient(90deg,#b1925420,transparent);color:var(--gold)}.codex-nav .game-icon{height:45px;width:45px}.codex-nav>button>span:not(.game-icon){font:15px var(--display)}.codex-nav small{display:block;font:7px var(--sans);color:#6c8999;margin-top:4px}.codex-nav b{margin-left:auto;font-size:16px;font-weight:400;color:#ba9b60}.codex-content{padding:45px;min-width:0;position:relative;transition:opacity .25s}.codex-content h3{font:500 44px/1.05 var(--serif);margin:17px 0 25px}.codex-content>p{font-size:12px;color:#a1b5bf}.codex-points{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.codex-point{border-top:1px solid #9da47e2c;padding-top:15px}.codex-point h4{font:16px var(--display);margin-bottom:9px;color:#dfc58e}.codex-point p{font-size:10px;color:#8ea7b4;line-height:1.9;margin-bottom:0}.codex-content .eyebrow{font-size:6px}.small-note{font-size:7px;color:#668391;letter-spacing:.4px}.codex>.small-note{margin-top:16px}.skeleton{background:linear-gradient(100deg,#9ecbd008,#9ecbd018,#9ecbd008);background-size:200%;animation:skeleton 1.4s infinite;height:16px;margin:15px 0;border-radius:2px}.skeleton.title{height:45px;width:75%}.is-loading{opacity:.45}.legacy{max-width:none;background:radial-gradient(ellipse at 50% 0%,#203c4244,transparent),linear-gradient(#041722,#05151f);border-block:1px solid var(--line)}.legacy-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;max-width:1350px;margin:auto}.legacy-heading>div:last-child{display:flex;align-items:center;gap:15px;padding-bottom:20px;max-width:340px}.aurex{height:60px;width:60px;object-fit:contain;filter:drop-shadow(0 0 15px #e6b54b22)}.legacy-heading p{font-size:11px;color:#93aebc;margin:0}.legacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1350px;margin:30px auto 0}.legacy-card{position:relative;min-width:0;aspect-ratio:.76;border:1px solid #cfad6a88;padding:0;overflow:hidden;background:#071c27;text-align:left;isolation:isolate;transform-style:preserve-3d;transition:transform .2s}.legacy-card:before{content:'';position:absolute;inset:7px;border:1px solid #d8c08433;z-index:3;pointer-events:none}.legacy-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03121b,#03121b77 45%,transparent 80%);z-index:1}.legacy-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s,filter .7s;filter:brightness(.8)}.legacy-card:hover img{transform:scale(1.055);filter:brightness(1.08)}.legacy-card>div{position:absolute;left:30px;bottom:30px;right:20px;z-index:2}.legacy-card>div>span{font-size:6px;letter-spacing:1.7px;color:var(--gold)}.legacy-card h3{font:500 36px/1.05 var(--serif);margin:15px 0 22px}.legacy-card b{font-weight:500;font-size:6px;letter-spacing:1.3px;color:var(--gold)}.legacy-foot{max-width:1350px;margin:27px auto 0;padding-top:25px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}.legacy-foot .game-icon{height:51px;width:51px}.legacy-foot p{font-size:11px;color:#bac6c8;margin:0}.legacy-foot small{font-size:7px;color:#6e8b9b;display:block;margin-top:4px}.legacy-foot .text-link{margin-left:auto;white-space:nowrap}.studio{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:120px}.studio-visual{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #dbba7555;background:#061b25}.studio-visual>img{width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.7)}.studio-visual:after{content:'';position:absolute;inset:12px;border:1px solid #d8b46d44;pointer-events:none}.studio-monogram{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font:160px/.9 var(--display);color:var(--gold);text-shadow:0 0 30px #e5b34f44}.studio-monogram span{font:8px var(--sans);letter-spacing:4px;margin-top:30px}.studio-copy p{font-size:12px;line-height:1.95;color:#9fb3bd}.studio-principles{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 20px;font-size:6px;letter-spacing:1px;color:#cdb177}.studio-principles span{border:1px solid #c7a35c33;padding:7px 10px}.closing{position:relative;padding:85px 20px 75px;text-align:center;isolation:isolate;border-block:1px solid var(--line);overflow:hidden}.closing-art{position:absolute;inset:0;background:linear-gradient(#03131cb8,#03131cd9),url('assets/game/rome-wide.webp') center/cover;z-index:-1}.closing .eyebrow{justify-content:center;font-size:7px}.closing>img{width:300px;height:130px;object-fit:contain;margin:20px 0 10px}.closing h2{font-size:58px;margin-top:0}.closing>.small-note{display:block;margin-top:25px;font-size:6px;color:#b5a684;letter-spacing:1.5px}footer{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#020c13}footer>a:first-child img{width:170px;height:65px;object-fit:contain}footer>div{font-size:8px;color:#9ba9ad;text-align:center}footer small{display:block;font-size:6px;color:#5d7785;margin-top:5px}footer>a:last-child{font-size:6px;letter-spacing:1.4px;color:var(--gold)}dialog{background:linear-gradient(135deg,#0d2d3b,#03131d);border:1px solid #d6b37088;color:var(--ivory);padding:50px;max-width:740px;width:calc(100% - 30px);max-height:90svh;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#010912de;backdrop-filter:blur(12px)}#modal-close{position:absolute;top:10px;right:18px;z-index:8;color:var(--gold);background:none;border:0;font-size:30px}#modal-content h2{font-size:42px}#modal-content p{font-size:12px;color:#aac1cb}#modal-content img.modal-art{width:100%;max-height:400px;object-fit:cover;margin-bottom:24px}#modal-content img.full-screen{display:block;margin:auto;max-height:72svh;width:auto;object-fit:contain}.page-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 22px;background:#092632ee;border:1px solid #d3b06e77;color:var(--gold);z-index:100;opacity:0;pointer-events:none;font-size:11px;transition:opacity .3s,transform .3s;max-width:90vw}.page-toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.motion .reveal.visible{opacity:1;transform:none}@keyframes heroIn{from{transform:scale(1.09);filter:brightness(.65)}to{transform:scale(1.025);filter:brightness(1)}}@keyframes rays{to{transform:rotate(5deg);opacity:.5}}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes routeFlow{to{stroke-dashoffset:-380}}@keyframes mapPulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes idle{50%{translate:0 -5px}}@keyframes fog{to{transform:translateX(15%)}}@keyframes clash{50%{transform:scale(1.6);filter:blur(13px)}}@keyframes float{50%{translate:0 -10px}}@keyframes skeleton{to{background-position:-200%}}
@media(min-width:1700px){.civilizations,.legacy{padding-inline:max(7%,calc((100% - 1380px)/2))}}@media(max-width:1150px){.nav nav{gap:17px}.nav nav a{font-size:8px}.brand{width:155px}.nav-link{font-size:7px;padding:10px 12px;gap:12px}.hero-content{padding-left:6%}.hero-logo{width:340px;height:145px}.hero{min-height:810px}.hero-image{background-position:58% center}.section{padding-inline:5%}.civ-gallery{height:290px;gap:9px}.civ-thumb strong{font-size:11px}.civ-thumb small{font-size:4px}.civ-feature-copy{padding:35px}.civ-feature-copy h3{font-size:60px}.civ-feature{min-height:470px}.civ-feature-art img{min-height:470px}.battle-heading h2{font-size:54px}.war-theatre{height:610px}.army{height:350px;bottom:170px;width:58%}.army-persia{left:-12%}.army-rome{right:-12%}.phone-left{left:12%}.phone-right{right:12%}.floating-feature{padding:9px 12px}.feature-one{left:0}.feature-two{right:0}.codex-shell{grid-template-columns:290px 1fr}.codex-nav{padding:20px 12px}.codex-content{padding:35px}.codex-point h4{font-size:14px}.legacy-card>div{left:23px;bottom:25px}.legacy-card h3{font-size:31px}.studio{gap:50px}.section-footnote{font-size:5px}}
@media(max-width:800px){html{scroll-padding-top:75px}.nav{height:78px;padding-inline:5%;gap:15px}.brand{width:145px}.brand img{height:65px}.nav nav{display:none;position:absolute;left:0;right:0;top:78px;background:#041824fa;flex-direction:column;padding:28px 6%;gap:24px;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.nav nav a{font-size:11px}.nav-link{margin-left:auto;font-size:6px;padding:9px 10px;gap:10px}.nav-link span{font-size:14px}#menu{display:block;padding:0}.hero{height:900px;min-height:800px;max-height:1050px;align-items:end}.hero-image{background-position:65% center}.hero-veil{background:linear-gradient(0deg,#03131c 1%,#03131cec 25%,#03131ca0 48%,#03131c00 83%),linear-gradient(90deg,#03131c55,transparent 65%)}.hero-content{text-align:center;max-width:none;width:100%;padding:310px 20px 125px}.hero-content .eyebrow{justify-content:center;font-size:6px;letter-spacing:2px;gap:10px}.hero-content .eyebrow>span{width:15px}.hero-logo{width:280px;height:120px;margin:10px auto 0}h1{font-size:60px;margin:7px 0 20px;line-height:.96;letter-spacing:-1px}.hero-content>p{font-size:11px}.hero-actions{justify-content:center;gap:12px;margin-top:25px}.button{font-size:6px;padding:13px 15px;gap:13px;min-height:50px}.button>span{font-size:17px}.outline-button{font-size:6px;padding:12px;gap:10px;min-height:50px}.outline-button>span{width:20px;height:20px;font-size:6px}.hero-meta{justify-content:center;font-size:5px;letter-spacing:.8px;gap:9px;margin-top:24px}.hero-footer{left:6%;right:6%;font-size:5px;letter-spacing:.6px;bottom:22px;align-items:end}.hero-footer small{font-size:4px;letter-spacing:.3px}.hero-footer>a{font-size:4px}.hero-footer b{font-size:19px}.live-dot{width:4px;height:4px;margin:0 3px}.vertical-caption{display:none}.ribbon{font-size:10px;padding:15px 0}.ribbon i{margin-inline:25px}.section{padding:65px 6%}h2{font-size:44px;letter-spacing:-.5px;margin:16px 0 22px}.eyebrow{font-size:6px;letter-spacing:1.8px}.section-title>p{font-size:11px}.civilizations{padding-inline:0}.civilizations .section-title{padding-inline:6%}.civ-gallery{overflow-x:auto;scroll-snap-type:x mandatory;padding:13px 6% 20px;height:310px;margin-top:28px;gap:12px;scrollbar-width:thin;scrollbar-color:#b5965b #061c28}.civ-thumb{flex:0 0 150px;scroll-snap-align:center}.civ-thumb.active{transform:translateY(-6px)}.civ-thumb strong{font-size:14px}.civ-thumb small{font-size:5px}.civ-feature{margin:35px 6% 0;grid-template-columns:1fr}.civ-feature-art{height:330px}.civ-feature-art img{height:330px;min-height:330px;object-position:center 24%;width:100%}.civ-feature-art:after{background:linear-gradient(0deg,#061c26,transparent 35%)}.civ-feature-copy{padding:25px 28px 30px}.civ-feature-copy h3{font-size:60px;margin:15px 0 20px}.civ-copy-body>p:first-child{font-size:16px}.civ-copy-body>p{font-size:11px}.signature{padding:15px 0;margin:18px 0}.signature img{width:40px;height:40px}.signature strong{font-size:10px}.civ-pager{margin-top:15px}.section-footnote{margin:18px 6% 0;font-size:5px;display:block;line-height:2}.section-footnote span{display:block}.atlas{padding-top:65px}.atlas-head{padding:0 6%}.atlas-head p{font-size:11px}.map-view{height:650px;margin-top:20px}.map-plane{inset:-2% -35% 10%;touch-action:none}.map-image{object-position:55% center}.map-pin .game-icon{width:45px;height:45px}.map-pin b{font-size:8px;padding:5px 8px}.pin-capital{left:65%;top:55%}.pin-frontier{left:32%;top:47%}.pin-alliance{left:62%;top:25%}.map-guide{top:20px;left:6%;font-size:5px}.map-guide span{font-size:4px}.map-story{left:6%;right:6%;width:auto;bottom:65px;padding:20px 23px}.map-story h3{font-size:29px}.map-story p{font-size:10px}.map-toolbox{right:6%;bottom:235px}.map-toolbox button{width:32px;height:32px;font-size:17px}.map-disclaimer{left:6%;font-size:4px;letter-spacing:1px;bottom:25px}.battle-heading,.codex-heading{display:block;margin-bottom:25px}.battle-heading h2{font-size:44px}.battle-heading>p,.codex-heading>p{font-size:11px;margin-bottom:20px}.war-theatre{height:520px;margin-inline:-3%}.theatre-top{top:17px;left:15px;right:15px;font-size:5px;letter-spacing:.8px}.theatre-scenery{background-position:center}.battle-banner{font-size:10px;top:55px;letter-spacing:1px}.battle-banner span{font-size:4px;letter-spacing:.6px}.banner-persia{left:5%}.banner-rome{right:5%}.army{height:260px;width:88%;bottom:160px}.army-persia{left:-28%}.army-rome{right:-28%}.warrior-one{left:0}.warrior-two{left:16%;bottom:20px;transform:scale(.73)}.warrior-three{left:32%;bottom:37px;transform:scale(.5)}.army-rome .warrior-one{left:23%}.army-rome .warrior-two{left:6%}.army-rome .warrior-three{left:-10%}.theatre-narration{left:9%;right:9%;bottom:54px}.theatre-narration .eyebrow{font-size:5px;letter-spacing:1.5px}.theatre-narration h3{font-size:31px;margin:8px 0 10px}.theatre-narration p{font-size:9px;min-height:53px}.theatre-note{font-size:4px;letter-spacing:.5px;left:12px;right:12px;bottom:13px}.battle-play{width:28px;height:28px;font-size:11px;right:12px;bottom:30px}.battle-fog{bottom:180px;height:130px}.fog-two{bottom:280px}.deployment{height:90px;width:38%;top:42%}.clash-light{top:37%;left:38%;width:24%}.phase-tabs{margin-inline:-3%}.phase-tabs>button{gap:7px;padding:17px 7px;flex-direction:column;align-items:start}.phase-tabs b{font-size:7px}.phase-tabs>button>span:not(.phase-line){font-size:10px}.phase-tabs small{font-size:5px;max-width:70px;line-height:1.6}.mechanics-grid{grid-template-columns:1fr;gap:24px;margin-top:35px}.mechanics-grid>button{display:grid;grid-template-columns:65px 1fr;gap:0 18px;text-align:left;padding:0 0 23px}.mechanics-grid .game-icon{grid-row:1/4;height:60px;width:60px}.mechanics-grid h4{font-size:22px;margin:4px 0 8px}.mechanics-grid p{max-width:none;font-size:10px;margin:0 0 12px}.read-link{font-size:6px}.experience{padding:65px 6% 55px}.phone-stage{height:590px;margin-top:5px;margin-inline:-6.8%;perspective:1000px}.phone{border-width:5px;border-radius:29px;width:205px}.phone-main{width:211px;height:457px}.phone-left{width:185px;height:402px;left:calc(50% - 235px);opacity:.7;transform:rotateY(28deg) rotateZ(-10deg) translateY(23px)}.phone-right{width:185px;height:402px;right:calc(50% - 235px);opacity:.7;transform:rotateY(-28deg) rotateZ(10deg) translateY(23px)}.phone-camera{width:44px;height:10px;left:calc(50% - 22px);top:4px}.floating-feature{gap:8px;padding:8px 10px;z-index:7}.floating-feature .game-icon{width:30px;height:30px}.floating-feature>span:last-child{font-size:5px;letter-spacing:.6px}.floating-feature small{font-size:6px}.feature-one{left:4%;top:15%}.feature-two{right:3%;bottom:15%}.phone-label{font-size:3px}.screen-selector{gap:5px;margin-top:-10px}.screen-selector button{padding:10px 12px;font-size:7px;letter-spacing:.5px}.screen-caption{font-size:4px;letter-spacing:.8px;max-width:300px;margin:18px auto 0}.codex-shell{grid-template-columns:1fr}.codex-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow:auto;gap:8px;padding:15px;scrollbar-width:thin;scrollbar-color:#a58c55 #05202b}.codex-nav>button{flex:0 0 145px;min-height:75px;padding:8px;gap:9px}.codex-nav .game-icon{width:35px;height:35px}.codex-nav>button>span:not(.game-icon){font-size:11px}.codex-nav small{font-size:5px;max-width:75px}.codex-nav b{display:none}.codex-content{padding:28px 25px;min-height:500px}.codex-content h3{font-size:37px}.codex-content>p{font-size:11px}.codex-points{gap:20px 17px}.codex-point h4{font-size:12px}.codex-point p{font-size:9px}.codex>.small-note{font-size:6px}.legacy-heading{display:block}.legacy-heading>div:last-child{max-width:none;padding-bottom:0;gap:13px}.legacy-heading p{font-size:10px}.aurex{width:46px;height:46px}.legacy-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:18px;margin:30px -6.8% 0;padding:0 6.8% 20px;scrollbar-width:thin;scrollbar-color:#b19b67 #082432}.legacy-card{flex:0 0 83%;max-width:340px;aspect-ratio:.73;scroll-snap-align:center}.legacy-card h3{font-size:38px}.legacy-card>div{left:27px;bottom:30px}.legacy-card>div>span{font-size:6px}.legacy-card b{font-size:6px}.legacy-foot{gap:13px;flex-wrap:wrap;padding-top:20px;margin-top:15px}.legacy-foot .game-icon{height:43px;width:43px}.legacy-foot p{font-size:10px;flex:1}.legacy-foot small{font-size:6px}.legacy-foot .text-link{margin-left:57px;font-size:6px}.studio{grid-template-columns:1fr;gap:40px}.studio-visual{max-width:370px;width:100%;justify-self:center}.studio-monogram{font-size:130px}.studio-monogram span{font-size:7px;letter-spacing:3px}.studio-copy p{font-size:11px}.studio-principles{gap:8px;font-size:5px}.studio-principles span{padding:6px 8px}.closing{padding:60px 20px}.closing .eyebrow{font-size:5px;letter-spacing:1px}.closing>img{width:240px;height:110px;margin:15px 0}.closing h2{font-size:42px}.closing>.small-note{font-size:5px;letter-spacing:1px}footer{flex-wrap:wrap;gap:16px;padding:23px 6%}footer>a:first-child img{width:140px;height:50px}footer>a:last-child{margin-left:auto;font-size:5px}footer>div{width:100%;order:3;font-size:7px}footer small{font-size:5px}dialog{padding:45px 25px}#modal-content h2{font-size:35px}#modal-content p{font-size:11px}.war-theatre[data-phase="contact"] .army-persia{transform:translateX(16%)}.war-theatre[data-phase="contact"] .army-rome{transform:translateX(-16%)}.war-theatre[data-phase="break"] .army-persia{transform:translateX(16%)}.war-theatre[data-phase="pursuit"] .army-persia{transform:translateX(28%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion .reveal{opacity:1;transform:none}#ambient,#battle-effects{display:none}.map-plane{will-change:auto}.hero-image{transform:none}}
.army-rome .warrior{scale:-1 1}.war-theatre.paused .warrior,.war-theatre.paused .battle-fog,.war-theatre.paused .clash-light{animation-play-state:paused}.war-theatre.paused .phase-line{transition:none}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
/* Preserve the full-body proportions of the reference-derived troop art. */
.warrior{width:auto;aspect-ratio:3/4}.army{width:48%;height:390px}.army-persia{left:0}.army-rome{right:0}.army-persia .warrior-one{left:30%}.army-persia .warrior-two{left:4%}.army-persia .warrior-three{left:-15%}.army-rome .warrior-one{left:17%}.army-rome .warrior-two{left:43%}.army-rome .warrior-three{left:60%}
@media(max-width:1150px) and (min-width:801px){.army{width:50%;height:350px}.army-persia{left:-3%}.army-rome{right:-3%}}
@media(max-width:800px){.army{width:65%;height:260px}.army-persia{left:-12%}.army-rome{right:-12%}}
@media(max-width:800px){.hero-content{padding-top:210px;padding-bottom:120px}}
.avatar-strip{max-width:1000px;margin:25px auto 40px;text-align:center}.avatar-strip img{width:100%;max-height:300px;object-fit:contain;mix-blend-mode:screen}.avatar-strip>span{display:block;font-size:5px;letter-spacing:1.7px;color:#78919d;margin-top:10px}
@media(max-width:800px){.avatar-strip{margin:20px -4% 30px}.avatar-strip img{max-height:170px}.avatar-strip>span{font-size:4px;letter-spacing:1px}}