@font-face{font-family:ClashMagic;src:url('/assets/legacy/supercell-magic.woff') format('woff');font-display:swap}
[hidden]{display:none!important}
:root{--ink:#fff;--muted:#d2d5e4;--bg:#17142b;--panel:#24203a;--panel2:#30294c;--line:rgba(255,255,255,.15);--gold:#ffcb3d;--blue:#56b7ff;--green:#70d45b;--purple:#8958ff;--max:1180px}
html{background:#17142b}
body{min-height:100vh;background-color:#17142b;background-image:linear-gradient(180deg,rgba(15,13,31,.7),rgba(18,14,34,.9)),url('/assets/game-bg-2026.webp');background-position:center top;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;color:var(--ink)}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 78% 12%,rgba(137,88,255,.2),transparent 32%),linear-gradient(90deg,rgba(11,12,27,.54),rgba(11,12,27,.12) 68%,rgba(11,12,27,.42));pointer-events:none}
main,.hero,.section,.page-hero{background:transparent;border:0;box-shadow:none}
.site-header{position:sticky;top:0;z-index:30;padding:10px 0;border:0;background:rgba(16,14,34,.82);box-shadow:0 8px 30px rgba(5,4,15,.25);backdrop-filter:blur(18px) saturate(1.25)}
.site-header .nav{min-height:62px;padding:6px 16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(46,39,75,.94),rgba(27,24,52,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 14px 38px rgba(5,4,15,.24)}
.brand{font-family:ClashMagic,system-ui,sans-serif;font-size:1rem;text-shadow:0 3px 0 rgba(0,0,0,.4)}
.mark{width:44px;height:44px;border:2px solid #ffe797;border-radius:13px;background:#c98c1e url('/assets/favicon.ico') center/cover no-repeat;color:transparent;box-shadow:inset 0 -4px 0 rgba(70,38,0,.3),0 4px 12px rgba(0,0,0,.35)}
.nav-links{gap:8px}.nav-links a{padding:9px 15px;border-radius:11px;color:#e7e5f3;font-weight:800;text-decoration:none}.nav-links a:hover{background:rgba(255,255,255,.1);color:#fff}
.hero{min-height:760px;padding:112px 0 74px;position:relative;isolation:isolate}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;align-items:center}
.hero-grid>div:first-child,.search-card,.section>.shell,.page-hero .shell,.prose{border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(43,37,70,.94),rgba(24,22,48,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 60px rgba(5,4,16,.36);backdrop-filter:blur(16px)}
.hero-grid>div:first-child{padding:42px;border-radius:26px}
.eyebrow{color:var(--gold);font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.hero h1,.section h2,.page-hero h1{font-family:ClashMagic,system-ui,sans-serif;letter-spacing:-.025em;text-shadow:0 5px 0 rgba(12,9,29,.55),0 12px 24px rgba(0,0,0,.25)}
.hero h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.02}.lead{color:#edeef7;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.button,.lookup button{border:1px solid #bc3a16;border-radius:13px;background:linear-gradient(#ff9251,#f05227);color:#fff;box-shadow:inset 0 -5px 0 rgba(133,37,16,.4),0 5px 0 #752514,0 10px 22px rgba(0,0,0,.2);text-shadow:0 2px 0 #7d2b17}
.button.primary{border-color:#d58b09;background:linear-gradient(#ffe16c,#f4ad21);color:#30200b;box-shadow:inset 0 -5px 0 rgba(148,83,4,.28),0 5px 0 #8c570a,0 10px 22px rgba(0,0,0,.2);text-shadow:0 1px 0 rgba(255,255,255,.55)}
.button:hover,.lookup button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.search-card{padding:28px;border-radius:24px}.search-card h2{font-family:ClashMagic,system-ui,sans-serif;font-size:1.45rem;margin:4px 0 20px}.tabs{padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(11,10,25,.5)}
.tab{border:0;border-radius:10px;background:transparent;color:#c8c6da}.tab.active{background:linear-gradient(135deg,#7650e9,#9b63ff);color:#fff;box-shadow:0 5px 14px rgba(71,37,156,.38)}
.lookup{padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(10,10,24,.55)}.lookup input{border:0;background:transparent}.lookup button{min-height:46px;padding:0 18px}.hint{color:#c9c9d9}
.trust div{padding:16px;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--green);border-radius:13px;background:rgba(12,12,29,.38)}.trust span{color:#c9c9d9}
.section{padding:34px 0}.section>.shell{padding:34px;border-radius:26px}.section-head h2,.split h2{font-size:clamp(2rem,3.5vw,3rem)}.section-head p,.section .lead,.feature span{color:var(--muted)}
.card{border:1px solid rgba(255,255,255,.14);border-radius:19px;background:linear-gradient(145deg,rgba(55,47,86,.88),rgba(31,28,57,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 25px rgba(6,4,18,.18)}.card:hover{border-color:#b29aff;box-shadow:0 16px 32px rgba(8,5,25,.3)}.card .num{color:var(--gold)}.card p{color:var(--muted)}
.feature{border-top:1px solid rgba(255,255,255,.12)}.feature strong{color:#fff}.notice{border:1px solid rgba(125,223,102,.45);border-radius:18px;background:linear-gradient(135deg,rgba(51,105,55,.72),rgba(25,53,46,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.page-hero{padding:72px 0 28px}.page-hero .shell{padding:38px;border-radius:26px}.page-hero h1{max-width:18ch}.prose{margin-top:22px;margin-bottom:56px;padding:38px;border-radius:26px;color:#fff}.prose p,.prose li{color:#ddddec}.prose h2{color:#ffd45b;font-family:ClashMagic,system-ui,sans-serif}
.site-footer{padding:34px 0 48px;border:0;background:transparent}.site-footer>.shell{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(24,21,48,.9);box-shadow:0 18px 38px rgba(5,4,16,.3);backdrop-filter:blur(14px)}.site-footer a{color:#ffe16d}
@media(max-width:900px){body{background-attachment:scroll;background-position:62% top}.hero{min-height:auto;padding-top:54px}.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child,.section>.shell,.page-hero .shell,.prose{padding:25px}.hero h1{font-family:ClashMagic,system-ui,sans-serif}.section{padding:16px 0}}
@media(max-width:520px){.site-header{position:relative}.site-header .nav{border-radius:14px}.hero-grid>div:first-child{padding:24px}.hero h1{font-size:2.35rem}.lookup{flex-direction:column}.lookup button{width:100%}.section>.shell{border-radius:20px}}

/* Data application */
.player-page{padding:48px 0 64px}.player-page>[data-content]{display:grid;gap:22px}.panel{border:1px solid rgba(255,255,255,.15);border-radius:24px;background:linear-gradient(145deg,rgba(43,37,70,.95),rgba(24,22,48,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 20px 48px rgba(5,4,16,.32);backdrop-filter:blur(15px);padding:28px}.loading-state,.error-state{text-align:center;min-height:320px;display:grid;place-content:center}.loading-state[hidden],.error-state[hidden]{display:none}.loader{width:48px;height:48px;margin:0 auto 18px;border:5px solid rgba(255,255,255,.18);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.player-summary{display:flex;justify-content:space-between;align-items:center;gap:24px}.player-summary h1{font:clamp(2.4rem,6vw,4.7rem)/1 ClashMagic,system-ui,sans-serif;margin:.18em 0;text-shadow:0 5px 0 rgba(0,0,0,.35)}.tag-row{display:flex;align-items:center;gap:10px}.tag-row code{font-size:1.05rem;color:#f4ddff}.quiet-button{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;padding:7px 10px}.data-time{color:var(--muted);margin-bottom:0}.summary-score{min-width:160px;text-align:center;padding:20px;border:1px solid rgba(255,216,93,.36);border-radius:20px;background:rgba(255,196,45,.1)}.summary-score strong{display:block;font:3rem/1 ClashMagic,system-ui;color:var(--gold)}.summary-score span{font-size:.78rem;color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(25,22,48,.88)}.metric>span,.metric small{display:block;color:var(--muted);font-size:.76rem}.metric strong{display:block;overflow:hidden;margin:5px 0;text-overflow:ellipsis;font-size:1.12rem;white-space:nowrap}.analysis-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-title h2,.panel h2{margin:.15em 0 .45em;font-size:1.8rem}.status-pill,.count-pill{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.76rem;font-weight:850}.status-pill.positive{background:rgba(84,199,90,.18);color:#a8f19e}.status-pill.info{background:rgba(86,183,255,.17);color:#9cd5ff}.status-pill.warning{background:rgba(255,173,40,.18);color:#ffd083}
.recommendations{display:grid;gap:10px;margin:20px 0}.recommendation{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(10,9,25,.3)}.recommendation p{margin:3px 0 0;color:var(--muted)}.priority{flex:0 0 auto;border-radius:8px;padding:4px 8px;font-size:.7rem;font-weight:900}.priority.warning{background:#873d1c;color:#ffd29a}.priority.positive{background:#245b36;color:#aef0b6}.priority.info{background:#253f72;color:#a8d3ff}details{border-top:1px solid var(--line);padding-top:13px;color:var(--muted)}summary{cursor:pointer;color:#fff;font-weight:800}.signal-list{display:grid;gap:4px}.signal-list div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.limitation{margin-top:20px;padding:13px;border-left:3px solid var(--gold);background:rgba(255,203,61,.07);color:var(--muted);font-size:.86rem}
.roster .section-title p{margin:0;color:var(--muted)}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.unit{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(11,10,27,.36)}.unit strong,.unit span{display:block}.unit span{color:var(--muted);font-size:.8rem;margin:4px 0 9px}.progress{height:6px;border-radius:99px;background:rgba(255,255,255,.11);overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--gold))}.empty{color:var(--muted)}.report-actions{display:flex;align-items:center;gap:12px}.report-actions>div{margin-right:auto}.report-actions h2,.report-actions p{margin:0}.report-actions p{color:var(--muted)}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(3,1fr)}.analysis-grid{grid-template-columns:1fr}.unit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.player-page{padding-top:20px}.panel{padding:20px;border-radius:19px}.player-summary{align-items:flex-start;flex-direction:column}.summary-score{width:100%}.metric-grid{grid-template-columns:repeat(2,1fr)}.unit-grid{grid-template-columns:1fr}.report-actions{align-items:stretch;flex-direction:column}.report-actions>div{margin:0}.report-actions .button{width:100%}}
.distribution{display:grid;gap:9px;margin-top:18px}.bar-row{display:grid;grid-template-columns:54px 1fr 32px;align-items:center;gap:9px}.bar-row i{height:9px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.bar-row b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--gold))}.member-search{min-height:43px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(10,9,25,.48);color:#fff;font:inherit}.member-tools{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.member-table{display:grid;gap:6px}.member-row{display:grid;grid-template-columns:36px minmax(180px,1fr) repeat(3,minmax(90px,.5fr));align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:13px;color:#fff;text-decoration:none}.member-row:hover{border-color:rgba(178,154,255,.5);background:rgba(255,255,255,.055)}.member-row>span strong,.member-row>span small{display:block}.member-row small{color:var(--muted)}.member-row .rank{color:var(--gold);font-weight:900}.member-row[hidden]{display:none}
@media(max-width:760px){.member-row{grid-template-columns:30px 1fr auto}.member-row>span:nth-child(4),.member-row>span:nth-child(5){display:none}.members-panel .section-title{display:block}.member-search{width:100%;margin-top:14px}}
.war-score{display:flex;align-items:center;justify-content:space-between;gap:30px}.war-score h1{font:clamp(2rem,5vw,4rem)/1.05 ClashMagic,system-ui,sans-serif;margin:.2em 0}.war-score h1 small{font:inherit;color:var(--gold)}.score-line{display:flex;align-items:center;gap:18px;text-align:center}.score-line div{min-width:94px;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(10,9,25,.35)}.score-line strong,.score-line span{display:block}.score-line strong{font:2.4rem/1 ClashMagic,system-ui;color:var(--gold)}.attack-list{display:grid;gap:6px;margin-top:16px}.attack-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.history-list{display:grid;gap:8px;margin-top:18px}.history-list article{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(10,9,25,.3)}.history-list article div strong,.history-list article div small{display:block}.history-list article small{color:var(--muted)}.result{padding:6px 8px;border-radius:9px;text-align:center;font-size:.72rem;font-weight:900}.result.win{background:#245b36;color:#b4f4bd}.result.loss{background:#74332f;color:#ffd0cb}.result.draw,.result.info{background:#253f72;color:#b7d9ff}
@media(max-width:700px){.war-score{align-items:flex-start;flex-direction:column}.score-line{width:100%}.score-line div{flex:1}.history-list article{grid-template-columns:60px 1fr}.history-list article>b{grid-column:2}}
.compare-page{display:grid;gap:22px;padding:0 0 64px}.compare-form{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:14px}.compare-form label{font-weight:800}.compare-form input{display:block;width:100%;min-height:48px;margin-top:7px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(9,8,23,.48);color:#fff;font:inherit}.compare-form>span{padding-bottom:12px;color:var(--gold);font-weight:900}.compare-message{min-height:180px;display:grid;place-content:center;text-align:center;color:var(--muted)}.compare-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;text-align:center}.compare-head h2{margin:.2em 0}.versus{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--purple),#522ec4);font-weight:950}.comparison-table{display:grid;gap:4px;margin-top:24px}.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.comparison-row span{color:var(--muted)}.comparison-row .winner{color:var(--gold)}.history-metrics{margin-top:20px}.standings{display:grid;gap:7px;margin-top:18px}.standing-row{display:grid;grid-template-columns:36px minmax(160px,1fr) repeat(3,minmax(90px,.5fr));align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:14px}.standing-row.current{border-color:rgba(255,203,61,.55);background:rgba(255,203,61,.07)}.standing-row>span strong,.standing-row>span small{display:block}.standing-row small{color:var(--muted)}
.comparison-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.comparison-summary span{padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.04);text-align:center;color:var(--muted)}.comparison-summary strong{color:#fff}.comparison-group{margin-top:24px}.comparison-group h3{margin:0;padding:9px 12px;border-left:4px solid var(--gold);background:rgba(255,203,61,.07);font-size:1rem}.comparison-group .comparison-table{margin-top:4px}.comparison-row span small{display:block;color:rgba(255,255,255,.48);font-size:.72rem}.compare-actions{align-items:center}.compare-actions button{font:inherit}
@media(max-width:760px){.compare-form{grid-template-columns:1fr}.compare-form>span{padding:0;text-align:center}.standing-row{grid-template-columns:30px 1fr auto}.standing-row>span:nth-child(4),.standing-row>span:nth-child(5){display:none}.comparison-summary{grid-template-columns:1fr}.comparison-row{grid-template-columns:minmax(80px,1fr) minmax(110px,1.2fr) minmax(80px,1fr);gap:7px;padding:11px 4px}.comparison-row strong{overflow-wrap:anywhere}.comparison-row span{font-size:.82rem}.compare-actions .button{flex:1}}
.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.saved-item{display:block;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(10,9,25,.34);color:#fff;text-decoration:none}.saved-item>a{display:block;color:#fff;text-decoration:none}.saved-item span,.saved-item small{display:block;color:var(--muted);font-size:.74rem}.saved-item strong{display:block;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-item:hover{border-color:#b29aff}.saved-item form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:12px}.saved-item input{width:100%;min-height:38px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:rgba(9,8,23,.58);color:#fff}.saved-item .quiet-button{padding:7px 9px}.saved-item .favorite-remove{width:100%;margin-top:6px;color:#ffd0ca}@media(max-width:800px){.saved-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.saved-grid{grid-template-columns:1fr}}
.guide-library{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide-library .card h2{font-family:ClashMagic,system-ui,sans-serif;font-size:1.45rem;letter-spacing:-.02em}.update-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.update-list .card a,.prose>a,.prose p>a{color:var(--gold);font-weight:800}@media(max-width:800px){.guide-library,.update-list{grid-template-columns:1fr}}
.managed-article .article-date{padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.86rem}.managed-article ul{padding-left:24px}.managed-article li+li{margin-top:8px}[data-managed-section][hidden]{display:none}
.account-page{max-width:760px;padding:0 0 64px}.account-status{margin-bottom:14px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(27,24,52,.94)}.account-status.error{border-color:rgba(255,107,88,.5);color:#ffd0ca}.account-status.success{border-color:rgba(112,212,91,.5);color:#c2f7b8}.auth-form{display:grid;gap:16px;margin-top:20px}.auth-form[hidden]{display:none}.auth-form label{font-weight:800}.auth-form input{display:block;width:100%;min-height:50px;margin-top:7px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(9,8,23,.48);color:#fff;font:inherit}.auth-form p{color:var(--muted)}
.account-tools{display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.account-tools details{flex:1}.account-tools summary{padding:12px;cursor:pointer}.button.danger{border-color:#8b2828;background:linear-gradient(#df6658,#a83232);box-shadow:inset 0 -5px 0 rgba(89,15,15,.35),0 5px 0 #611f1f;color:#fff}@media(max-width:600px){.account-tools{flex-direction:column}.account-tools>*{width:100%}.account-page [data-guest]>.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.account-page [data-guest]>.tabs .tab{min-width:0;padding-inline:8px}}
.notification-center{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.notification-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notification-form label{font-weight:800}.notification-form input,.notification-form select{display:block;width:100%;min-height:46px;margin-top:6px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#17142b;color:#fff}.notification-form fieldset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line);border-radius:13px;padding:14px}.notification-form fieldset label{font-weight:500}.notification-form fieldset input{display:inline;width:auto;min-height:0;margin:0}.subscription-list,.event-list{display:grid;gap:8px;margin:18px 0 24px}.subscription-list article,.event-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(10,9,25,.3)}.subscription-list small,.event-list small{display:block;margin-top:4px;color:var(--muted)}.event-list a{color:var(--gold);font-weight:800}@media(max-width:700px){.notification-form{grid-template-columns:1fr}.notification-form fieldset{grid-column:auto;display:grid}.subscription-list article,.event-list article{align-items:flex-start;flex-direction:column}}
.admin-page{padding-bottom:64px}.admin-page>.panel{display:grid;gap:30px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:24px;border-top:1px solid var(--line)}.admin-page select,.admin-page textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#17142b;color:#fff;font:inherit}.admin-page select{min-height:50px}.admin-page textarea{resize:vertical}.admin-page .metric-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:850px){.admin-grid{grid-template-columns:1fr}.admin-page .metric-grid{grid-template-columns:repeat(2,1fr)}}
.admin-list{display:grid;gap:8px}.admin-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(10,9,25,.3)}.admin-list article.inactive{opacity:.58}.admin-list small{display:block;margin-top:5px;color:var(--muted)}.content-actions{display:flex;align-items:center;gap:8px;flex:none}
.session-center{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.session-list{display:grid;gap:8px;margin-top:16px}.session-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(10,9,25,.3)}.session-list small{display:block;margin-top:4px;color:var(--muted)}@media(max-width:600px){.session-center .section-title,.session-list article{align-items:flex-start;flex-direction:column}}
.user-controls{display:flex;gap:8px;align-items:center}.user-controls select{width:auto;min-width:110px;margin:0;padding:8px;min-height:40px}@media(max-width:700px){.admin-list article{align-items:flex-start;flex-direction:column}.user-controls{width:100%;flex-wrap:wrap}}
.footer-button{border:0;background:transparent;color:#ffe16d;font:inherit;cursor:pointer;padding:0}.consent-banner{position:fixed;right:18px;bottom:18px;z-index:100;max-width:520px;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(24,21,48,.98);box-shadow:0 20px 55px rgba(0,0,0,.48);color:#fff}.consent-banner p{color:var(--muted);line-height:1.55}.consent-banner>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.consent-banner a{color:var(--gold)}@media(max-width:600px){.consent-banner{left:10px;right:10px;bottom:10px}.consent-banner .button{width:auto}}
.rankings-page{display:grid;gap:20px;padding-bottom:64px}.ranking-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ranking-controls label{font-weight:850}.ranking-controls select{display:block;width:100%;min-height:50px;margin-top:7px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#17142b;color:#fff;font:inherit}.ranking-list{display:grid;gap:7px;margin:20px 0}.ranking-row{display:grid;grid-template-columns:64px minmax(180px,1fr) 150px 130px;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(10,9,25,.3);color:#fff;text-decoration:none}.ranking-row:hover{border-color:#b29aff;background:rgba(255,255,255,.06)}.ranking-row>span strong,.ranking-row>span small{display:block}.ranking-row small{color:var(--muted)}.ranking-row .rank{color:var(--gold);font:1.15rem ClashMagic,system-ui}.ranking-more{display:block;margin:18px auto}@media(max-width:700px){.ranking-controls{grid-template-columns:1fr}.ranking-row{grid-template-columns:52px 1fr auto}.ranking-row>span:last-child{display:none}}
.clan-search-page{display:grid;gap:20px;padding-bottom:64px}.clan-search-form{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:14px}.clan-search-form label{font-weight:850}.clan-search-form input,.clan-search-form select{display:block;width:100%;min-height:48px;margin-top:7px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#17142b;color:#fff;font:inherit}.clan-results{display:grid;gap:8px;margin:20px 0}.clan-result{display:grid;grid-template-columns:50px minmax(220px,1fr) 100px 130px 110px;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(10,9,25,.3);color:#fff;text-decoration:none}.clan-result:hover{border-color:#b29aff;background:rgba(255,255,255,.06)}.clan-badge{width:42px;height:48px;display:grid;place-items:center;border:2px solid #ffe797;border-radius:13px 13px 18px 18px;background:linear-gradient(145deg,#8958ff,#38207d);font-family:ClashMagic,system-ui}.clan-result>span strong,.clan-result>span small{display:block}.clan-result small{color:var(--muted)}.clan-labels{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.clan-labels i{padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.1);color:#e8e6f3;font-size:.7rem;font-style:normal}@media(max-width:900px){.clan-search-form{grid-template-columns:repeat(2,1fr)}.clan-result{grid-template-columns:46px 1fr auto}.clan-result>span:nth-child(4),.clan-result>span:nth-child(5){display:none}}@media(max-width:560px){.clan-search-form{grid-template-columns:1fr}.clan-result>span:nth-child(3){display:none}}
.skip-link{position:fixed;left:14px;top:10px;z-index:200;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#fff;color:#17142b;font-weight:900}.skip-link:focus{transform:translateY(0)}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #7ec8ff;outline-offset:3px}.nav-toggle{display:none;margin-left:auto;padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-weight:850}@media(max-width:1050px){.site-header .nav{position:relative}.site-header .nav-toggle{display:block}.site-header .nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(24,21,48,.98);box-shadow:0 20px 45px rgba(0,0,0,.4)}.site-header .nav-links.open{display:flex}.site-header .nav-links a{width:100%;padding:11px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.builder-report .builder-metrics{margin:18px 0 28px}.builder-group+.builder-group{margin-top:26px}.achievement-controls{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:20px 0 8px}.achievement-controls label{display:grid;gap:7px;flex:1;max-width:430px;font-weight:800}.achievement-controls input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(10,9,23,.72);color:#fff;font:inherit}.status-line{min-height:1.5em;color:var(--muted);font-size:.9rem}.achievement-list{display:grid;gap:9px}.achievement-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px) 72px;align-items:center;gap:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045)}.achievement-row strong,.achievement-row small{display:block}.achievement-row small{margin-top:3px;color:var(--muted)}.achievement-progress>span{display:block;margin-bottom:5px;text-align:right;font-size:.82rem;color:var(--muted)}.achievement-stars{text-align:right;color:#ffd653;font-size:1.15rem;letter-spacing:2px}.achievement-row[hidden]{display:none}@media(max-width:720px){.achievement-controls{align-items:stretch;flex-direction:column}.achievement-controls label{max-width:none}.achievement-row{grid-template-columns:1fr}.achievement-progress>span,.achievement-stars{text-align:left}}
.competition-grid{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:14px;margin-top:20px}.competition-grid>div,.season-grid article{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}.competition-grid h3{margin:0 0 10px;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.competition-link{display:flex;flex-direction:column;text-decoration:none}.competition-link[href]:hover strong{color:#ffd653}.competition-link span,.competition-grid small,.season-grid small{color:var(--muted)}.label-pills{display:flex;gap:7px;flex-wrap:wrap}.label-pills span{padding:5px 9px;border:1px solid rgba(255,214,83,.35);border-radius:999px;background:rgba(255,214,83,.08);font-size:.82rem}.legend-total{display:block;font-size:1.8rem;color:#ffd653}.season-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.season-grid span,.season-grid strong,.season-grid small{display:block}.season-grid span{margin-bottom:5px;color:var(--muted);font-size:.8rem}.season-grid strong{font-size:1rem}@media(max-width:850px){.competition-grid,.season-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.competition-grid,.season-grid{grid-template-columns:1fr}}
.clan-description{padding:16px;border-left:4px solid #ffd653;border-radius:0 10px 10px 0;background:rgba(255,255,255,.045);white-space:pre-line}.clan-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.clan-profile-grid>div{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04)}.clan-profile-grid h3{margin:0 0 9px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.clan-profile-grid strong,.clan-profile-grid small{display:block}.clan-profile-grid small{margin-top:4px;color:var(--muted)}.requirement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.requirement-grid>div{padding:12px;border-radius:11px;background:rgba(9,8,24,.45)}.requirement-grid span,.requirement-grid strong{display:block}.requirement-grid span{font-size:.78rem;color:var(--muted)}.capital-districts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.capital-districts article{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045)}.capital-districts span{color:var(--muted)}.report-actions.compact{margin-top:16px}@media(max-width:850px){.clan-profile-grid,.requirement-grid{grid-template-columns:1fr 1fr}.capital-districts{grid-template-columns:1fr 1fr}}@media(max-width:560px){.clan-profile-grid,.requirement-grid,.capital-districts{grid-template-columns:1fr}}
.war-metrics{margin-top:16px}.war-operations{align-items:start}.attack-list.detailed>div{align-items:center;gap:18px}.attack-list.detailed span,.attack-list.detailed span>*{display:block}.attack-list.detailed span small,.attack-list.detailed span i,.attack-list.detailed strong small{color:var(--muted);font-size:.76rem;font-style:normal}.attack-list.detailed strong{text-align:right}.war-map-head,.war-map-list article{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:12px}.war-map-head{padding:0 14px 8px;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.war-map-head span:nth-child(2),.war-map-list article>b{text-align:center}.war-map-head span:last-child{text-align:right}.war-map-list{display:grid;gap:8px}.war-map-list article{padding:11px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04)}.war-base{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.war-base>span:first-child{min-width:0}.war-base strong,.war-base small{display:block}.war-base strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.war-base small{color:var(--muted)}.war-map-list article>.war-base:last-child{flex-direction:row-reverse;text-align:right}.base-result{flex:none;color:#ffd653;font-size:.82rem;font-weight:800}.war-base.empty{color:var(--muted)}@media(max-width:700px){.war-map-head{display:none}.war-map-list article{grid-template-columns:1fr 38px 1fr;padding:10px 8px}.war-base,.war-map-list article>.war-base:last-child{align-items:stretch;flex-direction:column;text-align:left}.war-map-list article>.war-base:last-child{text-align:right}.attack-list.detailed>div{align-items:flex-start}.base-result{white-space:nowrap}}
.raid-member-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,.5fr);align-items:end;gap:16px;margin:20px 0 8px}.raid-member-tools label{display:grid;gap:6px;font-weight:800}.raid-member-tools input,.raid-member-tools select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(10,9,23,.72);color:#fff;font:inherit}.raid-log-list{display:grid;gap:10px;margin-top:20px}.raid-entry{border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.04);overflow:hidden}.raid-entry summary{display:grid;grid-template-columns:minmax(0,1fr) 110px 120px;align-items:center;gap:14px;padding:15px 18px;cursor:pointer}.raid-entry summary>span,.raid-entry summary strong,.raid-entry summary small,.raid-entry summary b{display:block}.raid-entry summary small{color:var(--muted)}.raid-entry summary>span:not(:first-child){text-align:right}.raid-entry[open] summary{background:rgba(255,214,83,.07);border-bottom:1px solid rgba(255,255,255,.1)}.raid-district-list{display:grid;gap:7px;padding:12px}.raid-district-list article{display:grid;grid-template-columns:minmax(0,1fr) 120px 90px 140px;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;background:rgba(8,7,20,.38)}.raid-district-list article span{text-align:right}.raid-district-list strong,.raid-district-list small{display:block}.raid-district-list small{color:var(--muted);font-size:.78rem}@media(max-width:760px){.raid-member-tools{grid-template-columns:1fr}.raid-entry summary{grid-template-columns:1fr auto}.raid-entry summary>span:last-child{display:none}.raid-district-list article{grid-template-columns:minmax(0,1fr) 95px}.raid-district-list article>span:nth-child(3),.raid-district-list article>span:nth-child(4){text-align:left}.raid-district-list article>span:nth-child(3):before{content:'Attacks: '}.raid-district-list article>span:nth-child(4):before{content:'Gold: '}}
.standings.detailed .standing-row{grid-template-columns:36px minmax(180px,1.5fr) minmax(110px,.8fr) minmax(120px,.9fr) minmax(90px,.6fr)}.cwl-round-list{display:grid;gap:9px;margin-top:18px}.cwl-round{display:grid;grid-template-columns:90px minmax(0,1fr) 150px 80px;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04)}.cwl-round>span strong,.cwl-round>span small{display:block}.cwl-round>span small{color:var(--muted)}.cwl-round>span:nth-child(3){text-align:right}.cwl-round.win{border-left:4px solid #61d47d}.cwl-round.loss{border-left:4px solid #ee7168}.cwl-round.draw{border-left:4px solid #7ebcff}.cwl-round.pending{grid-template-columns:90px 1fr auto;color:var(--muted)}.cwl-members .member-row{grid-template-columns:40px minmax(170px,1.5fr) repeat(4,minmax(100px,.75fr))}@media(max-width:800px){.standings.detailed .standing-row{grid-template-columns:30px minmax(130px,1fr) 90px}.standings.detailed .standing-row>span:nth-child(4),.standings.detailed .standing-row>span:nth-child(5){display:none}.cwl-round{grid-template-columns:70px 1fr auto}.cwl-round>span:nth-child(3){display:none}.cwl-members .member-row{grid-template-columns:32px minmax(150px,1fr) 82px}.cwl-members .member-row>span:nth-child(n+4){display:none}}@media(max-width:520px){.cwl-round{grid-template-columns:1fr auto}.cwl-round>b{grid-column:1/-1}.cwl-round .result{align-self:start}}
.subscription-list article{gap:12px}.subscription-list article>div:first-child{min-width:0;flex:1}.subscription-actions{display:flex;gap:7px}.subscription-paused{opacity:.72}@media(max-width:620px){.subscription-list article{align-items:flex-start;flex-wrap:wrap}.subscription-actions{width:100%}.subscription-actions button{flex:1}}
.cache-notice{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;padding:15px 18px;border:1px solid rgba(255,203,61,.55);border-radius:15px;background:rgba(73,52,13,.88);box-shadow:0 12px 28px rgba(0,0,0,.18)}.cache-notice strong{flex:0 0 auto;color:var(--gold)}.cache-notice span{color:#fff4cf}@media(max-width:620px){.cache-notice{display:block}.cache-notice strong{display:block;margin-bottom:4px}}
.card-link{display:inline-block;margin-top:14px;color:var(--gold);font-weight:850;text-decoration:none}.card-link:hover{text-decoration:underline}.clan-launcher-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.55fr) auto;align-items:end;gap:14px}.clan-launcher-form label{display:grid;gap:7px;font-weight:850}.clan-launcher-form input,.clan-launcher-form select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(9,8,23,.55);color:#fff;font:inherit}.clan-launcher-form .status{grid-column:1/-1;margin:0}@media(max-width:700px){.clan-launcher-form{grid-template-columns:1fr}.clan-launcher-form .status{grid-column:auto}}

/* Module artwork adds game-world context while the dark overlays keep data readable. */
.card{overflow:hidden}.card-art{display:block;width:calc(100% + 48px);height:160px;margin:-24px -24px 20px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.16);filter:saturate(.94) contrast(1.04);transition:transform .28s ease,filter .28s ease}.card:hover .card-art{transform:scale(1.025);filter:saturate(1.08) contrast(1.06)}
.page-hero--visual .shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:center;gap:34px;overflow:hidden}.page-hero--visual .shell>*:not(.page-hero-art){grid-column:1}.page-hero-art{grid-column:2;grid-row:1/span 4;width:100%;height:260px;object-fit:cover;border:1px solid rgba(255,255,255,.16);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 18px 40px rgba(4,3,14,.35)}
.media-credit{margin:18px 2px 0;color:var(--muted);font-size:.78rem}
@media(max-width:760px){.card-art{height:145px}.page-hero--visual .shell{grid-template-columns:1fr;gap:20px}.page-hero--visual .shell>*:not(.page-hero-art),.page-hero-art{grid-column:1}.page-hero-art{grid-row:auto;height:190px;order:-1}}