@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#233c32;--muted:#7a8275;--gold:#b99552;--pale:#f5f3eb;--line:#e5e5d9;--deep:#18352b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--pale);color:var(--ink);font-family:var(--sans);font-size:13px;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{outline-offset:4px}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:hover{filter:brightness(.97)}[hidden]{display:none!important}svg.icon{width:19px;height:19px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}.topbar{height:78px;display:flex;align-items:center;background:#182f28;color:#d9ded1;border-bottom:1px solid #425040;padding:0 26px;gap:34px}.brand{display:flex;gap:12px;align-items:center;min-width:244px}.brand img{width:39px;height:47px}.brand span{font-size:10px;letter-spacing:3.1px;color:#ceb584;line-height:1.6}.brand strong{display:block;font-family:var(--serif);font-size:23px;letter-spacing:2.5px;color:#f7edda;font-weight:600;line-height:1.1}.main-nav{display:flex;align-self:stretch;gap:28px;flex:1}.main-nav button{position:relative;display:flex;align-items:center;gap:9px;color:#a9b5a7;font-size:12px;white-space:nowrap;padding:0 2px}.main-nav button.active{color:#f2e1b7}.main-nav button.active:after{content:'';position:absolute;height:3px;bottom:0;left:0;right:0;background:#c9aa6b}.main-nav .badge{background:#526047;color:#f0e5c8;border-radius:4px;padding:2px 5px;font-size:9px}.top-right{display:flex;align-items:center;gap:11px;font-size:10px}.server-dot,.tiny-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#83a56b;flex-shrink:0}.server-label{margin-right:16px;white-space:nowrap}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.topbar .icon-button{color:#c4c9b5}.account-button{display:flex;align-items:center;gap:8px;border-left:1px solid #435044;padding-left:19px;margin-left:7px;white-space:nowrap}.resourcebar{display:flex;height:75px;background:#fcfbf6;align-items:center;border-bottom:1px solid var(--line);padding:0 26px;gap:28px}.season{display:flex;align-items:center;gap:11px;width:235px;flex-shrink:0}.season>svg{color:#b89552;width:27px;height:27px}.season span{font-size:10px;color:var(--muted)}.season strong{display:block;font-size:13px;color:var(--ink);margin-top:3px;font-weight:500}#resources{display:flex;justify-content:space-between;gap:18px;max-width:790px;flex:1}.resource{display:flex;align-items:center;gap:11px;min-width:86px}.resource-icon{height:37px;width:37px;border-radius:50%;display:grid;place-items:center;background:#efede1;color:#776344}.resource-icon svg{height:24px;width:24px}.resource strong{font-size:15px;font-weight:650}.resource small{display:block;color:#7b8774;font-size:9px;margin-top:3px;white-space:nowrap}.resource-name{font-size:9px;color:#989d90;margin-left:5px}.population{margin-left:auto;display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding-left:26px}.population>svg{width:26px;height:26px;color:#718464}.population b{font-size:13px;font-weight:600;white-space:nowrap}.population small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.game-layout{display:grid;grid-template-columns:270px minmax(300px,1fr) 278px;height:calc(100dvh - 184px);min-height:470px}.sidebar{display:flex;flex-direction:column;border-right:1px solid #d6dbc9;z-index:2;background:#f6f5ee;min-height:0}.village-image{height:111px;background:linear-gradient(0deg,#172b2acc,#172b2a00 80%),url('assets/valley.png') center 57%/cover;position:relative}.region-label{position:absolute;bottom:13px;left:20px;color:#f0e5cb;font-size:8px;letter-spacing:1.7px}.village-title{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px}.village-title h1{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.05;max-width:198px;overflow-wrap:anywhere}.village-title p{font-size:10px;color:#849077;margin-top:8px;display:flex;gap:5px;align-items:center}.village-title .icon-button{color:#8d947e;width:21px;flex-shrink:0}.village-title .icon{height:14px;width:14px}.hero-mini{display:flex;gap:10px;align-items:center;margin:0 18px 17px;padding:10px 0 0;border-top:1px solid var(--line)}.portrait{background-image:url('assets/heroes.png');background-repeat:no-repeat;background-size:300% auto;background-position-y:24%;background-color:#73826a}.portrait.mira{background-position-x:0%}.portrait.borin{background-position-x:50%}.portrait.aldar{background-position-x:100%}.hero-mini .portrait{width:38px;height:42px;border-radius:5px;border:1px solid #c8ba93}.hero-mini strong{font-size:11px;font-weight:600}.hero-mini small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.hero-mini>svg{color:#879d71;width:16px;margin-left:auto}.side-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:44px;flex-shrink:0;padding:0 14px;gap:11px}.side-tabs button{flex:1;color:#848a7c;font-size:11px;position:relative}.side-tabs button.active{color:var(--ink);font-weight:650}.side-tabs button.active:after{position:absolute;content:'';bottom:-1px;left:8px;right:8px;height:2px;background:var(--ink)}.side-content{overflow:auto;flex:1;padding:17px 16px;scrollbar-width:thin;scrollbar-color:#c7ccb9 transparent}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:650;display:flex;align-items:center;gap:7px}.panel-intro{font-size:10px;color:var(--muted);margin:6px 0 16px;line-height:1.6}.build-group-title{font-size:8px;letter-spacing:1.8px;color:#939781;margin:17px 0 9px}.build-group-title:first-child{margin-top:0}.building-option{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:8px 6px;margin-bottom:5px;border:1px solid transparent;border-radius:6px;transition:background .15s}.building-option:hover{background:#eaece0}.building-option.selected{background:#e5e9da;border-color:#bac5a5}.building-option img{width:49px;height:43px;object-fit:contain;flex-shrink:0}.building-option strong{display:block;font-size:10px;font-weight:600}.cost{display:flex;gap:9px;color:#8a8b76;font-size:9px;margin-top:6px;align-items:center;flex-wrap:wrap}.cost>span{display:inline-flex;align-items:center;gap:3px}.cost .icon{width:11px;height:11px}.building-option .build-plus{margin-left:auto;border:1px solid #d7dcc8;width:20px;height:20px;display:grid;place-items:center;color:#899274;font-size:15px;border-radius:4px}.side-footer{padding:13px 16px;display:flex;align-items:center;border-top:1px solid var(--line);gap:7px;font-size:9px;color:#889079}.side-footer>svg{width:15px;height:15px;color:#759265}.side-footer .icon-button{margin-left:auto;border:1px solid #d9dfcc;border-radius:50%;width:20px;height:20px;font-family:Georgia,serif;flex-shrink:0}.world{position:relative;overflow:hidden;background:#80935e}.world:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #1c322329}#world-canvas{height:100%;width:100%;display:block;touch-action:none;cursor:grab;outline:none}#world-canvas:active{cursor:grabbing}.map-heading{position:absolute;top:27px;left:30px;pointer-events:none;text-shadow:0 1px 12px #eef0cd}.map-heading .eyebrow{color:#344a36}.map-heading h2{font-family:var(--serif);font-size:32px;font-weight:600;margin:8px 0 4px;color:#253c2e;letter-spacing:-.5px}.map-heading p{font-size:10px;color:#43583b}.map-tools{position:absolute;right:20px;top:24px;display:flex;flex-direction:column;gap:8px;z-index:2}.glass-button,.zoom-controls{background:#f7f5e8e8;border:1px solid #d7ddc48c;box-shadow:0 2px 7px #20351b12;border-radius:5px}.glass-button{width:35px;height:35px;display:grid;place-items:center;color:#536446}.zoom-controls{display:flex;flex-direction:column;align-items:center}.zoom-controls button{font-size:22px;width:33px;height:32px}.zoom-controls span{font-size:8px;color:#7f8e70}.compass-rose{position:absolute;bottom:75px;left:26px;display:flex;flex-direction:column;align-items:center;opacity:.67;pointer-events:none}.compass-rose span{font-family:var(--serif);font-size:13px}.compass-rose img{width:25px;filter:grayscale(.6);height:30px}.map-caption{display:flex;gap:15px;align-items:center;position:absolute;bottom:16px;left:25px;color:#304731;font-size:9px;opacity:.8}.map-caption>span{display:flex;align-items:center;gap:5px}.map-caption .icon{width:13px;height:13px}.minimap-wrap{position:absolute;bottom:28px;right:20px;background:#f4f2e5;box-shadow:0 3px 12px #20391f33;border:1px solid #c7cfb2;border-radius:6px;padding:8px;z-index:2}.minimap-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;font-size:6px;letter-spacing:1.2px;color:#727f61}.minimap-label .icon{width:11px;height:11px}#minimap{display:block;width:144px;height:112px;image-rendering:pixelated;cursor:crosshair;border-radius:3px}.minimap-bottom{display:flex;justify-content:space-between;font-size:7px;color:#7d866b;margin-top:7px}.welcome-banner{position:absolute;bottom:44px;left:25px;right:194px;background:#f9f6e9f2;border:1px solid #e2d9b9;border-radius:7px;display:flex;align-items:center;gap:12px;padding:16px 18px;box-shadow:0 4px 16px #20331b20;z-index:3}.welcome-mark{width:36px;height:40px;display:grid;place-items:center;color:#9e813f;border-right:1px solid #ddd9c6;padding-right:12px}.welcome-banner strong{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.2}.welcome-banner p{font-size:9px;line-height:1.6;color:#81856c;margin-top:3px}.gold-button{background:#bc9a57;border:1px solid #b18e49;border-radius:4px;color:#fff9eb;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;font-size:11px;font-weight:600;box-shadow:inset 0 1px 0 #e4c787}.gold-button span{font-size:17px;font-weight:400}.welcome-banner .gold-button{margin-left:auto;white-space:nowrap;font-size:10px;gap:12px;padding:11px 13px;flex-shrink:0}.green-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:#315442;color:#f5f3e5;padding:11px;border-radius:4px;font-size:10px;border:1px solid #274a39}.outline-button{border:1px solid #cfd5c0;border-radius:4px;padding:9px 12px;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.danger-button{background:#8a4e3d;color:#fff1de;border:1px solid #774332;border-radius:4px;padding:10px 14px}.build-banner{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#1e3a2feb;color:#eee6cb;border:1px solid #d1b476;padding:12px 18px;border-radius:6px;z-index:4;font-size:11px;min-width:330px;max-width:95%}.build-banner button{color:#d7c399;font-size:10px;margin-left:auto}kbd{font-size:8px;padding:2px 3px;border:1px solid #6d795c;border-radius:2px}.right-sidebar{padding:22px 20px;overflow:auto;background:#f8f7f0;z-index:2;border-left:1px solid #d8ddc9;scrollbar-width:thin;scrollbar-color:#ccd0be transparent}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center}.section-heading h2 .icon{width:16px;height:16px;color:#8b906c}.section-heading>span{font-size:9px;color:#90967d}.inspector{padding-bottom:21px;border-bottom:1px solid var(--line);margin-bottom:23px}.selected-art{height:105px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse,#e8ead8 0%,#f8f7f000 70%);margin:10px 0}.selected-art img{width:125px;height:105px;object-fit:contain;filter:drop-shadow(0 9px 6px #67744918)}.level-label{position:absolute;right:10px;bottom:10px;background:#eaecdf;color:#808e6f;border:1px solid #d6dbc7;border-radius:4px;font-size:8px;letter-spacing:1px;padding:4px 6px}.inspector h3{font-family:var(--serif);font-size:24px;font-weight:600;margin:5px 0 7px}.inspector .description{font-size:10px;color:#858a77;line-height:1.8}.inspector-details{display:flex;gap:13px;font-size:9px;padding:12px 0 14px;color:#8b917a;flex-wrap:wrap}.inspector-details span{display:flex;align-items:center;gap:5px}.inspector-details .icon{height:12px;width:12px}.inspector .cost{margin:12px 0}.inspector .green-button{margin-top:10px}.quests{padding-bottom:19px;border-bottom:1px solid var(--line);margin-bottom:22px}.quest{padding:10px 0;display:flex;gap:9px;align-items:flex-start}.quest-check{height:16px;width:16px;border:1px solid #cdd4bf;border-radius:50%;display:grid;place-items:center;color:#839b67;flex-shrink:0;font-size:10px;margin-top:1px}.quest.complete .quest-check{background:#809b66;border-color:#809b66;color:white}.quest strong{font-size:10px;font-weight:600}.quest p{font-size:9px;line-height:1.6;color:#929580;margin-top:4px}.quest-progress{height:3px;background:#e7e9dc;margin-top:8px;border-radius:3px;overflow:hidden}.quest-progress span{height:100%;display:block;background:#9bad7f}.quest .claim{color:#8d7437;font-size:9px;border:1px solid #cfbc8d;padding:4px 7px;border-radius:3px;margin-top:5px;background:#f4eddb}.activity-entry{padding:0 0 15px;display:flex;gap:10px}.activity-icon{width:25px;height:25px;background:#e9edde;color:#809064;border-radius:5px;display:grid;place-items:center;flex-shrink:0}.activity-icon svg{width:13px;height:13px}.activity-entry strong{font-size:9px;font-weight:600;line-height:1.4}.activity-entry p{font-size:9px;color:#929582;margin-top:4px;line-height:1.6}.activity-entry time{font-size:8px;color:#a5a692;margin-top:4px;display:block}.quote{font-family:var(--serif);font-size:18px;line-height:1.5;text-align:center;color:#a2a68d;margin-top:18px;font-style:italic}.quote span{display:block;font-family:var(--sans);font-size:6px;letter-spacing:1.8px;font-style:normal;margin-top:10px}.statusbar{height:31px;background:#eeeee4;border-top:1px solid #dddfd1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:8px;letter-spacing:.2px;color:#8d947d}.statusbar>span:first-child{display:flex;align-items:center;gap:7px}.statusbar>span:nth-child(2){font-size:7px;letter-spacing:1.6px}.statusbar b{font-weight:400;margin:0 9px;color:#b9b59b}.statusbar button{font-size:8px;color:#7f8c6b}.statusbar .icon{height:11px;width:11px}.map-tooltip{position:absolute;background:#203b30ed;border:1px solid #789061;color:#fff5de;padding:8px 12px;font-size:10px;border-radius:4px;pointer-events:none;white-space:nowrap;z-index:5}.modal-backdrop{position:fixed;inset:0;background:#10271ec2;backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;background:#f9f7ee;border:1px solid #d2c69e;border-radius:10px;box-shadow:0 20px 100px #091a19aa;max-height:90dvh;overflow:auto}.close-modal{position:absolute;right:14px;top:13px;background:#f5f3e8c9;border:1px solid #cbd0bb;z-index:2;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1;color:#738163}.auth-modal{display:grid;grid-template-columns:310px 410px;overflow:hidden}.auth-art{background:linear-gradient(0deg,#102e29ed,transparent 90%),url('assets/valley.png') 45% center/cover;min-height:610px;color:#fcf1d4;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.auth-art>img{width:47px}.auth-art span{font-size:8px;letter-spacing:2px;color:#d4bc87}.auth-art h2{font-family:var(--serif);font-size:35px;line-height:1.14;margin:15px 0;font-weight:500}.auth-art p{font-size:10px;color:#b9c2a9;line-height:1.8}.auth-content{padding:35px 35px 24px}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:25px}.auth-tabs button{font-size:11px;color:#969b85;padding:0 0 12px;position:relative}.auth-tabs button.active{color:#354c3a;font-weight:650}.auth-tabs .active:after{content:'';height:2px;background:#a88a4e;position:absolute;bottom:-1px;left:0;right:0}.auth-content>h2{font-family:var(--serif);font-size:31px;margin-bottom:7px;font-weight:600}.auth-content>p{font-size:10px;color:#90947f}.hero-options{display:flex;gap:9px;margin-top:20px}.hero-option{flex:1;text-align:left;border:1px solid #d9ddcb;border-radius:5px;padding:5px;background:#f3f2e7;overflow:hidden}.hero-option.selected{border:2px solid #b29960;padding:4px;background:#eee8d8}.hero-option .portrait{height:97px;border-radius:3px;background-position-y:18%}.hero-option strong{font-size:11px;display:block;margin:7px 4px 2px}.hero-option span{font-size:8px;color:#8d927d;display:block;margin:0 4px 5px}.hero-bonus{font-size:9px;line-height:1.5;color:#899271;min-height:28px;margin:10px 0 9px}.auth-content label{display:block;font-size:10px;font-weight:600;margin:14px 0 7px}.auth-content input,.form-input{width:100%;border:1px solid #d7dcc8;border-radius:4px;background:#fdfcf7;padding:11px 12px;font-size:11px;color:#304d38}.auth-content input::placeholder{color:#a4a790;font-size:10px}.auth-content .gold-button{width:100%;margin-top:15px}.auth-note{color:#9a9e89;font-size:8px;line-height:1.8;margin-top:14px}.form-error{font-size:10px;color:#a1513b;margin-top:8px;line-height:1.5}.content-modal{width:780px;padding:34px}.content-modal h2{font-family:var(--serif);font-size:34px;font-weight:600;margin:10px 0}.content-modal>.close-modal{top:16px;right:16px}.modal-intro{font-size:11px;line-height:1.8;color:#8b927b;margin-bottom:24px}.content-modal h3{font-family:var(--serif);font-size:23px;margin:22px 0 12px}.player-row,.camp-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.player-row .portrait{height:42px;width:39px;border-radius:4px}.player-row strong,.camp-row strong{font-size:12px;display:block}.player-row small,.camp-row small{font-size:10px;color:#8f977d;display:block;margin-top:5px}.player-score{margin-left:auto;text-align:right;font-size:12px}.player-score small{font-size:8px}.player-row button,.camp-row button{margin-left:12px;white-space:nowrap;font-size:10px}.rank-number{font-family:var(--serif);font-size:22px;color:#b2aa84;width:20px}.camp-row .activity-icon{height:40px;width:40px}.camp-row>div:nth-child(2){flex:1}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-grid article{border:1px solid var(--line);border-radius:6px;padding:20px}.guide-grid h3{font-size:22px;margin:8px 0}.guide-grid p{font-size:11px;line-height:1.8;color:#838e73}.guide-grid .icon{color:#a28b55;width:25px;height:25px}.unit-card{border:1px solid #dce1cf;background:#f1f2e8;padding:13px;border-radius:5px;margin-bottom:12px}.unit-card h3{font-family:var(--serif);font-size:21px;margin-bottom:6px}.unit-stats{font-size:9px;color:#7c896e;display:flex;justify-content:space-between;margin-bottom:10px}.number-control{display:flex;gap:8px;align-items:center;margin:10px 0}.number-control input,.attack-input{width:52px;padding:6px;border:1px solid #ccd4bb;background:#fbfcf4;border-radius:3px;font-size:11px;color:#355237}.number-control .green-button{padding:8px;margin:0}.queue-item{padding:10px;border:1px dashed #c7d1b8;border-radius:4px;font-size:10px;margin:8px 0;line-height:1.7;background:#f0f2e5}.queue-item span{color:#8c9478}.economy-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.economy-row strong{color:#6c8855}.trade-row{display:flex;gap:7px;margin:9px 0;align-items:center;font-size:10px}.trade-row>span{flex:1}.trade-row button{padding:6px;font-size:8px}.report-item{padding:17px 0;border-bottom:1px solid var(--line)}.report-item h3{font-family:var(--sans);font-size:12px;margin:0 0 8px}.report-item p{font-size:11px;color:#838d75;line-height:1.8}.report-item time{font-size:9px;color:#a0a58d;display:block;margin-top:8px}.attack-unit{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.attack-unit label{flex:1;font-size:12px}.attack-unit small{font-size:10px;color:#8f977e;margin-right:10px}.attack-summary{padding:17px;background:#e9eedf;border:1px solid #cdd8bd;border-radius:5px;margin:20px 0;font-size:11px;line-height:1.8}.attack-notice{font-size:10px;color:#a58d61;margin:14px 0;line-height:1.8}#toasts{position:fixed;bottom:44px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;z-index:100;pointer-events:none;width:min(480px,90vw)}.toast{background:#213d30;color:#f3eed9;border:1px solid #8b9d70;border-radius:5px;padding:13px 20px;font-size:11px;box-shadow:0 4px 20px #0c251b44;animation:toast-in .2s ease;line-height:1.5}.toast.error{background:#784b38;border-color:#bc8865}.empty-state{font-size:11px;color:#8b957d;line-height:1.9;padding:20px 0}.mobile-side-toggle{display:none}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1650px){.game-layout{grid-template-columns:290px 1fr 300px}.sidebar .village-image{height:150px}.side-content{padding:20px}.building-option{padding:10px 7px}.building-option img{width:56px;height:49px}.map-heading{top:35px;left:38px}.map-heading h2{font-size:38px}}@media(max-width:1250px){.game-layout{grid-template-columns:240px 1fr 242px}.topbar{gap:20px;padding:0 18px}.brand{min-width:211px}.main-nav{gap:18px}.server-label,.server-dot{display:none}.resourcebar{padding:0 20px;gap:15px}.season{width:205px}.resource{gap:7px;min-width:60px}.resource-icon{width:30px;height:30px}.resource-name{display:none}#resources{gap:12px}.population{padding-left:15px}.right-sidebar{padding:18px 16px}.welcome-banner{right:20px;bottom:36px;gap:10px;padding:13px}.minimap-wrap{bottom:135px}.welcome-banner strong{font-size:18px}.welcome-banner p{max-width:195px}.welcome-mark{display:none}.map-heading h2{font-size:29px}}@media(max-width:1050px){.game-layout{grid-template-columns:230px 1fr}.right-sidebar{position:absolute;right:14px;top:175px;width:218px;max-height:calc(100dvh - 350px);padding:12px;background:#f9f7eeed;border-radius:7px;border:1px solid #cad2b9;box-shadow:0 4px 12px #30482a20}.right-sidebar .quests,.right-sidebar .activity,.right-sidebar .quote{display:none}.right-sidebar .inspector{padding-bottom:0;margin:0;border:0}.selected-art{height:75px}.selected-art img{height:80px}.right-sidebar .section-heading{margin-bottom:5px}.right-sidebar .inspector h3{font-size:22px}.map-tools{top:270px}.map-heading{left:22px;top:20px}.map-heading p{max-width:260px}.topbar .brand{min-width:205px}.main-nav{gap:14px}.main-nav button{font-size:10px}.top-right{gap:4px}.account-button{padding-left:9px;font-size:10px}.season{width:190px}.resourcebar{gap:12px}#resources{gap:10px}.resource{min-width:50px;gap:6px}.resource-icon{width:23px;height:23px;background:none}.resource strong{font-size:13px}.resource small{font-size:8px}.population{padding-left:10px;gap:6px}.population b{font-size:11px}.population>svg{width:22px}.map-heading{max-width:calc(100% - 240px)}.map-heading h2{font-size:26px}.welcome-banner{right:20px}}@media(max-width:760px){body{overflow:auto}.topbar{height:64px;padding:0 13px;gap:8px}.brand{min-width:0!important;gap:8px}.brand img{width:29px;height:36px}.brand span{font-size:7px;letter-spacing:2px}.brand strong{font-size:17px;letter-spacing:1.5px}.main-nav{justify-content:flex-end;gap:12px}.main-nav button{font-size:0;gap:0}.main-nav button svg{width:20px;height:20px}.main-nav .badge{position:absolute;right:-5px;top:15px;font-size:7px}.top-right{margin-left:6px}.top-right .icon-button{display:none}.account-button{padding-left:9px}.account-button span{display:none}.resourcebar{height:61px;padding:0 10px;gap:6px}.season{display:none}#resources{gap:3px}.resource{min-width:0;gap:4px}.resource-icon{width:20px;height:26px}.resource-icon svg{width:18px;height:18px}.resource strong{font-size:12px}.resource small{font-size:6px;letter-spacing:-.2px}.population{gap:4px;padding-left:7px}.population b{font-size:9px}.population small{font-size:7px}.population>svg{width:17px}.game-layout{display:flex;flex-direction:column-reverse;height:auto;min-height:0}.world{height:calc(100dvh - 150px);min-height:480px;flex-shrink:0}.sidebar{border-top:1px solid #d1dac0;border-right:0;max-height:650px;min-height:400px}.village-card{display:none}.side-tabs{height:48px;gap:30px;padding:0 30px}.side-tabs button{font-size:12px}.side-content{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px}.side-content .build-group-title,.side-content>.eyebrow,.side-content>.panel-intro,.side-content>.queue-item,.side-content>.economy-section{grid-column:1/-1}.building-option{margin:0;padding:8px}.building-option img{width:43px}.right-sidebar{top:205px;right:10px;width:175px;max-height:310px;padding:10px;font-size:10px}.right-sidebar .section-heading h2{font-size:9px}.right-sidebar .selected-art{height:62px;margin:6px 0}.right-sidebar .selected-art img{height:68px}.right-sidebar .inspector h3{font-size:20px}.right-sidebar .description{font-size:9px;line-height:1.7}.right-sidebar .inspector-details{font-size:8px;gap:7px;padding:8px 0}.right-sidebar .green-button{font-size:9px;padding:8px}.map-heading{left:17px;top:20px;max-width:calc(100% - 85px)}.map-heading h2{font-size:26px}.map-heading p{font-size:9px;max-width:230px}.map-heading .eyebrow{font-size:7px}.map-tools{top:20px;right:12px;flex-direction:row}.map-tools .glass-button{display:none}.zoom-controls{flex-direction:row}.zoom-controls button{width:26px;height:29px;font-size:18px}.zoom-controls span{font-size:7px}.minimap-wrap{right:12px;bottom:145px;transform:scale(.78);transform-origin:bottom right}.welcome-banner{left:12px;right:12px;bottom:36px;padding:12px;gap:7px}.welcome-banner strong{font-size:18px}.welcome-banner p{font-size:8px;max-width:200px}.welcome-banner .gold-button{padding:10px;font-size:9px;gap:6px}.map-caption{left:14px;bottom:13px;font-size:7px;gap:8px}.map-caption span:nth-child(2){display:none}.compass-rose{bottom:150px;left:20px}.statusbar{height:28px;padding:0 12px;position:fixed;bottom:0;width:100%;z-index:10;font-size:7px}.statusbar>span:nth-child(2){display:none}.build-banner{bottom:45px;min-width:300px;font-size:10px;padding:12px}.modal-backdrop{padding:10px}.auth-modal{display:block;width:410px;max-height:95dvh;overflow:auto}.auth-art{display:none}.auth-content{padding:30px 25px 20px}.content-modal{padding:25px 20px;max-height:92dvh}.content-modal h2{font-size:28px;padding-right:18px}.guide-grid{grid-template-columns:1fr}.player-row{gap:7px}.player-row strong{font-size:10px}.player-row small{font-size:8px}.player-score{font-size:10px}.player-row button{font-size:9px;padding:7px;margin-left:3px}.rank-number{font-size:19px;width:14px}.camp-row{gap:7px}.camp-row strong{font-size:10px}.camp-row small{font-size:9px}.camp-row button{padding:8px;margin-left:4px;font-size:9px}.side-footer{margin-bottom:28px}.world:after{box-shadow:inset 0 0 60px #1c322323}.hero-options .portrait{height:85px}}

/* Detailed artwork loading and larger building previews. */
.world-loading{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 35%,#54724b,#203e30);color:#f1e4bd;text-align:center}.world-loading img{width:58px;height:65px;animation:art-pulse 1.6s ease-in-out infinite}.world-loading strong{font-family:var(--serif);font-size:29px;font-weight:500}.world-loading span{font-size:9px;letter-spacing:1.8px;color:#b4c1a0}.building-option img{width:57px;height:48px}.selected-art img{width:155px;height:122px}.selected-art{height:124px;margin:7px 0}.world{background:#7b9459}.map-heading{text-shadow:0 1px 9px #eef0d4,0 1px 3px #f6efda}.world:after{box-shadow:inset 0 0 100px #183b271c}@keyframes art-pulse{50%{opacity:.6;transform:translateY(-3px)}}@media(max-width:1050px){.right-sidebar .selected-art{height:100px}.right-sidebar .selected-art img{height:105px;width:140px}}@media(max-width:760px){.right-sidebar .selected-art{height:82px}.right-sidebar .selected-art img{height:90px;width:125px}.building-option img{width:52px;height:48px}.world-loading strong{font-size:25px}}
.map-heading{padding:12px 16px;border-radius:6px;border:1px solid #e0e6ca60;background:linear-gradient(110deg,#f3f1dcdb,#eef0d4a8);backdrop-filter:blur(4px);text-shadow:none}.map-heading .eyebrow{color:#62794f}.map-heading h2{font-size:29px;color:#2b452f}.map-heading p{color:#64764e}@media(max-width:1050px){.map-heading h2{font-size:25px}.map-heading{padding:10px 13px}}@media(max-width:760px){.map-heading{left:13px;max-width:calc(100% - 112px);padding:9px 11px}.map-heading h2{font-size:23px}.map-heading p{font-size:8px;line-height:1.6}}
.inspector-toggle{display:none}@media(max-width:760px){.inspector-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 2px;font-size:10px;font-weight:600;color:#526744}.inspector-toggle span{font-size:16px;font-weight:400}.right-sidebar:not(.details-open) #inspector{display:none}.right-sidebar.details-open .inspector-toggle{border-bottom:1px solid var(--line);margin-bottom:10px}.right-sidebar{max-height:370px;scrollbar-width:thin}}

/* Worker assignment */
.worker-assignment{margin:14px 0;padding:14px;border:1px solid #d7d4b7;border-radius:10px;background:#f2f0df}.worker-assignment>span{display:flex;justify-content:space-between}.worker-buttons{display:flex;gap:8px;margin:10px 0}.worker-buttons button{min-width:44px;min-height:40px;justify-content:center;font-size:20px}.worker-assignment small{color:#757c62}.job-line{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-bottom:1px solid #e5e3d2;font-size:11px;color:#7c826b}.job-line strong{color:#45533c}