@font-face{font-family:LocalSerif;src:local("Georgia")}
.map-jump{display:flex;align-items:center;gap:3px}.map-jump input{width:53px;min-height:28px;padding:4px;font-size:10px;background:#293322;color:#e9dcb5;border-color:#697246}.sound-settings{max-width:560px}.sound-settings label{margin:14px 0}.sound-settings input[type=range]{padding:0;accent-color:#64773d}.rankings-options{display:flex;gap:6px;flex-wrap:wrap}
.market-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.market-filters label{font-size:10px}.market-filters input,.market-filters select{font-size:11px}.toast{display:flex;align-items:start;gap:12px}.toast .text-button{font-size:16px;flex-shrink:0;pointer-events:auto;color:inherit}.toast-stack{max-height:30vh;overflow:hidden}
.customization-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.customization-option{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #b7a06a70;background:#ead9b055;font-size:10px}.customization-symbol{font-size:25px;line-height:1.3}#player-name::before{content:attr(data-emblem);margin-right:5px}
.building-fallback{position:relative;display:flex;flex-direction:column;gap:1px}.building-fallback>span{font-size:22px;line-height:1.1}.building-fallback>small{font:700 8px Arial;color:#62543a}.building-fallback>sup{position:absolute;right:2px;top:1px;font:700 7px Arial;color:#8c669d}.building-fallback.selected-portrait{height:85px;float:none}.building-fallback.selected-portrait>span{font-size:39px}.building-fallback.selected-portrait>small{font-size:12px}.damage-notice{font-size:11px;color:#954d2f;margin-top:9px;line-height:1.6}.canvas-tip{flex-wrap:wrap}.visual-legend{color:#b7a3c3}
.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;align-items:end;margin-bottom:12px}.report-filters label{font-size:10px}.report-filters input,.report-filters select{font-size:11px}.report-filters button{font-size:10px;min-height:33px}
:root{color-scheme:dark;--bg:#191d19;--frame:#30382c;--frame2:#20251f;--line:#615e40;--gold:#d6ba72;--cream:#eee3c7;--paper:#e7d6ad;--paper-dark:#d1bc8e;--ink:#372d20;--muted:#a6ae99;--green:#425b31;--red:#9d4636;--shadow:0 6px 22px #0005;font-family:Arial,"Segoe UI",sans-serif;font-size:13px}
*{box-sizing:border-box}body{margin:0;background:#191d19;color:var(--cream)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #7d744e;border-radius:3px;color:#ead9ae;background:linear-gradient(#4a503d,#2d3528);padding:7px 12px;box-shadow:inset 0 1px #ffffff14}button:hover{filter:brightness(1.15);border-color:#c3a762}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #eac67d;outline-offset:3px}button.primary{background:linear-gradient(#6b7c43,#3a4a29);border-color:#95a15e;color:#fff6dc;font-weight:bold}button.danger{color:#ffe7d9;background:linear-gradient(#8e4c38,#5b3027);border-color:#b56950}button.secondary{background:linear-gradient(#e7d7b3,#c9b584);color:var(--ink);border-color:#998254}button.small{padding:4px 8px;font-size:11px}button.text-button{border:0;background:none;padding:2px 0;color:inherit;box-shadow:none}button.wide{width:100%}input,select,textarea{width:100%;padding:8px 9px;border:1px solid #a28e63;border-radius:3px;background:#fff9e9;color:#3f3426;min-height:33px;outline:none}input:focus,select:focus,textarea:focus{border-color:#637d37;box-shadow:0 0 0 2px #8aa75e30}input[type=checkbox]{width:16px;min-height:16px;accent-color:#586c36}textarea{min-height:80px;resize:vertical}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;font-weight:normal}h2{font-size:25px}h3{font-size:21px}h4{font-size:17px}small,.muted{color:var(--muted)}[hidden]{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:9px;color:#a7a58a;margin-bottom:4px;font-weight:bold}.fine-print{font-size:11px;line-height:1.65;color:#7f7155}.parchment{color:var(--ink);background:radial-gradient(ellipse at 40% 10%,#f5e8c8b8,transparent 80%),linear-gradient(112deg,#ddc89c,#ebddb9 45%,#dbc494);border:1px solid #9e8453;box-shadow:var(--shadow),inset 0 0 0 3px #fff8dd18}.parchment small,.parchment .muted{color:#867453}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;position:relative;background:#182118}.login-landscape{position:absolute;inset:0;background:linear-gradient(90deg,#07120ee0,#12221975,#07120ed9),url('/assets/login_background.jpg') center/cover;filter:saturate(.85)}.login-panel{position:relative;width:430px;padding:34px 40px 25px;border:3px double #ad925d;text-align:center;border-radius:5px}.crest{font-family:Georgia,serif;font-size:46px;line-height:64px;height:70px;width:64px;margin:0 auto 12px;color:#f8df9f;background:linear-gradient(145deg,#677745,#273821);border:3px double #a88a4b;border-radius:9px 9px 28px 28px;text-shadow:1px 2px #0007;box-shadow:0 3px 9px #0005}.login-panel h1{font-size:37px;letter-spacing:-1px}.login-panel .eyebrow{color:#746747}.login-subtitle{margin:10px 0 25px;font-size:12px;color:#887451}.login-tabs{display:flex;margin:0 0 22px;border-bottom:1px solid #b9a473}.login-tabs button{flex:1;border:0;border-radius:0;box-shadow:none;background:none;color:#8f7d55;padding:11px 3px}.login-tabs .selected{color:#3c4928;border-bottom:3px solid #5a6b35;font-weight:bold}.login-panel label{text-align:left;margin-bottom:15px}.login-panel .primary{margin-top:5px;padding:12px}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;color:#746d50;font-size:11px;margin:22px 0 14px}.form-error{color:#a23b28;min-height:14px;font-size:12px;margin:6px 0 12px;line-height:1.5}
.game-shell{max-width:1920px;min-height:100vh;margin:auto;border-inline:1px solid #5d6046;box-shadow:0 0 50px #0007}.topbar{height:73px;display:flex;align-items:center;padding:0 22px;background:linear-gradient(#363d2e,#242c23);border-bottom:1px solid #7b7951;gap:30px}.brand{display:flex;align-items:center;gap:12px;border:none;background:none;box-shadow:none;padding:0;text-align:left;min-width:280px}.brand strong{font-family:Georgia,serif;font-size:19px;letter-spacing:1.5px;color:#eddaaa;text-shadow:1px 2px #0007}.brand small{display:block;letter-spacing:3px;font-size:8px;margin-top:4px;color:#9ca48d}.small-crest{font:28px/41px Georgia,serif;width:39px;height:45px;text-align:center;color:#e2ca87;border:2px double #b49b5a;border-radius:5px 5px 17px 17px;background:#405036}.world-clock{flex:1;border-left:1px solid #ffffff18;padding-left:22px;line-height:1.5;color:#d4d6c3;font-variant-numeric:tabular-nums;font-size:12px}.world-clock small{display:block;font-size:10px}.player-header{display:flex;gap:9px;align-items:center}.player-header>div{text-align:right;margin-right:10px}.player-header strong{display:block;color:#e5d5b1;font-family:Georgia,serif;font-size:16px}.player-header small{display:block;font-size:10px;margin-top:4px}.player-header button{font-size:11px;padding:6px 9px}.resource-bar{display:flex;background:linear-gradient(#b7a77e,#cec09a 65%,#b8a879);color:#3e3829;padding:8px 18px;gap:2px;border-bottom:3px solid #7c744c;min-height:68px}.resource{display:flex;gap:7px;align-items:center;min-width:115px;flex:1;border-right:1px solid #8c805c50;padding:0 9px}.resource:last-child{border:0}.resource img{width:33px;height:33px;object-fit:contain;filter:drop-shadow(0 1px 1px #0004)}.resource .resource-name{text-transform:uppercase;letter-spacing:.8px;font-size:8px;opacity:.7}.resource strong{display:block;font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:.1px}.resource small{display:block;color:#69613f;font-size:9px;margin-top:2px}.resource.over-cap strong{color:#a34627}.resource .resource-symbol{width:28px;text-align:center;color:#644d83;font-size:25px}.main-nav{display:flex;background:#272e25;border-bottom:1px solid #565b40;overflow:auto;padding-left:12px;gap:1px}.main-nav button{white-space:nowrap;border:0;border-right:1px solid #ffffff0b;border-radius:0;box-shadow:none;background:none;padding:13px 16px 11px;font-size:12px;color:#aeb89b;border-bottom:3px solid transparent}.main-nav button.selected{color:#f2dfaf;background:linear-gradient(#56604430,#252d24);border-bottom-color:#c7a45f}.main-nav button:hover{background:#414b32}.main-layout{display:grid;grid-template-columns:176px 1fr;min-height:calc(100vh - 244px)}.sidebar{background:linear-gradient(90deg,#242c23,#2b3227);border-right:1px solid #555b3d;padding:15px 10px;display:flex;flex-direction:column;gap:13px}.sidebar-title{text-transform:uppercase;font-size:9px;letter-spacing:1.2px;color:#b6ae8a;display:flex;justify-content:space-between}.sidebar-title span{color:#e2cc92;letter-spacing:0}.sidebar-title.compact{padding-top:13px;border-top:1px solid #4a513a}.city-list{display:flex;flex-direction:column;gap:5px}.city-choice{text-align:left;padding:9px 8px;width:100%;display:flex;align-items:center;gap:8px;background:#1e271e;border-color:#464f35;color:#aeba9a}.city-choice.selected{background:linear-gradient(100deg,#5b603d,#333d2b);border-color:#98905b;color:#f3e0b2;box-shadow:inset 3px 0 #c2aa65}.city-choice img{width:28px;height:27px;object-fit:contain}.city-choice strong{display:block;font-size:11px;max-width:102px;overflow:hidden;text-overflow:ellipsis}.city-choice small{font-size:9px;display:block;margin-top:3px}.sidebar-summary{font-size:10px;line-height:1.85;color:#9fa98b;padding:0 6px}.sidebar-summary b{float:right;color:#d8d3b3;font-weight:normal}.recent-reports{display:flex;flex-direction:column;gap:5px}.recent-reports button{font-size:10px;text-align:left;padding:6px;color:#aeb99d;border:0;background:#1f271d;box-shadow:none}.connection-state{margin-top:auto;font-size:10px;color:#b0b99a;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding-top:20px}.connection-state small{display:block;width:100%;padding-left:13px;font-size:9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5a773;flex-shrink:0}.status-dot.online{background:#9bbf64;box-shadow:0 0 6px #9bbf6440}.status-dot.offline{background:#cd795a}.subtle-button{font-size:9px;border-color:#4b563b;color:#9ea888;background:transparent;padding:7px 3px}.notice{padding:9px 20px;background:#4b5230;color:#e5e6c8;border-bottom:1px solid #747e43;display:flex;align-items:center;gap:10px;font-size:12px}.notice.error{background:#673e30;color:#ffe3cf;border-color:#9c6148}.notice span{flex:1}.notice button{padding:3px 9px;font-size:11px}
#main-content{min-width:0;padding:17px 20px 10px;background:radial-gradient(ellipse at 45% 0,#3b433222,transparent 70%),#1f261f}.view-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;min-height:45px;gap:15px}.view-toolbar h2{font-size:24px;color:#e7d6ad}.view-toolbar .eyebrow{font-size:8px}.view-tools{display:flex;gap:6px}#view-tools{display:flex;gap:6px;align-items:center;font-size:11px}#view-tools button{font-size:10px;padding:6px 10px}#view-tools select{max-width:200px;background:#293322;color:#d9d8bd;border-color:#6b6e4a;font-size:11px}.workspace{display:grid;grid-template-columns:minmax(400px,1fr) 300px;gap:15px;align-items:start}.workspace.panel-mode{grid-template-columns:1fr}.view-area{min-width:0}.canvas-frame{position:relative;border:2px solid #8a8252;box-shadow:0 0 0 4px #111b14,0 8px 20px #0006;background:#52712b;overflow:hidden}.canvas-frame canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none}.canvas-toolbar{position:absolute;bottom:9px;left:10px;display:flex;align-items:center;gap:4px;background:#172018dc;padding:4px;border:1px solid #6f714b;border-radius:3px;color:#d0cfac;font-size:10px}.canvas-toolbar button{font-size:11px;padding:4px 7px}.canvas-coordinates{position:absolute;right:9px;bottom:9px;background:#18251ade;padding:6px 10px;border:1px solid #73794c;color:#e0dfbb;font-size:10px}.canvas-tip{color:#89967c;font-size:10px;margin-top:9px;display:flex;justify-content:space-between;gap:8px}.inspector{padding:0;min-height:385px;border-radius:3px;overflow:hidden}.inspector-header{padding:15px 16px 12px;border-bottom:1px solid #b5a171;background:#d7c18e60}.inspector-header .eyebrow{color:#85734c;letter-spacing:1px}.inspector-header h3{font-size:20px}.inspector-content{padding:14px 15px}.selected-portrait{width:95px;height:85px;object-fit:contain;display:block;margin:0 auto 12px;filter:drop-shadow(0 3px 3px #735d3c55)}.selected-coords{display:block;font-size:10px;color:#8d7957;margin-top:5px}.stat-list{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;margin:12px 0}.stat-list dt{color:#87724a}.stat-list dd{margin:0;font-variant-numeric:tabular-nums}.button-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.button-row button{flex:1;font-size:11px;padding:8px 9px}.inspector .empty-hint{font-size:12px;line-height:1.8;color:#8a7851;text-align:center;padding:20px 8px}.inspector .empty-icon{font-size:35px;display:block;margin-bottom:12px;opacity:.6}.build-picker{max-height:330px;overflow:auto;display:grid;grid-template-columns:1fr;gap:5px}.build-option{background:#f5e9c190;color:#53442a;display:flex;align-items:center;gap:8px;padding:6px;border-color:#b9a272;text-align:left;box-shadow:none}.build-option img{height:34px;width:39px;object-fit:contain}.build-option strong{display:block;font-size:11px}.build-option small{display:block;font-size:9px;color:#8b754b;margin-top:3px}.build-option .letter-icon{height:31px;width:34px}.queue-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.dark-card{border:1px solid #48543a;background:#242f23;padding:12px;border-radius:3px}.dark-card h4{color:#c6c9a7;font-size:15px;margin-bottom:10px}.empty-state{font-size:11px;color:#8b997e;line-height:1.65;padding:12px 0}.parchment .empty-state{color:#8d7b58}.queue-row{display:flex;gap:8px;align-items:center;border-top:1px solid #48533a70;padding:8px 0;font-size:10px}.queue-row:first-of-type{border:0}.queue-row>div{flex:1}.queue-row strong{display:block;color:#d5d5b5;font-size:11px;font-weight:normal}.queue-row small{font-size:9px;margin-top:3px;display:block}.queue-row .countdown{color:#d5bd78;font-variant-numeric:tabular-nums}.queue-row button{padding:2px 6px;font-size:10px}.progress{height:3px;background:#192317;margin-top:5px;border-radius:3px;overflow:hidden}.progress>span{display:block;height:100%;background:#afac66}.panel-shell{padding:20px;border-radius:3px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-heading h3{font-size:24px}.panel-heading p{color:#8a7550;font-size:11px;margin-top:5px;line-height:1.7}.panel-shell .muted{color:#8a7855}.panel-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 17px;padding-bottom:12px;border-bottom:1px solid #b8a17170}.panel-tabs button{background:#e4d3aa;color:#6b5635;font-size:11px;padding:7px 11px;box-shadow:none;border-color:#ad9565}.panel-tabs button.selected{background:#5c683d;color:#fff0c7;border-color:#667742}.panel-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:20px}.panel-grid.wide-left{grid-template-columns:1.4fr 1fr}.section-title{font-family:Georgia,serif;font-size:17px;margin-bottom:10px;color:#5c4b2d}.command-form{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;align-content:start}.command-form .field-wide,.command-form .form-footer,.command-form .form-intro,.command-form .form-feedback{grid-column:1/-1}.command-form .form-intro{font-size:11px;color:#8a7650;line-height:1.65;padding-bottom:3px}.command-form .form-footer{display:flex;gap:8px;align-items:center;margin-top:4px}.command-form .form-footer button{min-width:130px}.command-form .form-feedback{font-size:11px;line-height:1.5;white-space:pre-wrap}.field-hint{font-size:9px;font-weight:normal;color:#927c52;line-height:1.5}.checkbox-label{flex-direction:row;align-items:center;gap:7px;min-height:35px;font-weight:normal}.json-input{font-family:Consolas,monospace;font-size:11px}.unit-inputs,.resource-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.unit-input{display:flex;align-items:center;gap:5px;background:#c2ac7b25;padding:5px;border:1px solid #b7a16f70;border-radius:3px}.unit-input img{width:24px;height:24px;object-fit:contain}.unit-input span{flex:1;font-size:10px}.unit-input input{max-width:70px;padding:5px;font-size:11px;min-height:29px}.data-table-wrap{overflow:auto;border:1px solid #b9a57470;border-radius:3px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{padding:9px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;background:#cbb78570;color:#7a6542;font-weight:600;white-space:nowrap}td{padding:9px 10px;border-top:1px solid #b9a57445;line-height:1.6;vertical-align:middle}tr:nth-child(even) td{background:#f9efce25}td button{font-size:10px;padding:5px 8px}td .muted{font-size:9px}.table-empty{padding:25px 12px;color:#8f7b57;text-align:center}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.catalog-card{padding:12px;background:#f8edca50;border:1px solid #b9a17170;border-radius:3px;display:flex;gap:10px;align-items:flex-start}.catalog-card img{width:46px;height:50px;object-fit:contain;flex-shrink:0}.catalog-card .card-content{flex:1;min-width:0}.catalog-card h4{font-size:15px;margin-bottom:4px}.catalog-card p{font-size:10px;color:#897451;line-height:1.6}.catalog-card button{font-size:10px;padding:5px 8px;margin-top:8px}.catalog-card .quantity{display:inline-block;margin-top:5px;font-size:12px;color:#536535;font-weight:bold}.letter-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:bold 19px Georgia,serif;color:#ac925c;background:#ccba8c40;border:1px solid #b29a6650;border-radius:5px;flex-shrink:0}.search-input{max-width:270px;margin-bottom:12px}.badge{display:inline-block;font-size:8px;padding:3px 5px;border:1px solid #b4a06a70;border-radius:3px;color:#91794e;margin:2px 3px 0 0;letter-spacing:.2px}.badge.good{background:#6b87401a;border-color:#7f965c;color:#61753b}.badge.warning{background:#8a633818;color:#8d633c}.readable{font-size:12px;line-height:1.85;color:#75623f}.detail-block{margin:12px 0;padding:12px;background:#c4ad7620;border:1px solid #bca36b55;border-radius:3px}.detail-block h4{margin-bottom:8px}.detail-block pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:#726044;max-height:250px;overflow:auto}.subsection{margin-top:23px}.report-list{display:flex;flex-direction:column;gap:7px;max-height:530px;overflow:auto}.report-item{width:100%;text-align:left;display:flex;gap:11px;padding:11px;color:#705c3b;background:#f9edcb50;border-color:#bda57370;box-shadow:none}.report-item.selected{border-color:#7a884d;background:#edf0bf50}.report-item strong{display:block;font-size:12px;font-weight:normal}.report-item small{display:block;font-size:9px;margin-top:4px}.report-body{font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.faith-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:17px}.faith-cell{background:#ecdfb970;text-align:center;padding:10px 4px;border:1px solid #b7a06a60;border-radius:3px}.faith-cell span{font-size:9px;color:#8b7650}.faith-cell strong{display:block;margin-top:6px;font-family:Georgia,serif;font-size:23px;color:#5a6a3a}.info-list{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 15px}.info-pill{background:#c7af7830;border:1px solid #b5a06a70;border-radius:3px;padding:8px 10px;font-size:11px}.info-pill strong{margin-left:8px;color:#526437}.chat-dock{margin-top:20px;border:1px solid #4e5b3e;border-radius:3px;background:#1d281e}.chat-title{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2c3928;color:#bdc4a6;border-bottom:1px solid #4e5b3e;font-size:10px}.chat-title strong{letter-spacing:.8px;font-size:9px;text-transform:uppercase;font-weight:normal}.chat-messages{height:92px;overflow:auto;padding:6px 12px;display:flex;flex-direction:column;gap:5px;font-size:11px}.chat-line{line-height:1.45;overflow-wrap:anywhere}.chat-line time{color:#65755c;font-size:9px;margin-right:9px}.chat-line strong{color:#c8ba7e;font-size:10px;margin-right:7px;font-weight:normal}.chat-line span{color:#a6b49b}.quick-chat{display:flex;gap:5px;padding:7px 9px;border-top:1px solid #44543a70}.quick-chat input,.quick-chat select{background:#182219;border-color:#475a39;color:#cbd5ba;min-height:29px;font-size:11px}.quick-chat select{width:95px}.quick-chat button{font-size:10px;padding:5px 14px}.game-footer{padding:9px 20px 9px 194px;font-size:9px;color:#6f8066;display:flex;justify-content:space-between;border-top:1px solid #35452e}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:500;display:flex;flex-direction:column;gap:8px;max-width:360px;pointer-events:none}.toast{background:#34452f;color:#eee2b9;border:1px solid #7d8a55;border-radius:4px;box-shadow:var(--shadow);padding:13px 17px;font-size:12px;line-height:1.6;animation:toast-in .2s ease-out}.toast.error{background:#6a4033;border-color:#bd8061;color:#fff0df}.toast-stack button{pointer-events:auto}.world-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px;font-size:10px;color:#9daa89}.world-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend-self{background:#d7c576}.legend-enemy{background:#bd785e}.legend-dungeon{background:#9ebf73}.legend-shrine{background:#aba2d9}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
body.theme-light{--bg:#b9b08f;--frame:#5a6247;--frame2:#444e38}body.theme-light #main-content{background:#b5b38f}body.theme-light .view-toolbar h2{color:#36442b}body.theme-light .canvas-tip,body.theme-light .world-legend{color:#4d5e3e}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(500px,1fr) 328px}.inspector-content{padding:18px}.resource strong{font-size:18px}}
@media(max-width:1200px){.brand{min-width:230px}.brand strong{font-size:16px}.resource-bar{padding-inline:4px}.resource{padding-inline:5px;min-width:90px}.resource img{width:27px;height:29px}.resource strong{font-size:14px}.main-layout{grid-template-columns:150px 1fr}.sidebar{padding-inline:8px}.workspace{grid-template-columns:minmax(350px,1fr) 255px;gap:12px}#main-content{padding:14px}.main-nav button{padding-inline:12px;font-size:11px}.panel-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.game-footer{padding-left:164px}.queue-panels{grid-template-columns:1fr}}
@media(max-width:960px){.topbar{height:65px;padding-inline:14px;gap:12px}.brand{min-width:0}.brand strong{font-size:14px}.brand small{font-size:7px}.small-crest{width:31px;height:37px;font-size:23px;line-height:33px}.world-clock{padding-left:10px;font-size:10px}.player-header small{font-size:8px}.player-header strong{font-size:12px}.resource-bar{overflow:auto;gap:0;min-height:61px}.resource{flex:0 0 125px}.main-layout{grid-template-columns:128px 1fr}.sidebar-title{font-size:8px;letter-spacing:.6px}.city-choice strong{font-size:10px;max-width:75px}.city-choice img{width:22px}.workspace{grid-template-columns:1fr}.inspector{min-height:0}.inspector-header{padding:11px 14px}.inspector-content{padding:13px}.build-picker{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:260px}.selected-portrait{float:left;width:70px;height:70px;margin:0 16px 10px 0}.queue-panels{grid-template-columns:1fr 1fr}.view-toolbar h2{font-size:21px}.faith-grid{grid-template-columns:repeat(4,1fr)}.game-footer{padding-left:142px}}
@media(max-width:640px){.login-screen{padding:15px}.login-panel{padding:25px;width:100%;max-width:420px}.login-panel h1{font-size:31px}.topbar{gap:8px}.brand strong{font-size:11px;letter-spacing:.7px}.brand small{font-size:6px;letter-spacing:1px}.small-crest{width:27px;flex-shrink:0}.brand{gap:7px}.world-clock{display:none}.player-header{margin-left:auto;gap:5px}.player-header>div{margin-right:2px}.player-header button{font-size:9px;padding:6px}.player-header strong{max-width:85px;overflow:hidden;text-overflow:ellipsis}.resource{flex-basis:119px}.main-nav{padding:0}.main-nav button{padding:11px 12px 9px;font-size:10px}.main-layout{display:block}.sidebar{display:block;padding:8px;border-right:0;border-bottom:1px solid #505c3c}.sidebar-title,.sidebar-summary,.recent-reports,.connection-state,.subtle-button{display:none}.city-list{flex-direction:row;overflow:auto}.city-choice{width:auto;min-width:126px;padding:6px}.city-choice img{width:24px}.city-choice strong{max-width:130px}.city-choice small{font-size:8px}.view-toolbar{gap:6px;align-items:start}.view-toolbar h2{font-size:19px}#main-content{padding:12px 9px}.view-tools{gap:3px}#view-tools button{padding:5px 7px;font-size:9px}#view-tools select{max-width:140px;font-size:10px}.view-toolbar .eyebrow{font-size:7px}.panel-shell{padding:14px}.panel-heading h3{font-size:21px}.panel-tabs{gap:4px}.panel-tabs button{font-size:10px;padding:6px 8px}.command-form{gap:11px 8px}.command-form label{font-size:11px}.command-form input,.command-form select{font-size:12px;padding:7px}.queue-panels{gap:7px}.dark-card{padding:9px}.dark-card h4{font-size:13px}.catalog-grid{grid-template-columns:1fr 1fr;gap:7px}.catalog-card{padding:9px;gap:6px}.catalog-card img{width:32px;height:36px}.catalog-card h4{font-size:13px}.catalog-card p{font-size:9px}.letter-icon{width:31px;height:33px;font-size:15px}.faith-grid{gap:4px}.faith-cell{padding:8px 3px}.faith-cell span{font-size:7px}.faith-cell strong{font-size:19px}.panel-grid{gap:20px}.game-footer{padding:10px;font-size:8px;gap:8px}.game-footer span:last-child{max-width:47%;text-align:right}.chat-dock{margin-top:15px}.quick-chat{gap:4px;padding-inline:6px}.quick-chat select{width:77px}.quick-chat button{padding-inline:8px;font-size:9px}.toast-stack{right:10px;bottom:10px;max-width:calc(100vw - 20px)}.canvas-tip{font-size:8px}.notice{padding:8px 10px;font-size:11px}}

/* Original 363511 summer-theme artwork, with the 2012 two-column game layout. */
:root{color-scheme:light;--paper:#f0ead5;--paper-dark:#ded3b4;--ink:#29271d;--muted:#776c53;--gold:#cfb275;--sidebar-width:350px;font-size:12px}
body{background:#201d16;color:#e9dfbf;font-family:Arial,Tahoma,sans-serif}
button{border:1px solid #665c33;border-radius:2px;background:#4b602b url('/lou-assets/363511/theme/form/button.png') center/100% 100%;color:#f7edcb;min-height:25px;padding:4px 10px;box-shadow:none;text-shadow:0 1px #202a13;font-size:11px}
button:hover{background-image:url('/lou-assets/363511/theme/form/button-hovered.png');filter:none;border-color:#b3a36c}
button:active,button.selected{background-image:url('/lou-assets/363511/theme/form/button-pressed.png')}
button.primary,button.secondary{background-color:#4b602b;background-image:url('/lou-assets/363511/theme/form/button.png');color:#f7edcb;border-color:#746236}
button.primary:hover,button.secondary:hover{background-image:url('/lou-assets/363511/theme/form/button-hovered.png')}
button.text-button{background:none;text-shadow:none;min-height:0}
button.danger{background-image:none;background-color:#794933}
input,select,textarea{border:1px solid #8b805d;border-radius:0;background:#fbf9eb;min-height:26px;padding:4px 6px;font-size:11px;color:#29271d}
input[type=range]{min-height:18px;accent-color:#5a6d2e;background:none;padding:0}
label{font-size:11px;gap:4px}h1,h2,h3,h4{font-family:Arial,Tahoma,sans-serif;font-weight:bold}
small,.muted{color:#8c8168}.parchment small,.parchment .muted{color:#7a7058}
.parchment{background:#efead8 url('/lou-assets/363511/ui/win_mainoverlay_paper.jpg') repeat;color:var(--ink);border:1px solid #8f7b4d;box-shadow:0 2px 8px #0006}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#c8bd99}::-webkit-scrollbar-thumb{background:#66763f;border:2px solid #c8bd99;border-radius:3px}
.login-screen{background:#1c271a}.login-landscape{background:linear-gradient(90deg,#10201380,#15221120,#0d1b1280),url('/assets/login_background.jpg') center/cover;filter:none}
.login-panel{padding:25px 35px 22px;width:410px;border:5px ridge #ad9460;border-radius:0;background-color:#eee7cf;box-shadow:0 6px 28px #0009}
.login-logo{display:block;max-width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 2px 3px #44361f80)}
.login-subtitle{color:#5b4a2c;font:16px Georgia,serif;margin:9px 0 20px}.login-tabs{gap:3px;margin-bottom:16px;border-bottom:1px solid #9f8c5f}
.login-tabs button,.login-tabs button.selected{background:#e2d5b1 url('/lou-assets/363511/theme/tabview/tab-button-top-inactive.png') center/100% 100%;border:0;color:#51452c;padding:7px 3px;text-shadow:none}
.login-tabs button.selected{background-image:url('/lou-assets/363511/theme/tabview/tab-button-top-active.png');color:#241e12}
.login-panel form{gap:12px}.login-panel label{text-align:left}.login-panel input{min-height:32px}.login-panel #auth-submit{min-height:32px}.login-foot{margin-top:16px;font-size:11px}.login-audio{display:flex;gap:12px;align-items:center;justify-content:center;margin:13px 0 10px}.login-audio input{width:120px}.fine-print{color:#766745;font-size:11px;line-height:1.5}
.topbar{height:31px;padding:2px 151px 2px 3px;gap:0;border:0;border-bottom:1px solid #7e7043;position:relative;background:#252019 url('/lou-assets/363511/ui/menues/main_menu/bgr_title_ornament.png') center top/auto 50px}
.brand{position:absolute;right:4px;top:0;width:138px;height:50px;min-width:0;display:block;background:none!important;border:0;padding:0;z-index:4}.brand img{display:block;width:138px;height:50px}.brand:hover{filter:brightness(1.15)}
.main-nav{display:flex;gap:1px;align-items:stretch;height:27px;width:100%;padding:0;background:none;border:0;overflow:visible}
.main-nav button{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;white-space:nowrap;border:1px solid #68703c;border-radius:0;color:#f6efcf;padding:2px 5px;font-size:11px;background:#54652e url('/lou-assets/363511/theme/form/button.png') center/100% 100%;text-shadow:1px 1px #30391c}
.main-nav button.selected{background-image:url('/lou-assets/363511/theme/form/button-pressed.png');border-color:#d2c386;color:#fff8d4}.main-nav button:hover{background-image:url('/lou-assets/363511/theme/form/button-hovered.png')}.main-nav button.shop-tab{color:#ffe285}
.player-strip{display:flex;align-items:center;gap:14px;height:29px;padding:1px 151px 1px 10px;border-top:1px solid #4d432b;border-bottom:2px solid #8d784e;background:#2d281f url('/lou-assets/363511/ui/menues/main_menu/bgr_title_ornament.png') left bottom/auto 50px;font-size:11px}
.player-header{display:flex;min-width:0;gap:5px;margin:0}.player-header>div{display:flex;align-items:baseline;gap:9px;text-align:left;margin:0}.player-header strong{display:inline;font:700 12px Arial;color:#ffedb5;max-width:140px;overflow:hidden;text-overflow:ellipsis}.player-header small{display:inline;color:#d8c89e;font-size:10px;margin:0;white-space:nowrap}.imperial-resources{display:flex;align-items:center;gap:13px}.imperial-resource{display:flex;gap:2px;align-items:center;font-size:11px;color:#f6e7b8}.imperial-resource strong{font-weight:normal;min-width:22px}.world-clock{flex:1;border:0;padding:0;text-align:right;color:#e0d5b7;font-size:10px;line-height:1.1;white-space:nowrap}.world-clock small{display:inline;color:#a99c7a;font-size:9px;margin-left:6px}.player-controls{display:flex;align-items:center;gap:3px;white-space:nowrap}.player-controls button{min-height:21px;padding:1px 5px;font-size:10px}.player-controls #sound-toggle{min-width:80px}
.main-layout{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:calc(100vh - 82px)}
.sidebar{display:flex;flex-direction:column;gap:0;padding:0 5px 0 3px;min-width:0;border-right:3px ridge #9e8353;background:#e9e2cb url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo_scaler.png') left top/100% auto;color:#373022}
.city-selector-frame{display:flex;align-items:center;gap:3px;min-height:34px;margin:0 -2px;background:#54452e url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo.png') center top/100% 34px;padding:3px 6px;color:#f4e9c7}
.city-list{display:flex;align-items:center;flex-direction:row;gap:3px;min-width:0;flex:1;overflow:visible}.city-list select{flex:1;min-width:0;height:24px;min-height:24px;padding:2px 3px;background:#eee6c9;color:#29271b;font-weight:bold;font-size:11px;border:1px solid #7d7049}.city-cycle{padding:0 3px;min-width:15px;min-height:21px;font-size:9px}.city-notes{padding:0 4px;min-height:21px}.city-limit{font-size:9px;color:#eedcaf;white-space:nowrap}
.resource-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px 1px 4px;gap:1px;min-height:43px;border:0;border-bottom:1px solid #9d8b60;background:#d8c79c url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo_sectionhdr.png') left center/100% 100%;overflow:visible}
.resource{display:flex;gap:2px;align-items:center;padding:0 2px;min-width:0;flex:auto;border-right:1px solid #9b8d6350}.resource>div{min-width:0}.resource strong{font-size:11px;letter-spacing:0;color:#29291c;font-weight:bold}.resource small{font-size:9px;line-height:1.3;margin:1px 0 0;color:#687134;white-space:nowrap}.resource.over-cap strong{color:#a04125}
.minister-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:2px 0 3px;padding:0 16px}.minister-shortcuts button{display:flex;justify-content:center;padding:0;min-height:28px;height:28px;background:none!important;border:0;filter:grayscale(.8);opacity:.8;position:relative}.minister-shortcuts button:hover,.minister-shortcuts button.hired{filter:none;opacity:1}.minister-shortcuts button.hired:after{content:'';position:absolute;bottom:0;width:32px;height:2px;background:#92b744}
.city-action-tabs{display:flex;align-items:end;gap:0;margin:0 -1px;min-height:26px;padding:0 1px;border-bottom:1px solid #8c774b}.city-action-tabs button{flex:1;padding:3px 4px;min-height:26px;border:0;border-radius:0;color:#5b4b2a;text-shadow:none;background:#d6c69d url('/lou-assets/363511/theme/tabview/tab-button-top-inactive.png') center/100% 100%;font-size:11px}.city-action-tabs button.selected{color:#272518;background-image:url('/lou-assets/363511/theme/tabview/tab-button-top-active.png');font-weight:bold}.city-action-tabs button:hover{filter:brightness(1.06)}
.sidebar-scroll{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 225px);padding:3px 0 12px;scrollbar-color:#6c7844 #d3c8a5}
.sidebar-summary{display:block;padding:0;color:#4b432e;font-size:11px;line-height:1.4}.sidebar-summary b{float:none;color:#51472f;font-weight:normal}.sidebar-card{margin:2px 0 4px;border:1px solid #a89970;background:#ede7d4 url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo_scaler.png') left top/100% auto}.sidebar-card h4,.sidebar-title{font:700 11px/25px Arial;margin:0 -1px;min-height:26px;padding:0 13px;color:#f6ebcd;background:#59462e url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo.png') center top/100% 29px;text-shadow:0 1px #362717;text-transform:none;letter-spacing:0}.sidebar-title.compact{border:0;padding:0 13px;display:block}.sidebar-card-body{padding:8px}.sidebar-statline{display:flex;justify-content:space-between;gap:5px;font-size:10px}.sidebar-order{display:block;width:100%;padding:4px 0;border:0;border-top:1px solid #b8a87a;background:none!important;color:#6a5b37;font-size:10px;text-shadow:none;text-align:left}.recent-reports{display:flex;gap:1px;padding:3px 5px}.recent-reports button{padding:4px 3px;background:none!important;border-bottom:1px solid #b7a37b;color:#5e573d;font-size:10px;text-shadow:none}.connection-state{display:flex;color:#77694e;font-size:9px;padding:8px 5px 0;margin:0}.connection-state small{font-size:9px}
.inspector{min-height:0;border:1px solid #a6956a;border-radius:0;box-shadow:none;background:#eee8d2 url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo_scaler.png') top left/100% auto;overflow:hidden;margin:0 0 4px}
.inspector-header{padding:0 11px 5px;border:0;background:none}.inspector-header .eyebrow{display:none}.inspector-header h3{font:700 12px/30px Arial;color:#f9ebc8;margin:0 -12px;padding:0 13px;background:#59462e url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo.png') center top/100% 31px;text-shadow:1px 1px #362717}.selected-coords{font-size:10px;color:#7d714e;margin-top:3px}.inspector-content{padding:6px 10px 9px}.inspector-content h4{font-size:12px}.selected-portrait{display:inline-block;float:left;object-fit:contain;margin:0 10px 6px 0;filter:none}.inspector-content:after{content:'';display:block;clear:both}.inspector .stat-list{margin:7px 0;font-size:10px;gap:5px}.inspector .detail-block{padding:6px;margin:7px 0;clear:both}.inspector .readable{font-size:11px;line-height:1.55}.inspector .button-row{gap:4px;margin:7px 0;clear:both}.inspector .button-row button{min-height:26px;padding:3px 5px;font-size:11px}.inspector .info-list{margin:0 0 8px;gap:5px}.inspector .info-pill{padding:4px 5px;font-size:10px}.build-picker{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:240px;overflow:auto;clear:both}.build-option{display:flex;align-items:center;gap:4px;border:1px solid #b3a175;min-height:58px;padding:2px 4px;background:#f0e6c6!important;color:#4d4028;text-shadow:none}.build-option:hover{background:#e5d7ad!important}.build-option strong{font-size:10px;line-height:1.25}.build-option small{font-size:8px;line-height:1.3;margin-top:3px;color:#7b6c48}.build-option .original-sprite{max-width:39px}.build-option>span:last-child{min-width:0}.build-option small{overflow-wrap:anywhere}
.sidebar-queues .queue-panels{display:flex;flex-direction:column;gap:3px;margin:0}.sidebar-queues .dark-card{padding:0 7px 5px;border-radius:0;border:1px solid #a9976d;background:#eee8d2 url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo_scaler.png') left top/100% auto;color:#4d432b}.sidebar-queues .dark-card h4{color:#f5e9c6;font:700 11px/30px Arial;margin:0 -8px 0;padding:0 13px;text-shadow:0 1px #342716;background:#59462e url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo.png') center top/100% 31px}.sidebar-queues .badge{font-size:9px;color:#efdfad;border:0;padding:0;margin-left:7px}.sidebar-queues .empty-state{font-size:10px;line-height:1.4;padding:9px 2px;color:#897b59}.sidebar-queues .queue-row{padding:6px 0;border-color:#baa67766;gap:5px}.sidebar-queues .queue-row strong{font-size:10px;color:#3e3d28}.sidebar-queues .queue-row small{font-size:9px;color:#8a7a55}.sidebar-queues .countdown{color:#6c6e35;font-size:10px;white-space:nowrap}.sidebar-queues .queue-row button{padding:0 4px;min-height:20px}
#main-content{min-width:0;position:relative;padding:0 0 30px;background:#2d2a20 url('/lou-assets/363511/ui/menues/main_menu/bgr_title_ornament.png') left top/auto 50px;overflow:hidden}
.view-toolbar{display:flex;align-items:center;gap:8px;min-height:34px;height:34px;margin:0;padding:2px 4px 2px 9px;border-bottom:2px ridge #a58b54;background:#403a29;color:#e8dcba}
.view-name{min-width:0;flex:1;display:flex;align-items:baseline;gap:7px;overflow:hidden;white-space:nowrap}.view-toolbar h2{font-size:12px;line-height:1.2;color:#f2e3ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-toolbar .eyebrow{font-size:9px;letter-spacing:0;text-transform:none;color:#c5b48a;order:2;margin:0}.view-toolbar #view-tools{gap:3px;font-size:10px}.view-toolbar #view-tools button{padding:2px 6px;font-size:10px;min-height:23px}.map-tabs{display:flex;align-items:end;align-self:stretch;gap:1px;margin:-1px 0 -3px 5px}.map-tabs button{min-width:64px;min-height:29px;padding:3px 10px;border:1px solid #8d7950;border-bottom:0;border-radius:3px 3px 0 0;background:#665739 url('/lou-assets/363511/theme/tabview/tab-button-top-inactive.png') center/100% 100%;color:#4c4027;text-shadow:none;font-size:11px}.map-tabs button.selected{background-image:url('/lou-assets/363511/theme/tabview/tab-button-top-active.png');color:#252311;font-weight:bold}.map-tabs button:hover{filter:brightness(1.1)}
.workspace,.workspace.panel-mode{display:block;min-width:0;padding:0;gap:0}.canvas-frame{border:0;box-shadow:none;background:#749d3e;position:relative}.canvas-frame canvas{display:block;width:100%;height:auto;cursor:crosshair}.canvas-toolbar{bottom:28px;left:8px;gap:2px;background:#3a3c24cb;border:1px solid #a49b65;padding:2px;border-radius:0;z-index:2}.canvas-toolbar button{padding:0 5px;min-height:22px;font-size:12px}.canvas-coordinates{bottom:8px;right:9px;padding:3px 7px;border:1px solid #a49b65;background:#343d21ce;font-size:10px;color:#eee7c4}.canvas-tip{position:relative;margin:0;padding:3px 9px;font-size:9px;line-height:16px;background:#3b3527;color:#c7b98f;min-height:22px}.canvas-tip .visual-legend{display:none}.world-legend{gap:13px;margin:0;padding:6px 9px;font-size:10px;color:#ddcfac;background:#3b3527}.view-area>.subsection{padding:10px;background:#ece4cc;color:#4f422a;margin:0}.view-area>.subsection .section-title{font-size:12px}
.map-jump input{width:44px;min-height:23px;padding:2px;font-size:10px;background:#e9e0c3;color:#302b1d;border-color:#928051}.map-jump{gap:2px}
.panel-shell{margin:7px;min-height:430px;padding:10px 13px 16px;border:5px ridge #9d8352;border-radius:0;background:#efead8 url('/lou-assets/363511/ui/win_mainoverlay_paper.jpg') repeat;box-shadow:0 4px 12px #0008;overflow:hidden}.panel-heading{position:relative;display:flex;align-items:center;gap:9px;margin:-10px -13px 12px;padding:7px 10px 7px 13px;min-height:44px;border-bottom:2px ridge #a8894e;background:#6a5030 url('/lou-assets/363511/ui/bgr_detailinfo_header.png') center top/100% 100%;color:#f2dfae}.panel-heading h3{font-size:15px;color:#ffe8b3;text-shadow:1px 1px #3a2918}.panel-heading p{color:#ebd9b2;font-size:10px;margin-top:4px;line-height:1.4}.panel-heading>div{flex:1;min-width:0}.window-close{align-self:start;min-width:22px;min-height:21px;height:21px;padding:0 4px;border:1px solid #ad9360;font-size:17px;line-height:15px}
.panel-tabs{gap:2px;margin-bottom:13px;padding:0;border-bottom:1px solid #aa9465}.panel-tabs button,.panel-tabs button.selected{padding:5px 11px;min-height:27px;border:0;border-radius:0;background:#d7c69e url('/lou-assets/363511/theme/tabview/tab-button-top-inactive.png') center/100% 100%;color:#6a5633;text-shadow:none;font-size:11px}.panel-tabs button.selected{background-image:url('/lou-assets/363511/theme/tabview/tab-button-top-active.png');color:#29291b;font-weight:bold}.panel-tabs button:hover{filter:brightness(1.06)}
.panel-grid,.panel-grid.wide-left{gap:17px;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)}.panel-grid.wide-left{grid-template-columns:1.2fr 1fr}.section-title{font-size:13px;margin-bottom:8px;color:#5c492a}.catalog-grid{gap:7px;grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}.catalog-card{border-radius:0;padding:8px;background:#efe7c650;border:1px solid #b6a172;gap:8px}.catalog-card h4{font-size:12px}.catalog-card p{font-size:10px;line-height:1.5;color:#776746}.catalog-card button{font-size:10px;padding:3px 9px}.catalog-card .quantity{font-size:12px}.catalog-card .original-sprite{flex-shrink:0}.original-sprite{vertical-align:middle;background-repeat:no-repeat}.unit-input>.original-sprite,.unit-input>.letter-icon{flex:0 0 24px}.unit-input>span:not(.original-sprite):not(.letter-icon){flex:1;min-width:0}.unit-input{border-radius:0;padding:4px}.unit-input input{max-width:64px;min-width:0}.command-form{gap:10px}.command-form .form-intro{font-size:11px;color:#7c6d4e}.command-form .form-footer button{min-height:28px}.unit-inputs,.resource-inputs{gap:5px}.readable{font-size:11px;color:#6e5e3f;line-height:1.7}.detail-block{border-radius:0;padding:9px;margin:10px 0}.info-pill{border-radius:1px;padding:6px 8px}.subsection{margin-top:18px}.data-table-wrap{border-radius:0}th{padding:7px 8px}td{padding:7px 8px}.badge{border-radius:1px}.report-item{border-radius:0}.report-item strong{font-size:11px}.report-body{font-size:11px}.empty-state{font-size:11px;color:#8b7d5c}.dark-card{background:#e3d8b8;border:1px solid #ab986d;color:#473c28}.dark-card h4{color:#51472c;font-size:12px}.dark-card .queue-row strong{color:#5a4d2f}.dark-card .countdown{color:#74743a}.dark-card .queue-row{border-color:#a5946d66}.sound-settings{max-width:600px}.sound-settings label{margin:12px 0}.sound-settings input[type=range]{max-width:330px}
.chat-dock{position:absolute;bottom:5px;left:8px;width:min(490px,calc(100% - 16px));height:24px;margin:0;border-radius:0;border:1px solid #998556;background:#192218d9;z-index:10;overflow:hidden;box-shadow:0 0 4px #0005}.chat-title{height:23px;min-height:23px;padding:0 7px;border-bottom:1px solid #8f7a4f;background:#55462d url('/lou-assets/363511/ui/menues/main_menu/bgr_subheader_citinfo.png') center/100% 28px;font-size:10px;color:#ebdbb3;gap:12px}.chat-title strong{flex:1;text-transform:none;letter-spacing:0;font-size:10px;color:#ceb785}.chat-title #chat-toggle{min-height:20px;padding:0 7px;font-size:10px}.chat-title #chat-toggle:before{content:'▴';margin-right:6px}.chat-dock.expanded{height:207px}.chat-dock.expanded #chat-toggle:before{content:'▾'}.chat-dock:not(.expanded) .chat-messages,.chat-dock:not(.expanded) .quick-chat{visibility:hidden}.chat-messages{height:141px;background:#101a11c4;color:#fff;padding:5px 8px;font-size:11px;gap:3px}.chat-line time{color:#98aa84}.chat-line strong{color:#d7bc69;font-size:11px}.chat-line span{color:#d3ddc7}.quick-chat{height:39px;padding:5px;gap:4px;background:#2d3623}.quick-chat input,.quick-chat select{min-height:26px;background:#eee9d5;border-color:#887d59;color:#2c3123;font-size:11px}.quick-chat select{width:90px}.quick-chat button{min-height:26px;padding:2px 7px}.chat-messages .empty-state{color:#a4af8e;padding:4px 0}
.game-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 8px;height:22px;min-height:22px;background:#3c3324;border-top:1px solid #927d4b;color:#cdbd95;font-size:9px}.footer-links{display:flex;gap:9px;align-items:center;max-width:none!important}.footer-links button{min-height:17px;padding:0;background:none!important;border:0;font-size:9px;color:#d4c399;text-shadow:none}.toast-stack{bottom:31px;right:12px;max-width:340px}.toast{padding:10px 13px;border-radius:1px;background:#3b4b2b;font-size:11px}.notice{font-size:11px;padding:5px 10px;min-height:27px}
body.theme-light #main-content{background:#453c2a}body.theme-light .view-toolbar h2{color:#f2e3ba}body.theme-light .canvas-tip,body.theme-light .world-legend{color:#ddcfac}
@media(min-width:1800px){:root{--sidebar-width:390px}.sidebar-scroll{max-height:calc(100vh - 225px)}.main-nav button{font-size:12px}.resource strong{font-size:12px}}
@media(max-width:1200px){:root{--sidebar-width:306px}.player-strip{gap:8px}.player-header small{display:none}.imperial-resources{gap:7px}.main-nav button{font-size:10px;padding-inline:3px}.main-nav .original-sprite{display:none!important}.minister-shortcuts{padding:0 8px}.resource strong{font-size:10px}.resource small{font-size:8px}.resource .original-sprite{max-width:20px}.panel-grid,.panel-grid.wide-left{grid-template-columns:1fr}.view-toolbar .eyebrow{display:none}.map-tabs button{min-width:56px;padding-inline:8px}.build-picker{grid-template-columns:1fr 1fr}.world-clock small{display:none}}
@media(max-width:960px){:root{--sidebar-width:275px}.player-strip{padding-right:143px;gap:9px}.player-header strong{max-width:110px}.imperial-resources{gap:4px}.imperial-resource{font-size:10px}.player-controls #refresh-button{display:none}.world-clock{display:none}.player-controls{margin-left:auto}.main-nav{overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav button{flex:0 0 auto;min-width:66px;font-size:10px}.view-toolbar{gap:4px;padding-left:6px}#view-tools button{font-size:9px;padding-inline:4px}.map-tabs{margin-left:auto}.map-tabs button{min-width:48px;padding-inline:6px}.view-name{min-width:70px}.view-toolbar h2{font-size:11px}.build-picker{grid-template-columns:1fr}.sidebar-scroll{max-height:calc(100vh - 225px)}.selected-portrait{float:left}.panel-shell{margin:5px;padding-inline:10px}.panel-heading{margin-inline:-10px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:700px){.topbar{height:31px;padding-right:96px}.brand{right:0;top:0;width:94px;height:34px}.brand img{width:94px;height:34px}.main-nav{height:27px}.main-nav button{min-width:70px}.player-strip{height:auto;min-height:30px;padding:2px 5px;gap:5px;flex-wrap:nowrap}.player-header strong{font-size:11px;max-width:100px}.player-header>div{gap:0}.imperial-resources{gap:4px;flex:1}.imperial-resource{font-size:9px;gap:1px}.imperial-resource .original-sprite{max-width:17px}.imperial-resource strong{min-width:0}.player-controls{gap:2px}.player-controls button{font-size:9px;padding:1px 4px}.player-controls #sound-toggle{min-width:0;max-width:61px;overflow:hidden;white-space:nowrap}.main-layout{display:block;min-height:0}.sidebar{display:flex;padding:0 4px;border-right:0;border-bottom:3px ridge #9e8353}.city-selector-frame{min-height:30px;padding:2px 6px}.city-list select{max-width:none;height:23px}.resource-bar{min-height:39px;grid-template-columns:repeat(4,minmax(0,1fr));padding:2px 3px}.resource{padding:0 3px;gap:3px}.resource strong{font-size:11px}.resource small{font-size:9px}.resource .original-sprite{max-width:23px}.minister-shortcuts{position:absolute;right:13px;top:132px;width:163px;height:27px;padding:0;z-index:2;display:none}.city-action-tabs{min-height:26px;width:100%;padding:0}.city-action-tabs button{min-height:26px;font-size:11px;padding:3px 4px}.sidebar-scroll{max-height:220px;min-height:0;overflow:auto;padding:3px 0}.sidebar-summary,.recent-reports,.connection-state,.sidebar-title,.sidebar-queues{display:none}.inspector{margin:0;border:1px solid #a6956a}.inspector-header h3{line-height:26px;font-size:11px;background-size:100% 27px}.inspector-header .selected-coords{font-size:9px;margin:2px 0 0}.inspector-header{padding-bottom:0}.inspector-content{padding:6px 9px}.inspector .selected-portrait{max-width:50px;max-height:49px;margin:0 10px 3px 0}.inspector .stat-list{gap:2px;font-size:10px;margin:4px 0}.inspector .detail-block{padding:4px 6px;margin:5px 0}.inspector .button-row{margin:5px 0}.inspector .button-row button{min-height:24px;font-size:10px}.inspector-content .readable{font-size:10px}.build-picker{grid-template-columns:1fr 1fr;max-height:135px}.build-option{min-height:48px}.sidebar-scroll:has(.inspector[hidden]){display:none}#main-content{padding:0 0 29px}.view-toolbar{height:auto;min-height:34px;flex-wrap:wrap;padding:2px 4px 2px 6px;align-items:center;gap:3px}.view-name{flex:1;min-width:60px}.view-toolbar h2{font-size:11px}.view-toolbar #view-tools{gap:2px;order:3;width:100%;padding:0 0 2px;justify-content:flex-start}.view-toolbar #view-tools:empty{display:none}.view-toolbar #view-tools button{font-size:9px;padding:1px 6px;min-height:21px}.map-tabs{margin:0 0 -2px;min-height:29px;align-self:auto}.map-tabs button{min-width:56px;min-height:27px;font-size:10px;padding:2px 6px}.canvas-toolbar{bottom:26px;left:5px}.canvas-toolbar button{min-height:21px;padding-inline:5px}.canvas-coordinates{font-size:9px;right:5px;bottom:6px}.canvas-tip{padding:3px 5px;font-size:8px;line-height:13px;min-height:19px}.world-legend{font-size:9px;gap:10px;padding:5px}.panel-shell{margin:5px;min-height:350px;padding:10px 9px 12px;border-width:4px}.panel-heading{margin:-10px -9px 11px;padding:6px 8px;min-height:41px}.panel-heading h3{font-size:13px}.panel-heading p{font-size:9px}.panel-tabs{gap:1px}.panel-tabs button,.panel-tabs button.selected{padding:4px 7px;font-size:10px;min-height:25px}.panel-grid,.panel-grid.wide-left{grid-template-columns:1fr;gap:15px}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:7px}.catalog-card h4{font-size:12px}.catalog-card .original-sprite{max-width:44px}.command-form{gap:9px 8px}.command-form label{font-size:10px;min-width:0}.command-form input,.command-form select{font-size:11px;padding:4px;max-width:100%}.command-form .form-intro{font-size:10px}.unit-inputs,.resource-inputs{grid-template-columns:1fr}.unit-input input{max-width:84px}.report-filters{grid-template-columns:1fr 1fr}.faith-grid{grid-template-columns:repeat(4,1fr)}.faith-cell span{font-size:8px}.faith-cell strong{font-size:19px}.chat-dock{left:5px;bottom:3px;width:calc(100% - 10px)}.chat-title strong{font-size:9px}.chat-dock.expanded{height:187px}.chat-messages{height:121px}.quick-chat select{width:74px}.quick-chat input{min-width:0}.quick-chat button{font-size:9px}.game-footer{height:auto;min-height:23px;font-size:8px;padding:3px 5px;gap:4px;flex-wrap:wrap}.footer-links{gap:8px}.footer-links button{font-size:9px}.toast-stack{bottom:32px}.login-screen{padding:15px}.login-panel{padding:22px 24px;width:min(410px,100%)}.login-logo{width:250px}.login-subtitle{font-size:15px}.market-filters{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important}}
@media(max-width:700px){.player-header{flex:0 1 74px;min-width:38px;overflow:hidden}.player-header>div{display:block;min-width:0}.player-header strong{display:block;max-width:74px;white-space:nowrap}.sidebar-title.compact{display:none}}
.map-tooltip{position:absolute;z-index:8;pointer-events:none;width:max-content;max-width:210px;padding:7px 9px;border:1px solid #9b8455;background:#efe8cf url('/lou-assets/363511/ui/win_mainoverlay_paper.jpg');color:#4f4128;box-shadow:0 3px 8px #0007;font-size:11px;line-height:1.5}.map-tooltip strong,.map-tooltip span{display:block}.map-tooltip span{color:#7e6a48;font-size:10px;margin-top:2px}.map-nearby{margin:0;padding:5px 9px;background:#e6ddc2;color:#645333;font-size:10px;border-top:1px solid #988356}.map-nearby summary{cursor:pointer}.map-nearby[open] .data-table-wrap{margin:6px 0}.world-legend{min-height:23px}
@media(hover:none){.map-tooltip{display:none!important}}
@media(min-width:701px){.city-canvas-frame{height:calc(100vh - 168px);min-height:370px}.world-canvas-frame{height:calc(100vh - 192px);min-height:370px}.canvas-frame canvas{width:100%;height:100%}.chat-dock{bottom:4px}}
@media(max-width:700px){.canvas-frame{height:auto}.canvas-frame canvas{height:auto;aspect-ratio:1335/875}}
/* These PNGs contain one whole button; each element stretches it once. */
button.primary,button.secondary,.login-panel button.primary,.button-row>button{background-size:100% 100%;background-repeat:no-repeat}
.map-tabs button{background:#50622e url('/lou-assets/363511/theme/form/button.png') center/100% 100% no-repeat;color:#f7edcb;border-color:#908155;text-shadow:1px 1px #293719;filter:none}
.map-tabs button:hover:not(.selected){background-image:url('/lou-assets/363511/theme/form/button-hovered.png');filter:none}
.map-tabs button.selected,.map-tabs button.selected:hover{background-image:url('/lou-assets/363511/theme/form/button-pressed.png');background-size:100% 100%;background-repeat:no-repeat;border-color:#cfb76a;color:#302613;text-shadow:none;filter:sepia(1) saturate(2.8) brightness(1.65)}