/* Shared visual language: compact classic WoS interface. */
:root{--wos-orange:#d99000;--wos-ink:#505050;--wos-green:#386e4c;--wos-line:#d7d3c8;--wos-cream:#fff3cf}
[data-wos-page] main{color:var(--wos-ink)}
.wos-page-heading{display:flex;align-items:center;gap:18px;padding:18px 6px;margin:0 0 8px;width:auto;text-align:left;background:none;border:0}
.wos-page-heading>img{width:80px;height:96px;object-fit:contain;flex-shrink:0}
.wos-page-heading>div{flex:1;min-width:0}
[data-wos-page] .wos-page-heading h1,[data-wos-page] .qg-intro h1{font:bold 22px/1.3 Arial,sans-serif;color:var(--wos-orange);background:none;padding:0;margin:0 0 7px;text-align:left}
[data-wos-page] .wos-page-heading p{font:14px/1.5 Arial,sans-serif;margin:0;color:var(--wos-ink);text-align:left}
[data-wos-page] .qg-intro{margin:18px 6px 14px;gap:18px}
[data-wos-page] .qg-intro>img{width:84px;height:110px}
[data-wos-page] .qg-intro p{font-size:14px;line-height:1.5}
[data-wos-page] .breadcrumb,[data-wos-page] .attack-breadcrumb{font:700 13px/1.6 Arial,sans-serif;border-bottom:1px dotted #aaa;padding:3px 6px 9px;margin-bottom:0;color:#5f6560}
[data-wos-page] .breadcrumb a{color:#467552;text-decoration:none}
[data-wos-page] .breadcrumb a:hover{text-decoration:underline}
[data-wos-page] .panel{border-radius:7px;border-color:var(--wos-line)}
[data-wos-page] .panel>h2{font-size:14px;padding:5px 12px}
[data-wos-page] .building-option{background:#fffdf7;border:0;border-bottom:1px dotted #bcb8ab;border-radius:0;padding:12px 8px;margin:8px 0;min-height:125px}
[data-wos-page] .building-option h2,[data-wos-page] .tree-row h2{font:bold 18px/1.3 Arial,sans-serif;color:var(--wos-orange)}
[data-wos-page] .building-icon{width:80px;height:100px;margin-right:16px}
[data-wos-page] .tree-row{border-bottom:1px dotted #ccc;padding:10px 8px}
[data-wos-page] .tree-row:nth-child(even){background:#f2f6ed}
[data-wos-page] .tree-icon{height:105px}
[data-wos-page] .buildtree-heading{margin:0;text-align:left}
[data-wos-page] .qg-mail{background:#faf8ef;border-top:1px dotted #bbb;border-bottom:1px dotted #bbb;margin:14px 8px;padding:9px 12px}
[data-wos-page] .qg-army{margin-top:24px;margin-bottom:28px;border-radius:6px;padding:10px}
[data-wos-page] .mail-table-wrap{width:100%;margin:10px 0 20px}
[data-wos-page] .mail-table{font-size:14px}
[data-wos-page] .mail-tabs{margin:12px 0;color:var(--wos-green)}
[data-wos-page] .compose-panel{border:0;border-radius:0;margin:0}
[data-wos-page] .compose-panel form{padding:14px;background:#faf9f4;border-top:1px dotted #bbb}
[data-wos-page] .compose-panel input,[data-wos-page] .compose-panel textarea{margin-bottom:12px}
[data-wos-page] .account-form{background:#fdfbf4;border:0;border-top:1px dotted #bbb;padding:14px;margin:14px 0}
[data-wos-page] .account-form h2{color:var(--wos-orange);font-size:16px;margin:0 0 10px}
[data-wos-page] .account-form p{font-size:13px;line-height:1.5;margin:8px 0}
[data-wos-page] .account-form label{font-size:14px;margin:8px 0}
[data-wos-page] .account-form input{padding:5px 7px;border:1px solid #bdbbae;background:#fff}
[data-wos-page] .clan-page form{background:#faf8ee;border-top:1px dotted #bbb;padding:12px;margin:14px 0}
[data-wos-page] .clan-tabs,[data-wos-page] .rank-tabs{justify-content:center;gap:5px;margin:14px 0;padding-bottom:8px}
[data-wos-page] .clan-tabs button,[data-wos-page] .rank-tabs a{font-size:14px;line-height:1.4}
[data-wos-page] .info-page>h2{font-size:17px;color:var(--wos-orange);border-bottom:1px dotted #bbb;padding-bottom:6px;margin-top:20px}
[data-wos-page] .info-page p,[data-wos-page] .info-page li{font-size:14px;line-height:1.55}
[data-wos-page] .help-body h2{color:var(--wos-orange)}
[data-wos-page] .build-action,[data-wos-page] .account-form button[type=submit],[data-wos-page] .compose-actions button,[data-wos-page] #send-army,[data-wos-page] .submit-login,[data-wos-page] .submit-registration{border:1px solid #cfad5d;border-radius:3px;background:linear-gradient(#fff5cf,#f6d98a);color:#784808;box-shadow:none;font:bold 13px/1.4 Arial,sans-serif;padding:5px 12px;cursor:pointer}
[data-wos-page] .build-action:hover,[data-wos-page] .account-form button[type=submit]:hover,[data-wos-page] .compose-actions button:hover,[data-wos-page] .submit-login:hover{background:#ffe7aa}
[data-wos-page] input:focus-visible,[data-wos-page] textarea:focus-visible,[data-wos-page] select:focus-visible{outline:2px solid #dfaa43;outline-offset:2px}
[data-wos-page] main :is(button,a):focus-visible{outline:2px solid #dfaa43;outline-offset:3px}
/* Public entry pages retain their orange navigation and original artwork. */
[data-wos-page=connexion] main,[data-wos-page=inscription] main{padding:16px 20px 24px}
[data-wos-page=connexion] .connection-columns{gap:18px;padding:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
[data-wos-page=connexion] #login-form{background:#fff9e5;border:1px solid #e6d4a6;padding:12px;text-align:left}
[data-wos-page=connexion] #login-form h2{color:var(--wos-orange);font-size:15px;white-space:normal;margin-bottom:14px}
[data-wos-page=connexion] .form-row{grid-template-columns:1fr;gap:3px;margin-bottom:10px}
[data-wos-page=connexion] .form-row input{height:30px;background:#fff;border:1px solid #bdbbae}
[data-wos-page=connexion] .submit-login{display:block;margin:12px 0 0 auto}
[data-wos-page=connexion] .connection-help h2{color:var(--wos-orange);font-size:14px;margin:0 0 5px}
[data-wos-page=connexion] .connection-help p{text-align:left;margin-bottom:12px}
[data-wos-page=inscription] .registration-page h2{color:var(--wos-orange);font-size:17px}
[data-wos-page=index] main h1,[data-wos-page=index] main h2{color:var(--wos-orange)}
@media(max-width:620px){.wos-page-heading{gap:12px;padding:14px 0}.wos-page-heading>img{width:60px;height:78px}[data-wos-page] .wos-page-heading h1,[data-wos-page] .qg-intro h1{font-size:20px}[data-wos-page] .qg-intro>img{width:64px;height:90px}[data-wos-page=connexion] .connection-columns{grid-template-columns:1fr}[data-wos-page=connexion] main,[data-wos-page=inscription] main{padding:14px}[data-wos-page] .clan-tabs{flex-wrap:wrap}}
[data-wos-page] .rank-grid{background:#faf9f4;padding:10px;gap:12px}
[data-wos-page] .rank-panel{border:1px solid #ddd8ca}
[data-wos-page] .rank-panel h2{color:var(--wos-orange);border-bottom:1px solid #e2c681;background:#fff8e4;padding:7px;font-size:16px}
[data-wos-page] .rank-panel th{background:#eff4ed;color:#53715b}
[data-wos-page] .rank-panel.level h2{color:var(--wos-orange)}
[data-wos-page] .rank-tabs{display:flex;flex-wrap:wrap;align-items:center}
[data-wos-page] .rank-tabs a{padding:3px 7px}
[data-wos-page] .rank-tabs a[aria-current]{background:#fff1c9;color:#a86800;border-radius:3px;text-decoration:none}
[data-wos-page] .profile-summary dt{margin-top:10px}
[data-wos-page] .profile-summary dd{margin:3px 0}
[data-wos-page] .attack-body{padding-top:6px}
[data-wos-page] .info-page .wos-page-heading{padding-top:8px}