html,body{touch-action:manipulation}input,select,textarea{font-size:16px!important}
:root{--bg:var(--tg-theme-bg-color,#0b111b);--surface:var(--tg-theme-secondary-bg-color,#151e2d);--text:var(--tg-theme-text-color,#f6f8fc);--muted:var(--tg-theme-hint-color,#8390a5);--accent:var(--tg-theme-button-color,#6f5cff);--accentText:var(--tg-theme-button-text-color,#fff);--gold:#ffcc5c;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 100% 0,rgba(111,92,255,.2),transparent 34%),var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,sans-serif;min-height:100vh}.app{max-width:680px;margin:auto;padding:18px 16px calc(94px + env(safe-area-inset-bottom))}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.top{display:flex;align-items:center;justify-content:space-between;margin:3px 0 18px}.top h1{font-size:26px;margin:0}.crest{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#8b78ff,#5138dc);box-shadow:0 10px 30px rgba(93,66,220,.4);font-size:21px}.select{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:12px 14px;border-radius:14px;font:inherit;font-weight:700;margin-bottom:12px}.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--surface);padding:4px;border-radius:14px;margin:8px 0}.tab{border:0;border-radius:11px;padding:10px 6px;background:transparent;color:var(--muted);font:inherit;font-weight:750}.tab.active{background:var(--accent);color:var(--accentText);box-shadow:0 5px 16px rgba(0,0,0,.2)}.hero{position:relative;overflow:hidden;margin:16px 0;padding:20px;border-radius:22px;background:linear-gradient(135deg,#232d43,#171f30);border:1px solid var(--line)}.hero:after{content:'🏆';position:absolute;right:6px;bottom:-29px;font-size:115px;opacity:.08;transform:rotate(-12deg)}.rank{font-size:46px;font-weight:900;letter-spacing:-.05em}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.label{color:var(--muted);font-size:12px}.value{font-size:18px;font-weight:850}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin:22px 2px 10px}.sectionHead h2{font-size:18px;margin:0}.sectionHead span{color:var(--muted);font-size:12px}.podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:8px;align-items:end;margin:10px 0 16px}.pod{min-width:0;text-align:center;padding:15px 6px 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.pod.first{padding-top:24px;background:linear-gradient(180deg,rgba(255,204,92,.18),var(--surface));border-color:rgba(255,204,92,.3)}.medal{font-size:28px}.name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 2px}.points{color:var(--gold);font-weight:850}.list{display:grid;gap:7px}.row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px 14px;border-radius:16px;background:var(--surface);border:1px solid transparent}.row.me{border-color:var(--accent);background:linear-gradient(90deg,rgba(111,92,255,.2),var(--surface))}.place{color:var(--muted);font-weight:900}.sub{color:var(--muted);font-size:11px}.score{text-align:right;font-weight:900}.empty,.error{text-align:center;padding:34px;color:var(--muted)}.loader{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:50px auto}@keyframes spin{to{transform:rotate(360deg)}}
.nav{position:fixed;z-index:5;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),656px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;border:1px solid var(--line);border-radius:19px;background:rgba(18,26,40,.94);backdrop-filter:blur(18px)}.nav button{border:0;border-radius:14px;padding:10px 2px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800}.nav button.active{background:var(--accent);color:var(--accentText)}.activity{display:grid;gap:10px}.activityCard{width:100%;text-align:left;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(135deg,#202a3e,var(--surface));color:var(--text);font:inherit}.activityTitle{font-size:18px;font-weight:900}.status{margin-top:7px;color:var(--muted)}.progressDots{letter-spacing:5px;color:var(--accent);font-size:18px}.items{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.item{min-height:72px;border:1px solid var(--line);border-radius:16px;padding:10px;background:var(--surface);color:var(--text);font:inherit;font-weight:750}.item:active{transform:scale(.98)}.picked{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.chip{border:1px solid rgba(111,92,255,.45);background:rgba(111,92,255,.15);color:var(--text);border-radius:999px;padding:7px 10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.btn{border:0;border-radius:15px;padding:13px;background:var(--surface);color:var(--text);font:inherit;font-weight:850}.btn.primary{background:var(--accent);color:var(--accentText)}.btn.danger{background:rgba(255,75,93,.13);color:#ff8290}.btn.full{grid-column:1/-1}.diamondBox{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px}.diamondBox input{min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface);color:var(--text);font:inherit}.review{padding:15px;border-radius:17px;background:var(--surface);margin:8px 0}.success{text-align:center;padding:34px 10px}.successMark{font-size:56px}.metricGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.metric{position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.metricIcon{font-size:25px;margin-bottom:12px}.metricValue{font-size:24px;font-weight:900}.rewardList{display:grid;gap:7px}.rewardRow{display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding:12px 14px;border-radius:15px;background:var(--surface)}.rewardEmoji{font-size:22px}.topReward{border-color:rgba(255,204,92,.35);background:linear-gradient(135deg,rgba(255,204,92,.13),var(--surface))}.recordCard{padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.recordTop{display:flex;align-items:start;justify-content:space-between;gap:12px}.recordTitle{font-size:16px;font-weight:900}.recordItems{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.recordItem{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.055);font-size:12px}.recordDelete{border:0;background:transparent;color:#ff8290;font-size:18px;padding:3px 6px}
.item{min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.rewardIcon{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35));vertical-align:middle}.rewardIcon.small{width:25px;height:25px}.rewardIcon.medium{width:38px;height:38px}.chip,.recordItem{display:inline-flex;align-items:center;gap:5px}.rewardRow{grid-template-columns:48px 1fr auto}.rewardEmoji{display:grid;place-items:center}.reviewLine{display:flex;align-items:center;gap:7px;margin-top:5px}.nav{grid-template-columns:repeat(5,1fr)}.clanSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.clanMetric{padding:13px 8px;text-align:center;border-radius:16px;background:var(--surface)}.clanMetric b{display:block;font-size:20px}.filterLabel{margin:12px 2px 5px;color:var(--muted);font-size:11px}.missingCard{padding:14px;border:1px solid rgba(255,188,73,.2);border-radius:16px;background:rgba(255,188,73,.07)}.missingLine{margin-top:8px}.bar{height:7px;margin-top:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--gold))}.brandbar{display:flex;align-items:center;justify-content:space-between}.adminBtn{width:38px;height:38px;border:1px solid rgba(255,204,92,.25);border-radius:13px;background:rgba(255,204,92,.1);color:var(--gold);font-size:18px}.search{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);color:var(--text);font:inherit;margin:10px 0}.memberCard{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:17px;padding:13px;background:var(--surface);color:var(--text);font:inherit;text-align:left}.memberAvatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(111,92,255,.16);font-size:21px}.roleBadge{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font-size:11px}.manageBack{border:0;background:transparent;color:var(--muted);font:inherit;padding:5px 0 12px}.memberOpen{border:0;background:transparent;color:var(--text);font:inherit;text-align:left;padding:0}.roleAction{grid-column:1/-1;border:0;border-radius:12px;padding:10px;background:rgba(111,92,255,.15);color:var(--text);font:inherit;font-weight:800}.roleAction.demote{background:rgba(255,255,255,.055);color:var(--muted)}
.adminBtn{position:relative}.adminBadge{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#ff405b;color:#fff;font-size:10px;font-weight:900;box-shadow:0 0 0 2px #172331}.chatBtn{border:0;border-radius:14px;background:rgba(72,184,255,.16);color:#fff;width:46px;height:46px;font-size:21px;margin-left:auto}.brandbar .adminBtn{margin-left:8px}.auditList{display:grid;gap:8px}.auditCard{padding:12px 14px;border:1px solid #314154;border-radius:14px;background:#1d2a39}.auditCard b{display:block}.auditCard .sub{margin-top:4px}.resourceChips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.resourceChip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:9px;background:rgba(255,255,255,.06);color:#dce9f7;font-size:12px}.resourceChip img{width:18px;height:18px;object-fit:contain}.seasonClans{display:grid;grid-template-columns:1fr 1fr;gap:9px}.seasonClan{padding:17px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#243047,var(--surface))}.seasonClan.winner{border-color:rgba(255,204,92,.55);box-shadow:inset 0 0 28px rgba(255,204,92,.08)}.seasonClan .rank{font-size:30px}.trendLegend{display:flex;flex-wrap:wrap;gap:12px;margin:4px 2px 14px;color:var(--muted);font-size:12px}.legendDot{width:10px;height:10px;display:inline-block;border-radius:3px;margin-right:5px;background:#7187ed}.legendDot.gold{background:#e9aa2c}.trendRow{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;margin:12px 0}.trendBars{display:grid;gap:6px}.trendLine{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.trendTrack{height:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.trendFill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b8fd0,#8c83ef)}.trendFill.gold{background:linear-gradient(90deg,#b97910,#ffc857)}.trendValue{min-width:34px;text-align:right;color:var(--muted);font-size:11px}.problemPanel{padding:16px;border:1px solid rgba(255,188,73,.22);border-radius:20px;background:linear-gradient(145deg,rgba(255,188,73,.08),var(--surface));margin:14px 0}.problemGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.problemItem{padding:10px;border-radius:13px;background:rgba(255,255,255,.045)}.problemItem b{display:block;font-size:20px}.problemItem.ok{color:#77dfa0}.heatWrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.heatTable{width:100%;min-width:470px;border-collapse:separate;border-spacing:5px;padding:7px}.heatTable th{padding:7px;color:var(--muted);font-size:11px;text-align:center}.heatTable th:first-child{text-align:left}.heatTable td{padding:10px;border-radius:11px;text-align:center;font-weight:900}.heatTable td:first-child{text-align:left;background:transparent;font-weight:800}.heatClan{display:block;color:var(--muted);font-size:10px;font-weight:500}.heatCell{border:1px solid rgba(255,255,255,.05)}.heatLegend{display:flex;align-items:center;gap:8px;margin:8px 2px;color:var(--muted);font-size:11px}.heatScale{width:110px;height:8px;border-radius:99px;background:linear-gradient(90deg,rgba(150,108,255,.08),#a96dff)}.luckGrid{display:grid;gap:8px}.luckCard{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.luckIcon{font-size:27px;text-align:center}.luckBadge{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:9px 12px;border-radius:13px;background:rgba(169,109,255,.13);color:#eadcff;font-weight:800}.sharePreview{width:100%;border-radius:20px;border:1px solid rgba(255,204,92,.25);box-shadow:0 18px 55px rgba(0,0,0,.35);margin:10px 0}
.heatWrap{overflow:hidden}
.heatTable{width:100%;min-width:0;table-layout:fixed;border-spacing:4px;padding:5px}
.heatTable th{padding:6px 2px;font-size:10px;line-height:1.15;overflow-wrap:anywhere}
.heatRewardHead{display:flex;align-items:center;justify-content:center}
.heatRewardHead img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5))}
.heatTable th:first-child{width:auto}.heatTable th:not(:first-child),.heatTable td:not(:first-child){width:64px}
.heatTable td{min-width:0;padding:9px 4px}
.heatTable .heatCell{height:64px;padding:0;box-sizing:border-box}
.heatTable td:first-child{overflow:hidden;text-overflow:ellipsis}
.heatClan{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seasonLabel{margin:10px 0 4px;padding:12px 14px;border:1px solid rgba(117,173,243,.22);border-radius:14px;background:rgba(117,173,243,.08);color:#a9cfff;text-align:center;font-weight:800}
.hallGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hallCard{padding:14px;border:1px solid rgba(117,173,243,.16);border-radius:17px;background:linear-gradient(145deg,rgba(117,173,243,.09),var(--surface))}.hallIcon{font-size:25px}.hallCard b{display:block;margin:7px 0 3px}.archiveCard{padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-bottom:8px}.archiveTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.archiveWinner{color:var(--gold);font-weight:850}
.rewardRow.accordion{cursor:pointer;transition:border-color .2s;background .2s}.rewardRow.accordion.open{border:1px solid rgba(117,173,243,.32);background:linear-gradient(145deg,rgba(117,173,243,.08),var(--surface))}.chartChevron{margin-left:7px;color:var(--muted);font-size:12px}.resourceChart{display:none;grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.accordion.open .resourceChart{display:grid}.dailyChart{display:grid;grid-template-columns:30px 1fr;gap:7px;height:190px}.chartScale{position:relative;color:var(--muted);font-size:9px}.chartScale span{position:absolute;right:0}.chartScale .max{top:0}.chartScale .half{top:48%}.chartScale .zero{bottom:22px}.chartPlot{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-items:end;padding:15px 0 22px;border-bottom:1px solid rgba(255,255,255,.14);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.055) 0 1px,transparent 1px 50%)}.dayColumn{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.dayValue{color:#bcd8ff;font-size:9px;margin-bottom:4px;font-weight:800}.dayBar{width:min(25px,72%);min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#80baff,#3975c8);box-shadow:0 0 12px rgba(72,139,229,.22)}.dayLabel{position:absolute;bottom:-20px;color:var(--muted);font-size:8px;white-space:nowrap}
.profitBox{margin:14px 0;padding:16px;border:1px solid rgba(77,180,232,.27);border-radius:21px;background:radial-gradient(circle at 100% 0,rgba(59,151,220,.19),transparent 48%),var(--surface)}.profitHead{display:flex;align-items:start;justify-content:space-between;gap:10px}.profitHead h2{margin:3px 0;font-size:19px}.profitHead p{margin:0;color:var(--muted);font-size:10px}.profitVerdict{padding:6px 9px;border-radius:999px;background:rgba(255,103,117,.12);color:#ff9ba4;font-size:10px;font-weight:900;white-space:nowrap}.profitVerdict.good{background:rgba(75,205,140,.13);color:#82e4af}.profitVerdict.even{background:rgba(255,198,83,.12);color:#ffd77f}.profitMetrics{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0}.profitMetric{padding:10px;border-radius:13px;background:rgba(255,255,255,.04)}.profitMetric b{display:block;font-size:18px}.profitMetric small{color:var(--muted);font-size:9px}.profitMetric .positive{color:#75dda5}.profitMetric .negative{color:#ff8792}.profitChartTitle{display:flex;justify-content:space-between;margin:12px 0 5px;font-size:10px;color:var(--muted)}.profitChart{position:relative;display:grid;align-items:stretch;height:150px;padding:7px 1px 20px;border-radius:12px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 25%)}.profitZero{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.25)}.profitDay{position:relative;height:100%;min-width:0}.profitBar{position:absolute;left:24%;width:52%;min-height:2px;border-radius:4px}.profitBar.pos{bottom:50%;background:linear-gradient(#72e2ad,#32986b)}.profitBar.neg{top:50%;background:linear-gradient(#d95867,#ff8792)}.profitDayLabel{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);color:var(--muted);font-size:7px}.profitDay.noRun:after{content:'';position:absolute;left:50%;top:calc(50% - 2px);width:3px;height:3px;border-radius:50%;background:#536276}.profitLegend{display:flex;gap:12px;margin-top:7px;color:var(--muted);font-size:9px}.profitLegend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.profitOther{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.profitOther b{color:var(--text)}.bonusChip{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid rgba(111,92,255,.45);border-radius:999px;background:rgba(111,92,255,.15);font-size:9px}.bonusChip .rewardIcon{width:19px;height:19px}.diamondChart{position:relative;display:grid;align-items:end;height:150px;padding:7px 1px 20px 25px;border-radius:12px;background:linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px) 0 0/100% 33.333%}.diamondScale{position:absolute;inset:0 auto 20px 0;width:23px;color:var(--muted);font-size:7px}.diamondScale span{position:absolute;right:3px;transform:translateY(-50%)}.diamondScale .s600{top:0}.diamondScale .s400{top:33.333%}.diamondScale .s200{top:66.666%}.diamondDay{position:relative;height:100%;min-width:0}.diamondBar{position:absolute;bottom:0;left:24%;width:52%;min-height:2px;border-radius:4px;background:linear-gradient(#72e2ad,#32986b)}.diamondValue{position:absolute;left:50%;transform:translateX(-50%);color:#9be9c1;font-size:7px}.diamondDay.noRun:after{content:'';position:absolute;left:50%;bottom:-2px;width:3px;height:3px;border-radius:50%;background:#536276}
.hubEntry{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:2px 12px;align-items:center;margin:2px 0 14px;padding:15px;border:1px solid rgba(117,173,243,.28);border-radius:19px;background:linear-gradient(135deg,rgba(52,106,176,.22),var(--surface));color:var(--text);text-align:left;font:inherit}.hubEntry>span{grid-row:1/3;font-size:27px}.hubEntry b{font-size:16px}.hubEntry small{color:var(--muted)}.hubEntry i{grid-row:1/3;grid-column:3;font-size:26px;color:#8bbcff}.hubHero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(88,139,224,.32),transparent 48%),linear-gradient(145deg,#202e43,#121c2a);border:1px solid rgba(117,173,243,.2)}.hubHero h2{margin:8px 0 2px;font-size:27px}.hubHero p{margin:0;color:var(--muted);font-size:12px}.hubClanLogo{width:82px;height:82px;flex:0 0 82px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 15px rgba(112,169,255,.3))}.heroClanLabel{display:flex!important;align-items:center;gap:8px}.heroClanLogo{width:31px;height:31px;flex:0 0 31px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 7px rgba(112,169,255,.25))}.hubStack{display:grid;gap:8px}.newsCard{width:100%;display:grid;gap:4px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);font:inherit}.newsCard span,.newsCard small{color:var(--muted)}.newsCard.unread{border-left:4px solid #78aef5;background:linear-gradient(90deg,rgba(71,130,205,.14),var(--surface))}.recordSpot{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;margin-top:9px;padding:14px;border:1px solid rgba(255,204,92,.22);border-radius:17px;background:linear-gradient(135deg,rgba(255,204,92,.08),var(--surface))}.recordSpot small,.recordSpot b{display:block}.recordSpot small{color:var(--muted)}.badgeGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.achievement{display:grid;grid-template-columns:34px 1fr;align-items:center;padding:12px;border-radius:15px;background:var(--surface);border:1px solid var(--line)}.achievement span{font-size:22px}.achievement b{font-size:12px}.goalCard{display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px;border-radius:17px;background:var(--surface)}.goalCard span,.goalCard b{display:block}.goalCard span{color:var(--muted);font-size:11px}.goalCard strong{color:var(--gold)}.goalActions{grid-column:1/-1;display:flex;gap:7px}.goalActions button{flex:1;border:0;border-radius:10px;padding:8px;background:rgba(117,173,243,.1);color:var(--text);font:inherit;font-size:11px;font-weight:800}.goalActions button:last-child{background:rgba(255,92,105,.09);color:#ff98a2}.goalTrack{grid-column:1/-1;height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.goalTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f85d3,#9d80ef)}.compareGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compareCard{display:grid;gap:5px;padding:14px;border-radius:17px;background:var(--surface);border:1px solid var(--line)}.compareCard strong{font-size:24px;color:#9cc9ff}.compareCard span{color:var(--muted);font-size:11px}.duelPick{display:grid;grid-template-columns:1fr;gap:2px}.duelPick label{color:var(--muted);font-size:11px;margin:3px 3px 0}.duelPick .select{font-size:15px;min-height:48px}.duelCard{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;text-align:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.duelCard div{display:grid;gap:4px}.duelCard strong{font-size:25px;color:#8fc0ff}.duelCard span{color:var(--muted);font-size:10px}.duelCard em{color:var(--gold);font-weight:900}.calendarWeek{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:0 12px 7px;color:var(--muted);text-align:center;font-size:10px;font-weight:800}.calendarWeek span:last-child{color:#e8b0b7}.activityCalendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px;border-radius:18px;background:var(--surface)}.calDay{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.045);color:var(--muted);font-size:10px}.calDay.blank{visibility:hidden}.calDay.done{background:#317b5a;color:#caffde}.calDay.partial{background:#765f2c;color:#ffe5a0}.calDay.missing{background:#3b3442}.calDay.future{background:rgba(255,255,255,.025);color:#4f6074}.calendarLegend{display:flex;gap:7px;align-items:center;margin:8px;color:var(--muted);font-size:10px}.calendarLegend i{width:9px;height:9px;border-radius:3px}.calendarLegend .done{background:#317b5a}.calendarLegend .partial{background:#765f2c}.calendarLegend .missing{background:#3b3442}.alertCard{overflow:hidden;border-radius:14px;background:var(--surface);border-left:4px solid #6da5ee}.alertCard.danger{border-color:#ff6775}.alertCard.ok{border-color:#62d393}.alertToggle{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 14px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left}.alertToggle span{font-size:14px}.alertChevron{color:var(--muted);font-size:12px;transition:transform .18s}.alertCard.open .alertChevron{transform:rotate(180deg)}.alertPlayers{display:none;padding:0 12px 10px}.alertCard.open .alertPlayers{display:grid}.alertPlayer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 4px;border-top:1px solid rgba(255,255,255,.065)}.alertPlayer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.alertPlayer small{color:var(--muted);font-size:10px;white-space:nowrap}
.recordDateCard{border:1px solid var(--line);border-radius:17px;background:var(--surface);overflow:hidden}.recordDateToggle{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 13px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left}.recordDateIcon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(117,173,243,.11)}.recordDateToggle b{display:block;font-size:15px}.recordDateToggle small{display:block;color:var(--muted);font-size:10px}.recordDateMeta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.recordDateChevron{font-size:16px;transition:transform .2s}.recordDateCard.open .recordDateChevron{transform:rotate(180deg)}.recordDateDetails{display:none;padding:0 10px 10px}.recordDateCard.open .recordDateDetails{display:grid;gap:6px}.recordDifficulty{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.035)}.recordDifficulty .recordItems{grid-column:1/-1;margin-top:2px}.recordDifficulty .recordDelete{font-size:15px}.recordActions{display:flex;align-items:center;gap:2px}.recordEdit{border:0;background:transparent;color:#8fc5ff;font-size:15px;padding:3px 6px}.recordItem{padding:4px 7px;font-size:11px}.recordItem .rewardIcon.small{width:21px;height:21px}.editCompare{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-radius:13px;background:var(--surface);margin:6px 0}.editCompare small{display:block;color:var(--muted)}
.recordSource{padding:8px;border-radius:14px;background:rgba(117,173,243,.045)}.recordSourceTitle{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 8px;font-size:13px}.recordSourceTitle span{color:var(--muted);font-size:10px}.recordSourceList{display:grid;gap:5px}.recordDateToggle{outline:none!important;-webkit-tap-highlight-color:transparent}.recordDateToggle:focus,.recordDateToggle:focus-visible{outline:none!important;box-shadow:none}.recordDateCard.open{border-color:rgba(117,173,243,.24)}.recordDateCard.open .recordDateToggle{background:rgba(117,173,243,.035);border-bottom:1px solid var(--line)}.recordDateDetails{gap:8px!important;padding:10px!important}.recordDateChevron{font-style:normal;font-size:12px}.recordDifficulty{padding:9px 10px}.recordKindCard{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.recordKindToggle{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:14px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;outline:none}.recordKindIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(117,173,243,.12);font-size:21px}.recordKindToggle b{display:block;font-size:16px}.recordKindToggle small{display:block;margin-top:2px;color:var(--muted)}.recordKindBody{display:none;padding:0 8px 8px}.recordKindCard.open .recordKindBody{display:grid;gap:7px}.recordKindCard.open .recordKindToggle{border-bottom:1px solid var(--line)}.recordKindChevron{color:var(--muted);transition:transform .2s}.recordKindCard.open .recordKindChevron{transform:rotate(180deg)}.recordKindBody .recordDateCard{border-radius:14px;background:rgba(255,255,255,.025)}
.recordsCalendar{display:block;margin:14px 0 20px}.recordsCalendar .calendarTitle{display:flex;align-items:center;justify-content:space-between;margin:0 2px 9px}.recordsCalendar .calendarTitle h2{margin:0;font-size:18px}.recordsCalendar .calendarTitle span{color:var(--muted);font-size:12px}.recordsCalendar .calendarWeek,.recordsCalendar .calendarDays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:0}.recordsCalendar .calendarWeek{margin-bottom:6px}.recordsCalendar .calendarWeek span{text-align:center;color:var(--muted);font-size:10px;font-weight:800}.recordsCalendar .calendarWeek span:last-child{color:#ff91a0}.recordsCalendar .calendarPanel{padding:9px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.recordsCalendar .calendarDay{aspect-ratio:1;border:1px solid transparent;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.035);color:#58708c;font:inherit;font-size:11px}.recordsCalendar button.calendarDay{cursor:pointer}.recordsCalendar button.calendarDay:active{transform:scale(.94)}.recordsCalendar .calendarDay.blank{visibility:hidden}.recordsCalendar .calendarDay.past{background:rgba(129,86,117,.23);color:#c0b0c0}.recordsCalendar .calendarDay.active{background:#31865f;color:#fff;font-weight:850;box-shadow:inset 0 0 0 1px rgba(119,223,160,.2)}.recordsCalendar .calendarDay.today{border-color:#74b4ff;box-shadow:0 0 0 1px rgba(116,180,255,.18)}.recordsCalendar .calendarDay.future{background:rgba(255,255,255,.025);color:#40536b}.historicalBanner{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;margin:4px 0 14px;padding:13px 15px;border:1px solid rgba(255,204,92,.3);border-radius:17px;background:rgba(255,204,92,.08)}.historicalBanner b{color:var(--gold)}.historicalBanner span{color:var(--muted);font-size:10px}.historicalBanner button{grid-row:1/3;grid-column:2;border:0;border-radius:10px;padding:8px;background:rgba(117,173,243,.14);color:var(--text);font:inherit;font-size:10px;font-weight:800}@media(min-width:500px){.recordsCalendar .calendarDay{border-radius:13px;font-size:12px}.recordsCalendar .calendarWeek,.recordsCalendar .calendarDays{gap:7px}}
.commandHero{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(117,173,243,.24);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(93,114,238,.32),transparent 48%),linear-gradient(145deg,#202d42,#131c2b)}.commandHero h2{margin:4px 0;font-size:25px}.commandHero p{margin:0;color:var(--muted);font-size:12px}.commandTotals{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.commandTotal{padding:10px 6px;border-radius:13px;background:rgba(255,255,255,.055);text-align:center}.commandTotal b{display:block;font-size:18px}.commandTotal small{color:var(--muted);font-size:9px}.commandClanGrid{display:grid;gap:9px}.commandClan{padding:15px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.commandClanHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.commandClanHead h3{margin:0;font-size:16px}.delta{padding:4px 7px;border-radius:999px;background:rgba(89,207,145,.1);color:#7ee0aa;font-size:10px;font-weight:850}.delta.down{background:rgba(255,98,112,.1);color:#ff919b}.commandClanStats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.commandClanStat{padding:8px 5px;border-radius:11px;background:rgba(255,255,255,.035);text-align:center}.commandClanStat b{display:block}.commandClanStat small{color:var(--muted);font-size:9px}.commandDrop{display:flex;align-items:center;gap:8px;padding:9px;border-radius:12px;background:rgba(255,204,92,.06);font-size:11px}.commandDrop span{color:var(--muted)}.commandActions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.commandActions button{border:0;border-radius:10px;padding:9px 4px;background:rgba(117,173,243,.11);color:var(--text);font:inherit;font-size:10px;font-weight:800}.commandActions button.warn{background:rgba(255,188,73,.11);color:#ffd681}.weekDrop{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:14px;border:1px solid rgba(255,204,92,.2);border-radius:17px;background:linear-gradient(135deg,rgba(255,204,92,.1),var(--surface))}.weekDrop strong,.weekDrop small{display:block}.weekDrop small{color:var(--muted)}
.notifyBtn{margin-left:auto}.brandbar #chatBtn,.brandbar #adminBtn{margin-left:6px}.settingsStack{display:grid;gap:10px}.settingsCard{padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.settingsCard h3{margin:0 0 3px}.settingsCard p{margin:0 0 12px;color:var(--muted);font-size:11px}.settingRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.settingRow:first-of-type{border-top:0}.settingRow label{font-weight:750}.settingRow small{display:block;color:var(--muted);font-size:10px}.timeInput{width:104px;border:1px solid var(--line);border-radius:11px;padding:9px;background:rgba(255,255,255,.04);color:var(--text);font:inherit;color-scheme:dark}.switch{position:relative;width:44px;height:25px;flex:none}.switch input{position:absolute;opacity:0}.switch i{position:absolute;inset:0;border-radius:99px;background:#374355;transition:.2s}.switch i:after{content:'';position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(19px)}.quietGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quietGrid label{color:var(--muted);font-size:10px}.quietGrid .timeInput{width:100%;margin-top:4px}.nextNotice{padding:13px;border-radius:15px;background:rgba(117,173,243,.08);color:var(--muted);font-size:11px}.nextNotice b{color:var(--text)}
.brandbar{min-height:42px}.brandbar .headerIcon{position:relative;width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;margin-left:7px;padding:0;border:1px solid rgba(117,173,243,.22);border-radius:13px;background:linear-gradient(145deg,rgba(117,173,243,.14),rgba(111,92,255,.12));color:var(--text);font:inherit;font-size:19px;line-height:1;box-shadow:none}.brandbar .headerIcon[hidden]{display:none!important}.brandbar .notifyBtn{margin-left:auto}.brandbar .headerIcon:active{transform:scale(.96)}.crest{width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(117,173,243,.22);border-radius:13px;background:linear-gradient(145deg,rgba(117,173,243,.14),rgba(111,92,255,.22));box-shadow:none}.clanChatEntry{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0 14px;padding:10px 16px;border:1px solid rgba(117,173,243,.25);border-radius:15px;background:linear-gradient(135deg,rgba(117,173,243,.16),rgba(111,92,255,.13));color:var(--text);font:inherit;font-weight:850;font-size:15px}.clanChatEntry .uiIcon{width:36px;height:36px;object-fit:contain}.clanChatEntry span{font-size:15px}
.periodCenter{margin:14px 0 20px;padding:16px;border:1px solid rgba(117,173,243,.22);border-radius:20px;background:linear-gradient(145deg,rgba(117,173,243,.10),var(--surface))}.periodCenterTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.periodCenterTop h2{margin:2px 0 3px;font-size:18px}.periodProgress{min-width:58px;text-align:center;padding:8px 10px;border-radius:13px;background:rgba(117,173,243,.13);font-size:18px;font-weight:900}.periodProgress small{display:block;color:var(--muted);font-size:9px;font-weight:600}.periodResetGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.periodReset{padding:10px;border-radius:13px;background:rgba(255,255,255,.04)}.periodReset b{display:block;font-size:12px}.periodReset span{display:block;margin-top:3px;color:#8fc5ff;font-weight:850;font-size:13px}.periodReset small{color:var(--muted);font-size:9px}.periodMissing{margin-top:10px;padding:10px 12px;border-radius:13px;background:rgba(255,188,73,.07);color:var(--muted);font-size:11px}.periodMissing b{color:var(--text)}.periodWarning{margin-top:8px;color:#ffc66d;font-size:11px}.periodContinue{width:100%;margin-top:11px;border:0;border-radius:13px;padding:12px;background:var(--accent);color:var(--accentText);font:inherit;font-weight:900}.periodContinue[disabled]{background:rgba(255,255,255,.06);color:var(--muted)}
.difficultyTable{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.difficultyHeader,.difficultyRow{display:grid;grid-template-columns:minmax(105px,1.4fr) .55fr .95fr .85fr;gap:7px;align-items:center;padding:11px 10px}.difficultyHeader{color:var(--muted);font-size:9px;border-bottom:1px solid var(--line)}.difficultyRow{font-size:12px;border-bottom:1px solid var(--line)}.difficultyRow:last-child{border-bottom:0}.difficultyRow span,.difficultyRow strong{text-align:center}.difficultyRow.best{background:linear-gradient(90deg,rgba(255,204,92,.10),transparent)}.difficultyRow.best strong{color:var(--gold)}.analyticsNote{margin-top:14px;padding:13px;border-radius:15px;background:rgba(117,173,243,.07);color:var(--muted);font-size:11px}.analyticsNote b{color:var(--text)}.technicalEntry{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:14px;margin:12px 0;border:1px solid rgba(117,173,243,.22);border-radius:17px;background:linear-gradient(135deg,rgba(117,173,243,.12),var(--surface));color:var(--text);font:inherit;text-align:left}.technicalEntry span{font-size:23px}.technicalEntry b,.technicalEntry small{display:block}.technicalEntry small{color:var(--muted);font-size:10px}.technicalEntry i{font-size:22px;color:var(--muted)}.systemHero{display:flex;align-items:center;gap:14px;padding:18px;margin:14px 0;border:1px solid rgba(89,207,145,.25);border-radius:20px;background:linear-gradient(145deg,rgba(89,207,145,.1),var(--surface))}.systemHero h2,.systemHero p{margin:2px 0}.systemHero p{color:var(--muted);font-size:11px}.systemPulse{width:16px;height:16px;border-radius:50%;background:#59cf91;box-shadow:0 0 0 7px rgba(89,207,145,.12)}.okText{color:#72dfa4}.systemError{margin:12px 0;padding:13px;border:1px solid rgba(255,98,112,.2);border-radius:15px;background:rgba(255,98,112,.07)}.systemError code{display:block;margin-top:7px;white-space:pre-wrap;color:#ffabb2;font-size:10px}
.techCommand{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;margin:14px 0;padding:18px;border:1px solid color-mix(in srgb,var(--health) 42%,transparent);border-radius:22px;background:radial-gradient(circle at 0 50%,color-mix(in srgb,var(--health) 15%,transparent),transparent 45%),linear-gradient(145deg,#122736,#0b1b27)}.techHealth{--score:100;--health:#5bd7ca;position:relative;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--health) calc(var(--score)*1%),rgba(105,197,223,.11) 0);box-shadow:0 0 24px color-mix(in srgb,var(--health) 25%,transparent)}.techHealth:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#0c1e2a;box-shadow:inset 0 0 15px rgba(0,0,0,.45)}.techHealth .uiIcon{position:relative;width:54px;height:54px}.techHealthScore{position:absolute;right:-5px;bottom:-3px;min-width:34px;height:25px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--health);color:#07151e;font-size:10px;font-weight:900;box-shadow:0 0 0 3px #0c1e2a}.techCommandText .eyebrow{color:var(--health)}.techCommandText h2{margin:4px 0 2px;font-size:23px}.techOnline{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.techOnline i{width:8px;height:8px;border-radius:50%;background:var(--health);box-shadow:0 0 10px var(--health)}.techServer{margin:12px 0;padding:16px;border:1px solid rgba(83,185,216,.20);border-radius:19px;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(11,25,36,.98))}.techServerTop,.techServerMeta{display:flex;align-items:center;justify-content:space-between;gap:12px}.techServerTop b{font-size:17px}.techServerTop strong{color:#8ed9ed;font-size:15px}.techDiskTrack{height:10px;margin:12px 0;border-radius:99px;background:rgba(83,185,216,.10);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}.techDiskTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3c94b5,#64d5e8);box-shadow:0 0 12px rgba(95,210,233,.45)}.techServerMeta{color:var(--muted);font-size:10px}.techQuickGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.techQuick{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:13px;border:1px solid rgba(83,185,216,.17);border-radius:17px;background:rgba(17,37,52,.88)}.techQuick .uiIcon{width:40px;height:40px}.techQuick b,.techQuick small{display:block}.techQuick b{font-size:15px}.techQuick small{color:var(--muted);font-size:9px}.techFold{margin:9px 0;border:1px solid rgba(83,185,216,.18);border-radius:18px;background:linear-gradient(145deg,rgba(20,42,56,.96),rgba(11,25,36,.98));overflow:hidden}.techFold>summary{list-style:none;display:grid;grid-template-columns:46px minmax(0,1fr) auto 20px;gap:10px;align-items:center;min-height:68px;padding:10px 14px;cursor:pointer}.techFold>summary::-webkit-details-marker{display:none}.techFold>summary .uiIcon{width:44px;height:44px}.techFold>summary b,.techFold>summary small{display:block}.techFold>summary b{font-size:15px}.techFold>summary small{color:var(--muted);font-size:9px}.techFold>summary em{min-width:26px;height:26px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:rgba(83,185,216,.14);color:#8ed9ed;font-size:10px;font-style:normal}.techFold>summary i{color:#69c5df;font-size:20px;font-style:normal;transition:transform .18s}.techFold[open]>summary i{transform:rotate(90deg)}.techFoldBody{padding:13px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.techFoldBody code{display:block;margin-top:8px;padding:10px;border-radius:11px;background:rgba(255,98,112,.07);color:#ffabb2;white-space:pre-wrap;font-size:9px}.techBackupBtn{width:100%;margin-top:14px!important}.weeklyEntry{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;margin:12px 0 14px;padding:14px;border:1px solid rgba(255,204,92,.27);border-radius:17px;background:linear-gradient(135deg,rgba(255,204,92,.12),rgba(73,125,191,.10));color:var(--text);font:inherit;text-align:left}.weeklyEntry>span{font-size:25px}.weeklyEntry b,.weeklyEntry small{display:block}.weeklyEntry small{margin-top:2px;color:var(--muted);font-size:10px}.weeklyEntry i{font-size:23px;color:var(--gold)}.weeklyHero{padding:19px;margin:14px 0;border:1px solid rgba(117,173,243,.23);border-radius:21px;background:radial-gradient(circle at 100% 0,rgba(117,173,243,.23),transparent 55%),var(--surface)}.weeklyHero h2{margin:4px 0;font-size:23px}.weeklyHero p{margin:0;color:var(--muted);font-size:11px}.weeklyClans{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weeklyClan{padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.weeklyClan small,.weeklyClan b,.weeklyClan span{display:block}.weeklyClan small,.weeklyClan span{color:var(--muted);font-size:10px}.weeklyClan b{margin:5px 0;color:var(--gold);font-size:26px}.weeklyWinner{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;margin-top:12px;padding:17px;border:1px solid rgba(255,204,92,.29);border-radius:19px;background:linear-gradient(135deg,rgba(255,204,92,.12),var(--surface))}.weeklyWinner>span{font-size:36px;text-align:center}.weeklyWinner small,.weeklyWinner b,.weeklyWinner p{display:block;margin:0}.weeklyWinner small,.weeklyWinner p{color:var(--muted);font-size:10px}.weeklyWinner b{font-size:21px}
.statsFold{margin:10px 0;border:1px solid var(--line);border-radius:19px;background:var(--surface);overflow:hidden}.statsFoldToggle{width:100%;display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:11px;padding:13px 14px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left}.statsFoldToggle b,.statsFoldToggle small{display:block}.statsFoldToggle b{font-size:15px}.statsFoldToggle small{margin-top:3px;color:var(--muted);font-size:10px}.statsFoldToggle>i{color:var(--muted);font-style:normal;font-size:17px;transition:transform .2s}.statsFold.open .statsFoldToggle>i{transform:rotate(180deg)}.statsFoldIcon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(117,173,243,.11);font-size:20px}.statsFoldBody{display:none;padding:0 10px 11px}.statsFold.open>.statsFoldBody{display:block}.statsFold .profitBox{margin:0;border-radius:15px}.statsFold .rewardList{margin:0;gap:7px}.statsFold .rewardRow{border-radius:14px;padding:11px}.compactStatsHead{margin:18px 2px 8px}.compactActivityTitle{display:flex;align-items:center;justify-content:space-between;margin:13px 2px 7px;color:var(--text)}.compactActivityTitle span{color:var(--muted);font-size:10px}.difficultyFold .difficultyTable{margin-bottom:12px}.weeklyPlot{gap:3px}.weeklyPlot .dayLabel{font-size:7px}.profitFold .profitHead .eyebrow{display:none}.profitFold .profitHead h2{margin-top:0}.compactMetricGrid{gap:8px;margin:10px 0}.compactMetric{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;padding:10px 11px;border-radius:16px}.compactMetricIcon{font-size:22px;line-height:1;text-align:center}.compactMetricText{min-width:0}.compactMetric b{display:block;font-size:18px;line-height:1.1;white-space:nowrap}.compactMetricMeta{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--muted);font-size:9px;white-space:nowrap}.compactMetricDot{font-size:9px}.rewardChoiceGrid{grid-template-columns:repeat(4,1fr);gap:7px}.rewardChoice{min-height:66px;padding:8px 5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px}.rewardChoice .rewardIcon{width:32px;height:32px}.rewardStepPicked .rewardIcon{width:26px;height:26px}.rewardChoiceAmount{color:var(--text);font-size:12px;font-weight:900}.rewardStepPicked .chip{padding:6px 9px;font-size:11px}
.uiIcon{width:1.35em;height:1.35em;object-fit:contain;vertical-align:-.28em;filter:drop-shadow(0 3px 5px rgba(0,0,0,.32))}.uiIcon.small{width:19px;height:19px}.uiIcon.medium{width:28px;height:28px}.uiIcon.large{width:38px;height:38px}.nav .uiIcon{display:block;width:25px;height:25px;margin:0 auto 2px;vertical-align:0}.crest .uiIcon{width:34px;height:34px;vertical-align:0}.activityTitle .uiIcon,.recordKindIcon .uiIcon,.compactMetricIcon .uiIcon,.statsFoldIcon .uiIcon{width:30px;height:30px;vertical-align:0}.tab .uiIcon{width:20px;height:20px}.headerIcon .uiIcon{width:25px;height:25px;vertical-align:0}
.uiIcon.small{width:23px;height:23px}.uiIcon.medium{width:36px;height:36px}.uiIcon.large{width:48px;height:48px}.nav button{outline:none!important;-webkit-tap-highlight-color:transparent}.nav button:focus,.nav button:focus-visible{outline:none!important;box-shadow:none}.nav button.active{box-shadow:none}.nav .uiIcon{width:32px;height:32px;margin:0 auto 1px}.crest{width:50px;height:50px;background:transparent;border:0;box-shadow:none}.crest .uiIcon{width:46px;height:46px}.statsFoldToggle{grid-template-columns:56px minmax(0,1fr) 22px}.statsFoldIcon{width:54px;height:54px;background:transparent;border-radius:0}.statsFoldIcon .uiIcon{width:48px;height:48px}.compactMetric{grid-template-columns:48px minmax(0,1fr)}.compactMetricIcon .uiIcon{width:43px;height:43px}.recordKindToggle{grid-template-columns:56px minmax(0,1fr) auto}.recordKindIcon{width:54px;height:54px;background:transparent;border-radius:0}.recordKindIcon .uiIcon{width:49px;height:49px}.activityTitle{display:flex;align-items:center;gap:13px;line-height:1.15}.activityTitle .uiIcon{flex:0 0 auto;width:50px;height:50px}.periodReset b,.compactActivityTitle b,.hero .label{display:flex;align-items:center;gap:6px}.periodReset b .uiIcon,.compactActivityTitle b .uiIcon{flex:0 0 auto}.tab{display:flex;align-items:center;justify-content:center;gap:4px}.tab .uiIcon{width:25px;height:25px}.headerIcon .uiIcon{width:32px;height:32px}
/* Unified Watcher of Realms theme. Layout stays intact; only the visual language changes. */
:root{
--bg:#07101a;
--surface:#111d29;
--surface-2:#172636;
--surface-3:#1c2d3d;
--text:#f1f5f7;
--muted:#8299aa;
--accent:#3b91b6;
--accentText:#f7fcff;
--cyan:#59c1dc;
--gold:#d7ae63;
--bronze:#8f6a38;
--line:rgba(139,183,202,.16);
--line-strong:rgba(83,185,216,.32);
--danger:#e5737f;
--success:#59c698;
--shadow:0 16px 38px rgba(0,0,0,.28);
}
html{background:#050b12}
body{
background:
radial-gradient(circle at 92% -8%,rgba(42,126,164,.20),transparent 31%),
radial-gradient(circle at -12% 42%,rgba(181,133,62,.07),transparent 33%),
linear-gradient(180deg,#09131e 0%,#07111b 58%,#050c14 100%);
background-attachment:fixed;
}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(115deg,transparent 0 42px,rgba(146,197,216,.018) 43px 44px)}
.app{position:relative}
.eyebrow{color:#e4bb6d;text-shadow:0 0 18px rgba(215,174,99,.22);letter-spacing:.18em}
.top h1,.sectionHead h2,.activityTitle,.recordTitle,.statsFoldToggle b{letter-spacing:-.02em}
.top{padding-bottom:10px;border-bottom:1px solid rgba(139,183,202,.08)}
.brandbar{padding:2px 0}
.brandbar .headerIcon{
border-color:var(--line-strong);
background:linear-gradient(145deg,rgba(38,89,112,.70),rgba(13,28,41,.92));
box-shadow:inset 0 1px rgba(255,255,255,.055),0 9px 22px rgba(0,0,0,.22);
}
.brandbar .headerIcon:active{background:linear-gradient(145deg,rgba(48,112,138,.78),rgba(16,35,49,.96))}
.adminBadge{box-shadow:0 0 0 2px #09131e,0 3px 12px rgba(0,0,0,.35)}
.select,.search,.timeInput,.diamondBox input{
border-color:var(--line);
background:linear-gradient(180deg,rgba(24,41,56,.96),rgba(16,29,41,.96));
box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.tabs{
padding:4px;
border:1px solid rgba(139,183,202,.10);
background:rgba(14,27,39,.92);
box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.tab{color:#7891a3;transition:background .18s,color .18s,transform .18s}
.tab.active{
color:#f3fbff;
background:linear-gradient(180deg,#397fa0,#245b76);
box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 13px rgba(0,0,0,.20);
}
.tab:active{transform:scale(.98)}
.hero,.hubHero,.commandHero,.weeklyHero{
border-color:rgba(92,169,198,.23);
background:
radial-gradient(circle at 100% 0,rgba(48,140,175,.17),transparent 45%),
linear-gradient(145deg,rgba(24,43,59,.98),rgba(12,25,36,.98));
box-shadow:inset 0 1px rgba(255,255,255,.035),var(--shadow);
}
.hero:after{filter:grayscale(1);opacity:.045}
.metric,.row,.rewardRow,.recordCard,.memberCard,.settingsCard,.commandClan,.weeklyClan,.statsFold,.recordKindCard,.recordDateCard,.activityCard,.missingCard,.archiveCard,.luckCard,.newsCard{
border-color:var(--line);
background:linear-gradient(145deg,rgba(24,41,56,.98),rgba(15,29,41,.98));
box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.12);
}
.activityCard,.recordKindCard,.statsFold{transition:border-color .18s,transform .18s,background .18s}
.activityCard:active,.recordKindCard:active,.statsFoldToggle:active{border-color:var(--line-strong);transform:translateY(1px)}
.activityCard{
display:grid;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;gap:12px;
min-height:88px;padding:12px 14px;outline:none!important;-webkit-tap-highlight-color:transparent
}
.activityCard:focus,.activityCard:focus-visible{outline:none!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.12)}
.activityCardIcon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;align-self:center}
.activityCardIcon .uiIcon{width:52px;height:52px}
.activityCardBody{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.activityCard .activityTitle{display:block;font-size:17px;line-height:1.18;text-align:left}
.activityProgress{display:flex;align-items:center;gap:10px;margin-top:8px;height:10px}
.activityDot{width:9px;height:9px;display:block;border-radius:50%;border:1px solid rgba(103,151,170,.38);background:rgba(71,112,128,.18)}
.activityDot.done{border-color:#68d5eb;background:#55bfd9;box-shadow:0 0 7px rgba(85,191,217,.95),0 0 15px rgba(85,191,217,.42)}
.activityDot.pending{box-shadow:inset 0 0 5px rgba(0,0,0,.42)}
.activityChevron{color:#69b8d3;font-size:25px;font-style:normal;text-align:right}
.row.me{
border-color:rgba(76,179,211,.45);
background:linear-gradient(90deg,rgba(48,133,164,.22),rgba(18,34,47,.98));
}
.topReward,.weekDrop,.weeklyWinner,.seasonClan.winner{
border-color:rgba(215,174,99,.34);
background:linear-gradient(135deg,rgba(160,118,52,.14),rgba(17,31,43,.98));
}
.points,.archiveWinner,.weeklyClan b{color:#e1bd76}
.bar{background:rgba(135,181,199,.09)}
.bar i{background:linear-gradient(90deg,#297b9d,#61c1d7 62%,#cba45f)}
.chip,.bonusChip{
border-color:rgba(83,185,216,.28);
background:rgba(43,116,145,.14);
}
.btn,.roleAction,.commandActions button{
border:1px solid rgba(139,183,202,.13);
background:linear-gradient(180deg,#1a2d3e,#122332);
box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.commandActions button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.commandActions button .uiIcon{width:22px;height:22px;flex:0 0 22px;object-fit:contain}.commandActions button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn.primary,.periodContinue{
border-color:rgba(93,196,222,.30);
background:linear-gradient(180deg,#3b94b8,#276781);
box-shadow:inset 0 1px rgba(255,255,255,.15),0 8px 20px rgba(17,86,112,.20);
}
.btn.danger{border-color:rgba(229,115,127,.22);background:rgba(120,42,53,.22);color:#f2919b}
.item,.rewardChoice{
border-color:rgba(139,183,202,.15);
background:linear-gradient(145deg,#172a3a,#10202e);
box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.item:active,.rewardChoice:active{border-color:rgba(83,185,216,.48);background:linear-gradient(145deg,#1d3548,#132838)}
.periodCenter,.profitBox,.problemPanel,.analyticsNote,.nextNotice,.technicalEntry,.weeklyEntry,.clanChatEntry,.hubEntry{
border-color:rgba(83,185,216,.22);
background:linear-gradient(145deg,rgba(34,78,98,.18),rgba(15,29,41,.98));
}
.periodProgress,.periodReset,.profitMetric,.commandTotal,.commandClanStat,.problemItem{
background:rgba(101,158,180,.075);
border:1px solid rgba(139,183,202,.07);
}
.periodReset span,.hubEntry i,.trendValue{color:#77c5de}
.notificationEntry{
width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;gap:12px;
min-height:88px;margin:20px 0 4px;padding:12px 14px;border:1px solid rgba(83,185,216,.26);border-radius:20px;
background:linear-gradient(145deg,rgba(34,78,98,.22),rgba(15,29,41,.98));color:var(--text);
font:inherit;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.18)
}
.notificationEntry .uiIcon{width:52px;height:52px}
.notificationEntry b,.notificationEntry small{display:block}
.notificationEntry b{font-size:15px}
.notificationEntry small{margin-top:3px;color:var(--muted);font-size:10px}
.notificationEntry i{color:#77c5de;font-size:25px;font-style:normal;text-align:right}
.notificationEntry:active{transform:translateY(1px);border-color:rgba(83,185,216,.48);background:linear-gradient(145deg,rgba(41,97,120,.28),rgba(17,33,46,.98))}
.difficultyTable,.heatWrap{
border-color:var(--line);
background:linear-gradient(145deg,rgba(21,38,52,.98),rgba(12,25,36,.98));
}
.difficultyRow.best{background:linear-gradient(90deg,rgba(174,129,55,.14),rgba(38,92,111,.06))}
.dailyChart .chartPlot,.profitChart,.diamondChart{background-color:rgba(7,17,27,.42)}
.dayBar{background:linear-gradient(180deg,#75d3e3,#28799c);box-shadow:0 0 14px rgba(65,166,198,.25)}
.trendFill{background:linear-gradient(90deg,#2b7898,#63c0d5)}
.trendFill.gold{background:linear-gradient(90deg,#8d642d,#d9b469)}
.systemHero{border-color:rgba(89,198,152,.26);background:linear-gradient(145deg,rgba(48,122,93,.13),rgba(15,29,41,.98))}
.nav{
border-color:rgba(92,169,198,.24);
background:rgba(7,17,27,.94);
box-shadow:0 16px 44px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.04);
}
.nav button{color:#758b9b;transition:background .18s,color .18s,transform .18s}
.nav button.active{
color:#f5fbfd;
background:linear-gradient(180deg,rgba(52,130,161,.94),rgba(31,80,103,.96));
box-shadow:inset 0 1px rgba(255,255,255,.13)!important;
}
.nav button:active{transform:scale(.97)}
.uiIcon{filter:drop-shadow(0 5px 8px rgba(0,0,0,.48)) saturate(.92) contrast(1.04)}
.crest .uiIcon{filter:drop-shadow(0 7px 11px rgba(0,0,0,.48)) saturate(.96)}
.rewardIcon{filter:drop-shadow(0 6px 9px rgba(0,0,0,.42))}
.medal{height:58px;display:flex;align-items:center;justify-content:center}
.medal .uiIcon{width:56px;height:56px}
.pod.first .medal .uiIcon{width:64px;height:64px}
.status .uiIcon,.periodMissing .uiIcon,.periodContinue .uiIcon,.btn .uiIcon,.nextNotice .uiIcon{width:22px;height:22px;margin-right:5px;vertical-align:-6px}
.successMark .uiIcon{width:72px;height:72px}
.recordDateIcon .uiIcon{width:42px;height:42px}
.settingsCard h3{display:flex;align-items:center;gap:9px}
.settingsCard h3 .uiIcon{width:30px;height:30px;flex:0 0 30px}
.settingsStack>.btn.primary .uiIcon{width:28px;height:28px;margin-right:7px;vertical-align:-8px}
.label,.sub,.sectionHead span,.statsFoldToggle small{color:var(--muted)}
@media (max-width:420px){
.app{padding-left:13px;padding-right:13px}
.hero{padding:17px}
.metric,.recordCard,.settingsCard{border-radius:17px}
}
.clanManagementEntry{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:14px;margin:20px 0 6px;padding:15px 17px;border:1px solid rgba(86,183,223,.34);border-radius:22px;background:linear-gradient(135deg,rgba(21,48,65,.96),rgba(16,31,45,.98));color:var(--text);font:inherit;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.2)}
.clanManagementEntry:active{transform:scale(.985)}
.clanManagementIcon{width:58px;height:58px;display:grid;place-items:center}
.clanManagementIcon .uiIcon{width:58px;height:58px;object-fit:contain}
.clanManagementEntry>span:nth-child(2){min-width:0;display:grid;gap:4px}
.clanManagementEntry b{font-size:18px;line-height:1.15}
.clanManagementEntry small{color:var(--muted);font-size:12px;line-height:1.35}
.clanManagementEntry em{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#e95463;color:#fff;font-style:normal;font-weight:900;font-size:12px;box-shadow:0 0 18px rgba(233,84,99,.42)}
.clanManagementEntry>i{color:#59c9ea;font-style:normal;font-size:28px;line-height:1}
.characterSwitcher{position:relative;width:100%;display:grid;gap:6px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(116,168,208,.18);text-align:left}
.characterSwitcher>span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.characterSwitcher select{width:100%;appearance:none;padding:12px 42px 12px 14px;border:1px solid rgba(83,196,224,.34);border-radius:14px;background:linear-gradient(135deg,rgba(28,57,75,.96),rgba(17,37,52,.98));color:var(--text);font:inherit;font-size:15px;font-weight:850;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.characterSwitcher select:focus{border-color:#55c9e7;box-shadow:0 0 0 3px rgba(85,201,231,.12)}
.characterSwitcher select:disabled{opacity:.6}
.characterSwitcher>i{position:absolute;right:15px;bottom:12px;color:#59c9ea;font-style:normal;font-size:20px;pointer-events:none}
.matrixSection{margin:18px 0;border:1px solid rgba(83,185,216,.24);border-radius:20px;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(11,25,36,.98));overflow:hidden}
.matrixSection>summary{list-style:none;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.matrixSection>summary::-webkit-details-marker{display:none}.matrixSection>summary .uiIcon{width:56px;height:56px}.matrixSection>summary b,.matrixSection>summary small{display:block}.matrixSection>summary b{font-size:17px}.matrixSection>summary small{color:var(--muted);font-size:11px;margin-top:3px}.matrixSection>summary i{color:#69c5df;font-size:24px;font-style:normal;transition:transform .18s}.matrixSection[open]>summary i{transform:rotate(90deg)}
.matrixBody{padding:0 10px 12px;border-top:1px solid var(--line)}.matrixTotals{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6px;padding:10px 0}.matrixTotal{padding:9px 7px;text-align:center;border-radius:12px;background:rgba(92,159,184,.08)}.matrixTotal b,.matrixTotal small{display:block}.matrixTotal b{font-size:14px}.matrixTotal small{font-size:9px;color:var(--muted)}
.matrixHead,.matrixRow{display:grid;grid-template-columns:24px minmax(90px,.85fr) 82px 46px minmax(76px,.65fr);gap:5px;align-items:center}.matrixHead{padding:6px 4px;color:var(--muted);font-size:8px}.matrixRow{padding:4px;border-top:1px solid rgba(139,183,202,.07)}.matrixRow input,.matrixRow select{min-width:0;width:100%;height:32px;border:1px solid rgba(139,183,202,.13);border-radius:9px;background:#102231;color:var(--text);font:inherit;font-size:9px;padding:5px 7px}.matrixRow select{padding:0 3px;text-align:left;font-size:8px}.matrixDamage{text-align:right;font-variant-numeric:tabular-nums}.matrixSlot,.matrixPercent{font-size:8px;color:var(--muted);text-align:center}.matrixSave{width:100%;margin-top:12px}.matrixLoading{padding:28px;text-align:center;color:var(--muted)}
.manageFold{margin:14px 0;border:1px solid rgba(83,185,216,.20);border-radius:20px;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(11,25,36,.98));overflow:hidden}.manageFold>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:16px;cursor:pointer}.manageFold>summary::-webkit-details-marker{display:none}.manageFold>summary b{font-size:17px}.manageFold>summary em{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:rgba(83,185,216,.15);color:#8ed9ed;font-size:11px;font-style:normal}.manageFold>summary i{color:#69c5df;font-size:23px;font-style:normal;transition:transform .18s}.manageFold[open]>summary i{transform:rotate(90deg)}.manageFoldBody{padding:0 12px 14px;border-top:1px solid var(--line)}.manageFoldBody>.search{margin-top:12px}.manageFoldBody>.empty{padding:22px 8px}
.manageFold>summary .manageFoldTitle{display:flex;align-items:center;gap:9px}.manageFold>summary .manageFoldTitle .uiIcon{width:34px;height:34px}.auditList{display:grid;gap:5px;padding-top:9px}.auditCard{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px!important;border:1px solid rgba(139,183,202,.12)!important;border-radius:12px!important;background:rgba(25,43,58,.78)!important}.auditCard .auditIcon{width:32px;height:32px;display:grid;place-items:center}.auditCard .auditIcon .uiIcon{width:28px;height:28px}.auditCard .auditTarget{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auditCard .auditMeta{color:var(--muted);font-size:10px;text-align:right;white-space:nowrap}
.memberCompact{grid-template-columns:48px minmax(0,1fr) 24px!important;padding:10px 12px!important}.memberCompact .memberAvatar{width:48px;height:48px;background:transparent}.memberCompact .memberAvatar .uiIcon{width:46px;height:46px}.memberCompact .memberOpen{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.memberCompact .memberOpen b{overflow:hidden;text-overflow:ellipsis}.memberCompact .memberRole{color:var(--muted);font-size:11px}.memberProfileHero{padding:15px 18px!important}.memberProfileLine{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;align-items:center}.memberProfileLine .uiIcon{width:62px;height:62px}.memberProfileName{display:flex;align-items:center;gap:8px;min-width:0}.memberProfileName h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memberProfileName .roleBadge{white-space:nowrap}.memberActivityStack{display:grid;gap:9px;margin:12px 0}.memberActivity{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;align-items:center;padding:13px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(24,41,56,.98),rgba(15,29,41,.98))}.memberActivity .uiIcon{width:60px;height:60px}.memberActivity b{font-size:17px}.memberActivityDots{display:flex;gap:11px;margin-top:9px}.memberActivityDots i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(103,151,170,.38);background:rgba(71,112,128,.18)}.memberActivityDots i.done{border-color:#68d5eb;background:#55bfd9;box-shadow:0 0 7px rgba(85,191,217,.95),0 0 15px rgba(85,191,217,.42)}.memberRoleAction{width:100%;margin-top:14px}.technicalEntry .uiIcon{width:46px;height:46px}.technicalEntry{grid-template-columns:48px 1fr auto!important}
.difficultyAccess{margin:12px 0;border:1px solid var(--line);border-radius:19px;background:var(--surface);overflow:hidden}.difficultyAccess summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 15px;list-style:none;cursor:pointer}.difficultyAccess summary::-webkit-details-marker{display:none}.difficultyAccess summary .uiIcon{width:50px;height:50px}.difficultyAccess summary b,.difficultyAccess summary small{display:block}.difficultyAccess summary small{margin-top:3px;color:var(--muted);font-size:10px}.difficultyAccess summary>i{color:var(--accent);font-style:normal;transition:transform .2s}.difficultyAccess[open] summary>i{transform:rotate(90deg)}.difficultyAccessBody{padding:0 12px 12px}.difficultyAccessGroup{margin-top:9px}.difficultyAccessGroupTitle{display:flex;align-items:center;gap:7px;margin:8px 3px;color:var(--muted);font-size:11px}.difficultyAccessRow{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:7px 0;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--text);font:inherit;text-align:left}.difficultyAccessRow b{font-size:13px}.difficultyAccessRow small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.difficultyAccessSwitch{width:42px;height:24px;padding:3px;border-radius:99px;background:rgba(255,255,255,.1);transition:.2s}.difficultyAccessSwitch i{display:block;width:18px;height:18px;border-radius:50%;background:#708294;transition:.2s}.difficultyAccessRow.on .difficultyAccessSwitch{background:rgba(85,191,217,.34);box-shadow:0 0 12px rgba(85,191,217,.16)}.difficultyAccessRow.on .difficultyAccessSwitch i{transform:translateX(18px);background:#64d8ec;box-shadow:0 0 9px rgba(100,216,236,.75)}
.managementIcon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px}.managementIcon .uiIcon,.technicalEntry .uiIcon,.manageFold>summary .manageFoldTitle .uiIcon,.matrixSection>summary .uiIcon{width:46px!important;height:46px!important;object-fit:contain}.manageFold>summary .manageFoldTitle{gap:12px}.matrixSection>summary{grid-template-columns:48px minmax(0,1fr) auto!important}.technicalEntry{grid-template-columns:48px minmax(0,1fr) auto!important}.manageFold>summary{min-height:76px}.matrixSection>summary{min-height:76px}
.missingPlayerFold{border:1px solid rgba(83,185,216,.20);border-radius:18px;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(11,25,36,.98));overflow:hidden}.missingPlayerFold>summary{list-style:none;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:11px 15px;cursor:pointer}.missingPlayerFold>summary::-webkit-details-marker{display:none}.missingPlayerFold>summary .uiIcon{width:48px;height:48px;object-fit:contain}.missingPlayerFold>summary b{font-size:17px;line-height:1.15}.missingPlayerFold>summary i{color:#69c5df;font-size:22px;font-style:normal;transition:transform .18s}.missingPlayerFold[open]>summary i{transform:rotate(90deg)}.missingPlayerBody{display:grid;gap:8px;padding:0 15px 14px;border-top:1px solid var(--line)}.missingActivityLine{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;padding-top:10px;color:var(--muted);font-size:11px}.missingActivityLine .uiIcon{width:30px;height:30px;object-fit:contain}
.clanAccordion{margin:12px 0;border:1px solid rgba(83,185,216,.20);border-radius:20px;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(11,25,36,.98));overflow:hidden}.clanAccordion>summary{list-style:none;display:grid;grid-template-columns:50px minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:78px;padding:12px 16px;cursor:pointer}.clanAccordion>summary::-webkit-details-marker{display:none}.clanAccordion>summary>.uiIcon{width:48px;height:48px;object-fit:contain}.clanAccordion>summary b{font-size:18px;line-height:1.15}.clanAccordion>summary em{min-width:26px;height:26px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:rgba(83,185,216,.15);color:#8ed9ed;font-size:11px;font-style:normal}.clanAccordion>summary i{color:#69c5df;font-size:23px;font-style:normal;transition:transform .18s}.clanAccordion[open]>summary i{transform:rotate(90deg)}.clanAccordionBody{display:grid;gap:9px;padding:12px;border-top:1px solid var(--line)}.clanAccordionBody>.problemPanel{margin:0;border:0;background:transparent;padding:4px}.clanAccordionBody>.problemPanel>.value,.clanAccordionBody>.problemPanel>.sub:first-of-type{display:none}.clanAccordionBody>.rewardList,.clanAccordionBody>.list{margin:0}.clanAccordionBody>.btn{margin-top:3px!important}
.seasonAccordion{margin:12px 0;border:1px solid rgba(83,185,216,.20);border-radius:20px;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(11,25,36,.98));overflow:hidden}.seasonAccordion>summary{list-style:none;display:grid;grid-template-columns:50px minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:78px;padding:12px 16px;cursor:pointer}.seasonAccordion>summary::-webkit-details-marker{display:none}.seasonAccordion>summary>.uiIcon{width:48px;height:48px;object-fit:contain}.seasonAccordion>summary b{font-size:18px;line-height:1.15}.seasonAccordion>summary em{min-width:26px;height:26px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:rgba(83,185,216,.15);color:#8ed9ed;font-size:11px;font-style:normal;white-space:nowrap}.seasonAccordion>summary em:empty{display:none}.seasonAccordion>summary i{color:#69c5df;font-size:23px;font-style:normal;transition:transform .18s}.seasonAccordion[open]>summary i{transform:rotate(90deg)}.seasonAccordionBody{display:grid;gap:10px;padding:12px;border-top:1px solid var(--line)}.seasonAccordionBody>.metricGrid,.seasonAccordionBody>.list,.seasonAccordionBody>.hallGrid,.seasonAccordionBody>.luckGrid{margin:0}.seasonAccordionBody>.trendLegend{margin:0 2px 4px}.seasonAccordionBody>.trendRow{margin:4px 0}.seasonAccordionBody>.actions{margin:2px 0 0}
.clanActivityProgress{margin:12px 0 16px;padding:15px 17px;border:1px solid rgba(83,185,216,.22);border-radius:18px;background:linear-gradient(145deg,rgba(20,42,56,.96),rgba(11,25,36,.98))}.clanActivityTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.clanActivityTop b{font-size:15px}.clanActivityTop strong{color:#8ed9ed;font-size:22px}.clanActivityMeta{margin-top:2px;color:var(--muted);font-size:11px}.clanActivityTrack{height:10px;margin-top:12px;border-radius:99px;background:rgba(83,185,216,.11);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.32)}.clanActivityTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3e8fb4,#67d1e8);box-shadow:0 0 12px rgba(92,203,228,.48);transition:width .25s ease}
.seasonAccordion>summary{position:relative;grid-template-columns:50px minmax(0,1fr) auto;padding-right:52px}.seasonAccordion>summary i{position:absolute;right:17px;top:50%;width:22px;text-align:center;transform:translateY(-50%)}.seasonAccordion[open]>summary i{transform:translateY(-50%) rotate(90deg)}#clanStatsClan,#clanDifficulty{-webkit-appearance:none;appearance:none;padding-right:48px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2369c5df' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}
.bootSplash{position:fixed;z-index:999;inset:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 36%,rgba(32,128,157,.23),transparent 34%),linear-gradient(155deg,#07121d,#0a1c29 54%,#050d15);transition:opacity .38s ease,visibility .38s ease}.bootSplash.done{opacity:0;visibility:hidden;pointer-events:none}.bootPanel{width:min(100%,360px);text-align:center}.bootLogo{width:176px;height:176px;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(61,198,226,.18));animation:bootFloat 2.1s ease-in-out infinite}.bootTitle{margin:13px 0 2px;color:#f1f5f7;font-size:25px;font-weight:950;letter-spacing:.08em}.bootTag{color:#7794a6;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.bootTrack{height:8px;margin:28px 0 10px;border:1px solid rgba(104,205,229,.16);border-radius:99px;background:rgba(64,113,132,.12);overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.5)}.bootTrack i{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#347e9f,#6be0ef);box-shadow:0 0 15px rgba(94,219,237,.75);transition:width .32s ease}.bootMeta{display:flex;justify-content:space-between;color:#6f8b9d;font-size:10px}.bootMeta strong{color:#8fdae9;font-weight:800}@keyframes bootFloat{50%{transform:translateY(-5px);filter:drop-shadow(0 23px 36px rgba(0,0,0,.5)) drop-shadow(0 0 28px rgba(61,198,226,.25))}}@media(prefers-reduced-motion:reduce){.bootLogo{animation:none}.bootSplash,.bootTrack i{transition:none}}
/* Modern UI layer: keep the WoR palette, simplify depth and hierarchy. */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
--radius-sm:12px;--radius-md:17px;--radius-lg:24px;--radius-xl:28px;
--surface-glass:rgba(17,34,47,.88);--surface-soft:rgba(113,166,187,.075);
--hairline:rgba(139,183,202,.11);--focus:rgba(91,207,230,.42);
--shadow-soft:0 10px 28px rgba(0,0,0,.16);--shadow-float:0 20px 55px rgba(0,0,0,.40)
}
body{font-size:15px;line-height:1.45;letter-spacing:-.006em}
.app{max-width:720px;padding:16px 15px calc(104px + env(safe-area-inset-bottom))}
.top{margin:2px 0 16px;padding:3px 2px 14px;border-bottom-color:var(--hairline)}
.top h1{font-size:clamp(23px,6vw,29px);font-weight:900;letter-spacing:-.045em}
.crest{width:46px;height:46px;border-radius:16px;background:transparent;box-shadow:none}
.crest .uiIcon{width:46px;height:46px}
.sectionHead{align-items:center;margin:26px 4px 11px}
.sectionHead h2{font-size:19px;font-weight:900;letter-spacing:-.035em}
.sectionHead span{font-size:11px}
/* Segmented controls feel lighter and remain thumb-friendly. */
.tabs{gap:3px;margin:10px 0;padding:4px;border:1px solid var(--hairline);border-radius:18px;background:rgba(8,20,30,.62);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.tab{min-height:45px;border-radius:14px;padding:10px 7px;font-size:14px;font-weight:800}
.tab.active{background:linear-gradient(180deg,rgba(61,151,184,.98),rgba(36,96,121,.98));box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 16px rgba(14,78,101,.20)}
.select,.search,.timeInput,.diamondBox input{min-height:48px;margin-bottom:10px;padding:12px 15px;border-color:var(--hairline);border-radius:15px;background:rgba(15,32,45,.82);box-shadow:none;outline:none}
.select:focus,.search:focus,.timeInput:focus,.diamondBox input:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(91,207,230,.08)}
/* One primary surface per section; inner data uses quiet tonal layers. */
.hero,.hubHero,.commandHero,.weeklyHero,.personalHero{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);border-color:rgba(92,169,198,.20)}
.metric,.row,.rewardRow,.recordCard,.memberCard,.settingsCard,.commandClan,.weeklyClan,.statsFold,.recordKindCard,.recordDateCard,.activityCard,.missingCard,.archiveCard,.luckCard,.newsCard{border-color:var(--hairline);border-radius:var(--radius-md);box-shadow:none;background:linear-gradient(145deg,rgba(22,42,57,.92),rgba(14,29,41,.94))}
.metric{padding:16px;background:var(--surface-soft)}
.metricValue{font-size:26px;letter-spacing:-.035em}
.clanMetric,.personalHeroKpis>span,.profitMetric,.commandTotal,.commandClanStat,.problemItem,.periodReset,.matrixTotal{border:0;background:var(--surface-soft)}
.statsFold,.clanAccordion,.seasonAccordion,.manageFold,.matrixSection,.difficultyAccess,.missingPlayerFold{margin:12px 0;border-color:var(--hairline);border-radius:var(--radius-lg);background:var(--surface-glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px)}
.statsFoldToggle,.clanAccordion>summary,.seasonAccordion>summary,.manageFold>summary,.matrixSection>summary,.difficultyAccess summary,.missingPlayerFold>summary{min-height:82px;padding:14px 16px}
.statsFoldToggle b,.clanAccordion>summary b,.seasonAccordion>summary b,.manageFold>summary b{font-size:18px;letter-spacing:-.03em}
.statsFoldBody,.clanAccordionBody,.seasonAccordionBody,.manageFoldBody,.difficultyAccessBody,.matrixBody,.missingPlayerBody{border-top-color:var(--hairline);padding:12px 14px 15px}
.activityCard{min-height:84px;padding:12px 15px;border-radius:21px}
.activityCardIcon,.activityCardIcon .uiIcon{width:54px;height:54px}
.activityCard .activityTitle{font-size:18px;letter-spacing:-.025em}
/* Buttons have a clearer primary/secondary hierarchy. */
.btn,.roleAction,.commandActions button,.periodContinue{min-height:47px;border-radius:15px;box-shadow:none;transition:transform .16s ease,filter .16s ease,border-color .16s ease}
.btn.primary,.periodContinue{background:linear-gradient(180deg,#45a5c7,#28728f);box-shadow:0 8px 22px rgba(26,112,143,.22),inset 0 1px rgba(255,255,255,.18)}
.btn:active,.roleAction:active,.commandActions button:active,.periodContinue:active{transform:scale(.985);filter:brightness(1.08)}
/* Charts: cleaner plot, less visual noise, brighter data. */
.dailyChart,.profitChart,.diamondChart,.personalInsightChart{border:1px solid rgba(139,183,202,.07);border-radius:16px;background-color:rgba(5,16,25,.34)}
.chartPlot{border-bottom-color:rgba(139,183,202,.13);background:repeating-linear-gradient(to bottom,rgba(139,183,202,.07) 0 1px,transparent 1px 50%)}
.dayBar{border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#72d8e7,#2781a5);box-shadow:0 0 18px rgba(82,198,222,.18)}
.profitBar,.diamondBar{border-radius:7px 7px 3px 3px}
.profitZero{background:rgba(210,231,239,.30)}
/* Compact, floating mobile dock inspired by current native apps. */
.nav{bottom:calc(10px + env(safe-area-inset-bottom));width:min(calc(100% - 22px),694px);gap:2px;padding:6px;border-color:rgba(91,174,204,.25);border-radius:24px;background:rgba(5,17,26,.90);box-shadow:var(--shadow-float),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(24px) saturate(1.25)}
.nav button{min-width:0;min-height:59px;padding:7px 2px 6px;border-radius:18px;font-size:10px;letter-spacing:.01em}
.nav button .uiIcon{display:block;width:34px;height:34px;margin:0 auto 1px;transition:transform .18s ease,filter .18s ease}
.nav button.active{background:linear-gradient(180deg,rgba(60,151,184,.96),rgba(27,79,101,.97));box-shadow:inset 0 1px rgba(255,255,255,.16),0 7px 18px rgba(20,92,118,.24)!important}
.nav button.active .uiIcon{transform:translateY(-1px) scale(1.06)}
@media(max-width:420px){
.app{padding-left:10px;padding-right:10px}
.top{padding-left:5px;padding-right:5px}
.hero,.hubHero,.commandHero,.weeklyHero,.personalHero{border-radius:24px}
.metricGrid{gap:7px}.metric{padding:14px 12px;border-radius:16px}.metricValue{font-size:23px}
.tabs{border-radius:17px}.tab{min-height:43px;font-size:13px}
.statsFoldBody,.clanAccordionBody,.seasonAccordionBody,.manageFoldBody,.difficultyAccessBody,.matrixBody,.missingPlayerBody{padding-left:10px;padding-right:10px}
.nav{width:calc(100% - 16px);bottom:calc(7px + env(safe-area-inset-bottom));padding:5px;border-radius:22px}
.nav button{min-height:57px;border-radius:17px}.nav button .uiIcon{width:32px;height:32px}
}
@media(max-width:420px){.matrixHead,.matrixRow{grid-template-columns:20px minmax(68px,.8fr) 70px 40px minmax(62px,.7fr);gap:3px}.matrixRow input{font-size:8px;padding:4px}.matrixRow select{font-size:7px}.matrixSection>summary{grid-template-columns:48px minmax(0,1fr) auto}.matrixSection>summary .uiIcon{width:46px;height:46px}}
.chestChoiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.chestChoice{min-height:128px;padding:10px 7px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(24,41,56,.98),rgba(15,29,41,.98));color:var(--text);font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.chestChoice:first-child{grid-column:1/-1}.chestChoice:active{border-color:var(--line-strong);transform:scale(.985)}.chestIcon{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.4))}.chestIcon.small{width:38px;height:38px}.chestIcon.tiny{width:24px;height:24px}.chestIcon.fold{width:52px;height:52px}.selectedChest{display:inline-flex;align-items:center;gap:7px;margin:9px 0 2px;padding:4px 10px 4px 5px;border:1px solid rgba(215,174,99,.28);border-radius:999px;background:rgba(215,174,99,.08);font-size:11px}.reviewTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.reviewTitle>span{display:flex;align-items:center;gap:4px;color:var(--gold);font-size:10px}.chestAnalyticsGroup{margin:9px 0 14px}.chestAnalyticsRow{display:grid;grid-template-columns:44px minmax(92px,1.25fr) .6fr .75fr .9fr;gap:7px;align-items:center;padding:9px 7px;border-bottom:1px solid var(--line);font-size:11px}.chestAnalyticsRow:last-child{border-bottom:0}.chestAnalyticsRow.best{border-radius:13px;background:linear-gradient(90deg,rgba(215,174,99,.13),transparent)}.chestAnalyticsRow>span b,.chestAnalyticsRow>span small{display:block}.chestAnalyticsRow>span small{color:var(--muted);font-size:8px}.chestAnalyticsRow>span:not(:first-of-type){text-align:center}.chestAnalysisFold .statsFoldIcon{background:transparent}.chestAnalysisFold .statsFoldIcon .chestIcon{width:52px;height:52px}@media(max-width:390px){.chestAnalyticsRow{grid-template-columns:40px minmax(80px,1.15fr) .55fr .7fr .82fr;gap:4px;font-size:10px}.chestAnalyticsRow>span small{font-size:7px}}
.editTierGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 0 16px}.editTierChoice{min-width:0;display:grid;place-items:center;gap:1px;padding:6px 2px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);font:inherit}.editTierChoice .chestIcon{width:36px;height:36px}.editTierChoice b{font-size:10px}.editTierChoice.selected{border-color:var(--gold);background:rgba(215,174,99,.12);box-shadow:0 0 13px rgba(215,174,99,.13)}
.cofferChoiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cofferChoice{min-height:116px;padding:8px 6px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(24,41,56,.98),rgba(15,29,41,.98));color:var(--text);font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.cofferChoice:active{border-color:var(--line-strong);transform:scale(.985)}.cofferIcon{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.4))}.cofferIcon.small{width:38px;height:38px}.cofferIcon.tiny{width:24px;height:24px}.cofferIcon.fold{width:52px;height:52px}.cofferAnalysisFold .statsFoldIcon{background:transparent}.cofferAnalysisFold .statsFoldIcon .cofferIcon{width:52px;height:52px}
.cofferDifficulty+ .cofferDifficulty{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.cofferDifficulty h3{margin:0 0 8px;color:var(--gold);font-size:14px}
.confidence{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:600}.globalAnnouncements{display:grid;gap:8px;margin:0 0 14px}.globalAnnouncement{position:relative;padding:13px 42px 13px 15px;border:1px solid rgba(86,196,222,.3);border-left:4px solid #5ec9e5;border-radius:16px;background:linear-gradient(135deg,rgba(28,100,123,.3),rgba(15,31,44,.96));box-shadow:0 10px 28px rgba(0,0,0,.14)}.globalAnnouncement b,.globalAnnouncement span,.globalAnnouncement small{display:block}.globalAnnouncement b{font-size:15px}.globalAnnouncement span{margin-top:3px;color:#d8e6ef;font-size:12px;white-space:pre-wrap}.globalAnnouncement small{margin-top:6px;color:var(--muted);font-size:9px}.globalAnnouncementClose{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:#a9c3d2;font:inherit;font-size:18px}.brandbar[hidden]{display:none!important}.top{margin-top:0}
.appDialog{position:fixed;inset:0;z-index:1200;display:grid;align-items:end;padding:16px;background:rgba(0,6,12,.72);backdrop-filter:blur(8px)}
.appDialogPanel{width:min(100%,520px);max-height:min(82vh,720px);margin:0 auto;padding:18px;border:1px solid rgba(86,196,222,.3);border-radius:24px;background:linear-gradient(155deg,#142b39,#081722);box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:auto}
.appDialogHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.appDialogHead h2{margin:0;font-size:21px}.appDialogClose{width:36px;height:36px;border:0;border-radius:11px;background:rgba(255,255,255,.07);color:var(--muted);font:inherit;font-size:21px}
.appDialogFields{display:grid;gap:12px}.appDialogField{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.appDialogField input,.appDialogField textarea{width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#0b1d29;color:var(--text);font:inherit;font-size:16px}.appDialogField textarea{min-height:112px;resize:vertical}.appDialogError{min-height:18px;margin-top:8px;color:#ff8d98;font-size:11px}.appDialogActions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:10px}
@media(min-width:600px){.appDialog{align-items:center}.appDialogPanel{padding:22px}}
/* Experimental command analytics */
.commandAnalyticsEntry{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 24px;align-items:center;gap:14px;margin:14px 0 22px;padding:14px 17px;border:1px solid rgba(90,204,229,.3);border-radius:22px;background:linear-gradient(135deg,rgba(23,66,84,.96),rgba(10,29,42,.98));color:var(--text);font:inherit;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.04),0 15px 36px rgba(0,0,0,.17)}.commandAnalyticsEntry .uiIcon{width:62px;height:62px}.commandAnalyticsEntry b,.commandAnalyticsEntry small{display:block}.commandAnalyticsEntry b{font-size:18px}.commandAnalyticsEntry small{margin-top:4px;color:var(--muted);font-size:10px}.commandAnalyticsEntry>i{color:#68d6ec;font-style:normal;font-size:27px;text-align:right}
.commandHero{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:14px;margin:4px 0 14px;padding:22px;border:1px solid rgba(91,204,229,.28);border-radius:25px;background:radial-gradient(circle at 88% 20%,rgba(65,170,199,.24),transparent 35%),linear-gradient(145deg,#142d3c,#091923);overflow:hidden}.commandHero h2{margin:4px 0 3px;font-size:27px}.commandHero p{margin:0;color:var(--muted);font-size:11px}.commandHero>.uiIcon{width:88px;height:88px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.35))}.commandHero .eyebrow{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.16em}
.commandFilters{display:grid;gap:9px;margin-bottom:14px}.commandFilters>.select{margin:0}.commandFilterTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border:1px solid rgba(103,169,191,.12);border-radius:15px;background:rgba(18,38,52,.88)}.commandFilterTabs button{min-width:0;padding:9px 4px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800}.commandFilterTabs button.active{background:linear-gradient(135deg,#347f9f,#54b9d2);color:white;box-shadow:0 6px 16px rgba(31,121,153,.25)}
.commandKpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.commandKpis article{min-height:108px;padding:15px;border:1px solid rgba(103,177,202,.18);border-radius:18px;background:linear-gradient(145deg,rgba(21,43,57,.98),rgba(11,27,38,.98))}.commandKpis small,.commandKpis b,.commandKpis span{display:block}.commandKpis small{color:#78a2b5;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.commandKpis b{margin:9px 0 3px;color:#f2f6f8;font-size:27px}.commandKpis span{color:var(--muted);font-size:9px}
.commandPanel{min-width:0;margin:10px 0;padding:16px;border:1px solid rgba(103,177,202,.19);border-radius:21px;background:linear-gradient(145deg,rgba(20,41,55,.98),rgba(9,24,35,.99));overflow:hidden}.commandPanelHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.commandPanelHead small{color:#68cce5;font-size:8px;font-weight:900;letter-spacing:.14em}.commandPanelHead h3{margin:3px 0 0;font-size:17px}.commandPanelHead>span{color:var(--muted);font-size:9px}.commandSplit{display:grid;grid-template-columns:1fr;gap:0}.commandTrend{display:block;width:100%;height:210px;overflow:visible}.commandTrend polyline{fill:none;stroke:#69d3e8;stroke-width:4;filter:drop-shadow(0 0 7px rgba(89,206,230,.42));vector-effect:non-scaling-stroke}.commandTrend circle{fill:#071722;stroke:#78e2f3;stroke-width:3;vector-effect:non-scaling-stroke}.commandTrend text{fill:#6f91a3;font-size:18px}.commandTrend .commandArea{fill:url(#commandArea)}.commandEmpty{padding:24px 8px;text-align:center;color:var(--muted);font-size:10px}
.commandDonut{width:148px;height:148px;margin:8px auto 16px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#0c202c 0 48%,transparent 49%),var(--commandMix);box-shadow:0 0 28px rgba(65,170,199,.12)}.commandDonut strong,.commandDonut small{display:block}.commandDonut strong{font-size:22px}.commandDonut small{color:var(--muted);font-size:8px}.commandLegend{display:grid;gap:7px}.commandLegend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--muted);font-size:10px}.commandLegend i{width:8px;height:8px;border-radius:50%}.commandLegend b{color:var(--text)}
.commandBars{display:grid;gap:13px}.commandBars>div>span{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px}.commandBars .itemIcon{width:27px;height:27px}.commandBars b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.commandBars em{color:#dce9ef;font-size:10px;font-style:normal}.commandBars>div>i{display:block;height:7px;margin:5px 0 0 35px;border-radius:99px;background:rgba(93,166,191,.12);overflow:hidden}.commandBars u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f8daf,#67d7e9);box-shadow:0 0 8px rgba(87,206,229,.4)}
.commandTable{display:grid;overflow-x:auto}.commandTable>div{min-width:410px;display:grid;grid-template-columns:minmax(130px,1fr) 55px 70px 70px;align-items:center;gap:7px;padding:11px 5px;border-bottom:1px solid rgba(114,169,190,.1);font-size:10px}.commandTable>div:not(.head)>span{text-align:center}.commandTable .head{color:var(--muted);font-size:8px}.commandTable .head span:not(:first-child){text-align:center}.commandTable>div:last-child{border-bottom:0}
.commandTiers{display:grid;gap:7px}.commandTiers>div{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border-radius:14px;background:rgba(100,164,186,.07)}.commandTiers .chestIcon,.commandTiers .cofferIcon{width:44px;height:44px}.commandTiers b,.commandTiers small{display:block}.commandTiers b{font-size:11px}.commandTiers small{margin-top:2px;color:var(--muted);font-size:8px}.commandTiers strong{color:var(--gold);font-size:14px}
.commandPlayers{display:grid;gap:6px}.commandPlayers>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto 48px;align-items:center;gap:7px;padding:9px 8px;border-radius:13px;background:rgba(100,164,186,.06)}.commandPlayers em{color:#65879a;font-size:9px;font-style:normal}.commandPlayers b,.commandPlayers small{display:block}.commandPlayers b{font-size:11px}.commandPlayers small{color:var(--muted);font-size:8px}.commandPlayers strong{font-size:13px}.commandPlayers>div>i{padding:4px;border-radius:99px;text-align:center;font-size:7px;font-style:normal;font-weight:900}.commandPlayers i.done{background:rgba(74,203,143,.13);color:#72dfa9}.commandPlayers i.missing{background:rgba(255,96,113,.13);color:#ff8793}
@media(min-width:700px){.commandSplit{grid-template-columns:1fr 1fr;gap:10px}.commandKpis{grid-template-columns:repeat(4,1fr)}.commandFilters{grid-template-columns:1.2fr 1fr 1fr}.commandFilters>.select{height:100%}}
.commandBars .rewardIcon{width:27px;height:27px;object-fit:contain}
/* Decision center: answers and confidence instead of another raw dashboard */
.analyticalInsightsEntry{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) 24px;align-items:center;gap:14px;margin:-8px 0 24px;padding:16px 17px;border:1px solid rgba(226,177,73,.34);border-radius:22px;background:radial-gradient(circle at 12% 30%,rgba(223,178,69,.16),transparent 30%),linear-gradient(135deg,rgba(28,50,60,.98),rgba(9,27,38,.99));color:var(--text);font:inherit;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 38px rgba(0,0,0,.2)}.analyticalInsightsEntry .uiIcon{width:70px;height:70px;filter:drop-shadow(0 8px 9px rgba(0,0,0,.35))}.analyticalInsightsEntry b,.analyticalInsightsEntry small{display:block}.analyticalInsightsEntry b{font-size:19px}.analyticalInsightsEntry small{margin-top:4px;color:var(--muted);font-size:10px}.analyticalInsightsEntry>i{color:#efc86d;font-style:normal;font-size:27px;text-align:right}
.decisionHero{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:14px;margin:4px 0 13px;padding:21px;border:1px solid rgba(226,177,73,.3);border-radius:25px;background:radial-gradient(circle at 90% 20%,rgba(227,182,70,.2),transparent 35%),linear-gradient(145deg,#16313e,#091a24);overflow:hidden}.decisionHero h2{margin:4px 0 3px;font-size:26px}.decisionHero p{margin:0;color:var(--muted);font-size:11px}.decisionHero>.uiIcon{width:90px;height:90px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.38))}.decisionHero .eyebrow{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.17em}.decisionFilters{display:grid;gap:8px;margin-bottom:10px}.decisionFilters>.select{margin:0}.decisionSample{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px 0 14px;padding:10px 12px;border:1px solid rgba(94,174,202,.16);border-radius:16px;background:rgba(17,38,51,.8)}.decisionSample>span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.decisionSample>b{font-size:11px}.decisionConfidence{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:3px 7px 3px 3px;border:1px solid rgba(104,208,229,.18);border-radius:999px;background:rgba(73,156,180,.09);font-style:normal;white-space:nowrap}.decisionConfidence .uiIcon{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3))}.decisionConfidence span{font-size:8px;font-weight:900}.decisionConfidence.high span{color:#75bffa}.decisionConfidence.good span{color:#68dda4}.decisionConfidence.medium span{color:#f2c760}.decisionConfidence.low span{color:#ff8895}
.decisionStack{display:grid;gap:9px}.decisionInsight{border:1px solid rgba(83,185,216,.2);border-radius:20px;background:linear-gradient(145deg,rgba(19,42,56,.98),rgba(8,24,35,.99));overflow:hidden}.decisionInsight>summary{list-style:none;display:grid;grid-template-columns:56px minmax(0,1fr) auto 15px;align-items:center;gap:10px;min-height:82px;padding:12px 13px;cursor:pointer}.decisionInsight>summary::-webkit-details-marker{display:none}.decisionInsight>summary>.uiIcon{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.32))}.decisionInsight>summary>span{min-width:0}.decisionInsight>summary b,.decisionInsight>summary small{display:block}.decisionInsight>summary b{font-size:15px}.decisionInsight>summary small{margin-top:4px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decisionInsight>summary>i{color:#68cce5;font-size:21px;font-style:normal;transition:transform .18s}.decisionInsight[open]>summary>i{transform:rotate(90deg)}.decisionInsightBody{display:grid;gap:10px;padding:12px 13px 14px;border-top:1px solid rgba(104,177,201,.13)}.decisionMetrics,.decisionHighlights{display:grid;grid-template-columns:1fr 1fr;gap:8px}.decisionMetric{min-width:0;padding:11px;border-radius:14px;background:rgba(255,255,255,.045)}.decisionMetric small,.decisionMetric b,.decisionMetric span{display:block}.decisionMetric small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.decisionMetric b{margin-top:5px;overflow:hidden;text-overflow:ellipsis;font-size:17px}.decisionMetric span{margin-top:2px;color:var(--muted);font-size:8px}.decisionNote{padding:10px;border-radius:12px;background:rgba(96,178,203,.07);color:var(--muted);font-size:9px;line-height:1.45}.decisionEmpty{padding:18px;text-align:center;color:var(--muted);font-size:10px}.decisionEmpty.good{color:#68dda4}.decisionTable{overflow-x:auto}.decisionTable>div{min-width:400px;display:grid;grid-template-columns:minmax(125px,1fr) 54px 72px 70px;align-items:center;gap:7px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.06);font-size:9px}.decisionTable>div:not(.head)>span{text-align:center}.decisionTable .head{color:var(--muted);font-size:8px}.decisionTable .head span:not(:first-child){text-align:center}.decisionTiers{display:grid;gap:6px}.decisionTier{display:grid;grid-template-columns:65px minmax(0,1fr) auto 42px;align-items:center;gap:7px;padding:9px;border-radius:12px;background:rgba(255,255,255,.04)}.decisionTier span,.decisionTier small{color:var(--muted);font-size:8px}.decisionTier b{font-size:10px}.decisionTier strong{color:var(--gold);font-size:12px}.decisionLine{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.06)}.decisionLine span b,.decisionLine span small{display:block}.decisionLine span b{font-size:11px}.decisionLine span small{margin-top:2px;color:var(--muted);font-size:8px}.decisionLine strong{color:#ff8793;font-size:13px}.decisionLine strong.positive{color:#68dda4}.decisionLine strong.negative{color:#ff8793}.decisionBar{display:grid;grid-template-columns:43px minmax(70px,1fr) 42px 35px;align-items:center;gap:7px;font-size:9px}.decisionBar>i{height:7px;border-radius:99px;background:rgba(96,173,198,.12);overflow:hidden}.decisionBar u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#438daf,#68d4e8)}.decisionBar b{text-align:right}.decisionBar small{color:var(--muted)}.forecastValue{text-align:center}.forecastValue b,.forecastValue span{display:block}.forecastValue b{color:var(--gold);font-size:36px}.forecastValue span{color:var(--muted);font-size:9px}.forecastTrack{height:10px;border-radius:99px;background:rgba(96,173,198,.12);overflow:hidden}.forecastTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3c8baa,#6ed5e8);box-shadow:0 0 10px rgba(86,207,229,.34)}
@media(min-width:700px){.decisionFilters{grid-template-columns:1.1fr 1fr}.decisionMetrics{grid-template-columns:repeat(4,1fr)}}
/* Clan analytics: compact WoR insight and player results */
.clanInsight{margin:12px 0;border:1px solid rgba(83,185,216,.22);border-radius:20px;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(8,23,34,.98));overflow:hidden}.clanInsight>summary{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto 18px;align-items:center;gap:11px;min-height:76px;padding:12px 15px;cursor:pointer}.clanInsight>summary::-webkit-details-marker{display:none}.clanInsight>summary>.uiIcon{width:46px;height:46px;object-fit:contain}.clanInsight>summary span{min-width:0}.clanInsight>summary b,.clanInsight>summary small{display:block}.clanInsight>summary b{font-size:17px}.clanInsight>summary small{margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clanInsight>summary em{padding:5px 9px;border-radius:999px;background:rgba(91,224,169,.13);color:#67e3ad;font-size:11px;font-style:normal;font-weight:850}.clanInsight>summary em.down{background:rgba(255,102,124,.12);color:#ff8295}.clanInsight>summary>i{color:#69c5df;font-size:22px;font-style:normal;transition:transform .18s}.clanInsight[open]>summary>i{transform:rotate(90deg)}.clanInsightBody{display:grid;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--line)}.insightCompare{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.insightCompare span{padding:10px;border-radius:13px;background:rgba(255,255,255,.045);text-align:center}.insightCompare small,.insightCompare b{display:block}.insightCompare small,.insightLine small{color:var(--muted);font-size:10px}.insightCompare b{margin-top:2px;font-size:17px}.insightLine{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.055)}.insightLine b{text-align:right;font-size:12px}.sampleWarning{padding:9px 10px;border-radius:12px;background:rgba(255,188,73,.09);color:#e9bd68;font-size:11px}
.personalCompare{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.personalCompare span{min-width:0;padding:10px 5px;border-radius:13px;background:rgba(255,255,255,.045);text-align:center}.personalCompare small,.personalCompare b,.personalCompare em{display:block}.personalCompare small,.personalCompare em{color:var(--muted);font-size:9px;font-style:normal}.personalCompare b{margin:2px 0;font-size:17px}.personalInsightFold .statsFoldBody{padding:12px}
.personalHero{margin-bottom:10px;padding:15px;border:1px solid rgba(83,185,216,.25);border-radius:22px;background:radial-gradient(circle at 88% 8%,rgba(65,170,199,.17),transparent 37%),linear-gradient(145deg,rgba(20,44,58,.98),rgba(7,22,32,.99));box-shadow:inset 0 1px rgba(255,255,255,.035)}.personalHeroHead{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px}.personalHeroHead>span,.personalHeroHead>span .uiIcon{width:46px;height:46px}.personalHeroHead h1{margin:1px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:21px}.personalHeroHead small{display:block;color:var(--muted);font-size:9px}.personalHeroHead>strong{color:var(--gold);font-size:22px;text-align:right}.personalHeroHead>strong small{font-size:8px;font-weight:700}.personalHeroKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}.personalHeroKpis>span{min-width:0;padding:9px 5px;border-radius:13px;background:rgba(255,255,255,.045);text-align:center}.personalHeroKpis small,.personalHeroKpis b{display:block}.personalHeroKpis small{color:var(--muted);font-size:8px}.personalHeroKpis b{margin-top:2px;font-size:18px}.personalHero>p{margin:10px 2px 0;color:#a8c5d1;font-size:10px;line-height:1.4}.personalActivities .compactMetric{align-items:center}.personalActivities .compactMetricText strong{display:block;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.personalCompare em.up{color:#66dca9}.personalCompare em.down{color:#ff8495}.resourceSort{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 9px;color:var(--muted);font-size:9px}.resourceSort select{max-width:145px;padding:7px 25px 7px 9px;border:1px solid rgba(83,185,216,.18);border-radius:10px;background:#102532;color:var(--text);font:inherit}.statsResourceRow .sub{font-size:8px;line-height:1.35}.chartPlot.monthlyPlot{min-width:420px}.monthlyPlot .dayLabel{font-size:7px}
.profitWeekNav,.resourceWeekNav,.insightWeekNav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;margin:12px 0 7px}.profitWeekNav button,.resourceWeekNav button,.insightWeekNav button{width:34px;height:34px;border:1px solid rgba(83,185,216,.25);border-radius:11px;background:rgba(60,154,186,.13);color:#72d4eb;font-size:22px}.profitWeekNav button:disabled,.resourceWeekNav button:disabled,.insightWeekNav button:disabled{opacity:.25}.profitWeekNav span,.resourceWeekNav span,.insightWeekNav span{text-align:center}.profitWeekNav b,.profitWeekNav small,.resourceWeekNav b,.resourceWeekNav small,.insightWeekNav b,.insightWeekNav small{display:block}.profitWeekNav b,.resourceWeekNav b,.insightWeekNav b{font-size:11px}.profitWeekNav small,.resourceWeekNav small,.insightWeekNav small{margin-top:2px;color:var(--muted);font-size:8px}.profitWeekSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:5px}.profitWeekSummary span{padding:7px 3px;border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);font-size:8px;text-align:center}.profitWeekSummary b{display:block;margin-top:2px;color:var(--text);font-size:12px}.profitWeekSummary b.positive{color:#75dda5}.profitWeekSummary b.negative{color:#ff8792}.resourceChart .resourceWeekNav,.personalInsightRegion .insightWeekNav{margin-top:0}.insightWeekConclusion{margin:5px 2px 9px;color:#a8c5d1;font-size:9px;text-align:center}
.chartMetricTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0}.chartMetricTabs button{min-height:31px;padding:5px;border:0;border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);font-family:inherit;font-size:9px;font-weight:800}.chartMetricTabs button.active{background:linear-gradient(180deg,rgba(67,169,201,.38),rgba(39,119,148,.28));color:#eafaff;box-shadow:inset 0 0 0 1px rgba(107,215,237,.22)}.insightChart.modern{border:0;background:linear-gradient(180deg,rgba(3,16,25,.48),rgba(3,16,25,.24))}.insightAverage{position:relative;height:18px;margin-top:6px;border-radius:8px;background:rgba(255,255,255,.035);overflow:hidden}.insightAverage i{display:block;height:100%;background:linear-gradient(90deg,rgba(70,174,204,.3),rgba(103,219,235,.18))}.insightAverage span{position:absolute;inset:0;display:grid;place-items:center;color:#9eb9c6;font-size:7px}.profitNetValue{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);font-size:7px;white-space:nowrap}.profitNetValue.positive{margin-top:-10px;color:#8ce7b5}.profitNetValue.negative{margin-top:10px;color:#ff94a0}.statsFold{box-shadow:0 8px 22px rgba(0,0,0,.08)}.statsFold.open{border-color:rgba(83,185,216,.27)}.statsFold.open>.statsFoldBody{background:linear-gradient(180deg,rgba(2,14,23,.08),rgba(2,14,23,.2))}.profitMetrics{padding:0;border-radius:15px;background:rgba(255,255,255,.018)}
.insightChart{padding:11px 10px 8px;border:1px solid rgba(83,185,216,.14);border-radius:15px;background:rgba(3,16,25,.34)}.insightChartHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.insightChartHead>b{font-size:11px}.insightChartHead>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.insightChartHead i{width:7px;height:7px;border-radius:2px}.insightChartHead i.now{background:#60d5e9;box-shadow:0 0 7px rgba(96,213,233,.55)}.insightChartHead i.past{margin-left:3px;background:#52677c}.insightBars{height:118px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;align-items:end;margin-top:8px;padding-top:5px;border-bottom:1px solid rgba(129,174,195,.17);background:repeating-linear-gradient(to top,transparent 0,transparent 38px,rgba(129,174,195,.08) 39px)}.insightDay{height:100%;min-width:0;padding:0;border:0;background:none;color:var(--muted);font:inherit;display:grid;grid-template-rows:1fr 13px 12px;align-items:end}.insightColumns{height:88px;display:flex;align-items:end;justify-content:center;gap:2px}.insightColumns i{display:block;width:8px;min-height:2px;border-radius:4px 4px 1px 1px;transition:height .25s}.insightColumns i.past{background:#52677c}.insightColumns i.now{background:linear-gradient(#64e3ee,#319dbc);box-shadow:0 0 7px rgba(86,211,230,.38)}.insightColumns i.now.down{background:linear-gradient(#ff8797,#c95368);box-shadow:0 0 6px rgba(255,102,124,.28)}.insightDay>b{font-size:8px}.insightDay>small{font-size:8px;color:#75cfe4}.insightDay.future{opacity:.35}.insightChartNote{margin-top:6px;color:var(--muted);font-size:8px;text-align:center}
.clanPlayerResults{display:grid;gap:8px}.clanPlayerResult{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto 16px;grid-template-rows:auto auto;align-items:center;gap:7px 10px;padding:12px 13px;border:1px solid rgba(83,185,216,.20);border-radius:18px;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(10,25,36,.98));color:var(--text);font:inherit;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.025)}.clanPlayerResult:active{transform:scale(.992);border-color:rgba(83,185,216,.48)}.playerRank{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(83,185,216,.11);color:#8ed9ed;font-size:13px;font-weight:900}.playerRank.first{background:linear-gradient(145deg,rgba(255,200,78,.25),rgba(255,173,35,.09));border:1px solid rgba(255,204,92,.34);color:var(--gold);box-shadow:0 0 18px rgba(255,190,56,.1)}.playerResultMain{min-width:0;display:flex;align-items:center;gap:9px}.playerResultName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900}.playerActivities{display:flex;align-items:center;gap:7px;margin-left:auto}.playerActivities span{display:flex;align-items:center;gap:2px;color:var(--muted);font-size:10px}.playerActivities .uiIcon{width:21px;height:21px;object-fit:contain}.playerActivities b{font-weight:700}.playerResultScore{display:flex;align-items:baseline;gap:3px;color:#f4f7fb;font-size:18px;white-space:nowrap}.playerResultScore small{color:var(--muted);font-size:9px;font-weight:600}.playerRewardStrip{grid-column:2/4;display:flex;gap:5px;min-width:0;overflow:hidden}.playerRewardStrip i{height:34px;min-width:44px;padding:4px 7px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:11px;background:rgba(255,255,255,.055);font-style:normal;white-space:nowrap}.playerRewardStrip .rewardIcon{width:25px;height:25px}.playerRewardStrip b{font-size:10px}.playerRewardStrip i.more{min-width:34px;color:var(--muted);font-weight:800}.playerOpen{grid-column:4;grid-row:1/3;color:#69c5df;font-size:22px}
/* Compact expandable player ranking. */
.clanPlayerResults{gap:9px}.clanPlayerResult{display:block;padding:0;overflow:hidden;text-align:left}.clanPlayerResult>summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto 14px;grid-template-rows:auto auto;align-items:center;gap:6px 9px;padding:11px 12px;cursor:pointer;list-style:none}.clanPlayerResult>summary::-webkit-details-marker{display:none}.clanPlayerResult[open]>summary{border-bottom:1px solid rgba(104,199,224,.14)}.clanPlayerResult .playerRank{grid-column:1;grid-row:1/3}.clanPlayerResult.place1{border-color:rgba(239,199,108,.42)}.clanPlayerResult.place1 .playerRank{color:#f4cd72;border:1px solid rgba(239,199,108,.42);background:rgba(239,199,108,.12);box-shadow:0 0 16px rgba(239,199,108,.1)}.clanPlayerResult.place2 .playerRank{color:#b8dce8}.clanPlayerResult.place3 .playerRank{color:#d69a6c}.playerResultIdentity{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:2px}.playerResultIdentity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.playerResultIdentity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.clanPlayerResult .playerResultScore{grid-column:3;grid-row:1;justify-self:end;font-size:17px}.playerResultChevron{grid-column:4;grid-row:1;color:#61c5df;font-size:16px;font-style:normal;transition:transform .2s}.clanPlayerResult[open] .playerResultChevron{transform:rotate(180deg)}.clanPlayerResult .playerRewardStrip{grid-column:2/5;grid-row:2;gap:4px}.clanPlayerResult .playerRewardStrip i{height:31px;min-width:39px;padding:3px 6px}.clanPlayerResult .playerRewardStrip .rewardIcon{width:24px;height:24px}.playerResultDetails{padding:10px 12px 12px;background:rgba(0,0,0,.12)}.playerResultActivity{display:grid;grid-template-columns:1fr 1fr;gap:7px}.playerResultActivity>span{min-width:0;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:5px;padding:7px 8px;border-radius:12px;background:rgba(255,255,255,.04)}.playerResultActivity .uiIcon{width:29px;height:29px}.playerResultActivity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.playerResultActivity strong{font-size:12px}.playerResultActivity small{display:none}.playerResultAllRewards{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.playerResultAllRewards i{display:flex;align-items:center;gap:3px;padding:4px 7px;border-radius:10px;background:rgba(255,255,255,.05);font-style:normal}.playerResultAllRewards .rewardIcon{width:26px;height:26px}.playerResultAllRewards b{font-size:10px}.playerCardOpen{margin-top:9px;min-height:40px}
/* Player profile resource table */
.playerResourceTable{display:grid;gap:0;margin:0;border:1px solid rgba(83,185,216,.20);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(20,42,56,.97),rgba(9,23,34,.98))}.playerResourceTable .rewardRow{min-height:54px;margin:0;padding:7px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-bottom:1px solid rgba(255,255,255,.065);border-radius:0;background:transparent;box-shadow:none}.playerResourceTable .rewardRow:last-child{border-bottom:0}.playerResourceTable .rewardEmoji{width:38px;height:38px}.playerResourceTable .rewardIcon.medium{width:36px;height:36px}.playerResourceTable .rewardRow b{font-size:13px;line-height:1.2}.playerResourceTable .score{font-size:14px;color:#f4f7fb}
/* Focused clan player profile */
#content.clanPlayerView{padding-top:2px}#content.clanPlayerView>.manageBack{margin:0 0 12px}#content.clanPlayerView>.btn.full:last-child{width:100%;margin:18px 0 24px;min-height:54px;border-radius:17px}
/* Compact mobile player profile. Leader and officer share the same controls. */
.playerProfileHero{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 20%,rgba(65,170,199,.17),transparent 35%),linear-gradient(145deg,#142d3c,#091923)}
.playerAvatar,.playerAvatar .uiIcon{width:66px;height:66px}.playerName{display:flex;align-items:center;gap:8px;min-width:0}.playerName h1{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:25px}.playerName span{padding:4px 7px;border-radius:999px;background:rgba(89,190,216,.12);color:#8bcddd;font-size:9px;font-weight:850;white-space:nowrap}.playerProfileHero p{margin:4px 0 0;color:var(--muted);font-size:10px}.playerLuck{display:inline-block;margin-top:7px;padding:5px 8px;border-radius:9px;background:rgba(170,111,255,.12);color:#d7c2ff;font-size:9px;font-weight:850}
.playerActivityRows{display:grid;gap:7px;margin:10px 0}.playerActivityRows>div{display:grid;grid-template-columns:45px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:58px;padding:8px 11px;border:1px solid rgba(83,185,216,.18);border-radius:16px;background:rgba(17,37,50,.86)}.playerActivityRows .uiIcon{width:43px;height:43px}.playerActivityRows span b,.playerActivityRows span small{display:block}.playerActivityRows span b{font-size:13px}.playerActivityRows span small{margin-top:2px;color:var(--muted);font-size:8px}.playerActivityRows>div>b{font-size:10px;color:#9cb7c4}.playerProgressDots{display:flex!important;align-items:center;gap:5px}.playerProgressDots i{width:8px;height:8px;border-radius:50%;background:rgba(76,116,133,.22);border:1px solid rgba(91,154,177,.25)}.playerProgressDots i.done{background:#61d2e7;border-color:#8be7f4;box-shadow:0 0 7px rgba(97,210,231,.9)}
.playerKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0 12px}.playerKpis>div{min-width:0;padding:9px 4px;border-radius:13px;background:rgba(255,255,255,.045);text-align:center}.playerKpis small,.playerKpis b{display:block}.playerKpis small{overflow:hidden;color:var(--muted);font-size:7px;white-space:nowrap}.playerKpis b{margin-top:3px;font-size:16px}
.playerFold{margin:8px 0;border:1px solid rgba(83,185,216,.19);border-radius:18px;background:linear-gradient(145deg,rgba(19,41,55,.98),rgba(8,23,34,.99));overflow:hidden}.playerFold>summary{list-style:none;display:grid;grid-template-columns:45px minmax(0,1fr) auto 14px;align-items:center;gap:9px;min-height:62px;padding:8px 12px;cursor:pointer}.playerFold>summary::-webkit-details-marker{display:none}.playerFold>summary>.uiIcon{width:43px;height:43px}.playerFold>summary b{font-size:14px}.playerFold>summary em{padding:4px 7px;border-radius:999px;background:rgba(83,185,216,.12);color:#8ed9ed;font-size:9px;font-style:normal;font-weight:850}.playerFold>summary>i{color:#69c5df;font-size:20px;font-style:normal;transition:transform .18s}.playerFold[open]>summary>i{transform:rotate(90deg)}.playerFoldBody{padding:9px 10px 11px;border-top:1px solid rgba(255,255,255,.06)}
.playerCompactTable{width:100%;display:grid;overflow:hidden;border-radius:12px;background:rgba(255,255,255,.025)}.playerCompactTable>div{display:grid;grid-template-columns:minmax(90px,1.5fr) repeat(3,minmax(43px,.55fr));align-items:center;gap:4px;min-height:38px;padding:5px 7px;border-bottom:1px solid rgba(255,255,255,.06);font-size:9px}.playerCompactTable>div:last-child{border-bottom:0}.playerCompactTable .head{min-height:27px;color:var(--muted);font-size:7px}.playerCompactTable>div>:not(:first-child){text-align:center}.playerCompactTable>div>span{min-width:0;display:flex;align-items:center;gap:5px}.playerCompactTable>div>span .uiIcon{width:25px;height:25px;flex:0 0 25px}.playerCompactTable.resources>div,.playerCompactTable.recent>div{grid-template-columns:minmax(0,1fr) auto}.playerCompactTable.resources>div>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerCompactTable.resources .rewardIcon{width:30px;height:30px}.playerCompactTable.recent span b,.playerCompactTable.recent span small{display:block}.playerCompactTable.recent span{display:block}.playerCompactTable.recent span small,.playerCompactTable.recent time{color:var(--muted);font-size:8px}
.playerStatusLine{display:grid;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:7px;border-bottom:1px solid rgba(255,255,255,.06)}.playerStatusLine:last-child{border-bottom:0}.playerStatusLine .uiIcon{width:36px;height:36px}.playerStatusLine span b,.playerStatusLine span small{display:block}.playerStatusLine span b{font-size:12px}.playerStatusLine span small{margin-top:2px;color:var(--muted);font-size:8px}.playerStatusLine strong{font-size:14px;text-align:center}.playerStatusLine strong.good{color:#68dda4}.playerStatusLine strong.bad{color:#ff8793}
.playerDifficultyList{display:grid;gap:5px}.playerDifficulty{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;padding:7px 8px;border-radius:12px;background:rgba(255,255,255,.035)}.playerDifficulty>span{display:flex;align-items:center;gap:8px;font-size:11px}.playerDifficulty .uiIcon{width:30px;height:30px}.playerDifficulty input{display:none}.playerDifficulty>i{position:relative;width:38px;height:22px;border-radius:99px;background:#263d49}.playerDifficulty>i:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#78909b;transition:.18s}.playerDifficulty input:checked+i{background:rgba(66,181,208,.38)}.playerDifficulty input:checked+i:after{left:19px;background:#6cdbef;box-shadow:0 0 9px rgba(108,219,239,.75)}
.playerAudit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 5px;border-bottom:1px solid rgba(255,255,255,.06)}.playerAudit:last-child{border-bottom:0}.playerAudit b{overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.playerAudit span{color:var(--muted);font-size:7px;white-space:nowrap}.playerActions{display:grid;gap:7px}.playerActions .btn{width:100%;min-height:44px}.btn.danger{border-color:rgba(255,91,110,.28);background:rgba(116,28,42,.22);color:#ff9ba6}.playerLeaderNote{padding:11px;border-radius:12px;background:rgba(255,190,75,.08);color:#e9c36d;font-size:9px;line-height:1.4}