/* Shared Zagan Square finish: presentation only. Existing layout and controls own their behaviour. */
:root{--zs-polish-gold:#b79a65;--zs-polish-line:#756144;--zs-polish-soft:#a68b5d33;--zs-polish-paper:#e6d4b1}

/* Navigation and the account menu keep their original stacking and geometry. */
.masthead{border-top-color:#b49a69;border-bottom-color:#746044;background:linear-gradient(110deg,#38372b33,#202a2d33 48%,transparent);box-shadow:inset 0 1px 0 #e0c38a0c,0 8px 22px #00000012}
.header-nav a{color:#b1bab7}
.header-nav a:hover,.header-nav .current{color:#e7cf9e}
.header-nav .current:after{background:#c1a06a;box-shadow:0 0 9px #c5a36b33}
.account-menu>summary{border-color:#85704d;background:linear-gradient(135deg,#353831,#202a2d);color:#e0cda7;box-shadow:inset 0 0 0 1px #e0c38a08}
.account-menu[open]>summary{border-color:#b59a65;background:linear-gradient(135deg,#514334,#273034)}
.account-menu>.dropdown{border-color:#9c8255;background:linear-gradient(140deg,#2a3438,#172127);box-shadow:0 14px 30px #0009,inset 0 0 0 3px #b79a650c}
.account-menu>.dropdown a{border:1px solid transparent;border-left:2px solid transparent;color:#d1d6ce}
.account-menu>.dropdown a:hover,.account-menu>.dropdown a:focus-visible{border-color:#806443;border-left-color:#b99a63;background:linear-gradient(90deg,#6f3c4255,#b79a6508);color:#f0d9ae}
.language-switcher a{border-color:#6f624355;background:#171f2355}
.language-switcher a:hover,.language-switcher a[aria-current=true]{border-color:#ae905c;background:#a4895220}

/* Framed menu groups make the navigation read as deliberate panels. */
.sidebar .menu-group{padding:12px 9px 10px;margin-bottom:19px;border:1px solid #6e5d42;background:radial-gradient(ellipse at 0 0,#b8955a12,transparent 70%),linear-gradient(135deg,#222c30,#182227);box-shadow:inset 0 0 0 3px #0d171b66,inset 0 0 0 4px #af945524,0 7px 16px #0002}
.sidebar .menu-group>.eyebrow{display:block;margin:0 6px 8px;padding:0 0 9px;border-bottom:1px solid #a1874f40;color:#cdb586;font-size:9px;line-height:1.5;letter-spacing:1.1px}
.sidebar nav a{padding:9px 8px;border:1px solid transparent;border-left:2px solid transparent;color:#b7c1bd;line-height:1.6}
.sidebar nav a .arrow{color:#a18c63}
.sidebar nav a:hover{border-color:#8b73443d;background:#b59a640c;color:#e7d1a7}
.sidebar nav a.selected{border-color:#8d714b99;border-left-color:#c09c63;background:linear-gradient(90deg,#77404b66,#6f4b341a);box-shadow:inset 0 0 0 1px #e6c99705;color:#f0dab4}
.sidebar nav a.selected .arrow{color:#dbb977}

/* Shared outer panels. Inner table scroll areas and inline forms remain unframed. */
.world-card,.account-card,.item-spotlight,.world-numbers,main>.box,.account-panel .account-section,main .shop-intro,main .shop-product,main .forum-intro,main .forum-post,main .client-download,main .rules-page,main .item-card{border-color:#7b6748;background:radial-gradient(ellipse at 0 0,#b69b6215,transparent 62%),linear-gradient(135deg,#273137,#1a252c 72%);box-shadow:inset 0 0 0 3px #111a1e77,inset 0 0 0 4px #b49a6421,0 9px 20px #0002}
main>.box,main .rules-page{border:1px solid #7b6748}
main .rules-page{padding:22px 24px}
.world-card{border-color:#9b8054}
.world-card h2{color:#e7d3ad;text-shadow:0 2px 4px #0004}
.world-card .card-top{border-bottom-color:#74624766}
.server-timers dd{color:#deca9e;font-variant-numeric:tabular-nums}
.server-timers>div{border-bottom-color:#9d875430}
.world-card .subtle-link,.item-spotlight .subtle-link{color:#c9b181}
.item-spotlight{padding:20px 13px 17px;margin-top:20px;border:1px solid #726247}
.item-spotlight>.eyebrow{color:#c6ac7c}
.item-spotlight h2{color:#dfc99f}
.item-spotlight p{color:#a7b6b7}
.world-numbers{padding:3px;border:1px solid #6f6047;background:linear-gradient(140deg,#252f34,#19242a)}
.world-numbers a{border-bottom-color:#8f794631}
.world-numbers a:hover{background:#b79a650c}
.world-numbers b{color:#d5b77f}
.world-numbers span{color:#adb9b8}
main .shop-product-premium{border-color:#ac8c52;background:radial-gradient(ellipse at 0 0,#b69b6224,transparent 65%),linear-gradient(135deg,#33382e,#1b272b 72%)}
main .shop-intro strong,main .shop-price strong{color:#e4c68e}
main .forum-post h3,main .forum-post header{border-bottom-color:#91764c55}
main .guild-list-entry,main .guild-membership{border-color:#766447;background:linear-gradient(135deg,#263238,#1a272e);box-shadow:inset 0 0 0 3px #b79a6508}
main .guild-list-meta{border-top-color:#8d744b44}
main .guild-help{border-color:#78664b;background:linear-gradient(135deg,#26343b,#1b2931)}
main .item-card[open]{border-color:#c0a16c}
.region-grid>a{border-color:#85704c;box-shadow:0 5px 14px #0003,inset 0 0 0 1px #b79a651a}

/* Page titles and long-form reading. */
.page-heading{position:relative;border-bottom-color:#8d744d;padding-bottom:15px;background:linear-gradient(90deg,#b79a6508,transparent 70%)}
.page-heading::after{content:"";position:absolute;left:0;bottom:-1px;width:38px;height:2px;background:#c3a36d;pointer-events:none}
.page-heading h1,main>.box h2,.account-panel h2,main .forum-intro h2,main .rules-page h2{color:#e8d4ae;text-shadow:0 2px 3px #0003}
main .rules-page h2{padding-bottom:9px;border-bottom:1px solid #8d744b40;margin-top:23px}
main .rules-page h2:first-child{margin-top:0}
main .rules-page .rule{color:#c3cdca}
main .rules-page .rule>strong{color:#cdb17d}

/* Tables get a warmer header while their widths, wrapping and scrolling stay native. */
main table{border-color:#79664a;background:#19252c}
main .table-scroll{border-color:#79664a;scrollbar-color:#9d8457 #172229}
main table th{background:linear-gradient(180deg,#3a3c33,#2b3332);color:#e0c99b;border-bottom-color:#a58a554f;font-size:9px}
main table td{border-bottom-color:#85744738}
main tbody tr:nth-child(even){background:#b79a6507}
main tbody tr:hover{background:#c6a56710}
main table a{color:#d4b781}
main table a:hover{color:#f0d8a8}
main table td small{color:#9eaeae}

/* Input appearance only: no dimensions, type, action or validation changes. */
main input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),main select,main textarea{border-color:#7b6d50;background:linear-gradient(180deg,#101c23,#18262e);color:#dce1d7;box-shadow:inset 0 2px 6px #0004}
main input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]):focus,main select:focus,main textarea:focus{border-color:#ceb077;outline:2px solid #c09a5555;outline-offset:2px;box-shadow:inset 0 2px 5px #0003,0 0 10px #b79a6514}
main input::placeholder,main textarea::placeholder{color:#869a9d;opacity:1}
main input[type=checkbox],main input[type=radio]{accent-color:#a16a71}
main form>label{color:#ccbea0}
main input:disabled,main select:disabled,main textarea:disabled{color:#879391;border-color:#4a574e}

/* A consistent burgundy and old-gold finish for existing actions. */
.button,.download,.gold-button,main button:not(:disabled),main input[type=submit]:not(:disabled),main .client-download-action a{border-color:#ae8b59;background:linear-gradient(135deg,#79434d,#542b35);color:#f0ddbe;box-shadow:inset 0 0 0 1px #e7ca9c0c,inset 0 -2px 3px #0003,0 4px 9px #0002;text-shadow:0 1px 2px #0004}
.button:hover,.download:hover,.gold-button:hover,main button:not(:disabled):hover,main input[type=submit]:not(:disabled):hover,main .client-download-action a:hover{border-color:#d0ad70;background:linear-gradient(135deg,#8c505a,#683540);color:#fff0d7}
.account-panel .action-link,.account-panel .character-edit,main .guild-tools a{border-color:#8d7650;background:linear-gradient(135deg,#3c3e34,#273239);color:#ddc69b;box-shadow:inset 0 0 0 1px #d4b4780a}
.account-panel .action-link:hover,.account-panel .character-edit:hover,main .guild-tools a:hover{border-color:#c0a16a;background:#4e4937;color:#f0dbb8}
a:focus-visible,button:focus-visible,summary:focus-visible,input[type=submit]:focus-visible{outline-color:#e4bd79;outline-offset:3px}

/* A framed closing edge, without changing footer flow or its links. */
footer{border-top-color:#8c7550;box-shadow:inset 0 1px 0 #dfc28a0b;background:linear-gradient(180deg,#a88b4f06,transparent 70%)}
footer .footer-brand{color:#d0af76}
footer>a:not(.footer-brand){color:#b7beb8;border-bottom:1px solid transparent;padding:5px 0}
footer>a:not(.footer-brand):hover{color:#e4c68e;border-bottom-color:#9e8350}
footer .art-credit{color:#899997;line-height:1.7}
