/* The clan base: a shared world anchored in verified actions. */
.baseHero{position:relative;overflow:hidden;min-height:250px;display:flex;align-items:center;padding:clamp(22px,4vw,54px);border:1px solid #9863be;border-radius:14px 14px 0 0;background:radial-gradient(circle at 78% 22%,#4e1d7f85,transparent 55%),linear-gradient(115deg,#17101fed,#110d1fb9),url('/clan-base.webp') center 44%/cover;box-shadow:0 20px 45px #0009}
.baseHero>div{position:relative;z-index:1;max-width:820px}.baseHero span,.baseProjectTop,.baseSiege>div>span,.baseRelicPanel>span{color:#e3afff;font-weight:800;letter-spacing:.13em;font-size:12px}.baseHero h1{font:900 clamp(44px,7vw,86px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:.025em;margin:13px 0}.baseHero h1 em{font-style:normal;color:#d176ff;text-shadow:0 0 22px #a030d2}.baseHero p{color:#e6dceb;line-height:1.55;font-size:16px;max-width:590px}.baseHeroStats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.baseHeroStats span{display:flex;align-items:baseline;gap:6px;letter-spacing:0;text-transform:none;font-size:13px;color:#eaddec;border:1px solid #9564ac96;background:#191322dc;padding:8px 11px;border-radius:7px}.baseHeroStats b{color:#ffdb9b;font-size:21px}
.baseScene{position:relative;aspect-ratio:1672/850;min-height:330px;margin:12px 0 0;overflow:hidden;border:1px solid #644080;border-radius:12px;background:linear-gradient(0deg,#0c0817c9,transparent 26%),url('/clan-base.webp') center 45%/cover no-repeat;box-shadow:0 17px 45px #0009,inset 0 0 36px #16101d}
.baseHotspot{position:absolute;top:44%;left:19%;display:flex;align-items:center;flex-direction:column;gap:4px;width:clamp(104px,16%,175px);padding:10px 7px;color:#fff;border:1px solid #be84da;border-radius:9px;background:#150e1ddd;box-shadow:0 7px 26px #080413bb,0 0 15px #bd6df48e;backdrop-filter:blur(8px);transform:translate(-50%,-50%);transition:transform .2s,box-shadow .2s,border-color .2s;z-index:2}.baseHotspot-forge{left:51%;top:47%;border-color:#efa579;box-shadow:0 7px 26px #080413bb,0 0 15px #e57a51a0}.baseHotspot-portal{left:83%;top:43%;border-color:#a878ff;box-shadow:0 7px 26px #080413bb,0 0 17px #9e46ffb0}.baseHotspot:hover,.baseHotspot.active{transform:translate(-50%,-57%) scale(1.07);border-color:#fff;box-shadow:0 7px 26px #080413bb,0 0 28px #ba70f9}.baseHotspot>span{width:30px;height:30px}.baseHotspot .kkicon{width:30px;height:30px;color:#e4b5fa}.baseHotspot strong{font:800 17px 'Barlow Condensed',sans-serif;line-height:1}.baseHotspot small{font-size:10px;letter-spacing:.1em;color:#ffdb9b;font-weight:800}.baseSceneBottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;padding:30px 18px 15px;color:#e4d2ed;background:linear-gradient(0deg,#100d1df2,transparent);font-size:12px;letter-spacing:.1em}.baseSceneBottom strong{font-size:13px;color:#ffe6b2;letter-spacing:0}
.baseStructures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:9px 0 14px}.baseStructures button{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;padding:11px 13px;color:#d7cbdc;border:1px solid #57416b;border-radius:8px;background:#1b1726}.baseStructures button.active{color:#fff;border-color:#cf90f2;background:linear-gradient(110deg,#3d2054,#1f1829)}.baseStructures button .kkicon{width:30px;height:30px;flex:none;color:#dfa2ff}.baseStructures strong,.baseStructures small{display:block}.baseStructures strong{font:800 18px 'Barlow Condensed',sans-serif}.baseStructures small{font-size:12px;color:#bdb0c8}.baseDetail{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:13px}.baseProject,.baseRelicPanel,.baseSiege,.baseCommunity>.panel{min-width:0;border:1px solid #654877;border-radius:12px;background:linear-gradient(145deg,#21152d,#12131d 75%);box-shadow:0 14px 34px #0008;padding:clamp(17px,2.5vw,28px)}.baseProjectTop{display:flex;justify-content:space-between;gap:10px}.baseProjectTop strong{color:#ffe1a5}.baseProject h2,.baseSiege h2{font:900 clamp(32px,4vw,52px)/1 'Barlow Condensed',sans-serif;margin:8px 0}.baseProject p,.baseRelicPanel p,.baseSiege p{font-size:14px;color:#cec1d3;line-height:1.55}.baseProjectMetrics{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.baseProjectMetrics span{padding:8px 10px;border:1px solid #574660;border-radius:6px;color:#c9b8d4;background:#15121f;font-size:13px}.baseProjectMetrics strong{color:#fff0ca}.baseMeter{height:12px;border-radius:9px;border:1px solid #69517b;background:#0e0b16;overflow:hidden}.baseMeter i{display:block;height:100%;background:linear-gradient(90deg,#7034be,#c979fc,#ffd894);box-shadow:0 0 18px #bc63ea;transition:width .4s}.baseNext{color:#f5d99b!important}.baseInvest{margin-top:19px;padding-top:17px;border-top:1px solid #51405b}.baseInvest h3{font:800 23px 'Barlow Condensed',sans-serif;margin:0}.baseInvest p{margin:5px 0 12px}.baseInvest p strong{color:#ffda94}.baseInvest>div{display:flex;gap:8px;flex-wrap:wrap}.baseInvest button{min-width:80px;min-height:39px}.baseInvest>button{margin-top:10px}.baseRelicPanel{background:radial-gradient(circle at 55% 17%,#6d2d9970,transparent 58%),linear-gradient(145deg,#281832,#15121d)}.baseRelicShow{display:flex;align-items:center;gap:13px;min-height:143px;margin:17px 0}.baseRelicShow h3{font:800 25px/1.05 'Barlow Condensed',sans-serif;color:#fff;margin:4px 0}.baseRelicShow p{margin:5px 0}.baseRelicShow small{font-size:12px;color:#e4caa7;line-height:1.4;display:block}.baseRelicPanel>button{margin:5px 7px 0 0}.baseRelic{display:inline-block;flex:none;width:88px;height:95px;border:1px solid #c088e7;border-radius:10px;background:#261932 url('/clan-base.webp') left 40%/auto 170% no-repeat;box-shadow:0 0 20px #a855e866}.baseRelic-forge{background-position:50% 44%;border-color:#ec9d6e}.baseRelic-portal{background-position:right 42%;border-color:#9a7af5}
.baseSiege{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:20px;align-items:center;margin-top:14px;background:radial-gradient(circle at 93% 30%,#5c2367b0,transparent 60%),linear-gradient(115deg,#211521,#11121c)}.baseSiege .baseMeter{margin:18px 0 8px}.baseSiege>div>strong{font-size:14px;color:#ffe2af}.baseSiegePrize{display:grid;justify-items:start;gap:6px;padding:20px;border:1px solid #a0649b;border-radius:10px;background:#1b1125}.baseSiegePrize>div .kkicon{width:47px;height:47px;color:#f2c181}.baseSiegePrize span{font-size:11px;letter-spacing:.12em;color:#dbaef5}.baseSiegePrize strong{font-size:19px;color:#ffe1a5}.baseSiegePrize small{color:#d9c8df}.baseSiegePrize button{margin-top:7px;width:100%}.baseCommunity{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.baseCommunity h2{font:800 24px 'Barlow Condensed',sans-serif;color:#eab9ff;margin:0 0 15px}.baseRank,.baseEvent{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid #47354d;font-size:14px}.baseRank b{color:#e8bbee}.baseRank span{flex:1;min-width:0;overflow-wrap:anywhere}.baseRank strong{color:#ffd29b;white-space:nowrap}.baseEvent{align-items:flex-start;line-height:1.4}.baseEvent>span .kkicon{width:22px;height:22px;color:#d4a4f4}.baseEvent small{display:block;color:#a99ab2;font-size:11px;margin-top:3px}.baseFootnote{color:#aca2b4;font-size:13px;line-height:1.5;padding:6px 4px 25px}.baseLoading,.baseError{padding:35px;color:#e8d6ee}
.deployBase{background:radial-gradient(circle at 85% 20%,#743bab8c,transparent 63%),linear-gradient(120deg,#25192e,#11121c)}
@media(max-width:850px){.baseDetail,.baseSiege{grid-template-columns:1fr}.baseCommunity{grid-template-columns:1fr}.baseHotspot strong{font-size:15px}}
@media(max-width:600px){.baseHero{min-height:230px;padding:23px 17px}.baseHero p{font-size:14px}.baseHeroStats{gap:6px}.baseHeroStats span{font-size:11px;padding:6px}.baseHeroStats b{font-size:16px}.baseScene{aspect-ratio:auto;min-height:290px;background-position:center 45%;background-size:auto 100%}.baseHotspot{top:45%;width:31%;padding:7px 3px;min-height:76px}.baseHotspot-fortress{left:16%}.baseHotspot-forge{left:50%}.baseHotspot-portal{left:84%}.baseHotspot>span,.baseHotspot .kkicon{height:21px;width:21px}.baseHotspot strong{font-size:14px}.baseHotspot small{font-size:9px}.baseSceneBottom{font-size:9px;padding:22px 10px 8px}.baseSceneBottom strong{font-size:10px}.baseStructures{gap:4px}.baseStructures button{padding:7px 5px;gap:4px;flex-direction:column;text-align:center}.baseStructures button .kkicon{width:24px;height:24px}.baseStructures strong{font-size:14px}.baseStructures small{font-size:10px}.baseProjectMetrics span{font-size:12px}.baseRelicShow{align-items:flex-start}.baseRelic{width:70px;height:76px}.baseSiegePrize{padding:14px}}
@media(prefers-reduced-motion:reduce){.baseMeter i,.baseHotspot{transition:none!important}}
.banner-item-basePortal{background-image:linear-gradient(90deg,#170b29c8,#3e1a715e),url('/clan-base.webp')!important;background-size:cover!important;background-position:right 40%!important}
.frame-item-baseForge{border:2px solid #f0a86a!important;box-shadow:0 0 16px #ed925d99,inset 0 0 19px #e67d4a4d!important}
.user.frame-item-baseForge .avatar{border:2px solid #efa475;box-shadow:0 0 14px #e8915b88}
.equipmentArt .baseRelic{width:46px;height:48px;border-radius:6px}
.welcomePortrait .baseRelic{width:63px;height:66px}
.baseAura{position:absolute;z-index:1;pointer-events:none;width:29%;height:50%;border-radius:50%;top:8%;left:5%;opacity:var(--base-power);filter:blur(19px);background:radial-gradient(circle,#a863ffbc 0%,#b56afb64 28%,transparent 75%);mix-blend-mode:screen;transition:opacity .5s}.baseAura-forge{left:36%;top:13%;background:radial-gradient(circle,#ffba5faa 0%,#f3755e5e 30%,transparent 75%)}.baseAura-portal{left:69%;top:7%;background:radial-gradient(circle,#bf6cffaf 0%,#8035ff77 36%,transparent 75%)}
@media(prefers-reduced-motion:reduce){.baseAura{transition:none}}
.baseDefenseActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.baseDefenseActions button{min-height:40px}
.baseVotePanel{margin:0 0 14px;padding:clamp(17px,2.5vw,28px);border:1px solid #8b5ca6;border-radius:12px;background:radial-gradient(circle at 90% 0,#6f35854d,transparent 55%),#171220;box-shadow:0 12px 30px #0007}.baseVoteHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.baseVoteHeader span,.baseLevelEyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#e3aaff}.baseVoteHeader h2{margin:6px 0;font:900 clamp(27px,3.7vw,41px)/1 'Barlow Condensed',sans-serif;color:#fff}.baseVoteHeader p{max-width:660px;margin:0 0 18px;color:#d7c6dd;font-size:14px;line-height:1.5}.baseVoteHeader>strong{flex:none;color:#ffdcac;font-size:14px}.baseVoteOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.baseVoteOption{min-width:0;text-align:left;padding:14px;border:1px solid #674872;border-radius:9px;background:#251831;color:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.baseVoteOption:hover:not(:disabled){transform:translateY(-3px);border-color:#db9af9}.baseVoteOption.chosen{border-color:#f4ce93;box-shadow:inset 0 0 19px #a953bb42,0 0 14px #af65c25c}.baseVoteName{display:flex;align-items:center;gap:7px}.baseVoteName .kkicon{width:25px;height:25px;flex:none;color:#d494fc}.baseVoteName strong{flex:1;font:800 19px 'Barlow Condensed',sans-serif}.baseVoteName b{color:#ffd69b}.baseVoteTrack{display:block;height:7px;margin:14px 0 7px;border-radius:8px;background:#0e0b17;overflow:hidden}.baseVoteTrack i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#8a40d0,#efb8ff,#ffd494);transition:width .4s}.baseVoteOption small{color:#ddc7e7}.baseVoteHint{color:#e3c69d;font-size:13px}
.baseLevelDialog{position:fixed;max-width:min(92vw,470px);width:100%;padding:28px;text-align:center;color:#fff;border:1px solid #e8b2fd;border-radius:16px;background:radial-gradient(circle at 50% 26%,#843fb38f,transparent 60%),linear-gradient(#23112e,#0e0b18);box-shadow:0 0 70px #ab51ec91;animation:baseLevelEnter .5s ease-out}.baseLevelDialog::backdrop{background:#07040ddd;backdrop-filter:blur(7px)}.baseLevelArt{height:150px;display:grid;place-items:center;position:relative}.baseLevelArt .kkicon{width:106px;height:106px;color:#f9d39f;filter:drop-shadow(0 0 21px #d972ff);animation:baseLevelPulse 1.5s ease-in-out infinite alternate}.baseLevelArt span{position:absolute;color:#ffdca0;font-size:27px;animation:baseLevelSpark 2s ease-in-out infinite}.baseLevelArt span:nth-child(2){left:12%;top:34%}.baseLevelArt span:nth-child(3){right:12%;top:15%;animation-delay:.4s}.baseLevelArt span:nth-child(4){right:26%;bottom:4%;animation-delay:.8s}.baseLevelDialog h2{font:900 clamp(34px,6vw,52px)/1 'Barlow Condensed',sans-serif;margin:9px 0 4px}.baseLevelDialog>strong{color:#ffdd9f;letter-spacing:.13em}.baseLevelDialog p{color:#e1cfec}.baseLevelDialog button{min-height:43px;margin-top:10px}@keyframes baseLevelEnter{from{opacity:0;transform:scale(.8) translateY(25px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes baseLevelPulse{to{transform:scale(1.12);filter:drop-shadow(0 0 36px #e686ff)}}@keyframes baseLevelSpark{50%{transform:translateY(-18px) scale(1.4);opacity:.45}}
@media(max-width:600px){.baseVoteOptions{grid-template-columns:1fr}.baseVoteHeader{flex-direction:column;gap:1px}.baseVoteHeader>strong{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.baseVoteOption,.baseVoteTrack i,.baseLevelDialog,.baseLevelArt .kkicon,.baseLevelArt span{animation:none!important;transition:none!important}}
.baseWeeklyEvent{margin:0 0 14px;padding:clamp(18px,3vw,30px);border:1px solid #e0aa6d;border-radius:12px;background:radial-gradient(circle at 85% 25%,#a464294f,transparent 50%),linear-gradient(130deg,#271a28,#14101f);box-shadow:0 13px 34px #0009}.baseWeeklyHeading{display:flex;justify-content:space-between;gap:12px;color:#f4cfa2;font-size:12px;font-weight:800;letter-spacing:.12em}.baseWeeklyHeading strong{color:#fff}.baseWeeklyGrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:22px;align-items:center}.baseWeeklyEvent h2{margin:12px 0 8px;font:900 clamp(31px,4vw,49px)/1 'Barlow Condensed',sans-serif;color:#fff}.baseWeeklyEvent p{color:#e7d4df;line-height:1.5;font-size:15px}.baseWeeklyEvent .baseMeter{margin:19px 0 10px}.baseWeeklyNumbers{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#ddc9df;font-size:14px}.baseWeeklyNumbers strong{color:#ffe2b2}.baseWeeklyEvent small{display:block;margin-top:13px;color:#c8b5cd;font-size:12px;line-height:1.5}.baseWeeklyPrize{padding:25px;border:1px solid #b68b62;border-radius:10px;background:linear-gradient(155deg,#493032,#241528);box-shadow:inset 0 0 30px #cf85423d}.baseWeeklyPrize span{font-size:12px;color:#ffe0a5;font-weight:800;letter-spacing:.12em}.baseWeeklyPrize strong{display:block;font:900 35px 'Barlow Condensed',sans-serif;margin:12px 0 0;color:#fff}.baseWeeklyPrize p{margin:4px 0 17px}.baseWeeklyPrize button{width:100%}.baseWeeklyEmpty{max-width:700px}.baseWeeklyEmpty p{margin-bottom:0}@media(max-width:750px){.baseWeeklyGrid{grid-template-columns:1fr}.baseWeeklyHeading{flex-wrap:wrap}}
