/* TurkoGame / Dunhuang. This stylesheet is used by the WEB layout only. */
@font-face{font-family:Caravan;src:url('../fonts/caravan/cormorant-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Caravan;src:url('../fonts/caravan/cormorant-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Caravan;src:url('../fonts/caravan/cormorant-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#f3e6d0;--ink:#482712;--muted:#715238;--line:#b58a5c;--copper:#a34c20;--copper-dark:#783519;--ease:cubic-bezier(.2,.75,.25,1);--font:Caravan,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.caravan{margin:0;background:var(--paper);color:var(--ink);font:500 18px/1.5 var(--font)}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button,input,summary{transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .2s var(--ease)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}svg{fill:none;stroke:currentColor;stroke-width:1.5}button:disabled{cursor:wait;opacity:.68}:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.container{width:calc(100% - 96px);max-width:1900px;margin-inline:auto}.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}.skip-link{position:fixed;top:-90px;left:18px;background:var(--ink);color:var(--paper);z-index:120;padding:10px 18px}.skip-link:focus{top:10px}
.masthead{position:relative;isolation:isolate;width:100%;height:clamp(340px,33.333333vw,750px);min-width:0;background:#e9d4b5 url('../images/caravan/dunhuang.webp') center/cover no-repeat;border-bottom:5px double #9b7650}.masthead::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f8ead5bb,transparent 37%),linear-gradient(100deg,#f7e9d155,transparent 52%)}.topline{height:34px;border-bottom:1px solid #6c482e77;display:flex;align-items:center;justify-content:space-between;padding-inline:3.1%;background:#f6e9d37a;font-size:12px;letter-spacing:.17em}.topline-brand>span{padding-inline:9px}.language-switch{display:flex;gap:8px;align-items:center;letter-spacing:.03em}.language-switch button{border:0;background:transparent;min-height:32px;padding:4px 7px;color:#795738;font-size:14px;display:flex;gap:5px;align-items:center}.language-switch button>span{font-size:10px;opacity:.8}.language-switch button.active{color:#843c1d;text-decoration:underline;text-underline-offset:4px}.language-switch button:hover{background:#fff6e17a;color:#692c14}.language-divider{font-size:12px;color:#b49878}.nav-wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;padding-top:16px}.brand-block{width:clamp(300px,31vw,550px);flex:none}.brand{display:block;mix-blend-mode:multiply}.brand img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.brand:hover{filter:brightness(1.13)}.brand-motto{border-top:1px solid #a174484a;padding-top:14px;width:78%;margin:8px auto 0;text-align:center;font-size:11px;line-height:1.7;letter-spacing:.25em;text-transform:uppercase}.brand-motto span{display:block}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:38px;padding-top:22px;min-width:0}.main-nav a{position:relative;font-size:19px;white-space:nowrap;padding-bottom:8px}.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .2s}.main-nav a:hover,.main-nav a.active{color:#8d3a16}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}.main-nav a.active::before{content:"";position:absolute;width:3px;height:3px;background:var(--copper);transform:rotate(45deg);bottom:-1px;left:50%}.main-nav a:active{transform:translateY(1px)}.nav-community{display:flex;align-items:center;gap:12px;border-left:1px solid #8f6a49;padding-left:29px}.nav-community::after{display:none}.social-icon{width:21px;height:21px;opacity:.85}.menu-toggle{display:none}.hero-caption{position:absolute;right:15%;bottom:10%;font-size:12px;line-height:1.6;letter-spacing:.22em;text-transform:uppercase;text-align:center;text-shadow:0 1px 8px #fff4d999}.hero-caption span{display:block}
.paper-area{position:relative;border-bottom:4px double #8d643e;background:#f2e4cd url('../images/caravan/parchment.webp') center bottom/100% 100% no-repeat}.paper-area::before,.paper-area::after{content:"";position:absolute;width:20px;height:20px;border:4px double #a17750;pointer-events:none;top:0}.paper-area::before{left:0}.paper-area::after{right:0}.content-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.98fr) minmax(0,1.15fr);gap:54px;padding-block:26px 30px;align-items:stretch;min-height:435px}.content-grid:focus{outline:none}.journey-panel{display:flex;flex-direction:column;min-width:0;padding:11px 0 0 28px}.journey-panel h2{font-size:clamp(35px,3.1vw,58px);line-height:.98;text-transform:uppercase;letter-spacing:-.025em;font-weight:600}.journey-panel h2 span{display:block}.journey-quote{margin:17px 0 18px;padding-left:43px;font-size:12px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;position:relative}.journey-quote::before{content:"❖";position:absolute;left:2px;top:-3px;font-size:32px;color:#956031}.journey-quote span{display:block}.download-panel{position:relative;margin-top:auto;display:flex;gap:20px;align-items:center;border:4px double #ae855d;outline:1px solid #bc966c55;outline-offset:5px;padding:10px 14px;background:#f8e8cb55;min-width:0}.scroll-icon{width:53px;height:80px;flex:none;color:#795636;stroke-width:1.2}.download-content{flex:1;min-width:0}.download-panel h3{font-size:16px;letter-spacing:.055em;text-transform:uppercase;line-height:1.2;margin-bottom:8px}.download-panel p{text-transform:uppercase;letter-spacing:.16em;font-size:9px;line-height:1.5;margin-top:10px}.download-actions{display:flex;gap:12px;min-width:0}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:8px 17px;border:1px solid transparent;border-radius:2px;text-transform:uppercase;letter-spacing:.11em;font-size:17px;line-height:1.2;font-weight:500;overflow:hidden;text-align:center}.button-primary{border-color:#a95325;background:linear-gradient(110deg,#b45d26,#984114);color:#fff3df;box-shadow:inset 0 0 0 3px #f7d19b14}.button-primary:hover{background:linear-gradient(110deg,#c57538,#ab5220);box-shadow:inset 0 0 0 3px #f7d19b20,0 4px 10px #7a411720;transform:translateY(-1px)}.button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #4b22032b}.button-outline{border-color:#aa734a;background:#f5e6cf35;color:#754522}.button-outline:hover{background:#f7e8cf99;border-color:#914615;color:#914615}.button-full{width:100%}.download-actions .button{flex:1;padding:9px 7px;font-size:14px;min-width:0}.account-panel{position:relative;border:3px double #b4875a;padding:20px 30px 17px;background:#fff4df22;min-width:0;align-self:start}.corner{position:absolute;width:13px;height:13px;border:3px double #b4875a;pointer-events:none}.corner::after{content:"";position:absolute;inset:2px;border:1px solid #b4875a}.corner-tl{left:-4px;top:-4px}.corner-tr{right:-4px;top:-4px}.corner-bl{left:-4px;bottom:-4px}.corner-br{right:-4px;bottom:-4px}.panel-ornament{position:absolute;left:50%;top:-24px;transform:translateX(-50%);background:#f4e6ce;padding:0 8px;color:#a77042;font-size:32px;line-height:1}.form-heading{text-align:center;margin:3px 0 31px}.form-heading h1{font-size:33px;line-height:1.05;letter-spacing:.025em;text-transform:uppercase;font-weight:600}.form-heading p{font-size:10px;text-transform:uppercase;letter-spacing:.25em;line-height:1.6;margin-top:7px}.field{margin-bottom:13px}.input-wrap{position:relative}.field input{font-size:16px;width:100%;min-width:0;height:40px;padding:8px 12px 8px 42px;border:1px solid #ab967b;border-radius:2px;background:#fff8e445;color:var(--ink);box-shadow:inset 0 1px 3px #5f3c0d07}.field input::placeholder{color:#7a6550;opacity:1}.field input:hover{border-color:#947047}.field input:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 3px #a34a2015;background:#fff8e780}.field input:user-invalid{border-color:#a8422b}.field-icon{position:absolute;left:12px;top:12px;width:16px;height:16px;color:#8a7258;fill:#8a7258;stroke-width:1}.password-field input{padding-right:42px}.password-toggle{position:absolute;right:0;top:0;bottom:0;width:39px;display:grid;place-items:center;background:none;border:0;color:#8a7258}.password-toggle svg{width:17px;height:17px}.password-toggle:hover{color:#994417;background:#c9ab751a}.password-toggle[aria-pressed=true]{color:#994417}.caps-warning{font-size:14px;color:#8a461d;margin-bottom:10px}.account-panel form>.button{margin-top:5px;min-height:46px}.account-panel form>.button::before{content:"";position:absolute;inset:3px;border:1px solid #f0b77b38;pointer-events:none}.form-divider{display:flex;align-items:center;gap:13px;margin:18px 0 14px;font-size:13px;text-transform:uppercase}.form-divider::before,.form-divider::after{content:"";height:1px;background:#ad8e664d;flex:1}.form-motto{font-size:9px;letter-spacing:.22em;text-transform:uppercase;text-align:center;margin-top:13px}.form-footnote{text-align:center;font-size:15px;margin-top:18px}.form-footnote a{text-decoration:underline;text-underline-offset:4px;color:#90451f}.form-footnote a:hover{color:#b36533}.server-panel{min-width:0;padding:22px 0 0 18px}.server-panel h2{font-size:20px;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;margin:0 0 18px;max-width:340px}.server-stats{margin:0;padding:10px 0;border-top:1px solid #b38e61;border-bottom:1px solid #b38e61;position:relative;max-width:258px}.server-stats::before,.server-stats::after{content:"◇";position:absolute;left:-7px;color:#a47543;background:#efe0c4;font-size:16px;line-height:1}.server-stats::before{top:-9px}.server-stats::after{bottom:-8px}.server-stats>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 20px;border-bottom:1px solid #bda17f3d;font-size:17px;line-height:1.35}.server-stats>div:last-child{border:0}.server-stats dt{text-transform:uppercase}.server-stats dd{margin:0;min-width:37px}.connection-limits{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.025em;max-width:300px;padding-top:12px;color:#755b40}.connection-limits b{font-weight:600;margin-left:5px}.server-motto{text-transform:uppercase;font-size:10px;letter-spacing:.16em;margin-top:20px}.community-widget{margin-top:8px;max-width:290px;font-size:13px}.community-widget summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;padding:5px 0;color:#856345}.community-widget summary::-webkit-details-marker{display:none}.community-widget summary:hover{color:var(--copper)}.community-widget summary>span:last-child{font-size:18px;line-height:1}.community-widget[open] summary>span:last-child{transform:rotate(45deg)}.community-widget iframe{display:block;width:100%;max-width:100%;border:0;border-radius:2px;margin-top:10px}.site-footer{position:relative;background:#3e2515;color:#e6caaa;border-top:1px solid #b38a5a;min-height:78px}.site-footer::before,.site-footer::after{content:"❖";position:absolute;top:9px;font-size:36px;color:#b68756;pointer-events:none}.site-footer::before{left:9px}.site-footer::after{right:9px}.footer-inner{display:flex;align-items:center;gap:24px;padding:23px 32px}.sponsor{font-size:18px;white-space:nowrap}.sponsor:hover{color:#fff4de}.footer-support{font-size:9px;text-transform:uppercase;letter-spacing:.16em;border-left:1px solid #ae84544d;padding-left:24px;line-height:1.5}.footer-social{margin-left:auto;display:flex;align-items:center;gap:25px}.footer-social>span{font-size:10px;text-transform:uppercase;letter-spacing:.17em;white-space:nowrap}.social-links{display:flex;gap:20px;align-items:center}.social-links a{display:grid;place-items:center;width:23px;height:30px}.social-links img{width:18px;height:18px;filter:invert(89%) sepia(22%) saturate(461%) hue-rotate(343deg) brightness(94%) contrast(89%)}.social-links a:hover{transform:translateY(-2px);filter:brightness(1.3)}.notice{font-size:16px;line-height:1.4;border:1px solid;padding:10px 12px;margin-bottom:18px;overflow-wrap:anywhere}.notice-error{color:#8b3024;border-color:#bb776455;background:#c55e3410}.notice-success{color:#3d6241;border-color:#718d634d;background:#638d5310}.validation-errors{font-size:15px;color:#8b3024;background:#c55e3410;padding:10px 14px;margin-bottom:18px}.validation-errors ul{margin:0;padding-left:18px}.account-identity{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 24px}.identity-emblem{font-size:42px;color:#b07b43;margin:0 0 6px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.account-identity strong{font-size:30px;font-weight:600;line-height:1.2;margin:10px 0;overflow-wrap:anywhere;max-width:100%}.session-label{font-size:14px;color:#566638}.account-actions{display:grid;gap:12px}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.toast{position:relative;display:flex;align-items:flex-start;gap:12px;background:#fff2dc;border:1px solid #b89b77;border-left:4px solid var(--copper);color:var(--ink);padding:14px 12px 14px 16px;box-shadow:0 6px 30px #38251629;pointer-events:auto;animation:toast-enter .25s var(--ease)}.toast-success{border-left-color:#627b42}.toast-error{border-left-color:#a3432f}.toast-message{flex:1;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.toast-close{flex:none;border:0;background:transparent;color:var(--muted);font-size:25px;line-height:1;padding:0 4px;min-height:28px;min-width:28px}.toast-close:hover{color:var(--ink)}.route-progress{position:fixed;top:0;left:0;z-index:110;height:3px;width:0;opacity:0;background:var(--copper);transition:width .4s,opacity .2s;pointer-events:none}.route-progress.busy{width:75%;opacity:1;animation:progress-pulse 1.2s ease-in-out infinite alternate}.route-progress.done{width:100%;opacity:0}.page-enter{animation:page-enter .25s var(--ease)}.button.is-loading::after{content:"";width:15px;height:15px;margin-left:10px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.ripple{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:currentColor;opacity:.15;pointer-events:none;animation:ripple .55s ease-out forwards}@keyframes ripple{to{transform:scale(18);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-enter{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes toast-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes progress-pulse{to{filter:brightness(1.4)}}
@media(min-width:1800px){.content-grid{padding-block:36px 40px;min-height:470px;gap:65px}.journey-panel{padding-left:34px}.account-panel{padding:25px 38px}.form-heading{margin-bottom:36px}.field input{height:44px}.server-stats{max-width:300px}.server-stats>div{font-size:19px;padding-block:8px}}
@media(max-width:1250px){.container{width:calc(100% - 64px)}.content-grid{grid-template-columns:minmax(0,1fr) minmax(290px,1.04fr) minmax(0,.9fr);gap:30px}.journey-panel{padding-left:8px}.journey-panel h2{font-size:39px}.download-panel{padding:12px 10px;gap:10px}.scroll-icon{width:33px}.download-actions{gap:6px}.download-actions .button{font-size:13px}.account-panel{padding-inline:23px}.server-panel{padding-left:0}.server-panel h2{font-size:18px}.server-stats>div{padding-inline:12px;font-size:16px}.main-nav{gap:25px}.nav-community{padding-left:20px}.main-nav a{font-size:18px}.brand-block{width:34vw}.footer-inner{gap:20px;padding-inline:20px}.footer-support{max-width:220px}.footer-social>span{display:none}}
@media(max-width:980px){.main-nav{gap:18px;padding-top:13px;flex-wrap:wrap}.main-nav a{font-size:17px}.nav-community{gap:8px;padding-left:14px}.brand-block{width:35vw}.brand-motto{font-size:9px}.content-grid{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:30px}.server-panel{grid-column:1/-1;padding-top:4px;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.server-panel h2{grid-column:1/-1;margin-bottom:12px}.server-stats{grid-row:2/5;max-width:none}.server-motto{margin-top:10px}.connection-limits{align-self:start;padding-top:3px}.community-widget{align-self:start}.journey-panel h2{font-size:43px}.journey-panel{padding-top:12px}.download-panel{margin-top:auto}.download-actions .button{font-size:15px}.paper-area{background-size:auto 100%;background-position:center bottom}.hero-caption{font-size:10px;right:9%;bottom:6%}.footer-support{max-width:250px}.footer-inner{flex-wrap:wrap;gap:15px 20px}.social-links{gap:16px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.masthead{height:330px;min-height:330px;background-position:42% center}.topline{padding:0 18px;height:38px;gap:8px}.topline-brand{font-size:9px;letter-spacing:.08em}.topline-brand>span{padding-inline:3px}.language-switch{gap:2px}.language-switch button{font-size:13px;padding:5px 3px;gap:4px;min-height:36px}.language-switch button>span{display:none}.nav-wrap{padding-top:14px;gap:12px;position:relative;flex-wrap:wrap}.brand-block{width:min(75%,340px)}.brand-motto{margin-top:6px;padding-top:7px;letter-spacing:.2em;font-size:9px;width:82%}.menu-toggle{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #a37b5299;background:#f8e9d1cc;padding:8px 11px;font-size:16px;color:var(--ink);margin-top:12px}.main-nav{display:flex;gap:10px 22px;flex-wrap:wrap;width:100%;padding:10px 16px;background:#f7e9d4ed;border:1px solid #a67d5266;z-index:5}.js .main-nav{display:none}.js .main-nav.is-open{display:flex}.main-nav a{font-size:18px}.nav-community{border:0;padding-left:0}.hero-caption{font-size:9px;right:7%;bottom:7%;letter-spacing:.17em}.content-grid{display:flex;flex-direction:column;gap:30px;padding-block:30px}.account-panel{order:0;align-self:center;width:min(100%,460px);padding:26px 28px}.form-heading h1{font-size:33px}.form-heading p{font-size:11px;letter-spacing:.19em}.form-heading{margin-bottom:26px}.field input{height:46px;font-size:18px}.field-icon{top:15px}.field{margin-bottom:16px}.password-toggle{width:44px}.password-toggle svg{width:20px;height:20px}.button{min-height:46px;font-size:17px}.account-panel form>.button{min-height:48px}.form-motto{font-size:10px;letter-spacing:.16em}.journey-panel{order:1;padding:0 8px;width:100%;min-height:310px}.journey-panel h2{font-size:43px}.journey-quote{font-size:11px}.download-panel{margin-top:36px;background:#f7e8ce99;padding:14px 15px}.scroll-icon{width:43px}.download-panel p{font-size:10px}.download-actions{gap:12px}.download-actions .button{font-size:16px}.server-panel{order:2;display:block;width:100%;padding:0 8px}.server-panel h2{font-size:22px}.server-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;max-width:none;background:#f5e7cf66}.server-stats>div{font-size:16px;padding:8px;gap:8px}.server-stats dd{min-width:27px}.connection-limits{padding-top:13px;font-size:14px;max-width:none}.server-motto{margin-top:16px;font-size:11px}.community-widget{font-size:15px;max-width:100%}.community-widget iframe{max-width:350px}.paper-area{background-size:auto 100%;background-position:40% bottom}.footer-inner{padding:24px 12px;justify-content:center;text-align:center;gap:14px;width:calc(100% - 48px)}.footer-support{font-size:10px;border-left:0;padding-left:0;max-width:none;width:100%}.sponsor{font-size:20px}.footer-social{margin:0}.social-links{gap:26px}.social-links a{width:32px;height:38px}.social-links img{width:21px;height:21px}.site-footer::before,.site-footer::after{font-size:25px;top:22px}.toast-stack{right:16px;bottom:16px}.toast-message{font-size:17px}}
@media(max-width:370px){.topline-brand{font-size:8px}.topline-brand>span{display:none}.topline{padding-inline:12px}.container{width:calc(100% - 28px)}.brand-block{width:72%}.menu-toggle{font-size:14px;padding:7px 9px;gap:6px}.account-panel{padding-inline:20px}.form-heading h1{font-size:30px}.journey-panel h2{font-size:38px}.download-panel{gap:8px;padding-inline:10px}.scroll-icon{width:30px}.download-actions{gap:8px}.download-actions .button{font-size:14px}.server-stats{column-gap:8px}.server-stats>div{font-size:15px;padding-inline:5px}.language-switch button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ripple{display:none}}
@media(max-width:700px){.brand-block{width:calc(100% - 100px)}.paper-area{background-size:auto 850px;background-repeat:repeat-y}.account-panel{background:#fff2dc70}}
@media(max-width:370px){.brand-block{width:calc(100% - 88px)}}

/* ECSRO web header: keep the caravan artwork, but use half the previous hero height. */
.masthead{height:clamp(170px,16.6667vw,375px);min-height:170px}
@media(max-width:700px){.masthead{height:165px;min-height:165px}}

/* Keep the navigation legible over the bright Dunhuang artwork. */
.main-nav{padding:8px 13px 10px;border:1px solid #9a704b99;background:#f8ead5a8;box-shadow:inset 0 0 0 3px #f7e8d34d,0 4px 14px #6b3a1c22}
.main-nav a{color:#3d2413;font-weight:600;text-shadow:0 1px 0 #fff4de,0 -1px 0 #fff4de,0 0 5px #fff4de}
@media(max-width:700px){.main-nav{padding:10px 16px;background:#f7e9d4ed;box-shadow:none}.main-nav a{text-shadow:none}}

/* Keep the readable parchment navigation surface; only soften the link ink
   so it belongs to the Dunhuang palette instead of glowing white. */
.main-nav{padding:8px 13px 10px;border:1px solid #6c482e45;background:#f8ead58f;box-shadow:0 4px 14px #6b3a1c22}
.main-nav a{color:#60432d;font-weight:500;letter-spacing:.025em;text-shadow:none}
.main-nav a:hover,.main-nav a.active{color:#8d3a16}
@media(max-width:700px){.main-nav{padding:10px 16px;background:#f7e9d4ed;border:1px solid #9a704b99;box-shadow:inset 0 0 0 2px #f7e8d34d}.main-nav a{font-weight:500;text-shadow:none}}
@media(max-width:370px){.download-panel .scroll-icon{display:none}.download-actions .button{white-space:nowrap;letter-spacing:.05em}}

/* Improve contrast for the two short hero captions without changing the
   caravan artwork or their placement. */
.brand-motto{border:1px solid #9a704b80;background:#f8ead5b8;box-shadow:inset 0 0 0 2px #f7e8d34d;padding:9px 14px 10px;color:#4a2c18;font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.2em;text-shadow:none}
.hero-caption{border:1px solid #9a704b80;background:#f8ead5b8;box-shadow:inset 0 0 0 2px #f7e8d34d;padding:8px 14px 9px;color:#4a2c18;font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.2em;text-shadow:none}
@media(max-width:700px){.brand-motto{padding:7px 9px 8px;font-size:9px;letter-spacing:.16em}.hero-caption{padding:6px 9px 7px;font-size:9px;letter-spacing:.14em}}

/* Caption readability only: no panel, border or frame around the text. */
.brand-motto{border:0;background:transparent;box-shadow:none;padding:9px 0 0;color:#321d10;font-weight:600;letter-spacing:.2em;text-shadow:0 1px 2px #f8ead5cc}
.hero-caption{border:0;background:transparent;box-shadow:none;padding:0;color:#321d10;font-weight:600;letter-spacing:.2em;text-shadow:0 1px 2px #f8ead5cc}
@media(max-width:700px){.brand-motto{padding:7px 0 0}.hero-caption{padding:0}}

/* High-contrast caption ink: still no box or frame, but readable over the
   camel/market artwork beneath it. */
.brand-motto,.hero-caption{color:#1f1209;font-weight:700;opacity:1;letter-spacing:.16em;text-shadow:0 1px 0 #f8ead5,1px 0 0 #f8ead5,-1px 0 0 #f8ead5,0 -1px 0 #f8ead5,0 0 5px #f8ead5;font-size:14px;line-height:1.5}
.brand-motto{padding-top:10px}
.hero-caption{padding:0}
@media(max-width:700px){.brand-motto,.hero-caption{font-size:10px;letter-spacing:.12em}.brand-motto{padding-top:7px}}

.site-notice{display:flex;align-items:flex-start;gap:13px;border:1px solid #b4875a99;background:#f8ead5cc;color:#5c351d;padding:11px 18px;margin-top:12px;margin-bottom:-2px;box-shadow:inset 0 0 0 2px #f7e8d34d}.site-notice-mark{color:#a77042;font-size:22px;line-height:1.1}.site-notice strong{font-size:16px;letter-spacing:.08em;text-transform:uppercase}.site-notice p{font-size:15px;line-height:1.35;margin-top:2px}.site-notice:has(strong:first-child){border-color:#b4875a99}
@media(max-width:700px){.site-notice{width:calc(100% - 36px);padding:10px 12px}.site-notice strong{font-size:14px}.site-notice p{font-size:14px}}

/* Public server time beside language selection. */
.topline-tools{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0;flex-wrap:wrap}.server-clock{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;letter-spacing:.02em;color:#51331f}.server-clock time{font-family:Arial,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.topline{height:auto;min-height:34px;flex-wrap:wrap;gap:4px 16px}
@media(max-width:700px){.topline-brand{display:none}.topline-tools{width:100%;justify-content:space-between;gap:4px 10px}.topline{padding-block:3px;min-height:38px}.server-clock{font-size:13px;gap:5px}.server-clock time{font-size:11px}}
@media(max-width:350px){.topline-tools{justify-content:center}.topline{padding-inline:8px}.language-switch button{min-height:28px}}

/* Sponsor / partner forum banners inside the footer bar (admin panel: Downloads and banners).
   Up to four transparent PNGs side by side between the support text and the social links. */
.footer-banners{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:16px;min-width:0;padding:0 12px}
.footer-banner{display:flex;align-items:center;justify-content:center;flex:0 1 250px;max-width:250px;height:64px;line-height:0;background:transparent;transition:transform .15s,filter .15s}
.footer-banner img{display:block;max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px #0008)}
.footer-banner:hover{transform:translateY(-1px);filter:brightness(1.12)}
@media (max-width:1200px){.footer-banners{gap:10px}.footer-banner{flex-basis:200px;max-width:200px;height:52px}.footer-banner img{max-height:52px}}
@media (max-width:900px){.footer-banners{order:5;flex:1 1 100%;flex-wrap:wrap;padding:8px 0 0}.footer-banner{flex-basis:46%;max-width:46%}}
.admin-banner-slot{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;border:1px solid #b38a5a66;border-radius:6px;padding:12px}
.admin-banner-slot legend{padding:0 6px;font-weight:600}
.admin-banner-preview{grid-column:1/-1;max-height:90px;width:auto;justify-self:start;border:1px solid #9d7847}
.admin-form-section{grid-column:1/-1;margin:4px 0 0;font-size:1.05rem}

.server-online dd{font-weight:700}.online-dot{color:#8a8a8a;font-size:11px;margin-right:4px}.online-dot.is-live{color:#5fcc5a;text-shadow:0 0 6px #5fcc5a99}