/* Clan command centre: graphite steel, worn brass and restrained page accents. */
.al-screen{--clan-accent:#d4b16a;--clan-accent-rgb:212,177,106;--panel:#20242b;--c-panel:#20242b;--c-panel-2:#292e36;--line:#45484b;--c-line:#45484b;--muted:#a7adb5;--c-text-2:#c0c2c7;--c-ink:#12151b;position:relative;isolation:isolate;padding-bottom:12px;color:#e8e3d7;background:radial-gradient(ellipse at 100% 0,rgba(var(--clan-accent-rgb),.09),transparent 45%),repeating-linear-gradient(125deg,#ffffff02 0 1px,transparent 1px 9px),linear-gradient(140deg,#191d24,#101319 75%);border-inline:1px solid #77705b33}
.al-screen[data-clan-page=tech]{--clan-accent:#83c7dc;--clan-accent-rgb:131,199,220}.al-screen[data-clan-page=wars]{--clan-accent:#d58a70;--clan-accent-rgb:213,138,112}.al-screen[data-clan-page=help]{--clan-accent:#86c9bb;--clan-accent-rgb:134,201,187}.al-screen[data-clan-page=gifts]{--clan-accent:#d6b170;--clan-accent-rgb:214,177,112}.al-screen[data-clan-page=manage]{--clan-accent:#b7a5d3;--clan-accent-rgb:183,165,211}
.al-screen .pn-title{background:radial-gradient(ellipse at 50% 0,#b58b4433,transparent 75%),repeating-linear-gradient(120deg,#ffffff03 0 1px,transparent 1px 8px),linear-gradient(#34302b,#211e1c);border-bottom:2px solid #b19459;box-shadow:0 4px 15px #0005}
.al-screen .al-view{padding-top:8px}.al-screen :is(.sc-note-card,.pn-empty,.al-empty){background:linear-gradient(120deg,#252a31,#181c23);border:1px solid #72716a55;border-left:3px solid var(--clan-accent);border-radius:5px;color:#b9bec5;box-shadow:inset 0 1px #ffffff07;font-size:12px;line-height:1.6}
.al-screen .pn-tabs{padding:5px;background:#10141a;border:1px solid #77705b66;border-radius:6px;gap:4px;box-shadow:inset 0 2px 5px #0005}.al-screen .pn-tabs>button{border-radius:4px;color:#b3b8c0;font-size:12px;background:linear-gradient(#2c3037,#21252c)}.al-screen .pn-tabs>button.active{background:linear-gradient(#e7cd91,#ad8645);border-color:#f1dba4 #a48a54 #6e552c;color:#261e11;box-shadow:inset 0 1px #fff5,0 2px 4px #0005}
.al-screen .sc-banner{background:radial-gradient(ellipse at 10% 0,#9d936530,transparent 60%),repeating-linear-gradient(120deg,#ffffff03 0 1px,transparent 1px 6px),linear-gradient(135deg,#343a42,#1c222a);border-color:#9e8a62}.al-screen .sc-banner-desc{background:linear-gradient(110deg,#171b22,#22242b);border-color:#8b79564d}.al-screen .sc-banner-stats{border-color:#b8a27533}.al-screen .sc-banner-stats span{color:#b5bac2}.al-screen .al-hazard{opacity:.35}
.al-screen .al-command-tile{background:radial-gradient(ellipse at 100% 50%,color-mix(in srgb,var(--c1) 16%,transparent),transparent 70%),repeating-linear-gradient(120deg,#ffffff03 0 1px,transparent 1px 6px),linear-gradient(#30363f,#20252d);border-color:#867756;box-shadow:inset 0 0 0 2px #12151b77,inset 0 2px #ffffff0a,0 4px 8px #0005}.al-screen .al-command-copy small{color:#a8b0bd}.al-screen .al-command-tile.has-activity{border-color:#d4b16a;box-shadow:inset 3px 0 #d4b16a,0 3px 9px #0006}
.al-screen .al-bottom-nav{background:linear-gradient(#33343a,#181c23);border-color:#8c7952;box-shadow:0 -5px 20px #0008;margin-top:24px}.al-screen .al-bottom-nav button{color:#a4abb6}.al-screen .al-bottom-nav button.on{color:#ffe0a0;background:linear-gradient(#9a7c3c44,#6e562922);box-shadow:inset 0 2px #dfbc70}
/* A compact leader identity, without a second officer showcase. */
.al-screen .sc-mem-head{padding:8px 3px;color:#a8b2c1;font-size:11px}.al-screen .al-leadership{position:relative;overflow:hidden;padding:16px;margin:2px 0 16px;border:1px solid #a18a575e;border-radius:7px;background:radial-gradient(ellipse at 0 50%,#b58b4433,transparent 65%),repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 7px),linear-gradient(#32363e,#20252c);box-shadow:inset 0 0 0 3px #171b2177,0 5px 12px #0004}.al-screen .al-leadership:after{content:'★';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:95px;color:#bc9a4f0e;pointer-events:none}.al-screen .al-leader-card{position:relative;z-index:1;display:grid;width:100%;grid-template-columns:64px minmax(0,1fr);gap:4px 16px;padding:0;justify-content:start;text-align:left}.al-screen .al-leader-card>.sc-av{grid-column:1;grid-row:1/4;border:2px solid #d3b574;border-radius:12px;box-shadow:0 4px 12px #0008;max-width:64px}.al-screen .al-leader-card>small,.al-screen .al-leader-card>b,.al-screen .al-leader-card>span:last-child{grid-column:2;text-align:left;margin:0}.al-screen .al-leader-card>small{align-self:end;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#ddc28c}.al-screen .al-leader-card>b{font-size:21px;overflow-wrap:anywhere;color:#f7e6bf}.al-screen .al-leader-card>span:last-child{font-size:11px;color:#bec5d1}
.al-screen .sc-rank{margin-bottom:8px;border:1px solid #6c6a604d;border-radius:6px;background:#191e25;box-shadow:0 3px 7px #0003;overflow:hidden}.al-screen .sc-rank-head{min-height:58px;padding:8px 12px;background:linear-gradient(110deg,#333942,#252a32);border-bottom:1px solid #ffffff06}.al-screen .sc-rank-head>b{color:#e3dfd5;font-size:14px}.al-screen .sc-rank-n{font-size:11px;color:#a8b3c1}.al-screen .sc-rank-badge{filter:drop-shadow(0 2px 3px #0005);width:34px;height:39px;font-size:23px}.al-screen .sc-rank.open{border-color:#b49a655c}.al-screen .sc-mem-list{padding:8px;background:#12171e}.al-screen .sc-mem{padding:10px 8px;border-radius:6px;background:linear-gradient(110deg,#272d36,#1d222a);border:1px solid #58616d55;gap:8px}.al-screen .sc-mem.r4{background:linear-gradient(110deg,#293444,#1d242d);border-color:#6c8ca35c}.al-screen .sc-mem.r5{background:linear-gradient(110deg,#453d2a,#24262a)}.al-screen .sc-mem.me{box-shadow:inset 2px 0 #d6b675}.al-screen .sc-mem-name{font-size:12px;color:#f0e9d9}.al-screen .sc-mem-sub{font-size:9px;color:#a4aebc;margin-top:4px}.al-screen .sc-mem-right b{font-size:12px;color:#e2c286}.al-screen .sc-mem-right span{font-size:10px;color:#a7b2c1}.al-screen .sc-more{border-radius:5px;background:linear-gradient(#3b424a,#252c34);border-color:#79818a55}.al-screen .sc-av{border-color:#b6a47b}.al-screen .sc-you{background:#756338;color:#fff0c4}
/* Research, help, gifts and operations share the same steel construction. */
.al-screen .al-tech-tree{border-radius:8px;background:radial-gradient(ellipse at 50% 30%,#41879d12,transparent 70%),repeating-linear-gradient(0deg,#84a5b207 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,#84a5b207 0 1px,transparent 1px 24px),#151c24}.al-screen .al-tech-node{background:radial-gradient(ellipse at 50% 0,#87b9d028,transparent 65%),linear-gradient(#303c48,#1b2632);border:1px solid #8d9a9f;border-radius:8px;box-shadow:inset 0 0 0 3px #11192388,0 5px 9px #0006;padding:10px 6px}.al-screen .al-tech-node.locked{background:linear-gradient(#282d34,#1b2026);border-color:#515a62;color:#8f99a6}.al-screen .al-tech-node.maxed{border-color:#d7bd78;background:linear-gradient(#494430,#24292c)}.al-screen .al-tech-node small{font-size:10px;color:#b6c5d1}.al-screen .al-tech-node .pn-bar i{background:linear-gradient(#b4e0e4,#558b9b)}.al-screen .al-tech-icon{filter:drop-shadow(0 4px 4px #0008)}
.al-screen .sc-help{background:radial-gradient(ellipse at 50% 0,#477d8233,transparent 75%),linear-gradient(#252e38,#191f28);border:1px solid #71908c55;border-radius:8px;padding:20px 12px}.al-screen .sc-help-btn{width:116px;height:116px;background:conic-gradient(#5c8c91 var(--p),#32404d var(--p));box-shadow:0 4px 16px #0006,0 0 22px #7cb5b51c}.al-screen .sc-help-in{background:radial-gradient(circle at 35% 25%,#6e9e9a,#31595b 70%,#203f46);border-color:#a1c5bb}.al-screen .sc-help-in .ic{font-size:36px}.al-screen :is(.al-help-row,.sc-jobs,.al-war,.al-log,.al-inv,.al-row,.sc-clan-card){background:linear-gradient(110deg,#2b323c,#1c222a);border:1px solid #65717e55;border-radius:6px;box-shadow:inset 0 1px #ffffff08}.al-screen .al-war.win{border-left:3px solid #89b895}.al-screen .al-war.loss{border-left:3px solid #cf8169}.al-screen .al-log.tech{border-color:#8ba4a666}.al-screen .al-day{border-radius:3px;background:#3e3829;border-color:#9c865c66;color:#ddc58d}.al-screen .al-war-sum>div{background:linear-gradient(#343741,#242831);border-color:#8d805b66;border-radius:6px;padding:14px 5px}.al-screen .al-war-ic,.al-screen .al-log-ic{background:#131922;border-color:#b1945955}
.al-screen :is(.al-sec,.al-manage-detail,.cg-vault){background:radial-gradient(ellipse at 0 0,#ad965322,transparent 65%),linear-gradient(#2c323c,#1b222b);border:1px solid #8e7e585e;border-radius:7px;box-shadow:inset 0 1px #fff1,0 4px 12px #0004}.al-screen .al-sec h4{background:linear-gradient(#383b44,#292e37);border-color:#a88c4f44;color:#dfc58e;padding:12px;font-size:11px}.al-screen .al-seg button{background:linear-gradient(#292f39,#1b232d);border-color:#74819144;border-radius:5px}.al-screen .al-seg button.on{background:linear-gradient(#665331,#38352d);border-color:#c3a365}.al-screen .al-manage-tile{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#a899c222,transparent 70%),linear-gradient(#343944,#202731);border-color:#998c6c;border-radius:6px;box-shadow:inset 0 0 0 3px #151b2366,0 5px 10px #0005;padding:17px 8px;min-height:124px}.al-screen .al-manage-tile.danger{background:linear-gradient(#594039,#30252b);border-color:#ae7768}.al-screen .al-manage-tile small{color:#aeb6c4}.al-screen .al-manage-tile b{color:#e8ddc5}.al-screen .al-manage-tile:after{content:'';position:absolute;inset:5px;border-top:1px solid #ffffff09;pointer-events:none}.al-screen :is(.pn-input,.pn-ta){background:#141c26;border-color:#77818b66;color:#e9e6df}
.al-screen .al-ranking-row{background:linear-gradient(110deg,#2d3540,#1d252f);border-color:#747b8255;border-radius:5px;min-height:66px}.al-screen .al-ranking-row:nth-of-type(-n+3){border-left:3px solid #bda06a}.al-screen .al-ranking-row.is-me{background:linear-gradient(110deg,#51462f,#292e35);border-color:#d6b16c}.al-screen .al-ranking-period{background:linear-gradient(110deg,#36353c,#232832);border-color:#99805966}.al-screen .al-ranking-mine{background:#171e28;box-shadow:0 -5px 15px #0c111888}.al-screen .al-ranking-heading{color:#a6b2c2;letter-spacing:.12em}
.al-screen .cg-cache{background:linear-gradient(110deg,#303843,#1c252e);border-color:#74818c55}.al-screen .cg-cache-copy>span,.al-screen .cg-vault-head p{color:#b2bdca}.al-screen .cg-tabs button{background:#1b2430;border-color:#75818e55}.al-screen .cg-tabs .active{background:#63512e;border-color:#d8b26c}.al-screen .cg-claim-bar{background:linear-gradient(transparent,#171f29 30%)}.al-screen .cg-progress{background:#111922}.al-screen .cg-vault .pn-note{color:#aab7c5}
/* Donation is a centred steel console outside the panel tree. */
#sheet.popup:has(.cd-popup){background:linear-gradient(135deg,#30343d,#181e27);border-color:#b79b61}#sheet:has(.cd-popup) .sheet-head{background:repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 8px),linear-gradient(#413a30,#26252a)}.cd-popup .cd-identity{background:radial-gradient(ellipse at 0 0,#91bbcd22,transparent 70%),linear-gradient(#303c47,#1e2934)}.cd-popup .cd-effect{background:#121c27aa;border-color:#93b3bf}.cd-popup .cd-resource-pick button{background:linear-gradient(#2d3540,#1b2630);border-color:#78828c55}.cd-popup .cd-resource-pick button.on{background:linear-gradient(#5c5134,#33362f);border-color:#d5b678}.cd-popup .cd-rewards{background:#ddbd6c09;border-color:#b69b5c44}.cd-popup .cd-track{background:#101821}.cd-popup .cd-track i{background:linear-gradient(#d9daa3,#9d9a60)}.cd-popup .cd-research-timer{background:linear-gradient(110deg,#4a4534,#293541)}
@media(max-width:380px){.al-screen .sc-mem{grid-template-columns:42px minmax(0,1fr) auto 30px;gap:6px}.al-screen .sc-mem-name{font-size:11px}.al-screen .sc-mem-right b{font-size:10px}.al-screen .sc-more{width:30px}.al-screen .al-leader-card{gap:4px 12px}.al-screen .al-leader-card>b{font-size:18px}.al-screen .sc-rank-head{padding:8px}.al-screen .al-command-copy .al-lb{font-size:12px}}
#panel:has(.al-screen){background:radial-gradient(ellipse at 100% 0,#a9915510,transparent 55%),#101319}.al-screen .sc-banner::after{opacity:.25}.al-screen .al-view .pn-section{color:var(--clan-accent);letter-spacing:.08em;font-size:11px;border-bottom:1px solid #88816b44;padding-bottom:8px}
.al-donation-rules summary{color:#c8d7e2;cursor:pointer;font-size:11px;font-weight:700}.al-donation-rules p{margin:9px 0 0;border-top:1px solid #74828b33;padding-top:9px}.al-screen .al-manage-detail{padding:10px}.al-screen .al-manage-back{border:1px solid #8d826155;background:linear-gradient(#343942,#202731);border-radius:5px;color:#ddc995;min-height:38px}
/* Illustrated headquarters redesign. Surfaces are calm so the environment and game art carry the detail. */
.al-screen{--clan-illustration:url('art/clan-command-hq-v2.webp');background:radial-gradient(ellipse at 50% 0,#193c4555,transparent 520px),linear-gradient(#101a22,#0d141c);border:0;padding-inline:4px;color:#e8e3d6}.al-screen .pn-title{background:linear-gradient(#272a2d,#191e24);border-bottom:1px solid #957b4e;box-shadow:0 6px 18px #0004}.al-screen .pn-title h2{letter-spacing:.03em}
#panel:has(.al-screen){background:#0d141c}.al-screen .sc-banner{position:relative;overflow:hidden;padding:18px 14px 13px;border:1px solid #ac926054;border-radius:12px;background:linear-gradient(90deg,#0d1b27df,#0d1b2740),linear-gradient(0deg,#15202b 0%,#15202bf5 22%,#15202b00 68%),var(--clan-illustration) center top/cover;box-shadow:inset 0 0 0 3px #0a12154d,0 8px 22px #0005;isolation:isolate}.al-screen .sc-banner::after{display:none}.al-hq-eyebrow{display:flex;justify-content:space-between;gap:10px;position:relative;font-size:8px;letter-spacing:.16em;color:#e4c88d;margin-bottom:22px;font-weight:700}.al-hq-eyebrow>span:last-child{color:#b5c4c8;font-size:7px}.al-screen .sc-banner-top{grid-template-columns:76px minmax(0,1fr);gap:11px;min-height:91px;margin-bottom:20px}.al-screen .sc-banner-top .sc-emblem{width:76px;height:76px}.al-screen .sc-banner-name{font-size:25px;line-height:1.1;letter-spacing:-.02em;color:#fff1cd}.al-screen .sc-banner-name .sc-tag{font-size:10px;display:table;letter-spacing:.13em;border-radius:3px;margin-bottom:5px;box-shadow:none;color:#211d12;background:#dbbd7a;padding:3px 6px}.al-screen .sc-banner-lead{font-size:11px;color:#e0e4de;margin:6px 0}.al-screen .sc-role-chip{font-size:8px;border-color:#a5afaa55;background:#111c26bb;letter-spacing:.03em;padding:3px 6px}.al-screen .sc-banner-stats{border:0;gap:7px;padding:0;margin:0 0 10px}.al-screen .sc-banner-stats>div{background:linear-gradient(#1f303acc,#121e28ee);border:1px solid #d8bc7d30;border-bottom:2px solid #c2a36b66;border-radius:5px;padding:10px 3px;box-shadow:0 3px 7px #0003}.al-screen .sc-banner-stats b{font-size:17px;color:#f2dfb6;letter-spacing:-.02em}.al-screen .sc-banner-stats span{font-size:8px;letter-spacing:.13em;color:#9eafbb;margin-top:5px}.al-screen .al-research-summary{background:#111e27aa;border:1px solid #a4b5be18;border-radius:5px;padding:10px;font-size:10px;color:#b0c0cb;gap:7px}.al-screen .al-research-summary b{font-size:9px;color:#d9bf86}.al-screen .al-research-track{height:5px;border:0;background:#080f17}.al-screen .al-research-track i{background:linear-gradient(90deg,#8d784f,#e9cd89);box-shadow:0 0 10px #e2bc6b33}.al-screen .sc-banner-desc{margin-top:11px;min-height:57px;display:grid;grid-template-columns:1fr 30px;gap:5px 8px;padding:10px 10px 10px 12px;background:#0b1721bb;border:0;border-left:2px solid #bba06c;border-radius:0 5px 5px 0;box-shadow:none}.al-screen .al-notice-heading{grid-column:1;font-size:8px;color:#c5ac76;letter-spacing:.15em}.al-screen .sc-banner-desc>span{grid-column:1;font-size:12px;color:#e3e5de;line-height:1.4}.al-screen .sc-banner-desc .sc-edit{grid-column:2;grid-row:1/3;align-self:center;width:30px;height:30px;min-width:30px;background:#26313a;border:1px solid #9f8e6155;border-radius:5px}
.al-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:18px 2px 11px}.al-section-heading b{font-size:14px;color:#e7dcc2;letter-spacing:.01em}.al-section-heading small{font-size:7px;letter-spacing:.13em;color:#8298a6}.al-screen .al-grid{gap:9px;padding:0;margin:0 0 10px}.al-screen .al-command-tile{position:relative;border:1px solid #7a8c9844;background:radial-gradient(ellipse at 100% 20%,color-mix(in srgb,var(--c1) 18%,transparent),transparent 90%),linear-gradient(145deg,#293741,#17242f);border-radius:8px;box-shadow:inset 0 1px #ffffff0c,0 4px 10px #0004;min-height:78px;grid-template-columns:minmax(0,1fr) 53px;gap:3px;padding:13px 11px}.al-screen .al-command-tile:before{inset:auto 10px 0;top:auto;height:2px;background:linear-gradient(90deg,var(--c1),transparent 80%);opacity:.7}.al-screen .al-command-tile:after{content:'›';position:absolute;right:10px;bottom:6px;color:#bdc4c45c;font-size:15px;pointer-events:none}.al-screen .al-command-copy .al-lb{color:#f1e8d3;font-size:14px;text-shadow:0 2px 3px #0004}.al-screen .al-command-copy small{font-size:8px;color:#a1b3c0;line-height:1.4}.al-screen .al-command-tile .al-orb{width:52px;height:52px;position:relative}.al-screen .al-command-tile .al-ic{transform:rotate(-8deg);filter:drop-shadow(0 6px 4px #0008)}.al-screen .al-command-tile .al-ic .ico{width:47px;height:47px}.al-screen .al-command-tile.has-activity{border-color:#d5b06c99;box-shadow:0 0 0 1px #cfaa5218,0 4px 10px #0004}.al-screen .al-priority-grid .al-command-tile{min-height:119px;display:flex;align-items:flex-end;justify-content:flex-start;padding:15px 12px;isolation:isolate;overflow:hidden}.al-screen .al-priority-grid .al-orb{position:absolute;right:10px;top:9px;width:60px;height:60px;z-index:-1}.al-screen .al-priority-grid .al-ic .ico{width:58px;height:58px}.al-screen .al-priority-grid .al-command-copy{gap:5px;max-width:100%;padding-top:42px}.al-screen .al-priority-grid .al-command-copy .al-lb{font-size:16px}.al-screen .al-priority-grid .al-command-tile:after{right:12px;bottom:19px}.al-screen .al-priority-grid .al-bdg{z-index:2;top:0;right:0}.al-screen [data-clan-action=wars]{background:radial-gradient(ellipse at 90% 0,#bc6b4940,transparent 80%),linear-gradient(135deg,#3a3030,#20232b)}.al-screen [data-clan-action=help]{background:radial-gradient(ellipse at 90% 0,#468f8844,transparent 80%),linear-gradient(135deg,#203d3e,#192a31)}.al-screen [data-clan-action=tech]{background:radial-gradient(ellipse at 90% 0,#4c98b04d,transparent 80%),linear-gradient(135deg,#253b50,#192932)}.al-screen [data-clan-action=gifts]{background:radial-gradient(ellipse at 90% 0,#c1933d44,transparent 80%),linear-gradient(135deg,#3e382a,#242831)}
.al-screen .al-more-operations{margin:17px 0 10px;padding:0;border:1px solid #73848f33;border-radius:7px;background:#14212c}.al-screen .al-more-operations summary{padding:14px 12px;font-size:12px;color:#d9c18d}.al-screen .al-more-operations .al-grid{padding:0 10px 10px}.al-screen .tp-clanbtn{position:relative;width:100%;min-height:72px;margin:18px 0 14px;border:1px solid #bca36a99;border-radius:8px;background:linear-gradient(90deg,#173a3df5,#173a3d9c),var(--clan-illustration) center 70%/cover;box-shadow:inset 0 0 0 3px #0d23254d,0 5px 14px #0004;color:#f7e6bc;font-size:17px}.al-screen .tp-clanbtn small{font-size:10px;color:#c2d3cb}.al-screen .al-bottom-nav{position:sticky;bottom:0;min-height:65px;margin:22px -2px 0;background:linear-gradient(#24323bee,#121e29f5);border:1px solid #9f8a5e66;border-radius:9px 9px 0 0;backdrop-filter:blur(12px);box-shadow:0 -5px 17px #030a1077}.al-screen .al-bottom-nav button{color:#8ea2b0;border-radius:5px;font-size:10px}.al-screen .al-bottom-nav button.on{background:linear-gradient(#a38a4a30,#c2a06408);color:#efd8a0;box-shadow:inset 0 2px #d5b270}.al-screen .al-bottom-nav button .ic{font-size:23px}
.al-page-intro{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;min-height:96px;padding:18px 15px;margin:0 0 14px;border:1px solid #7990993d;border-radius:9px;background:linear-gradient(90deg,#122431f5,#122431b0),var(--clan-illustration) center 45%/cover;box-shadow:inset 0 1px #e2d4a510,0 4px 12px #0004}.al-page-intro:after{content:'';position:absolute;bottom:0;left:16px;width:55px;height:2px;background:var(--clan-accent);box-shadow:0 0 9px rgba(var(--clan-accent-rgb),.4)}.al-intro-icon{font-size:36px;filter:drop-shadow(0 4px 3px #0008)}.al-intro-icon .ico{width:43px;height:43px}.al-page-intro>div{display:grid;gap:7px}.al-page-intro small{font-size:8px;color:var(--clan-accent);letter-spacing:.2em;font-weight:700}.al-page-intro b{font-size:15px;color:#f1e9d7;line-height:1.3;max-width:270px}.al-screen .al-view{padding-top:0}.al-screen .sc-note-card{border:1px solid #8b9ba42a;border-left:2px solid var(--clan-accent);background:#172530;border-radius:5px;font-size:11px;padding:10px 12px;color:#a7bdcc}.al-screen .al-donation-rules summary{font-size:10px}.al-live-research{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;background:linear-gradient(100deg,#203d44,#172a37);border:1px solid #86b9bd55;border-radius:7px;text-align:left}.al-live-dot{width:7px;height:7px;border-radius:50%;background:#a8d7c7;box-shadow:0 0 10px #a8d7c799;flex:none}.al-live-research>div{display:grid;gap:4px;flex:1}.al-live-research small{font-size:7px;letter-spacing:.14em;color:#92b9bf}.al-live-research b{font-size:12px;color:#e1e5d6}.al-live-research>span:last-child{font-size:12px;color:#ecd291;font-variant-numeric:tabular-nums}
/* Roster: photographed command card and individual rank pennants. */
.al-screen .al-leadership{background:linear-gradient(100deg,#263645ed,#1b2935ca),var(--clan-illustration) right center/cover;border-color:#bd9d633d;padding:18px 16px;border-radius:8px;box-shadow:0 4px 12px #0004}.al-screen .al-leadership:after{content:'COMMAND';font-size:24px;letter-spacing:.12em;right:-4px;transform:translateY(-50%) rotate(-90deg);color:#d7b87a0b}.al-screen .al-leader-card>.sc-av{border:2px solid #dfc48c;box-shadow:0 0 0 4px #bfa16714,0 4px 12px #0005}.al-screen .sc-rank{background:#111d28;border:1px solid #718b9d30;border-radius:8px;margin-bottom:10px;box-shadow:0 4px 10px #0003}.al-screen .sc-rank-head{background:linear-gradient(100deg,#293d4b,#1c2b38);min-height:62px;border:0;gap:11px}.al-screen .sc-rank-head .sc-rank-badge{width:35px;height:43px}.al-screen .sc-rank-head>b{font-size:13px;letter-spacing:.01em}.al-screen .sc-rank-n{font-size:10px;background:#101e2d66;border:1px solid #849dac22;border-radius:4px;padding:5px 7px}.al-screen .sc-rank.open{border-color:#ab97604d}.al-screen .sc-mem-list{background:#101c27;padding:8px}.al-screen .sc-mem{border-color:#8ba6b927;background:linear-gradient(105deg,#263b49,#1b2937);border-radius:7px;padding:11px 8px;min-height:70px}.al-screen .sc-mem.r4{background:linear-gradient(105deg,#2e4257,#1a2938);border-color:#9cbfd13d}.al-screen .sc-mem.r5{background:linear-gradient(105deg,#4c4531,#232f38)}.al-screen .sc-mem-name{font-size:12px}.al-screen .sc-mem-sub{font-size:9px;color:#91a9bb}.al-screen .sc-more{background:#263c4a;border-color:#9db8bf30}
/* Research: blueprint workbench, framed technology emblems and warm progress counters. */
.al-screen .al-tech-tree{background:radial-gradient(ellipse at 50% 0,#478eaa22,transparent 80%),repeating-linear-gradient(0deg,#94bdcb06 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,#94bdcb06 0 1px,transparent 1px 22px),#11232f;border:1px solid #77949f26;border-radius:10px;padding-top:5px}.al-screen .al-tech-node{background:radial-gradient(ellipse at 50% 0,#83bdcf22,transparent 80%),linear-gradient(#2b4455,#192c3b);border:1px solid #85a3b080;box-shadow:inset 0 0 0 3px #0b1d2a66,0 5px 12px #0005;border-radius:9px;gap:5px;padding:11px 6px}.al-screen .al-tech-icon{display:grid;place-items:center;width:48px;height:48px;background:radial-gradient(ellipse,#749daf3d,#192b3800);border-bottom:1px solid #9db8c733}.al-screen .al-tech-node.locked{background:linear-gradient(#25343e,#182731);border-color:#6d879548;color:#8da2ad}.al-screen .al-tech-node.maxed{background:radial-gradient(ellipse at 50% 0,#c0a95b30,transparent 80%),linear-gradient(#3b4236,#202f35);border-color:#d0b779}.al-screen .al-tech-node.recommended{border-color:#e0c17b;box-shadow:0 0 0 2px #d5b3671c,0 0 20px #e7c46e17}.al-screen .al-tech-node small{font-size:9px;color:#acc2cb}.al-screen .al-tech-node .pn-bar{height:5px;background:#071624;border:0}
/* Distinct war, supply and support spaces. */
.al-screen .al-war-sum{gap:9px}.al-screen .al-war-sum>div{padding:17px 5px;background:radial-gradient(ellipse at 50% 0,#caa57924,transparent 80%),linear-gradient(#293845,#192733);border:1px solid #a08b663d;border-radius:8px}.al-screen .al-war-sum b{font-size:27px}.al-screen .al-war-sum span{font-size:8px;letter-spacing:.13em;margin-top:7px}.al-screen :is(.al-war,.al-log,.al-inv,.al-row){background:linear-gradient(110deg,#243745,#192b38);border-color:#8ba4af2b;padding:12px 10px;border-radius:7px}.al-screen .al-war-ic,.al-screen .al-log-ic{background:radial-gradient(ellipse,#73889430,#0f202c);border-color:#9cb6bf26}.al-screen .al-war-sub,.al-screen .al-log-time{color:#8fa8b8}.al-screen .al-war.win{border-left-color:#84b89b}.al-screen .al-war.loss{border-left-color:#ca866d}.al-screen .al-day{background:#403c2c;border-color:#b4965e4d;padding:5px 10px;font-size:9px}
.al-screen .sc-help{position:relative;background:radial-gradient(circle at 50% 72px,#618e8e33,transparent 150px),linear-gradient(150deg,#203b46,#142936);border-color:#93b8b444;padding:23px 13px;border-radius:10px;box-shadow:inset 0 1px #ffffff0b,0 5px 15px #0004}.al-screen .sc-help-btn{width:125px;height:125px;box-shadow:0 0 0 7px #7cafa012,0 0 0 8px #a5c9bd17,0 8px 20px #0005;background:conic-gradient(#799e98 var(--p),#244655 var(--p))}.al-screen .sc-help-in{background:radial-gradient(circle at 35% 25%,#649b93,#2b605f 70%,#1e454b);border-color:#bdd3b5}.al-screen .sc-help .pn-note{font-size:10px;color:#9eb7c5;line-height:1.55}.al-screen .al-help-row{background:linear-gradient(100deg,#23414b,#172d3b);border-color:#7ca5b033;padding:13px;border-radius:8px}.al-screen .al-help-row button{background:linear-gradient(#668c7e,#365c57);border-color:#b5c8a766;font-size:11px;color:#f0ead0}.al-screen .al-help-row small{color:#8fadb8}
.al-screen .cg-vault{position:relative;overflow:hidden;background:linear-gradient(100deg,#2f3226e8,#24313be8),var(--clan-illustration) center 65%/cover;border:1px solid #c6a66d66;box-shadow:inset 0 0 0 3px #0e1c2466,0 7px 17px #0005;border-radius:10px;padding:17px}.al-screen .cg-eyebrow{font-size:8px;letter-spacing:.2em;color:#d8be83}.al-screen .cg-vault-head h2{font-size:23px;color:#f1d9a7}.al-screen .cg-vault .cg-chest{filter:drop-shadow(0 8px 5px #0008)}.al-screen .cg-cache{background:linear-gradient(110deg,#2c3c49,#1b2d3c);border-color:#7898a444;border-left-color:var(--gift);border-radius:8px;padding:14px 10px}.al-screen .cg-tabs button{background:#1b2d3b;border-color:#7898a43d}.al-screen .cg-tabs .active{background:linear-gradient(#706038,#423f2f);border-color:#c5a96c;color:#ffe7ac}.al-screen .cg-cache-copy>b{font-size:13px}.al-screen .cg-claim-bar{background:linear-gradient(transparent,#112230 30%)}
.al-screen .al-ranking-row{min-height:72px;background:linear-gradient(110deg,#283e4f,#192c3b);border-color:#87a5b22b;border-radius:7px;padding:11px 8px;margin-bottom:7px}.al-screen .al-ranking-row:nth-of-type(-n+3){background:linear-gradient(110deg,#494534,#223340);border-color:#c6aa6555;border-left-width:3px}.al-screen .al-ranking-row.is-me{background:linear-gradient(110deg,#5a4d31,#293b45);border-color:#d2b16d}.al-screen .al-ranking-place{font-size:18px}.al-screen .al-ranking-period{background:linear-gradient(115deg,#2d3d48,#1b2e3c);border-color:#af995b44;padding:14px;border-radius:8px}.al-screen .al-ranking-mine{background:#11212e;box-shadow:0 -6px 20px #07121c99}.al-screen .al-ranking-heading{font-size:8px;padding:16px 8px 10px;letter-spacing:.15em}.al-screen .al-ranking-name b{color:#eee8d6}
.al-screen .al-manage-grid{gap:11px}.al-screen .al-manage-tile{min-height:147px;background:radial-gradient(ellipse at 50% 0,#7e9ba933,transparent 90%),linear-gradient(140deg,#2b3b4b,#172b3a);border-color:#a08f6c66;box-shadow:inset 0 0 0 3px #101f2c55,0 6px 13px #0004;border-radius:9px;gap:10px}.al-screen .al-manage-tile .ic{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:radial-gradient(ellipse,#cdb47524,#20313e00);border-bottom:1px solid #ac99723d;filter:drop-shadow(0 4px 3px #0006)}.al-screen .al-manage-tile .ic .ico{width:45px;height:45px}.al-screen .al-manage-tile b{font-size:14px}.al-screen .al-manage-tile small{font-size:9px;color:#9db4c3}.al-screen .al-manage-tile.danger{background:radial-gradient(ellipse at 50% 0,#ab675530,transparent 90%),linear-gradient(#463937,#2c2931);border-color:#a879624d}.al-screen .al-sec,.al-screen .al-manage-detail{background:linear-gradient(140deg,#243947,#182b39);border-color:#88a4af30;border-radius:8px}.al-screen .al-sec h4{background:linear-gradient(#304654,#203442);color:#dcc598;font-size:10px;border-color:#a997653d}.al-screen .al-seg button{background:#122632}.al-screen .al-seg button.on{background:linear-gradient(#6a5b37,#3c4138);border-color:#cfb575}.al-screen .al-line{color:#b1c2cb}.al-screen :is(.pn-input,.pn-ta){background:#102431;border:1px solid #849ba644;color:#e5e6de;border-radius:6px;box-shadow:inset 0 2px 5px #0003}
/* The donation card has the same command-centre materials. */
#sheet.popup:has(.cd-popup){background:radial-gradient(ellipse at 100% 0,#54758724,transparent 70%),linear-gradient(#253b49,#112431);border:1px solid #bda06a80;box-shadow:0 0 0 100vmax #050e18bb,0 18px 60px #0009}#sheet:has(.cd-popup) .sheet-head{background:linear-gradient(#303b40,#1d2b36);border-color:#b69a6555}.cd-popup .cd-identity{background:linear-gradient(110deg,#2e4b5b,#1b3243);border-color:#8facb84d}.cd-popup .cd-tech-icon{background:radial-gradient(ellipse,#648292,#203444);border-color:#baa777;box-shadow:inset 0 0 0 3px #122533,0 5px 12px #0005}.cd-popup .cd-effect{background:#102735aa}.cd-popup .cd-track i{background:linear-gradient(#e9daa0,#ae9156)}.cd-popup .cd-research-timer{background:linear-gradient(100deg,#4a4936,#264453);border-color:#c6a96d80}.cd-popup .cd-resource-pick button{background:linear-gradient(#2b4353,#193140);border-color:#8aa4ae3d}.cd-popup .cd-resource-pick button.on{background:linear-gradient(#675a39,#394238);border-color:#d1b478}.cd-popup .cd-standard{background:linear-gradient(#51897c,#285b59);border-color:#97bfa6}.cd-popup .cd-premium{background:linear-gradient(#ac8541,#71552d);border-color:#dcc181}.cd-popup .cd-donate{border-radius:7px;box-shadow:inset 0 1px #ffffff30,0 3px #091b25}
@media(max-width:360px){.al-hq-eyebrow{letter-spacing:.09em;font-size:7px}.al-hq-eyebrow>span:last-child{font-size:6px}.al-screen .sc-banner{padding:15px 10px 11px}.al-screen .sc-banner-top{grid-template-columns:64px minmax(0,1fr);gap:9px}.al-screen .sc-banner-top .sc-emblem{width:64px;height:64px}.al-screen .sc-banner-name{font-size:22px}.al-screen .sc-banner-stats b{font-size:15px}.al-section-heading b{font-size:12px}.al-section-heading small{font-size:6px}.al-screen .al-command-tile{padding:11px 9px;grid-template-columns:minmax(0,1fr) 40px;min-height:75px}.al-screen .al-command-tile .al-orb{width:42px;height:42px}.al-screen .al-command-tile .al-ic .ico{width:40px;height:40px}.al-screen .al-command-copy .al-lb{font-size:12px}.al-screen .al-priority-grid .al-command-tile{min-height:115px;padding:13px 10px}.al-screen .al-priority-grid .al-orb{width:52px;height:52px}.al-screen .al-priority-grid .al-ic .ico{width:51px;height:51px}.al-screen .al-priority-grid .al-command-copy .al-lb{font-size:14px}.al-page-intro b{font-size:13px}.al-page-intro{min-height:87px;padding:14px 12px}.al-screen .al-manage-tile{min-height:138px}}