@font-face{font-family:'Noto Serif';src:url('/art/NotoSerif-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:13px/1.3 Arial,Helvetica,sans-serif;color:#333}body{background:#54643b}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:#658832;text-decoration:none}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #1962aa;outline-offset:3px}button.link{border:0;background:none;color:#668631;font-weight:bold;padding:0;text-align:left}button.link:hover,a:hover{text-decoration:underline}h1,h2,h3,p{margin:0 0 14px}h2{font-size:16px}h3{font-size:14px}.muted{color:#777;font-size:12px}.warning{color:#a3401e}.level-text{color:#e59435}input,select{border:1px solid #bbb;background:#fff;box-shadow:inset 1px 1px 2px #0002;padding:4px 6px;max-width:100%}label{display:block;margin:12px 0}label>input:not([type=radio]),label>select{display:block;margin-top:5px}input[type=number]{width:70px}input[type=radio]{margin-right:6px}fieldset{border:0;padding:0}fieldset legend{font-weight:bold}.green,.gold{border:1px solid #49631c;border-radius:4px;box-shadow:inset 0 1px 2px #fff9,0 1px 1px #0003;background:linear-gradient(#a5c44d 0%,#759c2c 43%,#537521 100%);color:#fff;text-shadow:0 1px #354a13;font-weight:bold;font-size:11px;padding:5px 20px;min-height:25px}.gold{color:#4c402b;text-shadow:0 1px #fff9;background:linear-gradient(#fff5cc,#e9d477 60%,#c5a650);border-color:#9a8a59}.green:hover,.gold:hover{filter:brightness(1.12)}.disabled-control{display:inline-block;color:#8d8063;cursor:help;font-size:11px;padding:3px 6px;background:#ebe5d4;border:1px solid #c5b99e;border-radius:3px}.resource-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:3px}.unit-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:5px}.costs{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.costs>span{white-space:nowrap}.list-row{display:flex;justify-content:space-between;gap:12px;padding:8px 3px;border-bottom:1px solid #ddd}table{width:100%;border-collapse:collapse}th,td{padding:6px;border:1px solid #c3c3c3;text-align:left}th{font-weight:bold}td{font-size:13px}table th{background:#f4f3ec}tr:nth-child(even){background:#faf9f6}.section-heading{background:#e1ebdf;border-radius:3px;padding:4px 10px;margin:18px 0 12px;font-size:14px}.banner{background:#fff5c7;border:1px solid #b19352;padding:10px;position:relative;z-index:8;margin:10px 20px}.game-world{position:relative;min-width:1280px;min-height:100vh;background-position:center top;background-repeat:no-repeat}.resources-view{background-image:url('/art/layout/background2019/bgResources.jpg');background-color:#5c7134}.buildings-view{background-image:url('/art/layout/background2019/bgBuildings.jpg');background-color:#53633b}.game-layout{position:relative;width:1280px;margin:auto;min-height:100vh;padding-top:129px;padding-bottom:60px;display:grid;grid-template-columns:310px 660px 310px;align-items:start}.top-strip{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(#867365,#5b473a);border-bottom:2px solid #9d896e}.logo{position:absolute;top:5px;left:10px;width:100px;height:35px}.logo img{width:100%;height:100%;object-fit:contain}.server-time{position:absolute;left:10px;top:50px;width:164px;height:41px;padding:4px;background:#e8e7df;border:1px solid #a99c76;border-radius:3px;font-size:10px;line-height:15px;text-align:center}.game-header{position:absolute;left:174px;top:0;width:932px;height:119px;isolation:isolate}.game-header:before{content:'';position:absolute;inset:0;z-index:-1;border-style:solid;border-width:0 142px 119px 149px;border-image:url('/art/hud/topBar/header/headerBackground.png') 0 142 119 149 fill stretch}.main-navigation{position:absolute;left:160px;top:4px;display:grid;grid-template-columns:66px 71px 73px 63px 63px 63px 63px;align-items:end;justify-items:end;height:66px;width:462px}.nav-orb{position:relative;width:58px;height:58px;border:1px solid #553420;border-radius:50%;background:linear-gradient(#cbb198,#7b6050);box-shadow:inset 0 1px #ddcbb7,inset 0 -1px #664f3d,0 3px 3px #0005;padding:0}.nav-orb.large{width:66px;height:66px}.nav-orb:before{content:'';position:absolute;inset:5px;border:1px solid #553420;border-radius:50%;background:#5e4538;box-shadow:inset 0 0 3px #0008}.nav-orb:after{content:'';position:absolute;width:62px;height:62px;top:-3px;left:-3px;background:url('/art/hud/topBar/header/navigation/navigation.png') 0 var(--sprite-y);pointer-events:none;transition:top .15s}.nav-orb.large:after{top:1px;left:1px}.nav-orb:hover:after,.nav-orb.selected:after{background-position:0 var(--active-y)}.nav-orb:hover:after{transform:translateY(-2px)}.nav-orb[aria-disabled=true]{opacity:.8}.indicator{position:absolute;left:-4px;top:-3px;z-index:2;background:url('/art/hud/topBar/header/navigation/indicator.png');width:27px;height:23px;color:white;font-size:10px;text-shadow:1px 1px #000;padding-top:3px}.hero{position:absolute;top:23px;left:43px;width:90px;height:90px;overflow:hidden;border-radius:50%;background:#d4c2a2}.hero>img{position:absolute;width:110px;height:110px;object-fit:cover;top:5px;left:-8px}.hero-frame{position:absolute;inset:0;background:url('/art/hud/topBar/header/hero/heroFrame.png')}.currency{position:absolute;top:20px;left:627px;height:43px;width:165px;border:3px double #a99574;background:#5f4b3a;display:flex;align-items:center;gap:9px;color:#e4d9be;font-size:11px;font-weight:bold;padding-left:7px}.currency img{width:23px;height:23px}.currency img:nth-of-type(2){margin-left:25px}.shop{position:absolute;left:807px;top:9px;width:90px;height:90px;background:url('/art/hud/topBar/header/shop.png') center/contain;border:0;border-radius:50%}.stock-bar{position:absolute;top:72px;left:156px;width:637px;height:36px;display:flex;align-items:center;border:4px double #dac89b;background:#5d4738;color:#fff6e0;font-size:11px;font-weight:bold;padding:1px}.capacity{width:88px;display:flex;align-items:center;flex-shrink:0}.capacity img{width:29px;height:26px;object-fit:contain}.stock{position:relative;background:#e9e4d7;color:#333;display:flex;align-items:center;width:87px;height:24px;border-right:3px solid #5d4738;flex-shrink:0}.stock .resource-icon{height:25px;width:28px}.stock b{position:absolute;right:2px;top:0;font-size:10px}.stock-track{height:5px;background:#4b3827;position:absolute;bottom:1px;right:2px;left:31px}.stock-track i{display:block;height:100%;background:#73963a}.free-crop{display:flex;align-items:center;background:#e9e4d7;color:#333;flex:1;height:24px}.free-crop img{height:24px;width:27px}.left-sidebar{grid-column:1;padding:10px 5px 0;position:relative;z-index:3}.right-sidebar{grid-column:3;padding:10px 5px 0;position:relative;z-index:3}.sidebar-box{position:relative;isolation:isolate;padding:29px 24px 25px;margin-bottom:34px;min-height:103px}.sidebar-box:before{content:'';position:absolute;inset:0;z-index:-1;border-style:solid;border-width:38px 53px 38px 53px;border-image:url('/art/hud/sidebar/sidebarBox.png') 38 53 38 53 fill stretch}.sidebar-box h2{font:700 16px/1.35 'Noto Serif',Georgia,serif;text-transform:uppercase;letter-spacing:1.6px;color:#5e463a;margin:0 0 12px;border-bottom:1px solid #d6c9ac;padding-bottom:8px}.sidebar-box p{font-size:13px;line-height:18px;margin-bottom:10px}.info-box{min-height:188px;margin-bottom:44px}.link-box .link{display:block;margin:5px 0;font-weight:normal;color:#51462f}.active-village{padding-top:39px;min-height:126px;margin-bottom:32px}.active-village>strong{font-size:12px}.village-name{display:block;border:1px solid #c2b190;background:#efe5cc;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 16px 'Noto Serif',Georgia,serif;color:#5e463a;letter-spacing:1px;text-transform:uppercase;padding:0;margin:3px 0 6px}.village-meta{font-size:11px}.village-meta span{float:right}.village-shortcuts{position:absolute;right:15px;top:-14px;display:flex;gap:6px}.village-shortcuts button{border-radius:50%;width:40px;height:40px;border:3px double #d4c799;background:#677454;box-shadow:0 1px 3px #0009;color:#efe6ca}.village-shortcuts img{width:28px;height:28px;object-fit:contain}.villages-box{min-height:144px;margin-bottom:10px}.village-progress{height:8px;background:#7e9e3d;border:2px solid #c2b787;margin-top:-11px;margin-bottom:12px}.village-link{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;border:0;background:none;padding:5px 0;text-align:left;color:#4a4334}.village-link.active{background:#e7d6b0;font-weight:bold}.village-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.village-link small{white-space:nowrap}.quest-portrait{width:204px;height:135px;margin:0 auto -14px;background:url('/art/layout/mentorRoman-ltr.png') left top;position:relative;z-index:1}.quest-box{min-height:90px}.quest-box h2{border:0;padding-bottom:0}.quest-box p{font-size:11px}.centre{grid-column:2;grid-row:1;min-width:0;position:relative;min-height:650px}.resource-fields{position:absolute;left:-29px;top:91px;width:473px;height:304px}.field-art{position:absolute;inset:0;width:473px;height:304px;pointer-events:none}.village-centre-link{position:absolute;left:175px;top:115px;width:120px;height:70px;border:0;background:none;padding:0;z-index:1}.village-centre-link img{position:absolute;left:-175px;top:-115px;width:473px;height:304px;pointer-events:none}.field-level{position:absolute;width:28px;height:28px;border-radius:50%;padding:0;border:3px solid #e5e6de;background:#fff;color:#444;box-shadow:0 1px 2px #0007;line-height:21px;font-size:12px;transform:translate(-50%,-50%);z-index:2}.field-level.unavailable{border-color:#ded487}.field-level:hover{outline:3px solid #86a83d;filter:brightness(1.15)}.field-summary{position:absolute;right:17px;top:40px;width:192px}.white-box{background:rgba(255,255,255,.88);border-radius:7px;padding:8px;box-shadow:0 1px 4px #0003;color:#333}.white-box h3{font-weight:normal;font-size:13px;margin:0 0 4px}.white-box p{font-size:12px;margin:4px 0}.white-box table td{border:0;background:none;padding:0;font-size:13px;height:22px}.white-box table tr{background:none}.white-box td:last-child{text-align:right}.white-box .resource-icon{height:20px;width:20px}.production{margin-top:80px;margin-bottom:7px}.production .disabled-control{display:block;margin:5px 0 0 auto;width:max-content}.troop-summary .link{display:block;font-weight:normal;color:#333;margin:4px 0}.movement{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:12px}.movement time{white-space:nowrap}.field-summary .movement{display:block;font-size:11px}.field-summary .movement time{float:right}.construction{margin:415px 0 0 17px;width:397px}.construction .box-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:5px}.construction .disabled-control{font-size:10px}.construction p{display:flex;justify-content:space-between;gap:10px;margin-top:6px}.construction .link{font-size:12px;font-weight:normal;color:#333}.village-scene{position:relative;height:465px;margin-top:0}.building-slot{position:absolute;width:120px;height:120px;border:0;background:none;transform:translate(-50%,-65%);padding:0}.building-slot>img{width:120px;height:120px;object-fit:contain;pointer-events:none}.building-slot .field-level{left:65%;top:75%;pointer-events:none;border-color:#96bc42}.building-slot:hover>img{filter:brightness(1.15) drop-shadow(0 0 3px #e4eea5)}.empty-slot{height:40px;width:80px;border-radius:50%;background:#62783977;border:1px solid #5b6a3a55;transform:translate(-50%,-25%)}.empty-slot span{opacity:0;display:block;background:#fffbe7;padding:3px;border:1px solid #84765b;font-size:11px;white-space:nowrap;width:max-content;margin:auto}.empty-slot:hover span,.empty-slot:focus-visible span{opacity:1}.village-controls{margin:0 18px;display:flex;gap:10px}.village-centre .construction{margin-top:12px}.content-frame{position:relative;isolation:isolate;margin:15px 30px 0;width:600px;padding:67px 18px 18px;min-height:530px;background:transparent}.content-frame:after{content:'';position:absolute;inset:0;z-index:-1;border-style:solid;border-width:67px 50px 10px 50px;border-image:url('/art/hud/content/frame.png') 67 50 10 50 fill repeat;pointer-events:none}.content-frame:before{content:'';position:absolute;top:19px;left:0;right:0;height:48px;background:url('/art/hud/content/header.jpg') repeat-x;z-index:-1}.content-heading h1{position:absolute;top:30px;left:45px;right:70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font:700 24px/30px 'Noto Serif',Georgia,serif;color:#f2f2f2;text-shadow:1px 1px #5e463a,-1px -1px #5e463a;margin:0}.close-button{position:absolute;right:47px;top:26px;width:32px;height:32px;background:linear-gradient(#769446,#445a29);color:#fffce3;border:4px double #e2d1a1;font:bold 30px/21px Arial;padding:0;box-shadow:0 0 0 1px #57472e}.content-body{background:#fff;min-height:445px;padding:8px 6px 18px}.tabs{display:flex;margin:-3px -5px 20px;min-height:45px;padding:3px;border:3px double #bca174;background:linear-gradient(#b59a75,#5f4537 50%,#7c5c40);justify-content:stretch}.tabs button,.tabs .disabled-control{flex:1;display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid #bdac84;border-radius:0;background:none;padding:6px 10px;font-size:12px;color:#ecd9a8;font-weight:bold;text-shadow:0 1px #3f2b1f;white-space:nowrap;text-align:center}.tabs button[aria-current],.tabs button:hover{background:linear-gradient(#c9b68e,#9b805a);color:#fff7e2}.tabs .disabled-control{color:#bdad8e}.building-overview{height:160px;background:url('/art/views/buildings/upgradeBuilding/background1.jpg') center/cover;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;color:white;padding:10px}.building-overview>img{width:185px;height:150px;object-fit:contain}.building-overview>div{flex:1;text-shadow:0 1px #526330}.building-overview p{margin:8px 0}.building-overview strong{float:right;margin-left:10px}.building-overview+.section-heading{margin-top:0;background:#dce7bd}.upgrade-box{border:1px solid #aab687;background:#fafbf6;border-radius:3px;padding:12px 10px;margin-top:20px;text-align:center}.upgrade-actions{border-top:1px solid #d9dccd;margin-top:14px;padding-top:15px;display:grid;grid-template-columns:1fr 1fr;align-items:start}.upgrade-actions p{margin:8px 0 0}.upgrade-box+.construction{margin:24px 0 0;width:auto;box-shadow:none;background:#f0eee5}.catalog-row{min-height:160px;border-bottom:1px solid #ccd0bd;margin:0 0 20px;padding:0 0 20px}.catalog-row>img{float:right;width:120px;height:120px}.catalog-row p{max-width:380px}.training-row{min-height:175px;padding:0 0 20px;margin:0 0 22px;border-bottom:1px solid #ccd0bd}.training-row h2 small{font-size:12px;font-weight:normal}.training-row .troop-art{float:right;width:110px;height:125px;object-fit:contain}.training-row form{display:flex;align-items:flex-end;gap:12px}.training-row form label{margin:0}.training-row>p{margin:10px 0}.troop-table th:not(:first-child),.troop-table td{text-align:center}.troop-table th{background:#e0edbd}.troop-table th:first-child{max-width:180px}.troop-table .unit-icon{width:34px;height:34px}.movement-list{margin:25px 0}.send-units{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.send-units label{display:flex;gap:3px;align-items:center}.send-units input{width:50px;display:inline-block!important;margin:0!important}.send-details{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.send-details>label{background:#eee;border-radius:4px;padding:15px;align-self:start}.send-details select{width:210px}.send-details fieldset label{display:flex;align-items:center}.trade-resources{display:flex;gap:20px;margin:10px 0}.trade-resources label{flex:1}.trade-resources select{width:100%}.subtabs{display:flex;gap:3px;margin-bottom:12px}.subtabs button{background:#e6e6e6;border:1px solid #ccc;padding:3px 10px}.subtabs button[aria-current]{background:#a1bd47;color:white}.rankings th{border:0;background:white;color:#5e5145}.rankings td{border-width:1px 0;padding:11px 10px}.rankings td:nth-child(2){color:#678532}.rankings td:nth-last-child(-n+2){text-align:right}.rankings .you{background:#ecf0cf}.reports-table td:last-child{white-space:nowrap;font-size:11px}.reports-table .link{text-align:left}.map-toolbar{margin:-8px -6px 0;background:#35482d;color:#eee;padding:5px 10px;display:flex;gap:15px;align-items:center}.map-toolbar .link{color:#fff}.map-toolbar .disabled-control{background:#47593e;color:#bbc5a8;border:0}.map-area{position:relative;width:560px;padding-left:20px;padding-bottom:20px}.world-map{width:540px;height:420px;display:grid;grid-template-columns:repeat(9,60px);grid-template-rows:repeat(7,60px)}.map-tile{padding:0;border:0;background:url('/art/map/lowRes/tiles.png') var(--tx) var(--ty);width:60px;height:60px}.map-tile:hover,.map-tile.picked{outline:2px solid #e7c341;outline-offset:-2px;position:relative;z-index:1}.map-tile.own{box-shadow:inset 0 0 0 2px #819736}.map-tile:disabled{opacity:.3}.y-ruler{position:absolute;top:0;left:0;height:420px;width:20px;display:grid;grid-template-rows:repeat(7,60px);align-items:center;text-align:center;font-size:9px}.x-ruler{height:20px;display:grid;grid-template-columns:repeat(9,60px);align-items:center;text-align:center;font-size:9px}#map-search{display:flex;gap:10px;justify-content:flex-end;align-items:center;background:#e4e9d4;padding:5px;margin-bottom:15px}#map-search label{margin:0;display:flex;align-items:center;gap:3px}#map-search input{margin:0;width:50px}.map-detail{padding:10px;background:#f4f2e8;border:1px solid #c6bd9e}.map-detail button{display:block;margin-top:12px}.game-footer{grid-column:1/4;margin:35px 20px 0;text-align:center;border-top:1px solid #ffffff45;padding-top:12px;color:#fff;align-self:end;font-size:11px}.game-footer a,.game-footer button{color:#fff;font-weight:normal;font-size:11px}.game-footer>span{margin:0 12px}.game-footer small{display:block;font-size:10px;margin-top:7px}dialog{border:8px double #aa997b;background:#fffdf1;color:#333;padding:28px;box-shadow:0 10px 50px #0009;max-width:min(520px,95vw);width:520px;max-height:85vh}dialog::backdrop{background:#13221588}.dialog-close{position:absolute;right:8px;top:5px;background:none;border:0;font-size:25px;color:#67553b}dialog h2{font:700 20px 'Noto Serif',Georgia,serif;margin-bottom:20px}dialog input:not([type=radio]){width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(520px,90vw);padding:13px 20px;background:#fff9e3;color:#493a25;border:3px double #9c835a;border-radius:5px;z-index:100;box-shadow:0 3px 15px #0005}.access-world{min-height:100vh;background:url('/art/layout/background2019/bgResources.jpg') center top;display:flex;justify-content:center;align-items:center;padding:80px 15px}.access-logo{position:absolute;left:25px;top:20px;width:170px}.access-panel{width:480px;background:#f7eed6;border:9px double #8b785c;padding:30px;box-shadow:0 8px 30px #0005}.access-panel h1{font:700 25px 'Noto Serif',Georgia,serif;color:#5e463a}.access-panel input:not([type=radio]){width:100%;padding:10px}.access-panel .green{padding:9px 30px}.tribe-options{display:flex;gap:10px}.tribe-options label{flex:1;text-align:center;background:#e8dfc3;border:1px solid #b4a784;padding:6px;cursor:pointer}.tribe-options label:has(:checked){outline:2px solid #799c3f}.tribe-options img{display:block;width:90px;height:100px;object-fit:contain}.form-error{color:#a3401e;min-height:18px}.loading{padding:100px;text-align:center;color:white}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Geometry shared with the captured 1,280 px live desktop shell. */
.game-layout{padding-bottom:0}.centre{min-height:calc(100vh - 173px)}.game-footer{margin-top:0;min-height:44px;padding-top:10px;padding-bottom:3px}.shop{width:86px;height:86px;left:808px;top:10px;border:3px double #d0b47b;background:#a58045;box-shadow:0 2px 3px #0007}.shop:after{content:'';position:absolute;width:78px;height:78px;left:1px;top:1px;background:url('/art/hud/topBar/header/shop.png') left top;border-radius:50%}.shop:hover:after{background-position:0 -78px}.hero{border:0}.production{margin-top:74px}.white-box .disabled-control{background:linear-gradient(#fff5cc,#e4cf7c);border:1px solid #ab9b70;color:#726242}.link-box{padding-bottom:17px}.link-box .link{margin:2px 0}.stock:nth-of-type(4){border-right:0}.capacity:nth-of-type(5){padding-left:5px}
.map-area{margin-left:-4px}.white-box .troop-summary{min-height:45px}