@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono),monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.isolate{isolation:isolate}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.paused{animation-play-state:paused}:root{font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif;color:#293c32;background:#f5f3eb;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .16s,transform .16s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b39048;outline-offset:3px}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:800}h2{font-size:23px;font-weight:800}h3{font-size:17px;font-weight:700}p{line-height:1.9}small{font-size:11px}input,select{border:1px solid #d6d9cc;background:#fffefa;color:#293c32;padding:10px 12px;border-radius:8px;min-width:0;max-width:100%}label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-weight:600}button{border:0}.app{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:236px;background:#193c2e;color:#edf0df;padding:32px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:800;color:#f5e7bc}.brand small{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:3px;margin-top:1px}.realm{display:flex;align-items:center;gap:8px;border:1px solid #ffffff1a;padding:11px;border-radius:8px;font-size:12px;margin:28px 0}.realm b{margin-right:auto;color:#e5c985}.dot{width:6px;height:6px;background:#9bc28e;border-radius:50%}.nav{display:flex;align-items:center;width:100%;gap:12px;padding:12px 14px;border-radius:9px;background:none;color:#b9cebc;text-align:right;margin-bottom:4px}.nav svg:last-child{margin-right:auto;opacity:0}.nav:hover,.nav.active{background:#2b503c;color:#f7e4b2}.nav.active{box-shadow:inset -3px 0 #ceae69}.nav.active svg:last-child{opacity:1}.sidebar-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding:25px 5px 0;border-top:1px solid #ffffff14;font-size:11px;color:#8eac97}main{margin-right:236px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 38px;background:#fffdf7;border-bottom:1px solid #e3e4da;min-height:101px}.eyebrow{color:#88917e;font-size:11px;font-weight:600;letter-spacing:.7px}.header-actions{display:flex;align-items:center;gap:10px}.icon-button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edeedf;color:#49634f}.primary,.secondary,.danger{padding:10px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;font-weight:700}.primary{background:#24593e;color:#fff9dc}.primary:hover{background:#173d2c}.secondary{background:#edf0e5;color:#355c41;border:1px solid #dce3d3}.secondary:hover{background:#e1e8d7}.danger{background:#7f3d30;color:#fff1db}.resource-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf7;border-bottom:1px solid #e3e4da;padding:20px 38px;gap:28px}.resource{display:flex;gap:12px;align-items:center}.resource>svg{width:31px;height:31px}.resource>div{flex:1}.resource small{color:#88917e}.resource strong{display:block;font-size:17px}.resource em{font-style:normal;font-size:11px;font-weight:400;color:#9a9e90}.resource-0>svg{color:#4b7850}.resource-1>svg{color:#b16e4d}.resource-2>svg{color:#7a8591}.resource-3>svg{color:#b99b46}.meter{height:3px;background:#edefe3;margin-top:6px;border-radius:4px;overflow:hidden}.meter>span{display:block;background:#87a278;height:100%}.content{padding:30px 38px 0;max-width:1450px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-heading h2{margin-top:4px}.badge{background:#e9efdd;color:#5d744a;border-radius:20px;padding:7px 12px;display:inline-flex;align-items:center;gap:7px;font-size:11px}.panel,.card{background:#fffdf7;border:1px solid #e3e3d7;border-radius:12px;box-shadow:0 2px 4px #28382a03}.panel{padding:24px}.panel h2{font-size:19px;margin-bottom:18px}.panel p{margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:22px}.building-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.building-icon{padding:12px;display:grid;place-items:center;background:#f1eddc;color:#88713c;border-radius:10px}.level{font-size:11px;color:#8d957f}.building h3{margin-bottom:15px}.cost{display:flex;gap:14px;flex-wrap:wrap;color:#727e69;font-size:11px;margin:14px 0}.cost span{display:inline-flex;align-items:center;gap:4px}.card button{width:100%;margin-top:5px}.field>svg{margin-bottom:10px}.field h3 small{font-weight:400;color:#a1a78f}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three-grid.stats{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.stats strong{display:block;margin-top:12px;font-size:23px;color:#4f7045}.stats small{font-size:11px;font-weight:400;color:#7d8972}.hint{font-size:12px;color:#89927d;line-height:1.9;margin:16px 0}.village-banner{display:flex;align-items:center;gap:28px;background:linear-gradient(120deg,#dce6d1,#eef0de 60%,#f2e7cb);padding:28px 32px;margin-bottom:24px;border-radius:14px;overflow:hidden;min-height:170px}.village-banner>svg{color:#758656;flex-shrink:0}.village-banner h3{font-size:28px;margin-bottom:4px}.village-banner span{font-size:12px;color:#7b846b}.queues{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.queues>div{display:flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid #e8d8ab;background:#fff8e6;border-radius:8px;font-size:12px}.queues b{font-variant-numeric:tabular-nums}.queues .busy{background:#eaf1e5;border-color:#b8ceb2}.unit-list{display:flex;flex-direction:column;gap:6px}.unit-list button{display:flex;gap:10px;align-items:center;padding:12px;background:transparent;border-radius:8px;text-align:right;font-size:13px}.unit-list button b{margin-right:auto}.unit-list button.chosen,.unit-list button:hover{background:#edf0e4;color:#355f41}.unit-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#f5f4eb;padding:16px;border-radius:8px;gap:12px;font-size:12px;text-align:center}.unit-stats b{display:block;font-size:20px;margin-top:7px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edefe3}.row:last-child{border:0}.row small{color:#8a967e}.row.link{width:100%;background:none;text-align:right}.row.link:hover{color:#4e7d4d}.map-wrap{max-width:580px;margin:0 auto 24px}.map-grid{display:grid;grid-template-columns:repeat(9,1fr);direction:ltr;gap:3px;background:#c8d3ac;padding:8px;border:5px solid #e1d6b5;outline:1px solid #c1b68f;border-radius:10px;box-shadow:0 6px 30px #3b492b15}.tile{aspect-ratio:1;background:#e4e8bf;position:relative;border-radius:3px;display:grid;place-items:center;color:#a3b479}.tile:nth-child(3n){background:#d6e0ad}.tile:nth-child(5n){background:#e6e6c7}.tile:hover{box-shadow:inset 0 0 0 2px #7f9461}.tile small{position:absolute;bottom:2px;font-size:8px;opacity:.7}.tile.own{color:#27603a;background:#b3d2a3}.tile.npc{color:#9a4c35;background:#e9c3a3}.tile.settlement{color:#816630;background:#e7d8a6}.tile svg{width:28px}.send-units{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{flex-direction:row;align-items:center;font-size:12px}.report{padding:12px 0;border-bottom:1px solid #e3e3d7}.victory{color:#4f8043}.defeat{color:#9e5541}.report .row{border:0}.offer{padding:14px 0;border-bottom:1px solid #e3e3d7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.principal{font-size:10px;display:block;direction:ltr;overflow-wrap:anywhere;background:#f1f1e7;padding:12px;border-radius:8px}.panel>.danger{margin-top:20px}.guide{padding-right:24px;line-height:2.7;color:#64725b;list-style:decimal}.alert{padding:15px 20px;margin-bottom:20px;border-radius:9px;overflow-wrap:anywhere}.alert.error{background:#faeae1;color:#954937}.alert.success{background:#e6efdd;color:#43703c}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:45px;color:#8c987e;text-align:center}.empty svg{width:40px;height:40px}.setup{max-width:650px;margin:auto}.tribes{display:flex;gap:12px;margin:20px 0}.tribes button{flex:1;padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #dfe1d3;border-radius:10px;background:#f5f5e9;color:#85916f}.tribes button.chosen{background:#e5ecda;border:2px solid #6f8c52;color:#365b36}.hero{display:grid;grid-template-columns:1fr 1fr;background:#ebeeda;border-radius:18px;margin-bottom:26px;min-height:420px;overflow:hidden}.hero-copy{padding:45px 38px;position:relative;z-index:2}.hero h2{font-size:37px;line-height:1.65;margin:12px 0;font-weight:800}.hero p{color:#738264;font-size:13px;margin-bottom:24px;max-width:360px}.hero small{display:block;margin-top:18px;color:#829171}.big{padding:14px 23px}.village-art{position:relative;overflow:hidden;background:linear-gradient(#e6ddbd,#f3ebcc 50%,#b8c798);min-height:330px}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#fcf5d7;top:40px;left:60px}.hill{position:absolute;width:550px;height:290px;bottom:-100px;border-radius:50%;background:#96ac77;transform:rotate(-10deg)}.hill.h2{left:80px;bottom:-150px;background:#78965f}.hero-castle{position:absolute;width:180px;height:180px;bottom:88px;left:50%;transform:translate(-50%);color:#826b43;stroke-width:1;fill:#ded4ad}.tree{position:absolute;color:#59784d;fill:#7a955f;stroke-width:1}.tree1{width:100px;height:100px;bottom:80px;right:10px}.tree2{width:75px;height:75px;bottom:58px;left:35px}.wheat{position:absolute;width:60px;height:60px;color:#d0b762;bottom:25px;right:45px}.art-caption{position:absolute;bottom:17px;left:18px;background:#fffbe5df;padding:8px 14px;border-radius:7px;font-size:11px;display:flex;gap:15px}.art-caption span{color:#6e874f}footer{padding:34px 0;margin-top:24px;border-top:1px solid #e1e4d6;display:flex;justify-content:space-between;gap:20px;color:#939b84;font-size:10px}footer a{text-decoration:underline}.mobile-nav{display:none}@media (min-width:1450px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.sidebar{width:195px;padding:28px 14px}main{margin-right:195px}.content{padding:24px}.topbar,.resource-strip{padding:20px 24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-strip{gap:12px}.resource>svg{width:23px}.resource{gap:7px}.resource strong{font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:32px}.village-art{min-height:270px}.hero-castle{bottom:60px}.hero h2{font-size:32px}}@media (max-width:760px){.sidebar{display:none}main{margin:0}.topbar{padding:17px 18px;min-height:85px}.topbar h1{font-size:20px}.header-actions{gap:6px}.header-actions select{max-width:115px;padding:7px;font-size:11px}.eyebrow{font-size:10px}.content{padding:22px 15px 80px}.resource-strip{padding:14px 15px;gap:14px 10px;grid-template-columns:repeat(2,1fr)}.resource strong{font-size:16px}.resource>svg{width:24px}.resource{gap:10px}.resource em{font-size:10px}.page-heading{align-items:flex-start;gap:10px}.page-heading h2{font-size:23px}.badge{font-size:9px;padding:6px 8px;max-width:175px}.card{padding:15px}.cards{gap:12px}.building-icon{padding:9px}.building-top{margin-bottom:12px}.building h3{font-size:15px}.cost{gap:8px;font-size:10px}.cost svg{width:12px}.secondary{padding:9px 10px;font-size:12px}.two-grid,.three-grid{grid-template-columns:1fr}.three-grid.stats{grid-template-columns:1fr 1fr;gap:12px}.stats strong{font-size:22px}.village-banner{padding:22px 18px;gap:16px;min-height:150px}.village-banner>svg{width:50px}.village-banner h3{font-size:23px}.village-banner span{font-size:10px}.village-banner p{font-size:11px}.panel{padding:20px}.queues>div{width:100%;font-size:11px;gap:8px}.queues b{margin-right:auto}.tile svg{width:22px}.tile small{font-size:7px}.hero-copy{padding:26px}.hero h2{font-size:29px}.hero p{font-size:12px}.village-art{min-height:250px}.hero{margin-top:0}.hero-castle{width:155px;height:155px;bottom:45px}.tree1{bottom:40px}.tree2{bottom:26px}.mobile-nav{position:fixed;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:space-around;background:#fffdf7f5;border-top:1px solid #dde1cf;z-index:20;padding:8px 3px max(8px,env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;color:#8b957c;background:none;font-size:10px;padding:5px 12px;border-radius:7px}.mobile-nav button.active{color:#2d633f;background:#edf2e3}.mobile-nav select{font-size:11px;max-width:80px;padding:8px 3px;background:transparent;border:0;color:#56694a}footer{flex-direction:column;gap:8px;padding:25px 0;margin-top:25px}.unit-list button{font-size:12px}.report .row{align-items:flex-start}.report .row small{font-size:9px;max-width:120px}.setup .primary{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.classic-resource{display:inline-block;width:22px;height:16px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;vertical-align:middle}.cost .classic-resource{width:18px;height:12px}.resource>.classic-resource{width:32px;height:24px}.classic-overview{display:grid;grid-template-columns:minmax(0,540px) minmax(220px,1fr);gap:24px;background:#fff;border:1px solid #dedfce;border-radius:14px;padding:22px;margin-bottom:24px;align-items:center}.scene-column{min-width:0}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.scene-heading h3{font-size:18px}.scene-heading .secondary{font-size:11px;padding:7px 10px}.scene-hint{text-align:center;font-size:11px;color:#7a876c;margin:12px 0 0}.classic-village{position:relative;isolation:isolate;direction:ltr;width:100%;max-width:540px;aspect-ratio:540/448;margin:auto;background:#fff}.village-ground{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.village-plot{position:absolute;display:block;background:transparent;padding:0;border:0;border-radius:10px;transition:filter .15s}.village-plot>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}button.village-plot:hover,button.village-plot:focus-visible{filter:drop-shadow(0 0 3px #dab44f);outline:0}button.village-plot:focus-visible .plot-level{outline:3px solid #24593e}.plot-level{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;border-radius:50%;border:1px solid #887d38;background:#fffbd2;color:#374b25;font:700 12px Tahoma,Arial,sans-serif;box-shadow:0 1px 3px #33451e55;pointer-events:none}.plot-level.constructing,.field-spot.constructing{background:#f5ce83;border-color:#a9762d}.wall-control{position:absolute;left:14px;bottom:8px;z-index:500;border:1px solid #c7c699;border-radius:16px;padding:5px 12px;background:#ffffeeef;color:#4c6238;font-size:11px;direction:rtl}.selected-detail{background:#f7f7ed;border:1px solid #e5e5d2;border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.building-sprite{width:90px;height:120px;-o-object-fit:contain;object-fit:contain;display:block;flex-shrink:0}.selected-detail>.building-sprite{width:120px;height:140px;margin:-12px 0 8px}.selected-detail h3{font-size:22px;margin:6px 0}.selected-detail .hint{margin:8px 0}.selected-detail .cost{justify-content:center;gap:14px;margin:18px 0}.selected-detail>.primary{width:100%;margin:4px 0 10px}.detail-note{color:#9a6748;margin-top:6px}.village-summary{border-top:1px solid #e2e4cf;margin-top:20px;padding-top:15px;color:#768568;font-size:11px;line-height:1.9}.building-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin-bottom:24px}.building-picker>button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#fffdf7;border:1px solid #e3e3d7;border-radius:10px;padding:0 10px 12px;color:#526747;font-size:12px;min-width:0}.building-picker>button.selected{background:#ecf1df;border-color:#688b4a;box-shadow:inset 0 0 0 1px #688b4a}.building-picker>button:hover{border-color:#859b61}.building-picker .building-sprite{height:100px;width:100%;max-width:100px}.building-picker small{font-size:9px;color:#849275;margin-top:4px}.classic-fields{position:relative;direction:ltr;width:100%;max-width:390px;aspect-ratio:300/264;margin:18px auto 0;background:#fff}.classic-fields>img{width:100%;height:100%;display:block}.field-spot{position:absolute;transform:translate(-50%,-50%);width:9%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;padding:0;background:#fff7bc;color:#3d552a;border:1px solid #9a934b;font:bold clamp(12px,1.5vw,16px) Tahoma,Arial,sans-serif;box-shadow:0 1px 2px #30462344}.field-spot.selected,.field-spot:hover{background:#e0f0b0;box-shadow:0 0 0 3px #5f8b3f;border-color:#fff}.field-spot:not(:disabled):active{transform:translate(-50%,-50%)}.fields-centre{position:absolute;left:36%;top:41%;width:26%;height:16%;border-radius:50%;background:transparent}.fields-centre:hover{box-shadow:0 0 0 2px #6d8b47}.stats .classic-resource{margin-left:8px}.unit-sprite{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.unit-portrait{display:block;width:150px;height:120px;max-width:100%;-o-object-fit:contain;object-fit:contain;margin:0 auto 18px;background:#fff;border-radius:10px}.tribes .unit-portrait{width:100%;height:100px;margin:0}.classic-hero{display:flex;align-items:center;justify-content:center;background:#fff;min-height:330px;padding:16px 0 38px}.classic-hero .classic-village{width:100%}.classic-hero .art-caption{z-index:600;bottom:12px}@media (max-width:1100px){.classic-overview{gap:16px;padding:16px;grid-template-columns:minmax(0,1fr) minmax(200px,.65fr)}.selected-detail{padding:16px}.classic-hero{min-height:0;max-height:none;padding:10px 18px 38px}.classic-hero .classic-village{max-width:460px}}@media (max-width:760px){.classic-overview{grid-template-columns:1fr;padding:14px;gap:18px}.scene-heading h3{font-size:16px}.selected-detail{padding:18px}.selected-detail>.building-sprite{height:100px;width:100px;margin:-20px 0 4px}.selected-detail .cost{font-size:12px}.selected-detail>.primary{max-width:320px}.village-summary{margin-top:12px;padding-top:10px}.building-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.building-picker>button{font-size:11px;padding:0 5px 10px}.building-picker .building-sprite{height:90px;width:85px;max-width:100%}.plot-level{min-width:18px;height:18px;font-size:10px}.wall-control{font-size:9px;padding:4px 8px;bottom:2px;left:3px}.classic-hero{padding:0 8px 38px}.tribes{gap:8px}.tribes button{padding:10px 4px}.tribes .unit-portrait{height:80px}.field-spot{font-size:14px}.resource>.classic-resource{width:28px;height:22px}}:root{background:#eeeee7;color:#383d2f;font-size:13px}.app{max-width:1180px;margin:0 auto;position:relative;background:#fff;box-shadow:0 0 18px #3a432119;min-height:100vh}.classic-masthead{height:118px;display:flex;align-items:flex-start;justify-content:center;position:relative;border-bottom:1px solid #dddcc7;background:#fafbf5 url(/graphics/l/bigsize_bg.jpg) center top/auto 100px no-repeat;direction:ltr;padding-top:9px}.classic-logo{position:absolute;left:24px;top:28px;text-decoration:none;color:#607b2b;font-size:25px;font-weight:800;text-shadow:1px 1px #fff}.classic-logo small{display:block;color:#a07835;font-family:Georgia,serif;font-size:11px;text-align:center;letter-spacing:2px}.classic-topnav{display:flex;gap:14px;direction:ltr}.classic-topnav button{display:flex;flex-direction:column;align-items:center;background:transparent;color:#577b24;padding:0;min-width:70px;font-size:10px;font-weight:700}.classic-topnav button>span{display:block;width:70px;height:89px;background-position:0 0;background-repeat:no-repeat}.classic-topnav button:hover>span,.classic-topnav button.active>span{background-position:0 -100px}.gold-head{position:absolute;right:24px;top:38px;background:#fffbe4;border:1px solid #d7c979;color:#937117;padding:8px 12px;border-radius:4px;font-size:18px;direction:rtl}.gold-head img{display:inline-block;width:18px;vertical-align:middle}.gold-head small{color:#70932a;display:block;font-size:10px}.sidebar{position:absolute;left:0;right:auto;top:118px;bottom:auto;width:170px;background:#fff;color:#537224;padding:20px 12px;display:block;border-right:1px solid #e5e6da;z-index:5}.realm{margin:0 0 16px;padding:7px;background:#f0f4e3;border:1px solid #dce4bd;border-radius:0;font-size:11px}.realm b{color:#728e34}.dot{background:#82a33e}.nav{padding:7px 9px;margin:0;border-radius:0;color:#64872c;gap:8px;border-bottom:1px solid #f1f2e9;font-size:12px}.nav.active,.nav:hover{background:#eef4e0;color:#425e1a;box-shadow:none;font-weight:700;border-left:3px solid #8cac47}.nav svg{width:15px;height:15px}.nav svg:last-child{opacity:1;margin-right:0}.sidebar-foot{color:#89966e;padding:16px 3px;border-top:1px solid #e2e6d6;margin-top:20px;font-size:10px}.side-villages{margin-top:22px}.side-villages h3{font-size:12px;padding:7px;background:#eaf0da;border-bottom:1px solid #ccd9a7}.side-villages button{display:block;background:#fff;width:100%;text-align:right;color:#66832f;padding:7px 5px;border-bottom:1px solid #edf0e3;font-size:11px}.side-villages button.selected{font-weight:800;color:#3b5e13}.side-villages small{display:block;color:#9ba489;font-size:9px}main{margin-left:170px;margin-right:0}.topbar{padding:16px 24px;min-height:75px;background:#fff;border-bottom:1px solid #e1e4d3}.topbar h1{font-size:23px}.content{padding:20px 24px 0}.eyebrow{color:#8a9479;letter-spacing:0}.resource-strip{padding:10px 24px;gap:18px;background:#f8f9f1;border-bottom:1px solid #d9dfc7}.resource strong{font-size:14px}.resource small{font-size:10px}.resource>.classic-resource{width:22px;height:16px}.resource{gap:7px}.meter{height:2px}.meter>span{background:#91ad50}.primary,.secondary,.danger{border-radius:4px;font-size:12px;padding:8px 15px}.primary{background:linear-gradient(#a9c968,#7fa73f);border:1px solid #6f902f;color:#fff;text-shadow:0 1px #547626}.primary:hover{background:#789d39}.secondary{background:linear-gradient(#fff,#f0f1e7);color:#5e7c29;border:1px solid #cbd3b7}.secondary:hover{background:#eaf0dc}.danger{background:#a46546;border:1px solid #8a543b}.panel,.card{border-radius:3px;box-shadow:none;background:#fff;border:1px solid #d9dfc9}.panel{padding:18px}.panel h2{border-bottom:1px solid #dbe2c9;padding-bottom:10px;color:#536f29;font-size:19px}.badge{border-radius:3px;background:#edf2df;color:#6a833b;padding:5px 9px}.page-heading{margin-bottom:12px}.page-heading h2{font-size:23px}.queues{gap:7px;margin-bottom:14px}.queues>div{padding:7px 10px;border-radius:2px;background:#fffbe9;font-size:11px}.finish-button{color:#8b6b0b;background:#fff2ba;border:1px solid #d6bf6c;padding:3px 8px;font-size:10px;border-radius:3px;white-space:nowrap}.classic-overview{border-radius:2px;padding:15px;gap:16px;grid-template-columns:minmax(0,540px) minmax(190px,1fr)}.selected-detail{border-radius:2px;padding:18px;background:#fafbf5;border-color:#dbe1cc}.selected-detail h3{font-size:20px}.selected-detail .hint{font-size:11px}.building-picker>button{border-radius:2px}.scene-heading h3{color:#5c782e}.building-picker{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.hero{background:#fff;border:1px solid #dbe0cb;border-radius:2px;min-height:360px}.hero-copy{padding:30px}.hero h2{font-size:31px;color:#5e7f2c}.hero p{color:#7e886c}.classic-hero{padding:5px 0 30px}.hero small{font-size:10px}.hero .big{font-size:14px;padding:12px 22px}.unit-list button{border-radius:2px}.unit-stats{border-radius:2px;background:#f3f6e9}.unit-portrait{border-radius:0}.tribes button{border-radius:3px}.stats strong{color:#6a8c31}.bonus-label{color:#81a437;font-size:11px}input,select,textarea{border-radius:3px;border:1px solid #c9d2b4;padding:7px 9px;background:#fff;font:inherit;color:#394b29;max-width:100%}textarea{resize:vertical;width:100%}.gold-banner{display:flex;align-items:center;gap:18px;border:1px solid #e4d49a;background:#fffcf0;padding:15px;margin-bottom:16px}.gold-banner>img{width:85px;height:85px;-o-object-fit:contain;object-fit:contain}.gold-banner b{color:#b28b22;font-size:28px}.gold-banner h2{color:#779334;font-size:22px}.gold-banner small{font-size:11px;color:#908257}.section-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #94ad55;margin:18px 0}.section-tabs button{background:#f3f5eb;padding:9px 14px;border:1px solid #d9dfc8;border-bottom:0;color:#708a40;font-size:12px}.section-tabs button.active{background:#93ad54;color:#fff}.classic-table{width:100%;border-collapse:collapse;font-size:12px}.classic-table th{background:#eaf0db;color:#5f782f;font-weight:700;padding:10px;text-align:right;border:1px solid #d4ddbc}.classic-table td{padding:11px;border:1px solid #dfe4d3;vertical-align:middle}.classic-table tbody tr:nth-child(2n){background:#f9fbf4}.classic-table p{font-size:11px;color:#84916e;line-height:1.8;margin-top:6px}.classic-table small{font-size:10px;color:#8c957d}.classic-table td:nth-child(2){white-space:nowrap}.benefits td:first-child{width:65%}.benefits td:last-child{min-width:105px}.table-scroll{overflow:auto}.own-player{background:#f0f6df!important}.player-villages{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.text-link{background:transparent;color:#719233;padding:3px;font:inherit;text-decoration:underline}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.action-row .checkbox{margin:0}.spaced{margin-top:20px}.gold-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0 28px}.gold-packages section{border:1px solid #ded6b1;text-align:center;padding:15px 8px;background:#fffdf4}.gold-packages img{display:block;width:99px;height:99px;margin:0 auto 12px}.gold-packages p{font-size:11px;color:#aa985f;margin:8px 0}.gold-packages h3{color:#8f782f}.npc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.npc-grid input{width:100%}.shortcut-picker{display:flex;gap:15px;flex-wrap:wrap}.route-row{padding:15px 0;border-bottom:1px solid #e2e7d5}.route-row>small{display:block;margin-top:6px;color:#8b957c}.map-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.map-toolbar form{display:flex;gap:6px;margin-right:auto}.map-toolbar input{max-width:155px}.map-toolbar .checkbox{font-size:11px;margin:0}.world-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:start}.world-canvas{background:#fcfdf7;border:1px solid #cdd9af;padding:8px;overflow:hidden}.terrain-map{display:block;width:100%;max-height:610px;background:linear-gradient(#fdfefb,#f1f6e3);direction:ltr}.map-cell{cursor:pointer;outline:none}.map-diamond{fill:transparent;stroke:#617e3438;stroke-width:1}.map-cell:hover .map-diamond,.map-cell:focus-visible .map-diamond{fill:#fff09a77;stroke:#6f8a33;stroke-width:3}.map-diamond.selected{stroke:#df993c;stroke-width:4;fill:#f5d18b33}.crop-mark{fill:#575c20;font:700 13px Arial;text-anchor:middle;paint-order:stroke;stroke:#ffffc9;stroke-width:2px;pointer-events:none}.map-arrows{display:flex;align-items:center;justify-content:center;gap:12px;direction:ltr}.map-arrows button{background:#ecf2db;border:1px solid #c9d8a5;padding:3px 11px;color:#698635}.map-arrows b{font-size:11px;color:#7b8a5e}.map-coordinates{display:flex;justify-content:center;align-items:center;gap:10px;direction:ltr}.map-coordinates label{flex-direction:row;align-items:center;font-size:11px}.map-coordinates input{width:65px}.tile-detail{text-align:center;padding:16px}.tile-detail>img{margin:auto}.tile-fields-preview{width:100%;max-width:220px;margin:12px auto}.tile-counts{display:flex;gap:12px;justify-content:center;margin:15px 0;flex-wrap:wrap}.tile-counts span{display:flex;gap:4px;align-items:center}.tile-detail .primary{display:flex;width:100%;margin-top:15px}.tile-detail p{font-size:12px}.tile-detail h3{color:#6b873a}.cropper-results{display:flex;gap:8px;flex-wrap:wrap}footer{font-size:10px;margin-top:24px;padding:24px 0;color:#949c83}.mobile-nav{background:#fffef8;border-top:1px solid #d4ddc0}.mobile-nav button.active{color:#6d8c36;background:#edf4dd}@media (max-width:1050px){.classic-overview{grid-template-columns:minmax(0,1fr) 205px}.classic-logo{font-size:22px;left:16px}.classic-topnav{gap:6px;margin-left:80px}.gold-head{right:14px}.world-map-layout{grid-template-columns:minmax(0,1fr) 200px}.hero{grid-template-columns:1fr}.classic-hero .classic-village{max-width:460px}.classic-hero{max-height:none}}@media (max-width:760px){.app{box-shadow:none}.classic-masthead{height:94px;padding-top:4px}.classic-logo{display:none}.classic-topnav{gap:2px;margin-left:0;margin-right:48px}.classic-topnav button{min-width:57px;font-size:9px}.classic-topnav button>span{transform:scale(.82);transform-origin:top center;width:70px;height:70px}.gold-head{right:8px;top:25px;font-size:16px;padding:5px 7px}.gold-head small{font-size:9px}.sidebar{display:none}main{margin:0}.topbar{padding:12px 15px;min-height:65px}.topbar h1{font-size:20px}.content{padding:16px 12px 90px}.resource-strip{padding:9px 14px;gap:10px;grid-template-columns:repeat(2,1fr)}.resource strong{font-size:14px}.classic-overview{grid-template-columns:1fr;padding:10px}.selected-detail{padding:15px}.building-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.page-heading h2{font-size:21px}.queues>div{flex-wrap:wrap;font-size:10px}.queues b{margin-right:auto}.gold-banner{padding:10px;gap:10px}.gold-banner>img{width:65px;height:65px}.gold-banner h2{font-size:19px}.gold-banner small{font-size:10px}.section-tabs button{padding:7px 9px;font-size:11px}.classic-table{font-size:10px}.classic-table td,.classic-table th{padding:8px 6px}.classic-table td:nth-child(2){white-space:normal}.benefits td:first-child{width:58%}.benefits td:last-child{min-width:75px}.classic-table .primary,.classic-table .secondary{font-size:10px;padding:7px 8px}.npc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-map-layout{grid-template-columns:1fr}.tile-detail{max-width:none}.tile-fields-preview{max-width:160px}.map-toolbar form{margin:0}.map-toolbar{gap:8px}.map-toolbar .secondary{font-size:11px}.map-coordinates input{width:55px}.gold-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:27px}.hero-copy{padding:24px}.hero p{font-size:12px}.scene-heading{flex-wrap:wrap}.panel{padding:14px}}.building-directory{margin:20px 0;border:1px solid #dbe1cd}.building-directory summary{cursor:pointer;color:#69872d;background:#f1f5e5;padding:10px 15px;font-size:12px}.building-directory .building-picker{padding:12px;margin:0}.village-overview{grid-template-columns:minmax(0,1fr);align-items:start;padding:16px}.village-overview .scene-column{min-width:0;width:100%}.village-scroll{overflow-x:auto;direction:ltr;overscroll-behavior-x:contain;padding:2px;scrollbar-width:thin}.village-overview .classic-village{width:100%;min-width:640px;max-width:760px}.village-site{position:absolute;width:13.8889%;height:22.3214%;pointer-events:none}.site-art{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.village-overview .wall-control{min-height:44px;font-size:13px;bottom:4px}.village-overview .selected-detail{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:140px}.village-overview .selected-detail>.building-sprite{width:90px;height:110px;margin:0}.village-overview .selected-detail .village-summary{flex-basis:100%;margin:0;padding-top:6px}.village-overview .selected-detail>.primary{min-height:44px}.resource-strip{gap:12px;align-items:start}.resource{align-items:flex-start}.resource strong{white-space:nowrap}.resource small{display:block}.resource-clock{line-height:1.7;margin-top:5px;color:#557a2b}.resource-clock bdi{font-variant-numeric:tabular-nums;display:inline-block}.negative{color:#b03924!important}.production-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.production-card{border:1px solid #d5dec1;background:#fafcf5;padding:14px}.production-card h3{display:flex;align-items:center;gap:8px;font-size:15px}.production-card dl{font-size:11px;margin:14px 0}.production-card dl>div{display:flex;justify-content:space-between;gap:6px;margin:8px 0}.production-card dd{margin:0;font-variant-numeric:tabular-nums}.net-production{border-top:1px solid #dbe4c8;padding-top:10px;color:#547727}.net-production span{display:block;font-size:11px}.net-production strong{font-size:24px}.building-directory>h3{padding:16px;background:#f1f5e5;margin:0}.building-group{padding:16px;border-top:1px solid #dbe1cd}.building-group h4{margin:0 0 12px;color:#517423}.building-directory .building-picker{padding:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.building-picker>button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px 16px;justify-content:start;min-width:0}.building-picker small{font-size:12px;line-height:1.7}.building-picker .cost{flex-wrap:wrap;justify-content:center;font-size:12px;gap:8px;margin:5px 0}.building-picker .cost span{display:flex;align-items:center;gap:3px}.building-picker .cost img{width:20px;height:auto}.requirements{margin:4px 0;padding-inline-start:18px;text-align:right;font-size:12px;line-height:1.8;color:#99542d}.build-ready{color:#4b7d24}.build-wait{color:#986522}.build-wait bdi{font-weight:700;font-variant-numeric:tabular-nums}.queue-note,.empty-group{font-size:12px;padding:10px;color:#7c846b}@media (max-width:1100px){.resource-strip,.production-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.village-overview{padding:8px}.village-overview .selected-detail{padding:12px}.building-group{padding:10px}.building-directory .building-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.building-picker>button{padding:8px}.production-grid{gap:8px}.production-card{padding:10px}.production-card dl{font-size:10px}.net-production strong{font-size:22px}}.building-page{border:1px solid #d6debf;background:#fff;margin-bottom:25px}.building-breadcrumb{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#f2f5e7;font-size:12px;border-bottom:1px solid #d6debf}.building-page-header{display:flex;align-items:center;gap:20px;padding:18px 24px}.building-page-header>.building-sprite{width:100px;height:130px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.building-page-header>div{flex:1}.building-page-header h2{font-size:25px;color:#567329}.building-page-header h2 small{display:block;font-size:13px;font-weight:400;margin:5px 0;color:#7d8c62}.building-page-header p{font-size:13px;line-height:1.9;max-width:600px;margin-top:12px}.building-page-header>.secondary{align-self:flex-start;white-space:nowrap;min-height:44px}.building-tabs{display:flex;gap:5px;padding:0 20px;border-bottom:1px solid #c9d6a9;background:#fbfcf7}.building-tabs button{padding:12px 22px;min-height:44px;background:#edf2df;color:#677e39;border:1px solid #d4dfbd;border-bottom:0;border-radius:4px 4px 0 0}.building-tabs button.active{background:#89a84d;color:#fff;font-weight:700}.building-function,.building-upgrade{padding:22px}.building-upgrade h3{margin-bottom:18px}.building-upgrade p{margin:12px 0}.building-upgrade>.cost{font-size:16px;gap:20px}.building-upgrade>.primary{display:block;margin:18px 0 0;min-height:44px}.building-upgrade .requirements{font-size:13px}.building-upgrade .build-wait{display:block;margin:15px 0;font-size:14px}.training-room>h3{color:#567329;margin-bottom:15px}.training-queue{padding:16px;background:#f7edcd;border:1px solid #dfcb87;display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:18px 0}.training-queue small{flex-basis:100%}.recruit-row{display:flex;align-items:flex-start;gap:20px;padding:22px 0;border-bottom:1px solid #e0e5d3}.recruit-row>.unit-portrait{width:95px;height:110px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.recruit-info{flex:1;min-width:0}.recruit-info h4{font-size:17px;color:#567329;margin-bottom:12px}.recruit-info h4 small{font-size:12px;color:#8b927b;font-weight:400;margin-right:12px}.recruit-info .unit-stats{gap:12px;font-size:11px;flex-wrap:wrap;margin:10px 0}.recruit-info>.cost{gap:14px;flex-wrap:wrap;font-size:12px;margin:14px 0}.recruit-info .cost span{white-space:nowrap}.recruit-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.recruit-controls input{width:110px;min-height:44px}.recruit-controls .primary{min-height:44px}.recruit-controls .text-link{min-height:44px;font-size:12px}.recruit-total{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;margin-top:12px;color:#7b8861}.recruit-total .cost{gap:10px;margin:0;font-size:11px}.recruit-requirements{padding:12px;background:#fbf0df;display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.recruit-requirements .text-link{min-height:32px}.training-links{display:flex;flex-wrap:wrap;gap:10px}.training-links button{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:120px;flex:1}.training-links .building-sprite{height:85px;width:85px;-o-object-fit:contain;object-fit:contain}.training-links small{font-size:10px}.storage-status{display:flex;gap:18px;flex-wrap:wrap}.storage-status section{flex:1;min-width:150px;padding:16px;border:1px solid #dce4c9;background:#f8fbef}.storage-status h3{display:flex;gap:8px;align-items:center;margin-bottom:15px}.storage-status p{font-size:12px;margin-top:12px}.storage-status>.primary{flex-basis:100%;min-height:44px}.building-effect{padding:22px;background:#f6f9ed;border:1px solid #dde5cb}.building-effect h3{margin-bottom:15px}.building-effect p{line-height:2;margin-bottom:14px}.building-effect .primary,.building-effect .secondary{min-height:44px;margin:10px 5px}.academy-units .row{gap:15px;flex-wrap:wrap;padding:14px 0;font-size:12px}.academy-units .secondary{min-height:44px}.building-function>.two-grid>.panel{margin:0}.building-function .two-grid{grid-template-columns:1fr}.building-function .unit-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.building-function .unit-list .row{gap:10px}.building-effect progress{width:100%;height:20px;accent-color:#7b9b41}@media (max-width:760px){.building-page-header{padding:12px;gap:12px;flex-wrap:wrap}.building-page-header>.building-sprite{width:70px;height:90px}.building-page-header h2{font-size:21px}.building-page-header>.secondary{margin-right:auto}.building-page-header p{font-size:12px}.building-function,.building-upgrade{padding:14px}.building-tabs{padding:0 10px}.building-tabs button{padding:12px}.recruit-row{gap:10px;flex-wrap:wrap}.recruit-row>.unit-portrait{width:62px;height:78px}.recruit-info{min-width:190px}.recruit-info h4 small{display:block;margin:7px 0}.recruit-controls{gap:8px}.recruit-controls .primary{flex-basis:100%}.building-function .unit-list{grid-template-columns:1fr}.building-effect{padding:12px}.building-upgrade>.cost{font-size:13px;gap:12px}}:root{font-family:Arial,Tahoma,sans-serif;color:#111;background:#fff}.reference-classic{max-width:1200px;position:relative;margin:0 auto;background:#fff;box-shadow:none;color:#111;font-family:Arial,Tahoma,sans-serif;font-size:14px;min-height:100vh;padding-top:0}.reference-classic .classic-masthead{height:174px;padding:0;position:relative;background:#eefaff url(/graphics/classic/artwork1-ltr.jpg) no-repeat center top;background-size:1099px 99px;border:0;margin:0}.reference-classic .classic-logo{position:absolute;top:15px;left:calc(50% - 180px);right:auto;width:250px;height:68px;padding:3px 8px;text-align:center;line-height:1.15;font:900 38px Arial,Tahoma,sans-serif;color:#bad600;text-shadow:1px 2px #fff,2px 3px #899e28;text-decoration:none;background:linear-gradient(#eaf8ff,#f9fcff);border-radius:45%;display:block}.reference-classic .classic-logo small{font:700 10px Georgia,serif;letter-spacing:3px;color:#667a2c;text-shadow:none;margin-top:4px}.reference-classic .classic-navigation-bar{position:absolute;inset:99px 0 auto;height:57px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(#fff,#fafafa 35%,#dedede 78%,#f8f8f8 92%,#aaa);box-shadow:0 2px 3px #0002}.reference-classic .classic-topnav{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;margin:0;padding:0;height:75px;flex:none;direction:rtl}.reference-classic .classic-topnav button{display:block;min-width:0;width:70px;height:70px;border:0;background:transparent;margin:0;padding:0;border-radius:50%;flex-shrink:0}.reference-classic .classic-topnav button>span{display:block;width:70px;height:70px;transform:none;background-position:0 -20px;background-repeat:no-repeat}.reference-classic .classic-topnav button.active>span,.reference-classic .classic-topnav button:hover>span{background-position:0 -120px}.reference-classic .classic-topnav button>span.reports-sprite,.reference-classic .classic-topnav button:hover>span.reports-sprite{background-position:0 -20px}.reference-classic .classic-topnav button.active:after{display:none}.reference-classic .classic-world{position:absolute;right:20px;top:11px;text-align:right;font-size:12px;line-height:1.4;color:#56616d}.reference-classic .classic-world small{display:block;font-size:11px;color:#666}.reference-classic .gold-head{position:static;display:flex;align-items:center;gap:4px;background:linear-gradient(#ffcf4d,#f1a20a);border:1px solid #e8a119;border-radius:5px;padding:3px 6px;color:#fff;font:700 20px Georgia,serif;height:29px;min-width:65px;box-shadow:inset 0 1px #fff9}.reference-classic .gold-head img{order:-1;background:#fff;border-radius:50%;width:19px;height:19px;padding:3px;-o-object-fit:contain;object-fit:contain}.reference-classic .gold-head small{font:12px Arial,Tahoma,sans-serif;color:#fff}.reference-classic main{margin:0 155px 0 185px;min-width:0;background:#fff;border-inline:1px solid #fafafa;box-shadow:0 0 10px #00000009;min-height:calc(100vh - 174px)}.reference-classic .sidebar{position:absolute;display:block;inset:207px 0 auto auto;width:145px;min-height:0;padding:16px 10px;background:#fff;border:0;color:#111;z-index:5;box-shadow:none}.reference-classic .sidebar .nav{display:block;background:none;border:0;box-shadow:none;color:#111;border-radius:0;padding:4px 0;margin:0;text-align:right;font-size:13px;line-height:1.4;min-height:27px}.reference-classic .sidebar .nav.active{color:#57a600;font-weight:700}.reference-classic .sidebar .nav:hover,.reference-classic .sidebar-account button:hover{text-decoration:underline;color:#0093dc}.reference-classic .sidebar-account{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:18px}.reference-classic .sidebar-account button{background:none;padding:2px 0;color:#0000ce;font-size:13px}.reference-classic .sidebar-account button.gold-link{color:#ff8600;font-weight:700;margin-top:12px}.reference-classic .protection-countdown{font-size:12px;line-height:1.7;margin-top:35px;color:#111}.reference-classic .protection-countdown bdi{font-weight:700;font-size:14px}.reference-classic .village-sidebar{position:absolute;top:216px;left:0;width:175px;padding:12px 9px;color:#111;text-align:right}.reference-classic .village-sidebar h3{font-size:15px;color:#e33;margin:0 0 7px}.reference-classic .village-sidebar h3 span{font-weight:400;font-size:12px;color:#666}.reference-classic .village-sidebar input{height:25px;padding:2px 5px;border:1px solid #6dbd36;border-radius:3px;background:#fff;width:100%;font-size:13px}.reference-classic .side-villages{margin:4px 0 24px;padding:0;border:0}.reference-classic .side-villages button{display:flex;gap:5px;align-items:center;justify-content:space-between;width:100%;padding:5px 0;background:none;border:0;text-align:right;color:#333;font-size:13px;line-height:1.5}.reference-classic .side-villages button.selected{color:#ff8b00;font-weight:700;background:none}.reference-classic .side-villages button small{font-size:11px;font-weight:400;color:#111;white-space:nowrap}.reference-classic .sidebar-foot{font-size:11px;color:#888;border:0;margin-top:24px;padding:0;display:block}.reference-classic .content{padding:10px 16px 30px}.reference-classic .page-heading{margin:5px 0 8px;display:flex;align-items:center;justify-content:space-between;min-height:34px}.reference-classic .village-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.reference-classic .village-title h1{font:700 26px Arial,Tahoma,sans-serif;color:#65c800;margin:0}.reference-classic .village-title small{font-size:11px;color:#888;font-weight:400}.reference-classic .village-title .village-coordinates{display:none}.reference-classic .page-heading>h2{font-size:17px;color:#333}.reference-classic .mobile-village-select{display:none}.reference-classic .resource-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:14px 15px 4px;background:#fff;border:0;align-items:start}.reference-classic .resource{display:block;position:relative;border-inline-end:1px solid #eee;padding:0 4px;min-width:0;text-align:right}.reference-classic .resource>.classic-resource{position:absolute;right:2px;top:0;width:20px;height:16px}.reference-classic .resource>div{width:100%}.reference-classic .resource strong{font:700 13px Georgia,Times New Roman,serif;color:#111;white-space:normal;min-height:17px;padding-right:20px;line-height:1.3}.reference-classic .resource>div>small:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reference-classic .resource .meter{height:4px;margin:4px 0 2px;background:#e9efdf;border-radius:0;overflow:hidden}.reference-classic .resource .meter span{background:#2edd27;border-radius:0;display:block;height:100%}.reference-classic .resource small.resource-clock{font-size:10px;line-height:1.4;color:#666;display:block;margin:3px 0 0}.reference-classic .resource small.resource-clock bdi{white-space:nowrap}.reference-classic .resource small.resource-capacity{font-size:9px;line-height:1.4;color:#999;display:block}.reference-classic .resource>div>small:last-child:not(.resource-clock){display:none}.reference-classic .classic-overview{display:block;background:#fff;border:0;border-radius:0;padding:0;box-shadow:none;margin:0 0 14px}.reference-classic .classic-overview .scene-heading{display:none}.reference-classic .village-scroll{padding:0;overflow-x:auto;direction:ltr;scrollbar-width:thin}.reference-classic .village-overview .classic-village{width:100%;min-width:600px;max-width:760px;margin:0 auto}.reference-classic .village-ground{width:100%;display:block}.reference-classic .scene-hint{font-size:11px;color:#777;text-align:center;margin:8px 0 0;line-height:1.6}.reference-classic .wall-control{font-size:12px;padding:5px 12px;background:#fbfff5;border:1px solid #c8dca8;color:#4a7130;bottom:3px;left:8px;min-height:36px}.reference-classic .resources-overview{display:grid;grid-template-columns:minmax(165px,.8fr) minmax(0,1.6fr);direction:ltr;gap:12px;align-items:start}.reference-classic .resources-overview>.scene-column{grid-column:2;grid-row:1;direction:rtl}.reference-classic .classic-fields{width:100%;max-width:420px;margin:0 0 0 auto}.reference-classic .field-spot{width:31px;height:31px;min-width:0;border:1px solid #c8bc69;font:15px Arial,Tahoma,sans-serif;color:#111;background:#fff9b5;box-shadow:0 1px 2px #68582266;padding:0}.reference-classic .field-spot.selected{outline:2px solid #7e9c32;background:#f9ffcd}.reference-classic .village-summary-classic{grid-column:1;grid-row:1;direction:rtl;text-align:right;font-size:13px;min-width:0;padding-top:3px}.reference-classic .village-summary-classic section{margin-bottom:20px}.reference-classic .village-summary-classic h3{font:700 15px Arial,Tahoma,sans-serif;margin:0 0 6px;color:#111}.reference-classic .village-summary-classic h3 button{font:inherit;color:inherit;padding:0;background:none}.reference-classic .compact-production,.reference-classic .compact-troops{padding:0;margin:0}.reference-classic .compact-production>div,.reference-classic .compact-troops>div{display:flex;align-items:center;gap:5px;line-height:1.6;min-width:0}.reference-classic .compact-production dt,.reference-classic .compact-troops dt{font-weight:400;flex:1;overflow-wrap:anywhere;text-align:right}.reference-classic .compact-production dd,.reference-classic .compact-troops dd{margin:0;font-weight:700;font-size:15px;white-space:nowrap;color:#111}.reference-classic .compact-production img,.reference-classic .compact-troops img{width:18px;height:16px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.reference-classic .culture-icon{width:18px;color:#b1a36d;font-size:20px;line-height:20px;text-align:center}.reference-classic .production-caption{font-size:10px;color:#888;display:block;margin-top:5px}.reference-classic .no-troops{font-size:12px;color:#777;line-height:1.5}.reference-classic .movement-line{display:flex;align-items:center;gap:4px;padding:3px 0;white-space:nowrap;background:none;font-size:11px;line-height:1.4;width:100%;text-align:right;flex-wrap:wrap}.reference-classic .movement-line img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.reference-classic .movement-line span{color:#444;font-size:11px}.reference-classic .movement-line.incoming{color:red}.reference-classic .movement-line.outgoing{color:#e89a00}.reference-classic .movement-line.return{color:#179a12}.reference-classic .movement-line.trade{color:#759023}.reference-classic .building-catalog-toggle,.reference-classic .production-breakdown{margin:18px 0;border-top:1px solid #eee;padding-top:10px}.reference-classic summary{cursor:pointer;color:#4c8b20;font-size:13px;padding:5px 0}.reference-classic .field-detail{position:relative;display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap;background:#fff;border:1px solid #d5dfa9;border-radius:0;padding:18px;margin:20px 0;text-align:right}.reference-classic .field-detail>.building-sprite{width:65px;height:85px;margin:0}.reference-classic .field-detail h3{font-size:20px}.reference-classic .field-detail-close{position:absolute;left:10px;top:8px;font-size:12px}.reference-classic .field-detail .cost{font-size:13px;gap:10px}.reference-classic .field-detail .detail-note{flex-basis:100%;text-align:center}.reference-classic .queues{gap:5px;margin:0 0 8px}.reference-classic .queues:empty{display:none}.reference-classic .queues>div{border:1px solid #ece8c6;background:#ffe;border-radius:0;padding:6px 8px;font-size:11px;width:auto;flex-wrap:wrap}.reference-classic .queues .finish-button{font-size:10px;padding:3px 6px}.reference-classic .alert{border-radius:0;margin-bottom:10px;padding:9px 12px;font-size:12px}.reference-classic .primary{background:#75a93b;border-radius:3px}.reference-classic .primary:hover{background:#5c8b2a}.reference-classic input,.reference-classic select{border-radius:3px;background:#fff}.reference-classic .panel{border-radius:0;background:#fff;box-shadow:none}.reference-classic footer{font-size:10px;color:#999;margin:22px 0 0;padding:15px 0;border-top:1px solid #eee;gap:8px;flex-wrap:wrap}.reference-classic .mobile-nav{display:none}.reference-classic bdi{font-variant-numeric:tabular-nums}@media (max-width:1000px){.reference-classic main{margin-left:145px;margin-right:130px}.reference-classic .village-sidebar{width:138px;padding-inline:6px}.reference-classic .sidebar{width:124px;padding-inline:6px}.reference-classic .resources-overview{grid-template-columns:minmax(155px,.85fr) minmax(0,1.5fr);gap:6px}.reference-classic .classic-world{right:9px;font-size:11px}.reference-classic .classic-world small{font-size:10px}.reference-classic .content{padding-inline:10px}.reference-classic .resource-strip{padding-inline:8px}.reference-classic .resource strong{font-size:12px}.reference-classic .side-villages button{flex-wrap:wrap}}@media (max-width:800px){.reference-classic main{margin-left:0;margin-right:128px}.reference-classic .village-sidebar{display:none}.reference-classic .mobile-village-select{display:block;max-width:125px;font-size:11px;padding:3px}.reference-classic .classic-world{display:none}.reference-classic .classic-masthead{height:166px}.reference-classic .sidebar{top:192px}.reference-classic .resource small.resource-clock{font-size:9px}}@media (max-width:600px){.reference-classic main{margin:0;box-shadow:none;border:0}.reference-classic .sidebar{display:none}.reference-classic .classic-masthead{height:145px;background-size:auto 83px;background-position:center top}.reference-classic .classic-logo{font-size:30px;width:215px;left:calc(50% - 155px);top:13px;height:61px}.reference-classic .classic-navigation-bar{top:83px;height:48px;gap:2px}.reference-classic .classic-topnav{gap:0;height:61px}.reference-classic .classic-topnav button{width:55px;height:55px;overflow:hidden}.reference-classic .classic-topnav button>span{transform:scale(.78);transform-origin:top left}.reference-classic .gold-head{font-size:17px;min-width:53px;padding:3px;gap:2px}.reference-classic .gold-head small{font-size:10px}.reference-classic .content{padding:6px 8px 80px}.reference-classic .resource-strip{padding:4px 4px 2px;gap:2px}.reference-classic .resource{padding-inline:2px}.reference-classic .resource strong{font-size:11px;padding-right:17px}.reference-classic .resource>.classic-resource{width:17px;height:14px}.reference-classic .village-title h1{font-size:23px}.reference-classic .resources-overview{grid-template-columns:minmax(130px,.8fr) minmax(0,1.4fr);gap:4px}.reference-classic .village-summary-classic{font-size:11px}.reference-classic .compact-production dd,.reference-classic .compact-troops dd{font-size:13px}.reference-classic .field-spot{width:25px;height:25px;font-size:12px}.reference-classic .village-summary-classic section{margin-bottom:14px}.reference-classic .village-summary-classic h3{font-size:14px}.reference-classic .mobile-nav{display:flex;background:#fff;border-top:1px solid #ddd}.reference-classic .mobile-nav button{color:#555}.reference-classic .mobile-nav button.active{background:#f2f8e8;color:#5c9e17}}@media (max-width:360px){.reference-classic .resources-overview{grid-template-columns:1fr}.reference-classic .resources-overview>.scene-column{grid-column:1;grid-row:1}.reference-classic .village-summary-classic{grid-column:1;grid-row:2;display:flex;gap:20px;flex-wrap:wrap}.reference-classic .classic-topnav button{width:48px}.reference-classic .gold-head{min-width:43px}.reference-classic .gold-head small{display:none}}.reference-classic .mobile-protection{display:none}@media (max-width:600px){.reference-classic .mobile-protection:not(:empty){display:block;font-size:11px;color:#777;margin-bottom:8px}}.reference-classic .field-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:650px;margin:16px auto;padding:12px 15px;background:#fffef8;border:1px solid #d9dfbf;border-radius:6px;box-shadow:0 2px 8px #44520c08;text-align:right}.reference-classic .field-detail-header{display:flex;align-items:center;gap:10px;min-width:0}.reference-classic .field-detail-header>img{width:46px;height:52px;-o-object-fit:contain;object-fit:contain;flex:none}.reference-classic .field-detail-header h3{margin:0 0 3px;font-size:18px;color:#35471f}.reference-classic .field-detail-header h3 small{font-weight:400;font-size:12px;color:#68745b;margin-inline-start:7px}.reference-classic .field-detail-header>div>span{font-size:11px;color:#7c846c}.reference-classic .field-detail .field-detail-close{position:static;margin-inline-start:auto;align-self:flex-start;background:none;color:#71845a;padding:4px;font-size:12px;min-height:30px}.reference-classic .field-production-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0}.reference-classic .field-production-comparison>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:#f5f5eb;border:1px solid #ececdb;border-radius:4px;flex-wrap:wrap}.reference-classic .field-production-comparison dt{font-size:12px;color:#657150}.reference-classic .field-production-comparison dd{display:flex;gap:4px;align-items:baseline;margin:0;white-space:nowrap;font-size:20px;font-weight:700;color:#354327}.reference-classic .field-production-comparison dd small{font-size:10px;font-weight:400;color:#7b866d}.reference-classic .field-production-comparison .next-field-production{background:#f0f7e5;border-color:#d2e1b6}.reference-classic .next-field-production dd{color:#5c8b26}.reference-classic .field-production-note{font-size:10px;color:#848a77;line-height:1.5;margin:0}.reference-classic .field-upgrade-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #e4e6d5;padding-top:10px}.reference-classic .field-upgrade-actions .cost{font-size:12px;gap:10px;margin:0;justify-content:flex-start}.reference-classic .field-upgrade-actions .cost img{width:18px;height:14px}.reference-classic .field-build-time{font-size:11px;color:#788265;white-space:nowrap}.reference-classic .field-build-time bdi{color:#475334;font-weight:700}.reference-classic .field-upgrade-actions>.primary{width:auto;max-width:none;margin:0 auto 0 0;min-height:35px;padding:7px 15px;font-size:12px}.reference-classic .field-status{display:block;color:#a16531;font-size:11px;line-height:1.4}.reference-classic main{margin-right:185px}.reference-classic .sidebar{top:187px;width:172px;right:6px;padding:10px 9px;background:linear-gradient(105deg,#fffef8,#f7f8ef);border:1px solid #e0e4cf;border-radius:7px;box-shadow:0 2px 8px #4b572010}.reference-classic .sidebar-title{display:flex;align-items:center;gap:8px;color:#526b30;font-size:13px;padding:5px 6px 10px;border-bottom:1px solid #e4e7d5}.reference-classic .sidebar-group{padding-top:9px}.reference-classic .sidebar-group h3{font-size:10px;color:#9b9f88;font-weight:400;padding:0 9px 4px;letter-spacing:0}.reference-classic .sidebar .nav{display:flex;align-items:center;gap:9px;padding:7px 9px;margin:1px 0;min-height:32px;border-radius:4px;border:1px solid transparent;color:#546044;font-size:12px;line-height:1.3;font-weight:400;text-decoration:none;transition:background .15s}.reference-classic .sidebar .nav svg{width:15px;height:15px;color:#8c9c71;flex:none;stroke-width:1.6}.reference-classic .sidebar .nav.active{background:linear-gradient(90deg,#e8f1d5,#f3f8e8);color:#4e7525;border-color:#d8e5bf;border-inline-start:3px solid #89ad4e;padding-inline-start:7px;font-weight:700;box-shadow:0 1px 1px #68863308}.reference-classic .sidebar .nav.active svg{color:#6c9338}.reference-classic .sidebar .nav:hover{background:#edf3df;color:#4d7225;text-decoration:none}.reference-classic .sidebar-gold{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:13px 0 10px;padding:10px 8px;background:linear-gradient(#fff9de,#f7edc4);border:1px solid #e7d48f;border-radius:5px;text-align:right;color:#9c7420;font-weight:700;font-size:12px}.reference-classic .sidebar-gold>img{width:23px;height:23px;-o-object-fit:contain;object-fit:contain;image-rendering:auto}.reference-classic .sidebar-gold>span{flex:1}.reference-classic .sidebar-gold small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#b18c3e}.reference-classic .sidebar-account{flex-direction:row;justify-content:space-around;gap:5px;margin:0;padding:9px 0;border-top:1px solid #e4e7d5}.reference-classic .sidebar-account button{color:#7f8a70;font-size:10px;padding:3px}.reference-classic .protection-countdown{margin:2px 0 0;padding:9px;background:#eef3e4;border-radius:4px;text-align:center;color:#7c8969;font-size:10px;line-height:1.5}.reference-classic .protection-countdown bdi{display:block;color:#5f7b3a;font-size:16px;font-weight:400;letter-spacing:1px;margin-top:3px}.reference-classic.map-page main{margin-left:14px}.reference-classic.map-page .village-sidebar{display:none}.reference-classic.map-page .mobile-village-select{display:block;max-width:160px;padding:5px 8px;font-size:12px}.reference-classic.map-page .world-map-layout{grid-template-columns:minmax(0,1fr);gap:12px}.reference-classic.map-page .world-canvas{border:1px solid #dce4c8;border-radius:5px;background:#fff;padding:10px;min-width:0;overflow:hidden}.reference-classic .map-view-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e8eddd;padding-bottom:9px;flex-wrap:wrap}.reference-classic .map-arrows{gap:6px}.reference-classic .map-arrows button,.reference-classic .map-zoom button{min-width:32px;height:30px;border-radius:4px;background:#f2f6e9;border:1px solid #d5e0bf;color:#648630;padding:3px 8px;font-size:17px}.reference-classic .map-arrows b{font-size:12px;color:#6c7e50;min-width:70px;text-align:center}.reference-classic .map-zoom{display:flex;align-items:center;gap:6px;direction:ltr}.reference-classic .map-zoom output{font-size:11px;color:#798769;min-width:40px;text-align:center}.reference-classic .map-scroller{overflow:auto;direction:ltr;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bccb9f #f4f7ef;margin-top:8px;padding-bottom:5px}.reference-classic .terrain-map{display:block;height:auto;max-height:none;max-width:none;overflow:hidden;background:#fff}.reference-classic .map-frame-arrow{cursor:pointer;outline:none}.reference-classic .map-frame-arrow:focus-visible circle,.reference-classic .map-frame-arrow:hover circle{stroke:#84ab40;stroke-width:2;fill:#c5e39733}.reference-classic .map-cell:focus-visible .map-diamond{stroke:#e1a026;stroke-width:3;fill:#fff17b55}.reference-classic .map-edge-note{font-size:10px;text-align:center;color:#8d957c;margin:5px 0}.reference-classic .map-coordinates{margin:8px 0 0;gap:10px;flex-wrap:wrap}.reference-classic .map-coordinates label{margin:0;font-size:12px;gap:5px}.reference-classic .map-coordinates input{width:70px;height:32px;padding:5px 8px;font-size:12px}.reference-classic .map-coordinates .secondary{min-height:32px;padding:5px 12px;font-size:12px}.reference-classic.map-page .tile-detail{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;text-align:right;padding:13px 16px;border:1px solid #e2e8d4;background:#fafcf6;border-radius:4px}.reference-classic.map-page .tile-detail h3{font-size:16px;color:#5e7b37}.reference-classic.map-page .tile-detail p{font-size:12px;margin:0}.reference-classic.map-page .tile-detail>.primary{width:auto;margin:0 auto 0 0;padding:8px 14px;font-size:12px;min-height:35px}.reference-classic.map-page .tile-detail>.tile-fields-preview{width:100px;height:88px;-o-object-fit:contain;object-fit:contain;max-width:100px;margin:0}.reference-classic.map-page .tile-detail>img:not(.tile-fields-preview){width:90px;height:90px;-o-object-fit:contain;object-fit:contain;margin:0}.reference-classic.map-page .tile-detail>.hint{max-width:420px;line-height:1.6}.reference-classic.map-page .tile-counts{margin:0;gap:10px}.reference-classic.map-page .map-toolbar{margin-bottom:10px;gap:9px}.reference-classic.map-page .map-toolbar .secondary{font-size:12px;padding:7px 12px;min-height:34px}.reference-classic.map-page .map-toolbar input:not([type=checkbox]){font-size:12px;padding:6px 9px;max-width:200px;height:34px}.reference-classic.map-page .map-toolbar .checkbox{font-size:11px;gap:5px}@media (max-width:1000px){.reference-classic main{margin-right:174px}.reference-classic .sidebar{width:162px;right:5px;padding-inline:7px}}@media (max-width:800px){.reference-classic main{margin-left:0}.reference-classic.map-page main{margin-left:0}.reference-classic .sidebar{top:183px}.reference-classic .field-upgrade-actions{gap:8px}.reference-classic .field-build-time{font-size:10px}}@media (max-width:600px){.reference-classic main{margin:0}.reference-classic .sidebar{display:none}.reference-classic .field-detail{padding:10px;margin-top:12px;gap:8px}.reference-classic .field-detail-header>img{width:38px;height:43px}.reference-classic .field-detail-header h3{font-size:16px}.reference-classic .field-production-comparison{gap:7px}.reference-classic .field-production-comparison>div{padding:7px 8px;gap:3px}.reference-classic .field-production-comparison dt{font-size:10px}.reference-classic .field-production-comparison dd{font-size:18px}.reference-classic .field-upgrade-actions>.primary{min-height:36px}.reference-classic .field-upgrade-actions .cost{font-size:11px;gap:8px}.reference-classic.map-page .world-canvas{padding:7px}.reference-classic .map-view-controls{gap:5px}.reference-classic .map-arrows{gap:3px}.reference-classic .map-arrows button,.reference-classic .map-zoom button{min-width:29px;padding:2px 5px}.reference-classic .map-arrows b{min-width:62px;font-size:11px}.reference-classic.map-page .tile-detail{padding:10px;gap:9px}.reference-classic.map-page .tile-detail>.primary{margin-inline-start:0}.reference-classic.map-page .map-toolbar form{width:100%}.reference-classic.map-page .map-toolbar form input{flex:1;max-width:none}.reference-classic .field-production-note{font-size:9px}}.reference-classic .building-page-header{padding:14px 18px;gap:15px}.reference-classic .building-page-header>.building-sprite{width:75px;height:100px}.reference-classic .building-page-header h2{font-size:23px}.reference-classic .building-page-header p{font-size:12px;margin-top:6px;line-height:1.6}.reference-classic .building-upgrade{background:#fafcf3;border-block:1px solid #dde5cb;padding:14px 18px}.reference-classic .building-upgrade h3{font-size:16px;margin:0 0 8px}.reference-classic .building-upgrade p{margin:5px 0;font-size:12px}.reference-classic .building-upgrade>.cost{font-size:13px;gap:15px;margin:9px 0}.reference-classic .building-upgrade .build-wait{font-size:12px;margin:8px 0}.reference-classic .building-upgrade .requirements{font-size:12px;margin-block:6px}.reference-classic .building-upgrade-actions{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap;margin-top:9px}.reference-classic .building-upgrade-actions>.primary{min-height:35px;font-size:12px;padding:8px 14px}.reference-classic .building-function{padding:17px 18px}.reference-classic .construction-page{border:1px solid #dce3c7;background:#fff}.reference-classic .construction-page>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px}.reference-classic .construction-page>header h2{font-size:22px;color:#58792f}.reference-classic .construction-page>header p{font-size:12px;color:#8a927c;margin-top:5px}.reference-classic .construction-page>.building-directory{border:0;margin:0}.reference-classic .construction-page>.building-directory>h3{display:none}.reference-classic .construction-page .building-picker{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.reference-classic .occupied-plot{padding:20px}.reference-classic .occupied-plot p{margin-bottom:12px}.reference-classic .npc-assist{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.reference-classic .npc-trigger{display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:7px 10px;border:1px solid #d7bb65;background:linear-gradient(#fff9db,#f8edc2);border-radius:4px;color:#8a6820;font-size:11px;white-space:normal;line-height:1.4}.reference-classic .npc-trigger img{width:22px;height:15px;-o-object-fit:contain;object-fit:contain}.reference-classic .npc-trigger small{font-size:10px;color:#a48a43;white-space:nowrap}.reference-classic .npc-trigger:hover:not(:disabled){background:#f5e6a6;border-color:#b99138}.reference-classic .npc-reason{display:block;font-size:10px;color:#9d8754;margin-top:4px;max-width:190px;line-height:1.4}.reference-classic .npc-preview{position:relative;width:360px;max-width:100%;min-width:0;padding:14px;margin-top:8px;background:#fffdf4;border:1px solid #dcca92;border-radius:5px;box-shadow:0 3px 12px #705f1914;text-align:right;z-index:3}.reference-classic .npc-preview h4{font-size:14px;color:#806125;margin:0 0 10px}.reference-classic .npc-preview-resources{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reference-classic .npc-preview-resources>div{display:grid;grid-template-columns:20px 1fr;gap:5px;background:#f6f2df;padding:7px;border-radius:3px}.reference-classic .npc-preview-resources img{width:18px;height:16px;-o-object-fit:contain;object-fit:contain}.reference-classic .npc-preview-resources span{font-size:10px;color:#8a825f}.reference-classic .npc-preview-resources strong{grid-column:2;font-size:12px;direction:ltr;text-align:right;color:#617c2c;white-space:nowrap}.reference-classic .npc-preview p{font-size:10px;line-height:1.6;color:#8a8264;margin:9px 0}.reference-classic .npc-preview .primary{font-size:11px;min-height:34px;padding:7px 10px}.reference-classic .npc-preview .text-link{font-size:11px}.reference-classic .npc-training-max{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:10px;margin-top:8px;background:#fffbec;border:1px solid #ebe0b8;border-radius:4px}.reference-classic .npc-training-max>span{font-size:11px;color:#8c783f;padding-top:8px}.reference-classic .field-upgrade-actions .npc-assist{margin:0}.reference-classic .offer>.npc-assist{margin:5px}.reference-classic .field-upgrade-actions .npc-preview{width:360px;max-width:100%}@media (max-width:600px){.reference-classic .building-page-header{padding:12px}.reference-classic .building-page-header>.building-sprite{width:58px;height:78px}.reference-classic .building-upgrade,.reference-classic .building-function{padding:12px}.reference-classic .building-upgrade-actions{gap:7px}.reference-classic .construction-page>header{padding:12px;flex-wrap:wrap}.reference-classic .construction-page>header h2{font-size:19px}.reference-classic .construction-page .building-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-classic .npc-preview{padding:10px}.reference-classic .npc-preview-resources{gap:5px}.reference-classic .npc-trigger{font-size:10px;padding:7px 8px}.reference-classic .npc-training-max{padding:8px}}.oasis-raid{border-top:1px solid #d4dfbd;margin-top:14px;padding-top:8px}.oasis-animals{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0}.oasis-animals span{display:inline-flex;align-items:center;gap:5px}.oasis-raid .send-units{margin:12px 0}.training-batch-timer{font-variant-numeric:tabular-nums;direction:ltr}.site-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;border:0;background:transparent;border-radius:0;pointer-events:auto;cursor:pointer;touch-action:manipulation;overflow:visible}.site-hit>img,.site-hit>span{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.site-hit:focus-visible{outline:2px solid #648e27;outline-offset:2px}.occupied-site .site-hit:hover>.site-art,.occupied-site .site-hit:focus-visible>.site-art{filter:drop-shadow(0 0 4px #8baf39)}.site-level{position:absolute;left:50%;bottom:2px;transform:translate(-50%);display:grid;place-items:center;min-width:24px;height:24px;padding:0 3px;border:1px solid #908542;background:#fffaaf;border-radius:50%;color:#111;font:14px Arial,Tahoma,sans-serif;box-shadow:0 1px 2px #0004}.site-hit.constructing .site-level{background:#ffe59b}.empty-site>.site-hit{z-index:1000;inset:auto 10% -8px;width:80%;height:44px;display:grid;place-items:center;border-radius:50%}.empty-site-marker{position:absolute;left:10%;bottom:1px;pointer-events:none;width:80%;height:26px;background:#e4f1cc;border:2px solid #c6e6a6;border-radius:50%;display:grid;place-items:center;font:18px Arial,sans-serif;color:#668f2c}.empty-site .site-hit:hover+.empty-site-marker,.empty-site .site-hit:focus-visible+.empty-site-marker,.empty-site .site-hit.selected+.empty-site-marker{background:#d6efb3;border-color:#83b644}.storage-upgrade-preview{margin:10px 0 12px;padding:10px 0;border-block:1px solid #dce5cb}.storage-upgrade-preview dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0}.storage-upgrade-preview dt{font-size:11px;color:#77845c}.storage-upgrade-preview dd{margin:5px 0 0;font:700 17px Georgia,serif;color:#557a2c}.storage-upgrade-preview small{display:block;margin-top:8px;font-size:10px;color:#77845c}.catalog-refresh{color:#7a7f6a}.reference-classic .gold-upgrade{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 22px 18px;padding:12px 14px;border:1px solid #e5d599;border-radius:5px;background:#fffbeb;color:#756028}.reference-classic .gold-upgrade strong{font-size:13px}.reference-classic .gold-upgrade p{margin:6px 0 0;font-size:11px;line-height:1.6}.reference-classic .gold-upgrade bdi{font-variant-numeric:tabular-nums}.reference-classic .gold-upgrade-button{border:1px solid #c8a346;border-radius:4px;background:linear-gradient(#fff4b9,#efd278);color:#604b16;font:inherit;font-size:12px;padding:9px 14px;min-height:40px;cursor:pointer;white-space:nowrap}.reference-classic .gold-upgrade-button:disabled{opacity:.5;cursor:default}.reference-classic .gold-upgrade-button:focus-visible{outline:2px solid #86651f;outline-offset:3px}@media (max-width:600px){.reference-classic .gold-upgrade{margin:0 12px 12px;padding:10px}.reference-classic .gold-upgrade-button{flex:1}}.reference-classic .field-detail .gold-upgrade{margin:12px 0 0}.training-completion{display:block;margin-top:4px;line-height:1.6}.training-completion bdi{font-variant-numeric:tabular-nums}.village-copy{margin:18px 0;padding:16px;border:1px solid #d8dfbf;border-radius:6px;background:#fffdf1}.village-copy h3{margin-top:0}.village-copy p{font-size:12px;line-height:1.8}.village-copy dl{margin:14px 0}.village-copy dl>div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;font-size:13px}.village-copy dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.village-copy .copy-discount{color:#5b7c2f}.village-copy .copy-total{border-top:1px solid #d8dfbf;margin-top:6px;padding-top:12px;font-weight:700;color:#6b5725}.village-copy .checkbox{margin-top:16px}.village-hit-defs{position:absolute;pointer-events:none}.site-art-hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer}.site-art-hit:hover .site-art{filter:brightness(1.1)}.classic-village>.site-pin{inset:auto;width:40px;height:40px;transform:translate(-50%,-50%);z-index:2000;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;clip-path:circle(50%);padding:0;pointer-events:auto}.site-pin-label{display:grid;place-items:center;width:28px;height:28px;border:1px solid #8e8649;border-radius:50%;background:#fff9b2;color:#1d2615;font:700 14px Arial;box-shadow:0 1px 3px #0004}.empty-pin .site-pin-label{width:26px;height:26px;background:#f0f7dc;border-color:#90b451;color:#4f7724;font-size:19px}.site-pin:hover .site-pin-label,.site-pin:focus-visible .site-pin-label,.site-pin.selected .site-pin-label{outline:2px solid #527b28;outline-offset:2px;background:#fff}.site-pin.constructing .site-pin-label{background:#ffe59b}.village-view-switch{display:flex;justify-content:center;gap:8px;margin:4px 0 12px}.village-view-switch button{padding:7px 12px;font-size:12px;min-height:40px}.village-site-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.village-site-list button{display:flex;align-items:center;gap:8px;text-align:start;min-height:64px;padding:8px}.village-site-list .building-sprite{width:42px;height:52px;flex:none}.village-site-list small{display:block;color:#87916b}.site-list-plus{width:42px;text-align:center;font-size:25px;color:#739a37}.reference-classic .recruit-row .unit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px;border:1px solid #e1e7d3;border-radius:6px;background:#f7f9ef;margin:8px 0;min-height:0}.reference-classic .recruit-row .unit-stats span{font-size:11px;line-height:1.6;text-align:center;white-space:normal}.reference-classic .recruit-row .unit-stats span:last-child{grid-column:auto}.reference-classic .recruit-row>.unit-portrait{width:70px;height:92px;-o-object-fit:contain;object-fit:contain}.reference-classic .recruit-row{gap:14px;padding:16px 0}@media (max-width:600px){.reference-classic .recruit-row .unit-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px;gap:4px}.village-site-list{grid-template-columns:1fr}}.village-title .rename-village{background:transparent;color:#668437;border:0;padding:8px;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.village-title .rename-village:hover{background:#edf3e2;border-radius:6px}.village-name-form{display:flex;align-items:center;gap:4px;max-width:100%;flex-wrap:wrap}.village-name-form input{width:220px;max-width:60vw}.village-name-form button{padding:7px;min-height:34px}.reinforcement-panel{margin-top:16px;scroll-margin-top:20px}.reinforcement-group h4{margin:10px 0 4px}.reinforcement-group .hint{margin:4px 0 8px}.reinforcement-row{padding:10px 0;border-top:1px solid #e4e9dc}.reinforcement-row p{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}.summary-reinforcements{border-top:1px solid #dbe4ca;padding-top:6px;margin-top:8px}.summary-reinforcements p{margin:5px 0;font-size:11px}.summary-reinforcements small{font-size:10px;line-height:1.6;display:block}.oasis-hero-state{display:flex;gap:5px;align-items:center;flex-wrap:wrap;background:#f2f6eb;padding:8px;border-radius:4px}.village-scroll[hidden]{display:none}.village-military-notice{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;padding:8px 12px;margin:0 0 12px;background:#f5f8ee;border:1px solid #e4ead7;border-radius:5px;font-size:12px}.village-military-notice bdi{font-weight:700}.reference-classic .oasis-raid .send-units{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;border:0}.oasis-raid .send-units>label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:1px solid #dce2ce;border-radius:4px;background:#fafcf6;font-size:12px;text-align:center}.oasis-raid .send-units input{width:100%;min-width:0}.oasis-raid .send-units .unit-sprite{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.classic-village>.construction-link{width:60px;height:44px;clip-path:none;border-radius:50%;text-decoration:none;touch-action:manipulation}.construction-link:focus-visible{outline:2px solid #527b28;outline-offset:2px}:root{color-scheme:light;--ink:#233e32;--muted:#697c6c;--leaf:#658d31;--line:#dce4ce;--paper:#fffef8;--gold:#c49a39}body{background:#f1f3e9;color:var(--ink)}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #719e43;outline-offset:3px}button{touch-action:manipulation}input,select,textarea{color:var(--ink)}a{color:#537b32}bdi{font-variant-numeric:tabular-nums}.language-switcher{display:inline-flex;gap:2px;padding:3px;border:1px solid #d7decb;border-radius:20px;background:#fffef7;direction:ltr;white-space:nowrap}.language-switcher button{border:0;background:transparent;border-radius:16px;min-height:30px;padding:4px 11px;color:#63745a;font-size:12px;cursor:pointer}.language-switcher button[aria-pressed=true]{background:#e7eed9;color:#345823;font-weight:700}.game-language{position:absolute;inset-inline-end:16px;top:-50px}.world-announcement{margin:12px 0;padding:13px 18px;background:#f8efd6;border:1px solid #e7d39c;border-inline-start:4px solid #bd953d;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}.reference-classic{box-shadow:0 4px 32px #26391f0c;border-inline:1px solid #e2e7d7}.reference-classic .classic-masthead{background-color:#edf7ef}.reference-classic .classic-logo{color:#436a2d;text-shadow:0 2px 0 #fff;font-size:32px;background:#f4faf3dc;border:1px solid #dce8ce;border-radius:14px;height:68px;box-shadow:0 3px 12px #223b1c12}.reference-classic .classic-logo small{letter-spacing:2px}.reference-classic .classic-navigation-bar{background:linear-gradient(#fffef9,#edf0e3);border-block:1px solid #dbe2cd;box-shadow:0 3px 6px #273f2010}.reference-classic .classic-topnav button{transition:transform .15s}.reference-classic .classic-topnav button:hover{transform:translateY(-3px)}.reference-classic .classic-topnav button[aria-current=page]{filter:drop-shadow(0 3px 3px #58832040)}.reference-classic main{background:#fffefb}.reference-classic .content{padding:16px 18px 32px}.reference-classic .page-heading{margin-bottom:16px}.reference-classic .village-title h1{color:#587f2b;font-size:27px}.reference-classic .village-title small{color:#718069;font-size:12px}.reference-classic .sidebar{background:#fcfdf6;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 10px #25372208}.reference-classic .sidebar .nav{font-size:13px;min-height:36px;border-radius:5px;text-align:start}.reference-classic .sidebar .nav:hover{background:#edf4e2;text-decoration:none}.reference-classic .sidebar .nav.active{background:#e6efda;color:#466d23}.reference-classic .sidebar-group h3{font-size:11px;letter-spacing:.02em;color:#7a896f}.reference-classic .sidebar-account button{font-size:12px}.reference-classic .village-sidebar input{height:33px;border-color:#d2ddbd}.reference-classic .side-villages button{padding:9px 5px;border-bottom:1px solid #e6ecd9;text-align:start}.reference-classic .side-villages button.selected{color:#688b2d;background:#f2f6e8;border-radius:4px}.reference-classic .village-sidebar h3{color:#607c32}.reference-classic .village-sidebar{background:#fffef8;border-radius:8px}.reference-classic .resource-strip{border-bottom:1px solid var(--line);background:linear-gradient(#fffefb,#f7f9ef);padding-block:14px;gap:12px}.reference-classic .resource strong{font-size:16px;color:#2e4c30}.reference-classic .resource small{font-size:11px;color:#718064}.reference-classic .resource progress{height:4px;border-radius:4px}.reference-classic .resource-timer{font-variant-numeric:tabular-nums}.reference-classic .queues>div{background:#f4f7e9;border:1px solid #dde5ca;border-radius:6px;padding:9px;line-height:1.6}.reference-classic .alert{border-radius:6px;padding:12px 15px;font-size:13px}.reference-classic .panel,.reference-classic .building-page,.reference-classic .construction-page{border:1px solid var(--line);border-radius:9px;background:#fffefb;overflow:hidden}.reference-classic .panel h2,.reference-classic .panel h3{color:#4b6b31}.reference-classic .panel h2{font-size:20px}.reference-classic .building-page-header{background:linear-gradient(120deg,#fffefb,#f2f6e7);padding:22px}.reference-classic .building-page-header>.building-sprite{filter:drop-shadow(0 5px 3px #34431b15);width:102px;height:118px}.reference-classic .building-page-header h2{color:#426429;font-size:25px}.reference-classic .building-page-header p{font-size:13px;line-height:1.8}.reference-classic .building-upgrade{background:#fafcf2}.reference-classic .building-upgrade p,.reference-classic .building-function p{line-height:1.8}.reference-classic .building-breadcrumb{background:#edf3e1;font-size:12px}.reference-classic .building-function{padding:20px}.reference-classic .primary{background:#739b35;border:1px solid #668c2f;border-radius:5px;box-shadow:inset 0 1px #fff3;color:#fff;min-height:36px;font-size:12px;padding:8px 13px}.reference-classic .primary:hover:not(:disabled){background:#63892c}.reference-classic .secondary{border-color:#d5dfc2;border-radius:5px;background:#fafcf3;color:#55753b;min-height:34px}.reference-classic .hint{font-size:12px;line-height:1.8;color:#74806b}.reference-classic .cost{font-size:13px}.reference-classic .classic-table{font-size:13px;border-collapse:separate;border-spacing:0;width:100%}.reference-classic .classic-table th{background:#edf3e1;color:#506735;font-size:12px;padding:12px 9px}.reference-classic .classic-table td{padding:11px 9px;border-bottom:1px solid #e5ebdc}.reference-classic .classic-table tbody tr:hover{background:#f7faef}.reference-classic .table-scroll{border:1px solid #e2e8d6;border-radius:7px}.reference-classic .form-grid label,.reference-classic .panel label{font-size:13px}.reference-classic input,.reference-classic select,.reference-classic textarea{border-color:#d5dfc5;border-radius:5px;background:#fffefb;min-height:34px}.reference-classic .classic-village{background:#fbfdf4;border-radius:50%;isolation:isolate}.reference-classic .site-art{filter:drop-shadow(0 3px 2px #2b491c17)}.reference-classic .site-level,.reference-classic .field-spot{font-weight:700;box-shadow:0 1px 4px #3a4e2740}.reference-classic .site-hit:hover>.site-art{filter:drop-shadow(0 0 5px #7ca538)}.reference-classic .empty-site-marker{color:#557f2e;background:#e5efce;border-color:#bdcf96}.reference-classic .classic-fields,.reference-classic .classic-fields>img{filter:none;box-shadow:none;border:0}.reference-classic .scene-hint{font-size:11px;line-height:1.6;color:#7d866d}.reference-classic .village-summary-classic{font-size:13px}.reference-classic .compact-production dd,.reference-classic .compact-troops dd{font-size:16px}.reference-classic .field-detail{max-width:680px;background:#fffef7;box-shadow:0 4px 14px #4153240b}.reference-classic .field-production-comparison dd{font-size:24px}.reference-classic .field-production-note{font-size:11px;line-height:1.7}.reference-classic .building-picker>button{background:#fffef9;border:1px solid #dce5c8;border-radius:7px;transition:background .15s,transform .15s}.reference-classic .building-picker>button:hover{background:#f1f6e6;transform:translateY(-2px)}.reference-classic .building-picker>button strong{font-size:14px}.reference-classic .building-group{border-radius:6px}.reference-classic .unit-card{background:#fffef8;border-color:#d9e3c9;border-radius:7px}.reference-classic .unit-card h3{font-size:16px}.reference-classic .unit-card img{filter:drop-shadow(0 3px 2px #273d1d18)}.reference-classic .training-queue{border-radius:6px;background:#edf4e0}.reference-classic .world-canvas{border-radius:8px;background:#f3f8e9;border-color:#d4dfbd}.reference-classic .map-cell:hover .map-diamond{stroke:#7fa53c;stroke-width:2.5}.reference-classic .map-diamond.selected{stroke:#b18a29;stroke-width:3}.reference-classic .tile-detail{background:#fffdf4}.reference-classic .gold-banner{border-radius:8px;background:linear-gradient(120deg,#fff9d9,#fffdf4);border:1px solid #e6d79f}.reference-classic .gold-packages>article{border-radius:8px}.reference-classic .oasis-animals{padding:12px;background:#f5f8ed;border-radius:7px}.reference-classic .site-footer{border-color:#e4e9da;color:#7b866e}html[dir=ltr] .reference-classic main{margin:0 185px}html[dir=ltr] .reference-classic .sidebar{left:0;right:auto}html[dir=ltr] .reference-classic .village-sidebar{right:0;left:auto;text-align:left}html[dir=ltr] .reference-classic .classic-world{left:20px;right:auto;text-align:left}html[dir=ltr] .reference-classic .classic-topnav{direction:ltr}html[dir=ltr] .reference-classic .classic-logo{left:calc(50% - 125px)}html[dir=ltr] .reference-classic .field-detail,html[dir=ltr] .reference-classic .building-page,html[dir=ltr] .reference-classic .panel,html[dir=ltr] .reference-classic .npc-preview-resources strong{text-align:left}.welcome-shell{max-width:1320px;margin:auto;color:var(--ink);background:#fffdf5;min-height:100vh;font-family:Arial,Tahoma,sans-serif}.welcome-nav{height:92px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e8d6}.welcome-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#365537;font-weight:700;font-size:24px}.brand-emblem{width:43px;height:48px;background:#e7ecd2;border:1px solid #d2dcb4;border-radius:12px;display:grid;place-items:center;font-size:32px;color:#557239}.welcome-brand small{display:block;font:10px Georgia,serif;letter-spacing:3px;margin-top:4px;color:#80905b}.welcome-nav-actions{display:flex;align-items:center;gap:15px}.welcome-nav .secondary{background:transparent;color:#496a32;border:1px solid #cfdab7;border-radius:6px;padding:10px 16px;font-size:13px}.welcome-main{margin:0;padding:0 5%;min-height:0;background:transparent}.welcome-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;min-height:610px;padding:38px 0 30px;background:radial-gradient(ellipse at 10% 45%,#eaf1ce70,transparent 57%)}.welcome-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#77874e;letter-spacing:.02em}.live-dot{width:7px;height:7px;background:#8ca540;border-radius:50%;box-shadow:0 0 0 4px #e8efd5}.welcome-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.45;margin:19px 0 18px;letter-spacing:-1px;font-weight:800;color:#294b37}.welcome-copy h1 em{font-style:normal;color:#78943e}.welcome-copy>p{font-size:16px;line-height:2;max-width:460px;color:#7c866e}.welcome-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:27px 0 19px}.welcome-shell .primary,.registration-card .primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;background:#708c37;border:1px solid #647f30;border-radius:7px;padding:12px 25px;font-weight:700;font-size:15px;box-shadow:0 4px 10px #536a251a;color:#fff}.welcome-shell .primary:hover{background:#5f7b2c}.welcome-cta>a{display:flex;align-items:center;gap:7px;font-size:13px;text-decoration:none;color:#687c48}.welcome-reassurance{display:flex;gap:7px;align-items:center;font-size:11px;color:#8b9579;line-height:1.8}.welcome-art{padding:15px;background:#f0f4df70;border:1px solid #e2e9cb;border-radius:24px;position:relative;box-shadow:0 20px 40px #465d2410}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#80915d;margin:2px 6px 12px}.preview-heading>div{display:flex;gap:2px;background:#fffdf2;border:1px solid #d9e2bd;border-radius:20px;padding:3px}.preview-heading button{border:0;background:transparent;padding:6px 12px;font-size:11px;color:#72804c;border-radius:16px}.preview-heading button[aria-pressed=true]{background:#e2ebc9;color:#3e6228}.welcome-art .village-scroll{overflow:hidden;background:transparent;border:0}.welcome-art .classic-village{min-width:0!important;width:100%!important;max-width:100%;background:transparent}.welcome-art .classic-fields{min-width:0;width:100%;max-width:100%}.welcome-art .site-hit{cursor:pointer}.welcome-art .wall-control{display:none}.preview-caption{display:block;text-align:center;color:#88966c;font-size:11px;margin:8px}.welcome-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #dfe5cd;padding:23px 0;gap:10px}.welcome-stats>div{display:flex;align-items:center;justify-content:center;gap:11px;border-inline-end:1px solid #dfe5cd}.welcome-stats>div:last-child{border:0}.welcome-stats strong{font:700 27px Georgia,serif;color:#73903e}.welcome-stats span{font-size:12px;color:#8a9479;max-width:96px;line-height:1.7}.welcome-steps,.welcome-tribes{padding:65px 0 8px}.section-intro{text-align:center;margin-bottom:30px}.section-intro>span{font-size:12px;color:#9a9c75}.section-intro h2{font-size:27px;color:#3b5939;margin:10px 0}.welcome-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.welcome-steps article{position:relative;border:1px solid #e1e6d0;border-radius:12px;padding:28px 25px;background:#fffef8}.welcome-steps article>svg{color:#759048;margin-bottom:15px}.step-number{position:absolute;inset-inline-end:18px;top:18px;font:24px Georgia,serif;color:#d2d9ba}.welcome-three h3{font-size:18px;color:#486339;margin:0 0 10px}.welcome-three p{font-size:13px;line-height:1.9;color:#8a927e;margin:0}.welcome-tribes .tribe-card{display:flex;align-items:center;gap:10px;padding:22px 15px;border:1px solid #dedfc6;border-radius:12px;min-height:180px;background:linear-gradient(135deg,#f2f5e5,#fffdf3)}.welcome-tribes .tribe-1{background:linear-gradient(135deg,#f3ead6,#fffdf3)}.welcome-tribes .tribe-2{background:linear-gradient(135deg,#e9f1dd,#fffdf3)}.tribe-card .unit-portrait{width:90px;height:125px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 3px #303d201b)}.tribe-card .text-link{display:flex;align-items:center;gap:7px;margin-top:15px;color:#70873f;font-size:12px;background:none;padding:0}.welcome-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:75px 0}.welcome-faq h2{font-size:28px;color:#3b583a;margin:12px 0 25px}.welcome-faq details{border-bottom:1px solid #e1e5d1;padding:18px 0;font-size:14px}.welcome-faq summary{cursor:pointer;color:#526c42}.welcome-faq p{font-size:13px;line-height:1.9;color:#879278}.welcome-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:25px 5%;font-size:11px;color:#9b9e82;background:#f4f5e8;border-top:1px solid #e4e7d4}.registration-card{max-width:780px;margin:12px auto 30px;padding:30px;background:#fffdf5;border:1px solid #dde5c8;border-radius:12px}.registration-card header{text-align:center;margin-bottom:25px}.registration-card h2{font-size:28px;color:#486333;margin:10px 0}.registration-card header p{font-size:14px;color:#819067;line-height:1.8}.registration-names{display:grid;grid-template-columns:1fr 1fr;gap:18px}.registration-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#5f7547}.registration-card input{padding:10px;border:1px solid #d4ddbf;border-radius:5px;font:inherit}.registration-card small{font-size:11px;color:#929a80}.registration-card fieldset{border:0;padding:0;margin:24px 0}.registration-card legend{margin-bottom:12px;color:#647c48;font-size:14px}.registration-tribes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.registration-tribes label{position:relative;border:1px solid #dce3cd;border-radius:8px;align-items:center;text-align:center;padding:12px;background:#fffef8;cursor:pointer}.registration-tribes label.selected{border:2px solid #8da652;background:#f1f6e2;padding:11px}.registration-tribes input{position:absolute;top:10px;inset-inline-start:10px;min-height:0;accent-color:#7e9a46}.registration-tribes .unit-portrait{width:75px;height:100px;-o-object-fit:contain;object-fit:contain}.registration-tribes small{line-height:1.8}.registration-card .primary{width:100%}.registration-footnote{display:flex;justify-content:center;align-items:center;gap:6px;color:#8a9676;font-size:11px;margin:16px 0 0}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-heading h2{margin:7px 0;color:#4f7034}.admin-statistics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.admin-statistics>div{padding:15px 10px;text-align:center;background:#f3f7e9;border:1px solid #dfe7cf;border-radius:7px}.admin-statistics strong{display:block;font:700 25px Georgia,serif;color:#68833e}.admin-statistics span{font-size:11px;color:#889774}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-grid label{display:flex;flex-direction:column;gap:8px;margin:12px 0}.admin-grid .checkbox{flex-direction:row;align-items:center}.admin-grid hr{border:0;border-top:1px solid #e0e7d2;margin:22px 0}.admin-role-form{padding-bottom:8px}.admin-ban{padding:9px 0;border-bottom:1px solid #e4e9da}.admin-ban time{display:block;font-size:11px;color:#899678}.admin-ban p{font-size:12px;margin:6px 0;overflow-wrap:anywhere}@media (max-width:1050px){.welcome-hero{gap:20px;min-height:500px}.welcome-copy h1{font-size:39px}.welcome-copy>p{font-size:14px}.welcome-tribes .tribe-card{flex-direction:column;text-align:center}.tribe-card .text-link{justify-content:center}.welcome-stats>div{flex-direction:column;gap:5px}.welcome-stats span{max-width:none}.game-language{inset-inline-end:9px}.reference-classic .classic-world{font-size:11px}}@media (max-width:760px){.welcome-nav{height:76px;padding:0 5%}.welcome-brand{font-size:19px}.welcome-nav .secondary{display:none}.welcome-nav-actions{gap:5px}.welcome-hero{grid-template-columns:1fr;padding:30px 0;gap:26px}.welcome-copy{text-align:center}.welcome-copy h1{font-size:39px;margin:14px 0}.welcome-copy>p{margin:0 auto;font-size:14px}.welcome-cta,.welcome-reassurance{justify-content:center}.welcome-art{max-width:500px;width:100%;margin:auto;padding:10px}.welcome-three{grid-template-columns:1fr;gap:13px}.welcome-tribes .tribe-card{flex-direction:row;text-align:start;padding:18px}.tribe-card .text-link{justify-content:flex-start}.welcome-steps article{padding:22px}.welcome-steps article>svg{margin-bottom:10px}.welcome-steps,.welcome-tribes{padding-top:40px}.section-intro h2{font-size:24px}.welcome-faq{grid-template-columns:1fr;gap:18px;padding:40px 0}.welcome-stats{grid-template-columns:repeat(2,1fr);row-gap:20px}.welcome-stats>div:nth-child(2){border:0}.welcome-footer{font-size:10px}.reference-classic main,html[dir=ltr] .reference-classic main{margin:0}.reference-classic .sidebar,.reference-classic .village-sidebar{display:none}.reference-classic .content{padding:13px 12px 85px}.reference-classic .classic-logo{font-size:24px;left:15px;width:180px;top:15px;height:58px}.reference-classic .game-language{top:-75px;inset-inline-end:10px}.reference-classic .classic-world{display:none}.reference-classic .classic-navigation-bar{gap:5px}.reference-classic .resource-strip{padding-block:10px;gap:8px}.reference-classic .resource strong{font-size:14px}.reference-classic .resource small{font-size:10px}.reference-classic .building-page-header{padding:14px}.reference-classic .building-page-header>.building-sprite{width:76px;height:90px}.reference-classic .building-page-header h2{font-size:21px}.reference-classic .mobile-nav{background:#fffdf3;border-top:1px solid #d9e2c4;box-shadow:0 -3px 12px #273f1510}.reference-classic .mobile-nav button.active{background:#e8f0d7;color:#506f2a}.registration-card{padding:18px 13px}.registration-names{grid-template-columns:1fr}.registration-tribes{gap:7px}.registration-tribes .unit-portrait{width:58px;height:80px}.registration-tribes small{font-size:10px}.registration-card h2{font-size:24px}.admin-grid{grid-template-columns:1fr}.admin-statistics{grid-template-columns:repeat(2,1fr)}html[dir=ltr] .reference-classic .classic-logo{left:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ranking-pages{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:16px;font-size:12px}html[dir=ltr] .reference-classic.map-page main{margin:0 14px 0 185px}@media (max-width:1000px){html[dir=ltr] .reference-classic main{margin:0 145px 0 174px}html[dir=ltr] .reference-classic.map-page main{margin:0 14px 0 174px}}@media (max-width:800px){html[dir=ltr] .reference-classic main,html[dir=ltr] .reference-classic.map-page main{margin:0 0 0 174px}}@media (max-width:760px){.reference-classic.map-page main,html[dir=ltr] .reference-classic main,html[dir=ltr] .reference-classic.map-page main{margin:0}.reference-classic .mobile-nav{display:flex}}.welcome-copy>p,.welcome-reassurance,.welcome-stats span,.welcome-three p,.welcome-faq p,.preview-caption,.preview-heading,.registration-card small,.registration-card header p,.registration-footnote{color:#67745a}html[dir=ltr] .reference-classic .npc-preview,html[dir=ltr] .reference-classic .sidebar-gold{text-align:start}html[dir=ltr] .reference-classic .field-upgrade-actions>.primary{margin-left:auto;margin-right:0}.village-title .rename-village{gap:5px;font-size:12px;white-space:nowrap}.map-finder,.nearby-villages,.player-profile{min-width:0}.map-results,.village-directory{width:100%;text-align:start}.map-results th,.village-directory th{white-space:nowrap}.map-results td,.village-directory td{vertical-align:middle}.map-results td:first-child{min-width:95px}.village-directory small{display:block;margin-top:4px;color:#768064}.village-actions{display:flex;gap:4px;flex-wrap:wrap;min-width:150px}.village-actions .secondary{padding:6px 8px;min-height:32px;font-size:11px;margin:0}.finder-bonuses{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.finder-bonuses>span{display:inline-flex;align-items:center;gap:2px;font-size:11px}.map-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.map-pagination span{font-size:12px;color:#73825c}.map-results .text-link{white-space:nowrap}.map-results button{min-height:34px}.player-facts{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px;background:#f3f6ec;margin-bottom:20px}.player-name{font-weight:700;font-size:inherit}.tile-detail{scroll-margin-top:16px}.map-target-actions .village-actions{width:100%;justify-content:center}.reference-classic .table-scroll{max-width:100%;overflow-x:auto}@media (max-width:600px){.map-results{min-width:450px}.village-directory{min-width:550px}.village-actions .secondary{min-height:36px}.map-finder .scene-heading select{max-width:100%}.village-title .rename-village{padding:6px}}.village-summary-classic .summary-reinforcements{border:1px solid #dce5cb;border-radius:6px;padding:0;background:#f7f9f1;margin-top:12px;text-align:start}.village-summary-classic .summary-reinforcements summary{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;list-style:none;font-size:12px;color:#597132}.summary-reinforcements summary:before{content:"▸";font-size:12px}.summary-reinforcements[open] summary:before{content:"▾"}.summary-reinforcements summary>bdi{margin-inline-start:auto;font-weight:700}.village-summary-classic .summary-garrisons{padding:0 9px}.village-summary-classic .summary-garrison{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid #e2e9d7}.village-summary-classic .garrison-home{font-size:11px;line-height:1.4}.village-summary-classic .garrison-home small{display:inline;margin-inline-start:5px;font-size:10px;color:#7b876b}.village-summary-classic .garrison-units{display:flex;flex-wrap:wrap;gap:4px 8px}.village-summary-classic .garrison-unit{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px}.village-summary-classic .garrison-unit .unit-sprite{display:inline-block;flex:none;margin:0}.village-summary-classic .summary-reinforcements>small{padding:4px 10px;line-height:1.6;font-size:10px}.village-summary-classic .summary-reinforcements>.text-link{padding:8px 10px;font-size:11px}.unavailable-buildings summary{cursor:pointer;color:#778961;padding:12px 0;font-size:12px}.unavailable-buildings{border-top:1px solid #e4ead9}.unavailable-buildings .building-picker{margin-top:8px}@media (max-width:600px){.map-results,.village-directory{min-width:0;table-layout:fixed}.reference-classic .map-results th,.reference-classic .map-results td,.reference-classic .village-directory th,.reference-classic .village-directory td{padding:8px 4px;font-size:10px;overflow-wrap:anywhere;white-space:normal}.map-results th:first-child{width:23%}.map-results th:nth-child(2){width:23%}.map-results th:nth-child(3){width:13%}.map-results th:nth-child(4){width:20%}.map-results th:last-child{width:21%}.map-results td:first-child{min-width:0}.map-results .text-link{font-size:10px}.map-results .secondary{font-size:10px;padding:5px;min-width:40px;min-height:36px}.finder-bonuses{gap:3px}.finder-bonuses>span{font-size:10px}.nearby-villages .village-directory th:first-child{width:25%}.nearby-villages .village-directory th:nth-child(2){width:20%}.nearby-villages .village-directory th:nth-child(3){width:19%}.nearby-villages .village-directory th:nth-child(4){width:12%}.nearby-villages .village-directory th:last-child{width:24%}.village-actions{min-width:0;gap:4px;justify-content:center}.village-actions .secondary{font-size:10px;min-width:40px;padding:4px 6px;width:100%;min-height:36px}.player-profile .village-directory th:first-child{width:32%}.player-profile .village-directory th:nth-child(2){width:25%}.player-profile .village-directory th:nth-child(3){width:18%}.player-profile .village-directory th:last-child{width:25%}}.village-actions .mobile-mission{display:none}@media (max-width:600px){.village-directory .village-actions>button{display:none}.village-directory .village-actions .mobile-mission{display:block;width:100%;font-size:10px;min-height:36px;padding:4px 2px}.reference-classic .map-results th,.reference-classic .village-directory th{font-size:9px;white-space:nowrap;overflow-wrap:normal}.map-results th:nth-child(3){width:16%}.map-results th:nth-child(4){width:17%}}.server-victory{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:16px;border:1px solid #d5bd6d;border-radius:8px;background:#fff9df;color:#80661c}.server-victory>svg{flex:none}.server-victory strong{font-size:18px}.server-victory p{margin:4px 0}.server-victory .text-link{font-weight:700;font-size:15px}.server-victory small{line-height:1.8}.wonder-gold-rule{padding:12px 20px;margin:0}.wonder-unavailable{display:block;margin-top:6px;color:#a65e36}.messages-head{position:absolute;inset-inline-end:16px;top:12px;background:#fffef5;border:1px solid #c9d8b1;border-radius:8px;min-width:42px;height:38px;display:flex;align-items:center;justify-content:center;gap:4px;color:#607d2d}.messages-head b{font-size:11px;background:#84a63e;color:#fff;border-radius:10px;padding:2px 5px}.side-villages .side-village{border-bottom:1px solid #e3e9d7;padding:5px 0 8px}.side-villages .side-village>button{width:100%;border-bottom:0}.side-villages .village-missions{display:flex;gap:3px;padding:3px 1px}.side-villages .village-missions button{display:block;flex:1;font-size:10px;border:1px solid #d6e0c1;background:#f8faef;padding:5px 2px;text-align:center;color:#526c2c;min-width:0;border-radius:3px}.side-villages .village-missions button:disabled{opacity:.35;cursor:default}.mission-tabs,.message-tabs,.report-selection{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 18px}.dispatch-panel{min-width:0}.dispatch-panel form{display:flex;flex-direction:column;gap:12px}.dispatch-panel h2{font-size:18px}.dispatch-max{align-self:flex-start}.quantity-with-max{display:flex;align-items:center;gap:8px}.quantity-with-max input{min-width:0;flex:1}.quantity-with-max .text-link{white-space:nowrap}.reference-classic .training-queue{display:flex;flex-direction:column;align-items:stretch;gap:9px;background:#f3f7e8;border:1px solid #d5dfbc;padding:15px;border-radius:6px}.training-batch{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dde5cd;padding-top:8px}.training-batch bdi{white-space:nowrap}.expansion-quota{background:#fff8e5;border-inline-start:3px solid #bfac5c;padding:12px 15px;margin-bottom:16px}.expansion-quota p{margin:7px 0}.reinforcement-row{border-top:1px solid #e1e7d6;padding:14px 0}.reinforcement-row p{display:flex;flex-wrap:wrap;gap:10px}.message-compose{display:grid;gap:16px}.message-compose label{display:grid;gap:7px}.message-compose textarea{font:inherit;resize:vertical;border:1px solid #cfdbb9;border-radius:5px;padding:12px;background:#fff}.message-compose button{justify-self:start}.message-list{display:grid;gap:5px}.message-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 15px;border:1px solid #e1e7d5;padding:13px;text-align:start;background:#fcfdf8}.message-item strong{overflow-wrap:anywhere}.message-item time{grid-column:1/-1;font-size:11px;color:#7d8872}.message-item.unread{border-inline-start:4px solid #8cac4d;background:#f4f8e9}.message-detail{border-top:1px solid #d3dfbb;margin-top:18px;padding-top:15px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.report-selection{justify-content:space-between;background:#f4f7eb;padding:10px}.report .row .checkbox{display:flex;gap:10px;align-items:center}.report .row h3{margin:0}.report time{font-size:11px;color:#7d8872}.battle-simulator{border-top:1px solid #d4dfc2;margin-top:24px;padding-top:22px}.battle-simulator fieldset{border:0;padding:0;margin:0;min-width:0}.battle-simulator fieldset>button{margin:12px 0}.sim-armies{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:15px}.sim-army{padding:14px;background:#f8faef;border:1px solid #d8e2c4;border-radius:5px;min-width:0}.sim-army>label{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:7px;margin:8px 0}.sim-army input,.sim-army select{min-width:0;width:100%}.sim-army .sim-unit{grid-template-columns:18px minmax(0,1fr) 80px;font-size:12px}.simulation-result{margin-top:16px;padding:16px;border:1px solid #c9d8ad;background:#f8fbf0}.simulation-result h3{margin-top:0}@media (max-width:760px){.messages-head{inset-inline-end:auto;inset-inline-start:auto;right:12px;left:auto;top:-36px}}@media (max-width:650px){.messages-head{width:34px;min-width:34px;height:32px}.sim-armies{grid-template-columns:1fr}.training-batch{flex-wrap:wrap}.message-item{grid-template-columns:1fr}.message-item time{grid-column:auto}.mission-tabs>button{flex:1;font-size:12px;padding:8px}.dispatch-panel .send-units{grid-template-columns:1fr}.report .row{flex-wrap:wrap}}.hero-mansion{display:grid;gap:18px}.oasis-slots,.oasis-ownership{padding:14px 16px;background:#f3f7e6;border:1px solid #d4dfbd;border-radius:5px}.oasis-slots h3{margin:0 0 10px}.oasis-slots h3 bdi{float:inline-end;color:#648524}.oasis-slots p{margin:0 0 8px}.hero-profile{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start}.hero-portrait{position:relative;text-align:center}.hero-portrait .unit-portrait{width:86px;height:110px;-o-object-fit:contain;object-fit:contain}.hero-portrait>span{position:absolute;bottom:0;right:10px;font-size:28px;color:#b79c2f;text-shadow:0 1px #fff}.hero-profile h3{margin-top:0}.hero-profile select{display:block;margin-top:10px;max-width:100%}.hero-health{display:grid;gap:6px;max-width:300px}.hero-health progress{width:100%;height:12px;accent-color:#7d9f3f}.hero-recruit{padding:14px;border:1px solid #e0e5cf;background:#fffef7}.owned-oases{display:grid;gap:10px}.owned-oases article{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid #dce5cb;padding:10px}.owned-oases article>img{width:74px;height:74px}.owned-oases article>div{flex:1}.oasis-bonuses{display:flex;gap:13px;flex-wrap:wrap;margin-top:7px}.oasis-bonuses span{display:inline-flex;align-items:center;gap:5px;color:#61812d}.oasis-mission{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:#fbf7e9;padding:12px;margin:15px 0}.oasis-mission select{margin-inline-start:8px}.oasis-claim-mark{text-anchor:middle;font:700 18px Arial;paint-order:stroke;stroke:#fff;stroke-width:1px}.hero-status{color:#6e842b}.oasis-ownership>span{margin-inline-start:5px}@media (max-width:520px){.hero-profile{grid-template-columns:70px minmax(0,1fr);gap:12px}.hero-portrait .unit-portrait{width:65px;height:90px}.owned-oases article{gap:8px}.oasis-mission{align-items:stretch;flex-direction:column}}.onboarding-shell{min-height:100vh;color:#2f4f3d;background:radial-gradient(ellipse at 10% 30%,#edf1d677,transparent 45%),#fcfbf4;font-family:Arial,Tahoma,sans-serif}.onboarding-shell .welcome-nav{max-width:1240px;margin:auto;border-bottom:1px solid #dce2cc}.onboarding-logout{display:flex;align-items:center;gap:7px}.onboarding-main{max-width:1120px;margin:0 auto;padding:42px 32px 65px}.onboarding-heading{margin-bottom:30px}.onboarding-heading .welcome-eyebrow{display:flex;align-items:center;gap:7px;font-size:12px}.onboarding-heading h1{font-size:38px;line-height:1.45;margin:13px 0 9px;letter-spacing:-1px;font-weight:800}.onboarding-heading h1 em{font-style:normal;color:#7e973d}.onboarding-heading>p{color:#89917a;font-size:13px;line-height:1.8;margin:0}.onboarding-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr);gap:26px;align-items:start}.onboarding-shell .registration-card{margin:0;padding:27px 28px;border:1px solid #dfe4d0;border-radius:16px;background:#fffef9;box-shadow:0 12px 42px #304b1808;max-width:none}.registration-section+.registration-section{margin-top:26px;padding-top:25px;border-top:1px solid #e6e9d9}.registration-section-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.registration-section-title>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dbe4be;border-radius:50%;font:16px Georgia,serif;color:#839e43;background:#f7faec}.registration-section-title>div{flex:1}.registration-section-title h2{font-size:18px!important;margin:0 0 5px!important;color:#35553a}.registration-section-title p{margin:0;color:#9a9e88;font-size:11px;line-height:1.6}.registration-section-title>svg{color:#9dad7b}.onboarding-shell .registration-names{gap:14px}.onboarding-shell .registration-card input{background:#fff;min-width:0}.onboarding-shell .registration-card label{font-size:12px}.onboarding-shell input:focus-visible,.onboarding-shell button:focus-visible,.onboarding-shell a:focus-visible{outline:3px solid #b7c77d;outline-offset:3px}.onboarding-shell .registration-card fieldset{margin:19px 0 0}.onboarding-shell .registration-card legend{font-size:12px;color:#54703f}.onboarding-shell .registration-tribes{gap:10px}.onboarding-shell .registration-tribes label{padding:12px 6px;gap:5px;background:#fcfcf5}.onboarding-shell .registration-tribes label.selected{border:2px solid #91a957;padding:11px 5px;background:#f1f6e5}.onboarding-shell .registration-tribes .unit-portrait{height:68px;width:60px}.onboarding-shell .registration-tribes strong{font-size:13px}.starter-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.starter-layouts>label{position:relative;cursor:pointer;align-items:center;text-align:center;border:1px solid #dfe5cf;border-radius:9px;padding:8px 6px 12px;background:#fcfcf6;overflow:hidden}.starter-layouts>label.selected{border:2px solid #91a957;padding:7px 5px 11px;background:#f1f6e5}.starter-layouts input{position:absolute;top:10px;inset-inline-start:9px;accent-color:#789647;min-height:0}.starter-layouts img{width:95px;height:80px;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.starter-layouts small{font-size:9px!important;line-height:1.6}.starter-layouts bdi{font-size:11px;letter-spacing:1px;color:#738a45}.layout-key{display:block;text-align:center;margin-top:10px;color:#9a9e88!important;font-size:10px!important}.starter-directions{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:linear-gradient(45deg,#f0f4e6aa,#fdfef8);border:1px solid #e3e8d6;padding:10px;border-radius:10px;position:relative}.starter-directions>label{position:relative;border:1px solid #dfe5ce;border-radius:7px;cursor:pointer;padding:12px 30px 12px 12px!important;background:#ffffffc9;gap:5px!important}.starter-directions>label.selected{border-color:#8da74e;background:#eaf2d7;box-shadow:inset 0 0 0 1px #8da74e}.starter-directions input{position:absolute;top:12px;right:9px;accent-color:#789647;min-height:0}.starter-directions span{font-size:10px;color:#959c80}.starter-directions strong{font-size:12px}.starter-directions .unavailable span{color:#b86f45}.registration-invite{margin:25px 0;padding:17px 15px;border:1px solid #eadfba;border-radius:10px;background:#fffaf0;display:flex;gap:12px;align-items:start}.registration-invite>svg{color:#bca24d;flex-shrink:0;margin-top:2px}.registration-invite>label{flex:1;gap:8px!important;color:#8a7837!important}.registration-invite input{width:100%;max-width:260px;border-color:#e3d8b3!important;letter-spacing:1px}.registration-invite small{color:#a09679!important}.onboarding-shell .registration-submit{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;background:#78913b;border-radius:8px;font-size:14px;border:1px solid #6e8732;box-shadow:0 4px 12px #70833020}.registration-error{padding:12px 14px;border-radius:7px;background:#f8ece5;color:#9b5437;font-size:12px;line-height:1.8}.registration-preview{position:sticky;top:24px;border:1px solid #dce5c0;border-radius:16px;padding:25px 23px;background:linear-gradient(140deg,#f4f7e7,#fffef7);text-align:center;overflow:hidden}.preview-eyebrow{font-size:11px;color:#8a996c}.starter-art{position:relative;margin:22px auto 15px;max-width:280px}.starter-art>img{width:100%;aspect-ratio:1.1;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 10px 7px #71824720)}.starter-banner{position:absolute;left:50%;top:48%;font-size:37px;color:#8c512a;filter:drop-shadow(1px 2px white)}.registration-preview>h2{font-size:24px;margin:10px 0 8px;color:#527139;overflow-wrap:anywhere}.registration-preview>p{font-size:12px;color:#889b66}.registration-preview dl{text-align:start;border-block:1px solid #dfe5cf;margin:23px 0 16px;padding:14px 0;display:grid;gap:13px;font-size:12px}.registration-preview dl>div{display:flex;justify-content:space-between;gap:10px}.registration-preview dt{color:#969e85}.registration-preview dd{margin:0;display:flex;gap:6px;align-items:center;color:#5b7440}.registration-preview dd>img{width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.registration-preview>small{font-size:11px;line-height:1.9;display:block;color:#929b80}.preview-seal{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;color:#879c57;font-size:12px}.preview-seal small{display:block;font-size:10px;margin-top:5px;color:#a1aa8b}.onboarding-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;padding:28px;text-align:center}.onboarding-state h1{font-size:26px;margin:0}.onboarding-state p{line-height:1.8}.referral-panel{margin-bottom:22px;background:linear-gradient(120deg,#fffbeb,#fffef8)!important;border-color:#e4d9b1!important}.referral-heading{display:flex;align-items:center;gap:14px;color:#9b833d}.referral-heading h2{margin:0!important}.referral-heading p{font-size:12px;line-height:1.9;color:#96866a;margin-bottom:0}.referral-details{display:grid;gap:14px;margin:19px 0}.referral-details label{font-size:12px;color:#7d794e}.referral-copy{display:flex;gap:8px;margin-top:7px}.referral-copy>input{min-width:0;flex:1;background:#fffdf6;border:1px solid #e2d9b8;padding:9px;font:12px monospace;border-radius:5px}.referral-copy>button{display:flex;align-items:center;gap:6px;white-space:nowrap}.referral-totals{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#93835a}.referral-totals>span{display:flex;align-items:center;gap:8px}.referral-totals bdi{font:700 20px Georgia,serif;color:#819140}@media (max-width:850px){.onboarding-main{padding:28px 20px 45px}.onboarding-layout{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:15px}.onboarding-shell .registration-card{padding:22px 18px}.registration-preview{padding:20px 15px}.onboarding-heading h1{font-size:32px}.onboarding-shell .registration-tribes small{font-size:10px}}@media (max-width:650px){.onboarding-layout{grid-template-columns:1fr}.registration-preview{position:static;grid-row:1;display:none}.onboarding-main{padding:24px 14px 40px}.onboarding-heading{margin-bottom:22px}.onboarding-heading h1{font-size:29px}.onboarding-heading>p{font-size:12px}.onboarding-shell .registration-card{padding:22px 14px}.onboarding-shell .welcome-nav{padding-inline:18px}.onboarding-logout{font-size:10px}.onboarding-shell .registration-names{grid-template-columns:1fr 1fr;gap:10px}.onboarding-shell .registration-names input{width:100%;font-size:12px}.starter-layouts{gap:7px}.starter-layouts img{width:80px;height:70px}.starter-layouts strong{font-size:11px}.starter-directions>label{padding-block:12px!important}.registration-section-title p{font-size:10px}.referral-copy{flex-wrap:wrap}.referral-copy>input{min-width:170px}.referral-heading{align-items:start}.referral-heading h2{font-size:19px!important}}html{scrollbar-gutter:stable}.reference-classic .action-feedback{height:56px;margin-bottom:8px;overflow:auto;overflow-anchor:none}.reference-classic .action-feedback .alert{min-height:44px;margin:0;line-height:20px;padding:12px 15px}.reference-classic .action-feedback .working{background:#f5f2df;color:#77652a}.reference-classic .action-feedback .feedback-empty{visibility:hidden}.reference-classic .queues{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;height:76px;margin:0 0 10px;overflow-anchor:none}.reference-classic .queues>.construction-slot{box-sizing:border-box;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;height:36px;min-width:0;padding:4px 8px;border-radius:4px;line-height:1.3}.reference-classic .construction-slot>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-classic .construction-slot>bdi{flex:none;font-variant-numeric:tabular-nums;direction:ltr;min-width:8ch;text-align:center}.reference-classic .construction-slot .finish-button{flex:none;white-space:nowrap}.reference-classic .queues>.queue-empty{background:transparent;border-color:transparent;color:#8c947e;font-size:10px}.reference-classic .resource small.resource-clock{height:28px;line-height:14px;overflow:hidden}.reference-classic .resource-strip{align-items:start}.reference-classic .resource strong bdi{font-variant-numeric:tabular-nums}.reference-classic .field-production-comparison>div{min-height:80px;align-content:center}.reference-classic .field-production-note{min-height:30px}.reference-classic .field-upgrade-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);gap:8px 12px;align-items:start}.reference-classic .field-upgrade-actions>.cost{grid-column:1/-1;min-height:22px;align-items:center}.reference-classic .field-upgrade-actions>.field-build-time{grid-column:1/-1;min-height:17px}.reference-classic .field-upgrade-actions>.primary{grid-column:1;width:100%;margin:0;min-height:38px;white-space:nowrap}.reference-classic .field-upgrade-actions>.npc-slot{grid-column:2}.reference-classic .npc-slot{min-height:65px;min-width:0}.reference-classic .npc-reason{min-height:14px}.reference-classic .field-status{min-height:32px;line-height:16px}.reference-classic .building-upgrade-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);gap:9px;align-items:start}.reference-classic .building-upgrade-actions>.primary{min-height:38px;width:100%;white-space:nowrap}.reference-classic .build-status-slot{min-height:44px;display:flex;align-items:center}.reference-classic .build-status-slot .build-wait,.reference-classic .build-status-slot .build-ready{margin:0;line-height:18px}.reference-classic .building-upgrade .upgrade-status{min-height:36px;line-height:18px;margin:0}.reference-classic .gold-upgrade{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;min-height:136px}.reference-classic .gold-upgrade>div{min-width:0}.reference-classic .gold-upgrade strong{display:block;min-height:20px}.reference-classic .gold-upgrade .gold-deduction{min-height:36px;line-height:18px}.reference-classic .gold-upgrade .gold-wait{min-height:36px;line-height:18px;margin-top:0}.reference-classic .gold-upgrade .gold-reason{min-height:32px;line-height:16px;margin-top:0}.reference-classic .gold-upgrade-button{align-self:start;min-width:120px}.reference-classic .training-queue-slot{height:144px;margin:18px 0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;border:1px solid #e4e6d3;border-radius:4px;background:#fafbf5}.reference-classic .training-queue-slot>.training-queue{margin:0;border:0;background:transparent}.reference-classic .training-queue-slot>.hint{padding:12px;margin:0}.reference-classic .npc-training-max{height:90px;box-sizing:border-box;align-items:center;margin-top:8px;flex-wrap:nowrap;min-width:0}.reference-classic .npc-training-max:empty{visibility:hidden}.reference-classic .npc-training-max>span{flex:1;min-width:0}.reference-classic .recruit-status{min-height:36px;line-height:18px}.reference-classic .recruit-total{min-height:42px}@media (max-width:600px){.reference-classic .gold-upgrade{grid-template-columns:minmax(0,1fr);min-height:220px}.reference-classic .gold-upgrade-button{width:100%;margin:0}.reference-classic .field-upgrade-actions,.reference-classic .building-upgrade-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reference-classic .field-upgrade-actions>.primary,.reference-classic .building-upgrade-actions>.primary{font-size:10px;padding:8px 5px;white-space:normal;min-height:44px}.reference-classic .npc-slot{min-height:80px}.reference-classic .npc-training-max{height:110px;gap:8px}.reference-classic .npc-training-max .npc-trigger{max-width:190px}.reference-classic .field-production-comparison>div{min-height:86px}}.reference-classic .field-upgrade-actions>.cost{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:24px;gap:6px}.reference-classic .field-upgrade-actions>.cost>span{white-space:nowrap;min-width:0}.reference-classic .classic-masthead{height:148px}.reference-classic .classic-logo,html[dir=ltr] .reference-classic .classic-logo{left:calc(50% - 150px);width:300px;height:62px;top:15px;font-size:29px;background:#fffef4;border-radius:9px;line-height:1.3}.reference-classic .classic-logo small{font-size:10px;letter-spacing:3px}.reference-classic .classic-navigation-bar{top:93px;height:55px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px}.reference-classic .classic-topnav{position:static;display:flex;gap:4px;width:auto;height:48px;transform:none;margin:0;direction:rtl}.reference-classic .classic-topnav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:52px;width:auto;height:44px;padding:3px 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:#72796b;filter:none;transform:none}.reference-classic .classic-topnav button>span{display:block;position:static;width:auto;height:auto;background:none;transform:none;font-size:10px;line-height:12px}.reference-classic .classic-topnav button:hover,.reference-classic .classic-topnav button.active{background:#eae9df;border-color:#d4d5c7;color:#46503f;filter:none;transform:none}.reference-classic .classic-topnav button.has-unread{color:#49891d;background:#edf7dc;border-color:#bddb95}.unread-count{position:absolute;top:0;inset-inline-end:0;background:#62962e;color:#fff;border-radius:8px;min-width:16px;padding:0 3px;font:10px/16px Arial}.reference-classic .gold-head{position:static;transform:none;margin:0;font-size:16px;padding:5px 8px}.reference-classic .classic-world{top:12px;right:14px;font-size:10px}.reference-classic .sidebar,.reference-classic .village-sidebar{top:162px}.reference-classic .action-feedback{height:34px;margin-bottom:4px}.reference-classic .action-feedback .alert{min-height:32px;padding:6px 10px;font-size:11px;line-height:20px}.reference-classic .page-heading{margin:4px 0;min-height:28px}.reference-classic .page-heading h2{margin:0}.reference-classic .queues{height:46px;gap:2px;margin-bottom:6px}.reference-classic .queues>.construction-slot{height:22px;padding:1px 5px;font-size:10px;gap:5px}.reference-classic .queues>.queue-empty{visibility:hidden}.reference-classic .finish-button{padding:1px 6px;min-height:20px;font-size:10px}.reference-classic .gold-upgrade{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:0;margin:10px 16px;padding:10px 12px}.reference-classic .gold-upgrade strong{min-height:18px;line-height:18px;font-size:12px}.reference-classic .gold-upgrade .gold-deduction,.reference-classic .gold-upgrade .gold-wait{min-height:18px;line-height:18px;margin:3px 0;font-size:10px}.reference-classic .gold-upgrade-button{align-self:flex-start;min-height:32px;min-width:0;width:auto;padding:6px 14px;margin:0;font-size:11px}.reference-classic .building-upgrade-body{min-height:255px}.reference-classic .npc-slot{min-height:52px}.reference-classic .training-queue-slot{height:70px;margin:12px 0}.reference-classic .training-queue-slot>.training-queue{padding:7px 10px}.reference-classic .npc-training-max{height:62px;padding:6px 10px;gap:8px}.reference-classic .recruit-status{min-height:18px;margin:5px 0}.hero-troop-summary{padding:8px 0;border-top:1px solid #e1e7d5;font-size:11px;margin-top:8px}.hero-troop-summary>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hero-troop-summary>div>span:last-child{color:#808876;font-size:10px}.hero-troop-summary p{margin:4px 0;line-height:1.6}.hero-troop-summary progress{width:100%;max-width:180px;height:5px;display:block;accent-color:#7a9c3d}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.report-index,.message-list{border:1px solid #dce2d0;margin-top:12px}.inbox-heading{display:flex;justify-content:space-between;background:#e9eedf;padding:7px 10px;font-size:11px;font-weight:700}.report-index-row{display:flex;align-items:center;gap:8px;padding:0 9px;border-top:1px solid #e3e7d9}.report-index-row:nth-child(2n),.message-item:nth-child(2n){background:#fafbf5}.report-index-row>input{width:15px;flex:none}.report-open{display:flex;align-items:center;gap:8px;min-width:0;width:100%;border:0;background:none;text-align:start;padding:9px 0;color:inherit;font-size:12px}.report-open>span:nth-child(2){flex:1;min-width:0}.report-open strong{font-weight:400}.report-open small{display:block;color:#8a927e;font-size:10px;margin-top:3px}.report-open time,.message-item time{font-size:10px;white-space:nowrap;color:#818a75}.report-index-row.unread strong,.message-item.unread strong{font-weight:700;color:#52792f}.report-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#ae6048}.report-dot.victory{background:#759a3e}.report-index-row:not(.unread) .report-dot{opacity:.4}.reference-classic .message-item{border:0;border-top:1px solid #e3e7d9;border-radius:0;padding:9px 10px;min-height:44px;background:transparent}.reference-classic .message-item.unread{background:#f0f5e5}.report-detail>header{margin:12px 0;padding:10px;background:#f2f4eb;border-block:1px solid #dfe5d0}.report-detail>header h3{margin:0 0 5px;font-size:15px}.report-detail>header p{margin:6px 0 0}.report-detail>header time{font-size:10px;color:#7f8974}.battle-report{border:1px solid #d4ddc4;font-size:11px;overflow:hidden}.battle-outcome{text-align:center;font-size:14px;font-weight:700;padding:10px;background:#f1f5e8}.report-army h4{margin:0;display:flex;gap:12px;justify-content:space-between;padding:7px 9px;background:#e8eddf;border-block:1px solid #d6ddcb;font-size:12px}.table-scroll{overflow:auto;max-width:100%}.battle-unit-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.battle-unit-table th,.battle-unit-table td{border:1px solid #e0e4d9;padding:6px 5px;text-align:center;min-width:30px}.battle-unit-table th:first-child{min-width:52px;font-weight:400;background:#f0f3e9}.battle-unit-table thead{background:#f5f7f0}.battle-unit-table tr:nth-child(2){background:#fbf8f4}.battle-unit-table .casualties td:not(.zero){color:#ae543e}.battle-unit-table .zero{color:#a1a698}.report-loot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;flex-wrap:wrap;background:#f8faf1}.report-loot .cost{margin:0;gap:10px}.report-damage,.report-hero-health{padding:5px 10px;margin:0;background:#fffbec}.report-damage p{margin:4px 0}.battle-report footer{padding:8px 10px;color:#79876e;border-top:1px solid #dce3ce;font-size:10px}.battle-report footer small{display:block;margin-top:5px}.report-detail .action-row{margin-top:12px}.dispatch-heading h2{margin:0 0 12px}.dispatch-destination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#f0f4e7;border:1px solid #dfe5d1}.reference-classic .mission-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.reference-classic .mission-tabs button{padding:7px 9px;font-size:11px;flex:1;white-space:nowrap}.dispatch-tools{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:12px}.dispatch-tools strong{flex:1}.reference-classic .send-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #dce2ce;margin:0}.dispatch-unit{padding:9px 6px;border:1px solid #e5e8dc;background:#fafbf6;min-width:0;text-align:center}.dispatch-unit label{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;min-height:43px}.dispatch-unit .quantity-with-max{display:flex;flex-direction:column;gap:6px;margin-top:5px}.dispatch-unit input{width:100%;min-width:0;padding:6px 4px;height:32px;text-align:center;font-variant-numeric:tabular-nums}.dispatch-unit .add-thousand{background:#eff4e5;border:1px solid #cddab7;color:#537334;padding:3px 8px;border-radius:3px;font-size:11px;direction:ltr}.dispatch-unit .add-thousand:disabled{opacity:.4}.dispatch-available{font-size:10px;margin-top:7px;white-space:normal;line-height:1.6}.dispatch-review{padding:12px;border:1px solid #d8e1c7;background:#fbfcf6}.review-units{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.review-units>span{display:flex;align-items:center;gap:5px}.dispatch-status{display:flex;gap:10px;flex-wrap:wrap;min-height:40px;align-items:center;padding:10px 0;font-size:11px;color:#778369}.dispatch-submit{min-width:150px}.map-target-actions{display:flex;flex-wrap:wrap;gap:6px}.map-target-actions button{font-size:11px;padding:7px 9px}@media (max-width:1100px){.reference-classic .classic-world{display:none}}@media (max-width:760px){.reference-classic .classic-masthead{height:139px}.reference-classic .classic-logo,html[dir=ltr] .reference-classic .classic-logo{left:12px;width:215px;font-size:22px;top:14px;height:60px}.reference-classic .classic-navigation-bar{top:88px;height:51px;gap:6px;padding:0 5px}.reference-classic .classic-topnav{height:46px;gap:1px;flex:1;justify-content:center}.reference-classic .classic-topnav button{min-width:0;flex:1;max-width:55px;padding:3px 4px;height:42px}.reference-classic .classic-topnav button>span{font-size:9px}.reference-classic .classic-topnav button svg{width:20px;height:20px}.reference-classic .gold-head{font-size:14px;padding:4px 6px}.reference-classic .gold-head small{display:none}.reference-classic .game-language{top:-67px;inset-inline-end:7px}.reference-classic .game-language button{font-size:10px;padding:3px 7px}.reference-classic .gold-upgrade{margin:10px;padding:9px 10px}.reference-classic .gold-upgrade .gold-deduction,.reference-classic .gold-upgrade .gold-wait{min-height:36px}.reference-classic .gold-upgrade-button{width:auto;max-width:100%}.reference-classic .npc-training-max{height:72px}.reference-classic .send-units{grid-template-columns:repeat(3,minmax(0,1fr))}.report-open time{max-width:85px;white-space:normal;line-height:1.5}.battle-unit-table{font-size:10px}.message-tabs{gap:5px;flex-wrap:wrap}}.reference-classic .gold-upgrade{height:120px;box-sizing:border-box;justify-content:space-between}.reference-classic .gold-upgrade-button{width:205px;white-space:nowrap}.reference-classic .gold-upgrade .gold-deduction,.reference-classic .gold-upgrade .gold-wait{height:18px;min-height:18px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:760px){.reference-classic .gold-upgrade{height:126px}.reference-classic .gold-upgrade .gold-deduction{white-space:normal;height:32px;line-height:16px}.reference-classic .gold-upgrade-button{width:205px}}.reference-classic .gold-upgrade{flex-wrap:nowrap;gap:4px;padding:8px 10px}.reference-classic .gold-upgrade>div{flex:none;width:100%}.reference-classic .gold-upgrade .gold-deduction,.reference-classic .gold-upgrade .gold-wait{margin:0}.reference-classic .gold-upgrade-button{flex:none}.farm-target{padding:14px 0;border-top:1px solid #dfe5d2}.farm-target header{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.farm-target .action-row{align-items:center}.reference-classic .dispatch-unit label{margin:0;font-size:10px}.reference-classic .dispatch-available{min-height:18px;padding:0}.reference-classic .page-heading>h2{display:none}.reference-classic .building-upgrade.is-maxed{padding:10px 18px}.reference-classic .building-upgrade.is-maxed .building-upgrade-body{min-height:0}.reference-classic .building-upgrade.is-maxed h3{margin-bottom:5px}.hero-points{border:1px solid #dbe5ca;background:#f8faef;border-radius:6px;padding:14px;margin:16px 0}.hero-points>header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-points p{font-size:12px}.hero-points progress{width:100%;height:8px;accent-color:#739738}.hero-allocations{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.hero-allocations label{display:grid;grid-template-columns:auto 70px;align-items:center;gap:8px}.hero-allocations input{width:70px;min-width:0}.dispatch-hero{display:flex;align-items:center;gap:10px;margin:14px 0;padding:10px;background:#f4f7ed}.dispatch-hero input{width:18px;min-height:18px}.reference-classic .field-upgrade-actions>.primary{height:48px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px}.reference-classic .field-upgrade-actions>.primary small{display:block;font-size:10px;line-height:13px;min-height:13px;white-space:normal}.server-hub{max-width:1140px;margin:0 auto;padding:24px;color:#344223;background:#fcfdf9;min-height:100vh;font-family:Arial,sans-serif}.hub-header,.hub-title,.hub-section-heading,.server-card header,.server-card-actions,.admin-identity,.hub-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hub-header{border-bottom:1px solid #dce3cf;padding-bottom:20px}.hub-brand{color:#47632c;text-decoration:none;font-size:22px;font-weight:700;margin-inline-end:auto}.hub-title{justify-content:space-between;margin:36px 0 24px}.hub-title h1{font-size:30px;margin:8px 0}.hub-title p{color:#728064;line-height:1.7}.hub-title>svg{color:#749644}.hub-section-heading{justify-content:space-between;margin:24px 0 12px}.hub-section-heading h2{font-size:22px;margin:0}.hub-section-heading small{color:#82916f;font-weight:400}.server-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.server-card{border:1px solid #d9e2ca;border-radius:12px;background:#fff;padding:22px;min-width:0}.server-card header{justify-content:space-between}.server-number{font-size:12px;color:#8b967d}.server-phase{border-radius:20px;background:#edf4e2;padding:5px 11px;font-size:12px;color:#57772f}.phase-3 .server-phase{background:#fff4d6;color:#846416}.phase-2 .server-phase,.phase-4 .server-phase{background:#f3f1e8;color:#8e7650}.server-card h2{font-size:23px;margin:20px 0}.server-card-stats{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;padding:16px 0;border-top:1px solid #eef1e7;border-bottom:1px solid #eef1e7}.server-card-stats div{display:flex;flex-direction:column;gap:7px}.server-card-stats b{font-size:22px;font-variant-numeric:tabular-nums}.server-card-stats span,.server-rules{font-size:12px;color:#75826b;line-height:1.8}.server-card-actions{gap:8px;margin-top:18px}.server-card-actions a,.server-hub button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.server-card-actions a{text-decoration:none;font-size:13px}.launch-time{flex-basis:100%;font-size:12px}.launch-time input{max-width:260px}.server-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.server-config,.platform-team,.admin-signin,.admin-activation{margin:24px 0}.server-config fieldset{border:1px solid #dce3cf;border-radius:8px;padding:14px;margin-top:18px;display:flex;gap:22px;flex-wrap:wrap}.server-config legend{padding:0 8px}.server-feature-options{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.server-hub label{display:flex;flex-direction:column;gap:7px;font-size:13px}.server-hub label.checkbox{flex-direction:row;align-items:center}.server-hub input,.server-hub select,.server-hub textarea{max-width:100%;box-sizing:border-box;font-size:14px}.server-hub .checkbox input{width:auto}.admin-signin{max-width:580px;margin:35px auto;text-align:center}.admin-signin>svg{color:#789747}.admin-signin p,.admin-activation p{line-height:1.8;color:#6d7c5c}.admin-identity{padding:14px 18px;border:1px solid #dce3cf;border-radius:8px;background:#f1f5e9;justify-content:space-between}.admin-identity code{display:block;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.admin-activation{max-width:620px;margin-inline:auto}.admin-activation form{display:grid;gap:14px}.platform-team form{display:grid;grid-template-columns:minmax(0,2fr) 1fr auto;gap:12px;align-items:end}.platform-staff-list{margin-top:16px}.platform-staff-list>div{display:flex;gap:20px;padding:10px;border-top:1px solid #edf1e7}.platform-staff-list code{overflow-wrap:anywhere;font-size:11px}.admin-help{border:1px solid #dce3cf;border-radius:8px;padding:16px;margin:24px 0;background:#fff}.admin-help summary{cursor:pointer;color:#60803a;font-weight:700}.admin-help li{padding:7px;line-height:1.7}.hub-footer{justify-content:center;border-top:1px solid #dce3cf;margin-top:35px;padding:22px;color:#738560;font-size:12px}.hub-footer a{color:inherit}.hub-winner{display:flex;gap:8px;align-items:center;color:#8d7118}.server-ended-note{font-size:13px;line-height:1.7}.server-frozen{padding:14px 20px;background:#fff4d9;border:1px solid #ead8aa;border-radius:6px;margin-bottom:16px}.wonder-ranking{text-align:center;font-size:16px;font-weight:700;white-space:nowrap}.wonder-ranking small{font-size:10px;color:#899479;font-weight:400}.server-hub .admin-page{margin-top:32px}.server-hub h1,.server-hub h2{color:#45602d}@media (max-width:700px){.server-hub{padding:16px}.hub-header{gap:12px}.hub-brand{font-size:18px;flex-basis:100%}.hub-title{margin:24px 0 18px}.hub-title h1{font-size:25px}.hub-title>svg{display:none}.server-cards{grid-template-columns:1fr}.server-card{padding:18px}.server-form-grid,.platform-team form{grid-template-columns:1fr}.server-config fieldset,.server-feature-options{gap:14px}.admin-identity{align-items:flex-start}.hub-header .secondary{margin-inline-start:auto}.server-card-stats b{font-size:19px}.welcome-nav-actions{flex-wrap:wrap}.server-hub .panel{padding:16px}.server-hub .admin-grid{grid-template-columns:1fr}.server-hub .admin-statistics{grid-template-columns:repeat(2,1fr)}}