.header{position:relative;z-index:20}.settings-dropdown{position:relative}.settings-dropdown summary{list-style:none;user-select:none}.settings-dropdown summary::-webkit-details-marker{display:none}.settings-dropdown summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.settings-panel{position:absolute;right:0;top:100%;width:240px;max-width:calc(100vw - 32px);padding:8px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0003;z-index:30}.settings-panel strong{display:block;padding:8px 12px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.settings-panel a,.settings-logout{display:block;width:100%;text-align:left;padding:11px 12px;color:var(--text);background:transparent;border:0;border-radius:8px;font-size:13px;cursor:pointer}.settings-panel a:hover,.settings-logout:hover{background:var(--alt)}.settings-panel form{margin:0}.settings-logout{color:var(--muted)}.game-navigation{flex-wrap:wrap;overflow:visible}.game-navigation a{display:flex;align-items:center;gap:7px;padding:9px 12px;min-height:44px}.nav-icon{font-size:19px;line-height:1;color:var(--accent);width:22px;text-align:center}.quick-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 24px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--alt)}.quick-navigation[hidden]{display:none}.quick-navigation a{font-size:12px;padding:6px 10px;border-radius:7px;min-height:36px;display:flex;align-items:center;gap:6px}.quick-navigation a:hover,.quick-navigation a[aria-current]{background:var(--card);color:var(--accent)}.quick-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.quick-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.quick-option .check{flex:1;color:var(--text)}.quick-option>label:last-child{width:70px;flex-shrink:0;font-size:11px}.quick-option input[type=number]{margin-top:3px;padding:6px;min-height:40px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#quick-settings{scroll-margin-top:20px}
@media(max-width:760px){.game-navigation{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain}.game-navigation a{flex-shrink:0}.quick-options{grid-template-columns:1fr}.quick-navigation{gap:3px;padding:6px}.quick-navigation a{min-height:44px}.header-right{justify-content:flex-start}.header-right .settings-dropdown{margin-left:auto}.settings-panel{width:230px}.settings-actions .button{flex:1}}

/* Compact bronze and timber navigation. */
.header{padding-top:14px;padding-bottom:14px}.header .brand{font-size:23px}.header .crest{width:44px;height:48px;border:1px solid #b68a53;border-radius:7px 7px 17px 17px;background:linear-gradient(135deg,#5a3625,#2a1b16);color:#e8c68d;box-shadow:inset 0 0 0 3px #ffffff0a}.crest svg{width:27px;height:29px}.header-right{gap:10px}.header-right .button{min-height:38px;padding:8px 14px}.header-right>.pill{font-size:11px}.username{font-size:13px;font-weight:700}.shell{padding-top:20px}.game-navigation{display:flex;flex-wrap:nowrap;gap:0;padding:5px;border:1px solid #72503a;border-radius:9px;background:linear-gradient(180deg,#65402c 0%,#41281d 48%,#301f18 100%);box-shadow:inset 0 1px 0 #d9b98544,0 3px 8px #37201524;margin-bottom:14px;overflow-x:auto}.game-navigation a{flex:1 0 auto;justify-content:center;gap:8px;padding:10px 11px;min-height:44px;font-size:12px;font-weight:650;color:#f0dfc5;border-right:1px solid #ffffff15;border-radius:5px;text-shadow:0 1px 1px #0008}.game-navigation a:last-child{border-right:0}.game-navigation .nav-icon{width:20px;height:22px;color:#d4b278}.nav-icon svg{width:100%;height:100%;display:block}.game-navigation a:hover{background:#ffffff0c;color:#fff5df}.game-navigation a.selected,:root:not([data-theme=dark]) .game-navigation a.selected{color:#fff4d9;border:1px solid #c9a469;background:linear-gradient(180deg,#97704a,#6b472e);box-shadow:inset 0 1px 0 #f9dca14d}.game-navigation a:focus-visible{outline-color:#f5d49a;outline-offset:-3px}.quick-navigation{gap:4px;margin:0 0 18px;padding:0 0 8px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.quick-navigation a{padding:4px 10px;min-height:32px;font-size:11px;color:var(--muted)}.quick-navigation .nav-icon{width:16px;height:18px;color:var(--accent)}.quick-navigation a:hover,.quick-navigation a[aria-current]{background:var(--alt);color:var(--text)}.village-heading h1{font-size:25px;margin:7px 0 12px}.village-heading .eyebrow{font-size:10px}.resources{gap:8px;margin-top:8px;margin-bottom:18px}.resource{padding:10px 14px;border-radius:10px}.resource strong{font-size:22px}.resource small{font-size:10px}.settings-panel{padding:6px;border-radius:9px;border-top:3px solid #a47d4a}.settings-panel strong{font-size:13px;color:var(--accent)}
@media(max-width:760px){.header{padding:12px 14px}.header .brand{font-size:20px}.header-right{gap:8px}.header-right .button{padding:7px 10px}.header-right .username{margin-left:0}.game-navigation a{flex:0 0 auto;padding:9px 12px}.quick-navigation{flex-wrap:nowrap;overflow-x:auto}.quick-navigation a{flex-shrink:0;min-height:40px;white-space:nowrap}.shell{padding-top:14px}.resource{padding:9px 11px}.resource strong{font-size:21px}.village-heading h1{font-size:23px}.game-navigation{margin-bottom:10px}}

/* Resource strip and ranking choices. */
.resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:9px;background:var(--card);margin:8px 0 20px;overflow:visible}.resources .resource{position:relative;display:flex;align-items:center;gap:11px;padding:10px 14px;margin:0;border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;min-width:0;min-height:67px}.resources .resource:last-child{border-right:0}.resources .resource:hover,.resources .resource:focus-visible{background:var(--alt)}.resource-symbol{width:29px;height:31px;flex-shrink:0}.resource-symbol svg{width:100%;height:100%;display:block}.resource-wood .resource-symbol{color:#916133}.resource-stone .resource-symbol{color:#ba683e}.resource-iron .resource-symbol{color:#71808c}.resource-store .resource-symbol{color:#987541}.resource-farm .resource-symbol{color:#71824d}.resource-value{min-width:0}.resources .resource-value small{display:block;color:var(--muted);font-size:10px;line-height:1.4}.resources .resource-value strong{font-size:19px;color:var(--text);white-space:nowrap;line-height:1.4}.resources .resource-value em{font-size:12px}.resources .resource-tip{display:none;position:absolute;left:0;top:100%;z-index:21;width:max-content;max-width:min(290px,calc(100vw - 32px));padding:8px 11px;border:1px solid #a6804e;border-radius:6px;background:var(--card);color:var(--text);font-size:12px;box-shadow:0 4px 12px #0002;pointer-events:none;white-space:normal}.resources .resource:last-child .resource-tip{left:auto;right:0}.resources .resource:hover .resource-tip,.resources .resource:focus-visible .resource-tip{display:block}.nav-rank{display:flex;align-items:stretch;flex:1 0 auto;min-width:0}.game-navigation .nav-rank a{border-right:0}.rank-trigger{border:0;background:transparent;color:#d4b278;font-size:14px;padding:0 9px;cursor:pointer;border-radius:5px;min-width:30px}.rank-trigger:hover,.rank-trigger[aria-expanded=true]{background:#ffffff12}.rank-options{position:fixed;z-index:40;width:200px;padding:6px;border:1px solid #9c764b;border-radius:7px;background:linear-gradient(180deg,#573823,#322017);color:#f1e0c8;box-shadow:0 9px 24px #0004}.rank-options[hidden]{display:none}.rank-options strong{display:block;font-size:12px;padding:8px 11px;color:#d4b278;border-bottom:1px solid #ffffff22}.rank-options a{display:block;padding:10px 11px;border-radius:5px;font-size:13px}.rank-options a:hover,.rank-options a:focus-visible{background:#ffffff12}.rank-tabs{display:flex;gap:8px}.rank-own{background:var(--alt)}
#rank-options{left:16px;top:120px}
@media(max-width:760px){.game-navigation .nav-rank{flex:0 0 auto}.resources{grid-template-columns:repeat(3,minmax(0,1fr))}.resources .resource{padding:9px 10px;gap:7px;min-height:59px}.resources .resource:nth-child(3){border-right:0}.resources .resource:nth-child(4),.resources .resource:nth-child(5){border-top:1px solid var(--border)}.resource-symbol{width:24px;height:27px}.resources .resource-value strong{font-size:17px}.resources .resource-value em{font-size:10px}.rank-trigger{min-width:36px}.resources .resource:nth-child(3) .resource-tip{left:auto;right:0}}
@media(max-width:360px){.resources .resource{padding:8px 7px;gap:4px}.resource-symbol{width:20px}.resources .resource-value strong{font-size:15px}}

/* Reference arrangement: compact ribbon, shortcuts, village/resources, protection. */
body[data-game=true]{--classic-bg:#e8d7aa;--classic-border:#a88043;--classic-text:#362111;background:var(--bg);font-size:13px}
body[data-game=true]::before{content:"";position:absolute;left:0;right:0;top:0;height:44px;background:repeating-linear-gradient(17deg,#741b11 0,#741b11 2px,#811e13 3px,#64170e 5px);border-bottom:3px ridge #c29a5c;z-index:-1}
body[data-game=true] .shell{max-width:940px;padding:0 12px 20px;margin:0 auto;border-left:3px ridge var(--classic-border);border-right:3px ridge var(--classic-border);background:var(--classic-bg);min-height:100vh}
body[data-game=true] .game-navigation{height:44px;min-height:44px;padding:3px 0;gap:4px;border:0;border-radius:0;background:transparent;box-shadow:none;margin:0 -8px 11px;overflow:visible;position:relative;z-index:25}
body[data-game=true] .game-navigation>a,body[data-game=true] .game-navigation>.nav-unavailable,body[data-game=true] .game-navigation>.nav-rank,body[data-game=true] .game-navigation>.settings-dropdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;border:2px ridge #aa8857;border-radius:5px;background:linear-gradient(180deg,#681e16,#2e100b 55%,#40120e);box-shadow:inset 0 0 0 1px #1d0b07;padding:3px 7px;gap:5px;color:#fff2dc;font-size:11px;font-weight:700;line-height:1.25;text-shadow:0 1px #000}
body[data-game=true] .game-navigation .nav-icon{width:17px;height:19px;color:#d8bf87;flex-shrink:0}body[data-game=true] .game-navigation .nav-rank{padding:0 3px}body[data-game=true] .game-navigation .nav-rank>a{background:transparent;border:0;padding:2px;min-height:32px;font-size:11px;gap:5px}body[data-game=true] .nav-rank .nav-icon{display:none}body[data-game=true] .nav-rank small{display:block;text-align:center;font-size:10px;margin-top:2px}body[data-game=true] .rank-trigger{padding:0 3px;min-width:13px;font-size:11px}body[data-game=true] .game-navigation .nav-unavailable{opacity:.7;cursor:help}body[data-game=true] .game-navigation>a.selected,body[data-game=true] .game-navigation .nav-rank>a.selected{background:linear-gradient(180deg,#987046,#66402a);border-color:#d2ad70;box-shadow:none;color:#fff4da}body[data-game=true] .game-navigation>.settings-dropdown{padding:0;position:relative}body[data-game=true] .game-navigation .settings-dropdown summary{display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;min-height:34px;padding:3px 7px;font-size:11px;list-style:none}body[data-game=true] .settings-panel{text-shadow:none;font-weight:400;top:100%;right:0}.settings-theme{display:block;border:0;background:transparent;color:var(--text);width:100%;text-align:left;font-size:13px;padding:11px 12px;cursor:pointer;min-width:0}.settings-theme:hover{background:var(--alt)}
body[data-game=true] .quick-navigation{margin:0 0 7px;border:1px solid var(--classic-border);border-radius:0;padding:1px 7px;justify-content:center;gap:0;background:linear-gradient(180deg,#f8e8bf,#e4c78c);min-height:28px;overflow:visible}body[data-game=true] .quick-navigation a{padding:2px 8px;min-height:24px;font-family:Georgia,serif;font-size:13px;font-weight:700;line-height:1.35;color:#5b3519}body[data-game=true] .quick-navigation .nav-icon{width:17px;height:18px;color:#71613e}
.village-status-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px}.village-status-row .village-heading{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0;padding:3px 5px;border:1px solid var(--classic-border);background:linear-gradient(180deg,#f9eac6,#e5c98b);line-height:1.4;color:var(--classic-text);font-family:Georgia,serif;font-size:13px}.village-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.village-marker{width:17px;height:17px;flex-shrink:0}.village-marker svg{width:100%;height:100%}
body[data-game=true] .resources{display:flex;flex-shrink:0;gap:0;padding:0;margin:0;border:1px solid var(--classic-border);border-radius:0;background:linear-gradient(180deg,#f9eac6,#e5c98b)}body[data-game=true] .resources .resource{padding:3px 5px;min-height:25px;gap:4px;border-right:1px solid var(--classic-border);border-top:0;background:transparent;color:var(--classic-text);line-height:1.25}body[data-game=true] .resources .resource:last-child{border-right:0}body[data-game=true] .resource-symbol{width:17px;height:18px}body[data-game=true] .resources .resource strong{font-size:12px;font-weight:500;white-space:nowrap;color:var(--classic-text)}body[data-game=true] .resource-tip{background:#f6dda4;color:#362111;border-radius:2px;border-color:#ac7b35;line-height:1.45}
.protection-strip{display:flex;align-items:center;gap:6px;margin:0 0 16px;padding:5px 7px;border:1px solid var(--classic-border);background:linear-gradient(180deg,#f7e4b9,#e9cc91);color:var(--classic-text);min-height:33px;font-size:13px}.protection-strip[hidden]{display:none}.protection-strip>span:first-child{font-size:18px;font-weight:700;color:#1a1a1a}.dismiss-protection{margin-left:auto;border:0;background:transparent;color:#b52618;font-size:24px;font-weight:bold;line-height:1;cursor:pointer;min-width:28px;min-height:26px}.protection-strip time{white-space:nowrap}
body[data-game=true] .village-overview{max-width:100%;border:1px solid var(--classic-border);border-radius:0;margin:0 0 20px;box-shadow:none}body[data-game=true] .village-toolbar{padding:3px 5px;background:linear-gradient(180deg,#dfc58b,#b88b45);border-bottom:1px solid var(--classic-border);min-height:25px}body[data-game=true] .village-toolbar h2{font-family:Georgia,serif;font-style:italic;font-size:14px;margin:0;color:#2e1e0e;line-height:1.3}.village-list-link{color:#482b11;font-size:11px;border:1px solid #986b2e;padding:0 4px;background:#eddaac}.navigation-source[hidden]{display:none}
:root[data-theme=dark] body[data-game=true]{--classic-bg:#292722;--classic-border:#796144;--classic-text:#eedbbe}:root[data-theme=dark] body[data-game=true] .village-status-row .village-heading,:root[data-theme=dark] body[data-game=true] .resources,:root[data-theme=dark] .protection-strip,:root[data-theme=dark] body[data-game=true] .quick-navigation{background:linear-gradient(180deg,#423b2e,#302b23);color:#eedbbe}:root[data-theme=dark] body[data-game=true] .quick-navigation a{color:#e0c18d}
@media(max-width:760px){body[data-game=true] .shell{padding:0 8px 16px;border-width:1px}body[data-game=true] .game-navigation{overflow-x:auto;margin:0 -5px 9px;gap:4px;isolation:auto}body[data-game=true] .game-navigation>a,body[data-game=true] .game-navigation>.nav-unavailable,body[data-game=true] .game-navigation>.nav-rank,body[data-game=true] .game-navigation>.settings-dropdown{flex:0 0 auto;font-size:10px;padding:3px 6px}body[data-game=true] .game-navigation .settings-dropdown{position:static}body[data-game=true] .settings-panel{position:fixed;top:44px;right:8px;width:220px}body[data-game=true] .quick-navigation{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}body[data-game=true] .quick-navigation a{font-size:12px;min-height:30px}.village-status-row{flex-wrap:wrap;gap:6px}.village-status-row .village-heading{font-size:12px;max-width:100%}body[data-game=true] .resources{margin-left:auto}body[data-game=true] .resources .resource{padding:4px 5px}body[data-game=true] .resource-symbol{width:16px}.protection-strip{font-size:12px;margin-bottom:10px}body[data-game=true] .village-toolbar h2{font-size:12px}}
@media(max-width:390px){body[data-game=true] .resources{width:100%;justify-content:space-between}body[data-game=true] .resources .resource{flex:1;justify-content:center;padding:4px 2px;gap:3px}body[data-game=true] .resources .resource strong{font-size:11px}body[data-game=true] .resource-symbol{width:14px;height:16px}}

.village-status-row .village-heading{margin-right:auto}.status-tools{display:flex;gap:3px;flex-shrink:0}.status-tool{display:grid;place-items:center;width:24px;height:26px;border:1px solid var(--classic-border);background:linear-gradient(180deg,#f9eac6,#e5c98b);color:#615333;cursor:help}.status-tool svg{width:17px;height:18px}.status-tool:nth-child(2){color:#416e91}.status-tool:nth-child(3){color:#746443}.status-tool:nth-child(4){color:#5b773d}:root[data-theme=dark] .status-tool{background:#423b2e;color:#d0ba8f}@media(max-width:760px){.status-tools{display:none}}

/* Keep dropdown links independent of main navigation link styling. */
body[data-game=true] .game-navigation .settings-panel{background:linear-gradient(180deg,#572217,#32150f);border:1px solid #b49158;border-top:2px solid #d1ab68;border-radius:3px;padding:5px;color:#f6e8cf;box-shadow:0 7px 18px #0005;text-shadow:none;min-width:220px}
body[data-game=true] .game-navigation .settings-panel strong{padding:8px 10px;color:#e4c993;border-bottom:1px solid #b491584d;font-size:12px;text-shadow:none}
body[data-game=true] .game-navigation .settings-panel a,body[data-game=true] .game-navigation .settings-panel .settings-theme,body[data-game=true] .game-navigation .settings-panel .settings-logout{display:block;flex:none;width:100%;min-height:35px;padding:8px 10px;margin:0;border:0;border-bottom:1px dotted #b491583d;border-radius:0;background:transparent;color:#f6e8cf;box-shadow:none;text-align:left;text-shadow:none;font-size:12px;font-weight:500;line-height:1.5}
body[data-game=true] .game-navigation .settings-panel a:hover,body[data-game=true] .game-navigation .settings-panel .settings-theme:hover,body[data-game=true] .game-navigation .settings-panel .settings-logout:hover{background:#ae80482b;color:#fff5de}
body[data-game=true] .game-navigation .settings-panel a:focus-visible,body[data-game=true] .game-navigation .settings-panel button:focus-visible{outline:2px solid #e4c993;outline-offset:-2px;background:#ae80482b}
body[data-game=true] .game-navigation .settings-panel form{display:block;width:100%;margin:0}.settings-panel .settings-logout{cursor:pointer}