/* Shared legacy MOTD skin. Uses conservative CSS for the embedded IE engine. */
html,body{margin:0;min-height:100%;background:#0d111a;color:#eef2f7;font:14px Arial,Helvetica,sans-serif}
html{width:100%;overflow-x:hidden}
body{box-sizing:border-box;padding:clamp(8px,2.5vw,32px);overflow-x:hidden}
*,*:before,*:after{box-sizing:border-box}
.motd-shell{width:100%;max-width:1100px;margin:0 auto;background:#151b27;border:1px solid #344257;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.45);overflow:hidden}
.motd-header{padding:clamp(14px,3vw,28px);background:#1b2433;border-bottom:1px solid #3d516b}
.motd-header h1{margin:0;color:#f0c85c;font-size:clamp(18px,3vw,28px);line-height:1.15;letter-spacing:.04em}
.motd-header p{margin:8px 0 0;color:#aebbd0;font-size:clamp(11px,1.7vw,14px)}
.motd-body{padding:clamp(10px,2.5vw,26px);overflow-x:auto}
.motd-table{width:100%;border-collapse:collapse;table-layout:fixed;word-wrap:break-word}
.motd-table th,.motd-table td{padding:clamp(7px,1.5vw,13px);border-bottom:1px solid #2f3b4e;text-align:left;overflow-wrap:anywhere;word-break:break-word}
.motd-table th{color:#77d0e6;font-size:clamp(10px,1.5vw,12px);text-transform:uppercase;letter-spacing:.05em}
.motd-table td{color:#e7edf5;font-size:clamp(11px,1.8vw,14px)}
.motd-table tr:hover{background:#1d2939}
.motd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px}
.motd-card{padding:14px;background:#1b2433;border:1px solid #34445a;border-radius:6px}
.motd-card small{display:block;color:#91a1b8;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.motd-card strong{display:block;margin-top:6px;color:#f7d46c;font-size:clamp(18px,3vw,27px)}
.motd-section{margin-top:18px}
.motd-section h2{margin:0 0 9px;color:#f1c95b;font-size:clamp(14px,2.5vw,19px)}
.motd-link{color:#77d0e6;text-decoration:none}.motd-link:hover{text-decoration:underline}
.motd-muted{color:#9daabd}
details{border:1px solid #34445a;border-radius:6px;background:#192231;margin:8px 0;padding:0 12px}
summary{cursor:pointer;padding:11px 0;color:#f0cf67;font-weight:bold}
details .motd-table{margin:0 0 10px}
@media(max-width:520px){body{padding:4px}.motd-shell{border-radius:4px}.motd-table th,.motd-table td{padding:7px 5px}.motd-table th:nth-child(n+5),.motd-table td:nth-child(n+5){display:none}}

/* GoldSrc MOTD uses an old IE engine: avoid relying on grid/flex and keep
 * the document's width bounded even when the browser ignores viewport units. */
@media(max-width:700px){.motd-grid{display:table;width:100%;table-layout:fixed}.motd-card{display:table-cell;width:33.333%;vertical-align:top}.motd-header h1{white-space:normal;word-wrap:break-word}.motd-table{font-size:11px}}
@media(max-width:380px){body{padding:2px}.motd-body{padding:8px}.motd-grid{display:block}.motd-card{display:block;width:100%;margin-bottom:6px}.motd-table th,.motd-table td{font-size:10px;padding:5px 3px}.motd-table th:nth-child(n+4),.motd-table td:nth-child(n+4){display:none}}

/* Clan Wars dashboard: compact, game-facing panels that remain readable in
 * the 640x480 MOTD viewport and expand cleanly on desktop screens. */
.clan-dashboard{background:#0d111c;border-color:#3b465e;box-shadow:0 14px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04)}
.clan-hero{display:table;width:100%;padding:clamp(13px,2.4vw,24px) clamp(14px,2.8vw,30px);background:linear-gradient(115deg,#151b2b,#111827 58%,#19243a);border-bottom:1px solid #40516e}
.clan-hero>div{display:table-cell;vertical-align:middle}.clan-hero>div:last-child{text-align:right;width:190px}
.eyebrow{display:block;color:#62c9df;font-size:10px;font-weight:bold;letter-spacing:.16em;line-height:1.2}.clan-hero h1{margin:5px 0 3px;color:#ffd15c;font-size:clamp(22px,4vw,34px);letter-spacing:.03em}.clan-hero p{margin:0;color:#aebbd0;font-size:clamp(11px,1.7vw,14px)}
.war-status{padding-left:15px;border-left:1px solid #40516e}.war-status i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#54d58a;box-shadow:0 0 10px #54d58a}.war-status b{color:#8df0af;font-size:11px;letter-spacing:.08em}.war-status small{display:block;margin-top:5px;color:#93a4bc;font-size:10px}
.clan-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.clan-kpis .motd-card{padding:11px 13px;background:#182235;border-color:#344863;border-radius:5px}.clan-kpis .motd-card strong{margin-top:4px;font-size:clamp(20px,3.2vw,29px)}.clan-kpis .motd-card strong span{color:#93a4bc;font-size:.55em}.clan-kpis .motd-card em{display:block;margin-top:3px;color:#8294ad;font-size:10px;font-style:normal}
.dashboard-columns{display:table;width:100%;table-layout:fixed}.dashboard-panel{background:#121a29;border:1px solid #34465f;border-radius:5px;overflow:hidden}.dashboard-columns>.dashboard-panel{display:table-cell;vertical-align:top}.dashboard-columns>.dashboard-panel:first-child{width:58%;margin-right:8px}.dashboard-columns>.dashboard-panel:last-child{width:42%}.dashboard-columns>.dashboard-panel+ .dashboard-panel{border-left-width:1px}
.panel-heading{display:table;width:100%;padding:11px 13px 9px;background:#19253a;border-bottom:1px solid #34465f}.panel-heading>div{display:table-cell}.panel-heading h2{margin:4px 0 0;color:#f4ca58;font-size:clamp(14px,2.2vw,19px)}.panel-count{display:table-cell;text-align:right;vertical-align:bottom;color:#7fd5e6;font-size:10px;font-weight:bold;white-space:nowrap}
.war-row{margin:0;border:0;border-bottom:1px solid #2a394e;border-radius:0;background:#131d2d;padding:0 12px}.war-row:last-child{border-bottom:0}.war-row summary{display:table;width:100%;padding:11px 0;color:#e8eff8;font-size:clamp(10px,1.5vw,13px);list-style:none}.war-row summary::-webkit-details-marker{display:none}.day-chip,.result-pill{display:table-cell;white-space:nowrap}.day-chip{width:55px;color:#7eb8c9;font-size:10px;font-weight:bold}.war-clans{display:table-cell;text-align:center}.war-clans b{padding:0 4px;color:#ffd15c}.result-pill{width:52px;text-align:right;font-size:9px;font-weight:bold}.result-pill.win{color:#73e29a}.result-pill.loss{color:#ff8888}.result-pill.draw{color:#f1cf67}.result-pill.rest{color:#a4b0c2}.result-pill.live{color:#70d7ea}
.war-detail{display:table;width:100%;padding:9px 3px 11px;border-top:1px solid #2a394e;text-align:center}.war-detail>div{display:table-cell;width:34%;vertical-align:middle}.war-detail small,.war-detail strong{display:block}.war-detail small{overflow:hidden;color:#91a3bb;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.war-detail strong{margin-top:3px;color:#ffe08a;font-size:20px}.war-detail .versus{width:12%;color:#66809d;font-size:10px;font-weight:bold}.war-time{display:block;margin-top:8px;color:#7e94ad;font-size:9px}
.compact-table th,.compact-table td{padding:8px 7px;font-size:11px}.compact-table th:nth-child(1){width:25px}.compact-table th:nth-child(3){width:43px}.compact-table th:nth-child(4){width:52px}.compact-table td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-table .rank-number{color:#7891ad}.compact-table .elo{color:#ffd15c;font-weight:bold}.history-panel{margin-top:13px}.history-strip{display:table;width:100%;table-layout:fixed;padding:10px}.history-item{display:table-cell;padding:8px 9px;border-right:1px solid #2e4058}.history-item:last-child{border-right:0}.history-item b,.history-item span,.history-item small{display:block}.history-item b{color:#f6d267;font-size:12px}.history-item span{margin-top:3px;color:#78d2df;font-size:9px;font-weight:bold}.history-item small{margin-top:3px;color:#8193aa;font-size:9px}.empty-state{padding:28px 15px;text-align:center}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:#d8e2ef;font-size:14px}.empty-state span{margin-top:5px;color:#8396b0;font-size:11px;line-height:1.4}.empty-state.small{padding:22px 10px}
@media(max-width:700px){.clan-hero>div:last-child{width:145px}.dashboard-columns{display:block}.dashboard-columns>.dashboard-panel{display:block;width:100%!important}.dashboard-columns>.dashboard-panel+ .dashboard-panel{margin-top:10px}.history-item{padding:7px 5px}.history-item:nth-child(n+6){display:none}}
@media(max-width:440px){.clan-hero{padding:12px}.clan-hero>div:last-child{width:92px}.war-status{padding-left:8px}.war-status b{font-size:9px}.war-status small{font-size:8px}.clan-kpis{display:block}.clan-kpis .motd-card{display:inline-block;width:32%;vertical-align:top;padding:9px 6px}.clan-kpis .motd-card strong{font-size:20px}.clan-kpis .motd-card em{font-size:8px}.war-row{padding:0 6px}.war-clans{font-size:10px}.day-chip{width:43px;font-size:8px}.result-pill{width:42px;font-size:8px}.history-item:nth-child(n+4){display:none}}

/* The MOTD browser can report a narrow CSS viewport while still painting a
 * wide panel. Keep the dashboard's primary rhythm compact in that mode. */
.clan-dashboard .motd-body{padding:10px 12px}.clan-dashboard .clan-hero{padding:13px 16px}.clan-dashboard .clan-kpis{display:table!important;width:100%;table-layout:fixed;gap:0;margin-bottom:9px}.clan-dashboard .clan-kpis .motd-card{display:table-cell!important;width:33.333%!important;padding:8px 10px;vertical-align:middle}.clan-dashboard .clan-kpis .motd-card strong{font-size:21px}.clan-dashboard .clan-kpis .motd-card em{font-size:9px}.clan-dashboard .dashboard-columns{display:table!important;width:100%;table-layout:fixed}.clan-dashboard .dashboard-columns>.dashboard-panel{display:table-cell!important;width:auto!important;margin:0;vertical-align:top}.clan-dashboard .dashboard-columns>.dashboard-panel:first-child{width:58%!important}.clan-dashboard .dashboard-columns>.dashboard-panel:last-child{width:42%!important}.clan-dashboard .dashboard-panel+.dashboard-panel{margin:0}.clan-dashboard .panel-heading{padding:8px 10px}.clan-dashboard .panel-heading h2{font-size:15px}.clan-dashboard .war-row summary{padding:8px 0}.clan-dashboard .history-panel{margin-top:9px}.clan-dashboard .history-strip{padding:7px}.clan-dashboard .history-item{padding:5px 6px}
@media(max-width:440px){.clan-dashboard .motd-body{padding:7px}.clan-dashboard .clan-hero{padding:9px 10px}.clan-dashboard .clan-hero h1{font-size:22px}.clan-dashboard .clan-hero p{font-size:10px}.clan-dashboard .clan-hero>div:last-child{width:105px}.clan-dashboard .clan-kpis .motd-card{padding:7px 5px}.clan-dashboard .clan-kpis .motd-card strong{font-size:18px}.clan-dashboard .clan-kpis .motd-card em{font-size:8px}.clan-dashboard .dashboard-columns>.dashboard-panel:first-child{width:58%!important}.clan-dashboard .dashboard-columns>.dashboard-panel:last-child{width:42%!important}.clan-dashboard .compact-table th,.clan-dashboard .compact-table td{padding:6px 4px;font-size:9px}.clan-dashboard .war-clans{font-size:9px}.clan-dashboard .day-chip{width:37px}.clan-dashboard .result-pill{width:37px}.clan-dashboard .history-item:nth-child(n+5){display:none}}

/* Final legacy-browser corrections. Floats are deliberately used for KPI
 * cards because old MOTD engines disagree about table-cell sizing inside a
 * block that was previously a CSS grid. */
.clan-dashboard{width:100%;max-width:none;overflow:hidden}.clan-dashboard .clan-hero{table-layout:fixed}.clan-dashboard .clan-hero>div:first-child{width:auto}.clan-dashboard .clan-hero>div:last-child{width:150px;overflow:hidden}.clan-dashboard .war-status{overflow:hidden}.clan-dashboard .war-status b,.clan-dashboard .war-status small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clan-dashboard .clan-kpis{display:block!important;overflow:hidden;white-space:nowrap}.clan-dashboard .clan-kpis .motd-card{display:block!important;float:left;width:32.25%!important;margin:0 .5% 0 0;min-height:72px;white-space:normal}.clan-dashboard .clan-kpis .motd-card:last-child{margin-right:0}.clan-dashboard .dashboard-columns{display:block!important;white-space:normal}.clan-dashboard .dashboard-columns>.dashboard-panel{display:block!important;float:left;width:calc(50% - 4px)!important;margin:0 8px 0 0!important}.clan-dashboard .dashboard-columns>.dashboard-panel:last-child{margin-right:0!important}.clan-dashboard .dashboard-columns:after,.clan-dashboard .clan-kpis:after{content:"";display:block;clear:both}.clan-dashboard .history-panel{clear:both}.clan-dashboard .panel-heading{min-height:59px}.clan-dashboard .war-clans{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:440px){.clan-dashboard .clan-hero>div:last-child{width:132px}.clan-dashboard .clan-kpis .motd-card{width:32%!important;min-height:67px;padding:7px 5px}.clan-dashboard .dashboard-columns>.dashboard-panel{width:calc(50% - 3px)!important;margin-right:6px!important}.clan-dashboard .panel-heading{min-height:56px}.clan-dashboard .panel-heading h2{font-size:14px}.clan-dashboard .war-status b{font-size:9px}.clan-dashboard .war-status small{font-size:8px}}

/* Hard fallback for old MOTD layout engines. */
.clan-dashboard .dashboard-columns>.dashboard-panel{width:49%!important;margin-right:2%!important}.clan-dashboard .dashboard-columns>.dashboard-panel:last-child{margin-right:0!important}
.clan-dashboard .dashboard-columns>.dashboard-panel:first-child,.clan-dashboard .dashboard-columns>.dashboard-panel:last-child{width:49%!important}
@media(max-width:440px){.clan-dashboard .dashboard-columns>.dashboard-panel{width:49%!important;margin-right:2%!important}}
.clan-dashboard .clan-hero>div:last-child{width:128px;padding-right:8px}.clan-dashboard .war-status b{font-size:9px}.clan-dashboard .war-status small{font-size:8px;white-space:normal;line-height:11px}
.clan-motd{padding:0!important;overflow:hidden}
.clan-dashboard .day-chip{padding-right:8px;vertical-align:middle}.clan-dashboard .day-chip b,.clan-dashboard .day-chip small{display:block;line-height:13px}.clan-dashboard .day-chip small{font-size:9px;font-weight:normal;color:#91a3bb}
.clan-motd,.clan-motd html{margin:0!important;padding:0!important;width:100%;min-height:100%;height:100%;overflow:hidden}.clan-motd .clan-dashboard{position:absolute;top:0;left:0;right:0;margin:0!important;width:100%;max-width:none}

/* Read-only navigation and history retain the accepted dashboard skin. */
body.clan-motd{height:auto!important;overflow-y:auto!important}.clan-motd .clan-dashboard{position:relative;top:auto;left:auto;right:auto;overflow:visible}
.war-navigation{padding:2px 0 10px;font-size:11px;line-height:18px}.war-access{display:block;color:#91a3bb;font-size:10px}
.war-section{clear:both;margin:10px 0}.war-caption{padding:8px 10px;color:#9daabd;font-size:11px;line-height:17px;word-wrap:break-word}.war-caption b{color:#e7edf5}
.clan-dashboard .war-rewards-card b{display:block;font-size:10px;color:#e7edf5;margin-top:4px}.clan-dashboard .war-rewards-card em{font-size:9px;line-height:12px;white-space:normal}
.war-summary{display:table;width:100%;padding:8px 0;font-size:12px}.clan-dashboard .war-summary .war-clans{white-space:normal;word-wrap:break-word;padding:0 5px}
.war-upgrades{padding:2px 10px 8px}.war-upgrades span{display:inline-block;margin:4px 12px 0 0;font-size:11px;color:#9daabd}.war-upgrades b{color:#f7d46c}
.war-accordion-heading,.war-day-heading{padding:10px;border-bottom:1px solid #2e4058;font-size:12px}.war-accordion-heading>a{font-weight:bold}.war-accordion-heading>b{display:none}.war-accordion-heading>span{float:right;color:#78d2df;font-size:9px}.war-accordion-heading>small,.war-day-heading>small{display:block;color:#8193aa;font-size:10px;margin-top:4px}
.war-history-week+.war-history-week{border-top:1px solid #34445a}.war-history-day{margin:0 10px;border-left:1px solid #2e4058}.war-day-heading{background:#131d2d}.war-history-day .war-row{padding:0 10px}
.war-data-table th,.war-data-table td{padding:7px 10px;font-size:11px}.war-data-table td small{display:block;color:#8193aa;font-size:10px;margin-top:3px}.war-data-table th:nth-child(2){width:35%}.war-data-table th:nth-child(3){width:25%}
@media(max-width:520px){.clan-dashboard .war-data-table th,.clan-dashboard .war-data-table td{display:table-cell!important}.war-data-table th,.war-data-table td{padding:6px 5px;font-size:10px}.war-caption{font-size:10px}.war-history-day{margin:0 4px}}