/* Central de Clãs — janela própria, 10/10/2026. Prefixo ucc-. Mesma linguagem da Expedição (uex-) e do Breed (ubc-). */
@property --ucc-ring{syntax:'<number>';inherits:false;initial-value:0}
.ucc-root{
  --bg:#0a1a2c;--panel:#0f2338;--card:#10263f;--card-2:#0c2036;--line:#24476a;--line-2:#3c74a6;
  --text:#ecf4f8;--muted:#9db3c6;--faint:#6f8aa1;--teal:#5fe0b8;--teal-2:#2fb98f;--gold:#f4c95d;--gold-2:#d99a1e;
  --red:#ff7a6e;--red-2:#d9443c;--amber:#ffb454;--blue:#6cb8ff;--purple:#b88cff;--radius:14px;
  position:fixed;inset:0;z-index:100080;display:grid;place-items:center;padding:clamp(6px,2vw,26px);
  background:rgb(1 7 13 / 72%);-webkit-backdrop-filter:blur(3px) saturate(.8);backdrop-filter:blur(3px) saturate(.8);
  color:var(--text);font:14px/1.38 "Segoe UI",Arial,sans-serif;box-sizing:border-box;animation:ucc-fade .18s ease-out;
}
.ucc-root[hidden]{display:none!important}
.ucc-root *,.ucc-root *::before,.ucc-root *::after{box-sizing:border-box}
.ucc-root button{font:inherit;color:inherit;cursor:pointer}
.ucc-root button:disabled{cursor:not-allowed}
.ucc-root img{image-rendering:pixelated}
.ucc-root :focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.ucc-root h3{margin:0}
.ucc-root p{margin:0}
.ucc-root a{color:var(--teal)}
.ucc-ico{width:22px;height:22px;object-fit:contain;flex:none;vertical-align:-5px}
.ucc-scene{display:block;width:96px;height:96px;object-fit:contain;flex:none}
.ucc-hint{color:var(--muted);font-size:12.5px}
.ucc-hint .ucc-ico{width:18px;height:18px;margin-right:5px}
.ucc-link{padding:0;border:0;background:none;color:var(--teal);font-weight:700;font-size:12.5px;text-decoration:underline;text-underline-offset:3px}
.ucc-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* janela */
.ucc-window{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1440px,100%);height:min(940px,100%);
  border:2px solid #2f6391;border-radius:18px;background:linear-gradient(180deg,#0e2540 0%,#0a1a2c 34%,#081626 100%);
  box-shadow:0 24px 70px rgb(0 0 0 / 55%),inset 0 1px 0 rgb(255 255 255 / 6%);overflow:hidden;animation:ucc-pop .34s cubic-bezier(.2,.9,.3,1.15)}
.ucc-window:focus{outline:none}

/* cabeçalho */
.ucc-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 16px;
  border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgb(14 44 74 / 97%),rgb(9 28 48 / 86%)),url('/assets/brand/ultimate-poke-idle/clan-center/banners/fortress.webp') center 40%/cover}
.ucc-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--teal),transparent);opacity:.55;animation:ucc-scan 6s linear infinite;background-size:200% 100%}
.ucc-head-icon{display:grid;width:54px;height:54px;place-items:center;border:1px solid #3d77a8;border-radius:14px;background:radial-gradient(circle,#1b4a6f,#0b2238);box-shadow:0 0 18px rgb(95 224 184 / 18%)}
.ucc-head-icon .ucc-ico{width:42px;height:42px;animation:ucc-bob 3.2s ease-in-out infinite}
.ucc-head-title{min-width:0}
.ucc-head-title small{display:block;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.09em}
.ucc-head-title h2{margin:1px 0 2px;font:italic 700 27px/1.05 "pgreen","Segoe UI",sans-serif;letter-spacing:.01em;text-shadow:0 2px 0 #06121f}
.ucc-head-title p{margin:0;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.ucc-head-side{display:flex;align-items:center;gap:8px}
.ucc-mvp{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 11px;border:1px solid var(--line-2);border-radius:999px;background:rgb(5 18 31 / 72%);font-size:12px;font-weight:700;white-space:nowrap}
.ucc-mvp .ucc-ico{width:18px;height:18px}
.ucc-mvp b{padding:2px 8px;border-radius:999px;font-size:11px}
.ucc-mvp.is-on b{background:rgb(95 224 184 / 18%);color:var(--teal)}
.ucc-mvp.is-off b{background:rgb(255 255 255 / 8%);color:var(--muted)}
.ucc-mvp.is-off .ucc-ico{filter:grayscale(1) opacity(.6)}
.ucc-wallet{display:flex;align-items:center;gap:6px;height:36px;padding:0 11px;border:1px solid #2e5f8d;border-radius:10px;background:rgb(9 33 56 / 82%);color:#bfe6ff;font-weight:800;white-space:nowrap}
.ucc-iconbtn{display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid #3e6f99;border-radius:10px;background:#0f2a45;font-size:20px;line-height:1;transition:filter .12s,transform .12s}
.ucc-iconbtn svg{width:20px;height:20px}
.ucc-iconbtn:hover:not(:disabled){filter:brightness(1.25)}
.ucc-iconbtn:hover:not(:disabled) svg{animation:ucc-spin .7s ease-out}
.ucc-iconbtn.is-small{width:30px;height:30px;border-radius:8px;font-size:17px}
.ucc-iconbtn:disabled{opacity:.45}
.ucc-window.is-loading .ucc-head [data-act="refresh"] svg{animation:ucc-spin .9s linear infinite}
.ucc-x{display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid #3e6f99;border-radius:10px;background:#0f2a45;font-size:24px;line-height:1;transition:background .15s,border-color .15s,transform .15s}
.ucc-x:hover:not(:disabled){background:#7b2b33;border-color:#e08a8a;transform:rotate(90deg)}
.ucc-x.is-small{width:32px;height:32px;font-size:20px;border-radius:8px}

/* botões */
.ucc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid #3e6f99;border-radius:10px;
  background:linear-gradient(180deg,#18395a,#112b46);font-weight:750;font-size:13px;white-space:nowrap;overflow:hidden;transition:filter .12s,transform .12s,border-color .12s,box-shadow .2s}
.ucc-btn .ucc-ico{width:20px;height:20px}
.ucc-btn:hover:not(:disabled){filter:brightness(1.15);border-color:#6aa6d8;transform:translateY(-1px)}
.ucc-btn:active:not(:disabled){transform:translateY(1px)}
.ucc-btn:disabled{opacity:.45;filter:saturate(.6)}
.ucc-btn.is-small{min-height:32px;padding:0 12px;font-size:12.5px;border-radius:9px}
.ucc-btn.is-big{min-height:50px;padding:0 20px;font-size:15.5px;border-radius:12px}
.ucc-btn.is-big .ucc-ico{width:28px;height:28px}
.ucc-btn.is-ghost{background:rgb(9 27 45 / 70%)}
.ucc-btn.is-primary{border-color:#bff7e4;background:linear-gradient(180deg,#6ff0c6,#2cbd91);color:#05301f;box-shadow:0 3px 0 #13805f}
.ucc-btn.is-danger{border-color:#ffc9c9;background:linear-gradient(180deg,#ff8f8f,#d24f57);color:#2a0507;box-shadow:0 3px 0 #8f2730}
.ucc-btn.is-danger-ghost{border-color:#7a3a44;background:rgb(70 18 26 / 55%);color:#ffb3b3}
.ucc-btn.is-attack{border-color:#ffd2a3;background:linear-gradient(180deg,#ffae5c,#e8553d);color:#2c0800;box-shadow:0 3px 0 #9a3018}
.ucc-btn.is-attack::after,.ucc-btn.is-glow::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 55%),transparent);transform:skewX(-20deg);animation:ucc-shine 2.6s ease-in-out infinite}
.ucc-btn.is-glow:not(:disabled){animation:ucc-glow 1.8s ease-in-out infinite}
.ucc-btn:disabled::after{display:none}
.ucc-btn-art{width:34px;height:34px;margin:-6px 0}

/* corpo: trilho + conteúdo */
.ucc-body{display:grid;grid-template-columns:96px minmax(0,1fr);min-height:0}
.ucc-rail{display:flex;flex-direction:column;gap:6px;padding:12px 8px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgb(6 20 34 / 92%),rgb(5 15 26 / 96%));overflow:auto}
.ucc-tab{position:relative;display:grid;justify-items:center;gap:3px;padding:9px 4px 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:750;
  transition:background .18s,color .18s,border-color .18s,transform .18s}
.ucc-rail.is-enter .ucc-tab{animation:ucc-rise .4s both;animation-delay:calc(var(--i) * 45ms)}
.ucc-tab-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:rgb(255 255 255 / 4%);transition:background .2s,transform .2s}
.ucc-tab-icon .ucc-ico{width:34px;height:34px;filter:saturate(.75) brightness(.9);transition:filter .2s,transform .25s cubic-bezier(.3,1.6,.5,1)}
.ucc-tab-label small{color:var(--faint)}
.ucc-tab:hover:not(:disabled){color:var(--text);background:rgb(255 255 255 / 4%)}
.ucc-tab:hover:not(:disabled) .ucc-ico{transform:translateY(-3px) scale(1.08);filter:none}
.ucc-tab.is-active{border-color:rgb(95 224 184 / 55%);background:linear-gradient(180deg,rgb(95 224 184 / 16%),rgb(47 185 143 / 6%));color:#e9fff6;box-shadow:inset 0 0 0 1px rgb(95 224 184 / 12%),0 0 18px rgb(95 224 184 / 12%)}
.ucc-tab.is-active::before{content:"";position:absolute;left:-9px;top:18%;bottom:18%;width:4px;border-radius:4px;background:var(--teal);box-shadow:0 0 10px var(--teal);animation:ucc-grow-y .3s ease-out}
.ucc-tab.is-active .ucc-tab-icon{background:radial-gradient(circle,rgb(95 224 184 / 26%),transparent 70%)}
.ucc-tab.is-active .ucc-ico{filter:none;animation:ucc-bob 2.6s ease-in-out infinite}
.ucc-badge{position:absolute;top:4px;right:10px;display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border:2px solid #081626;border-radius:999px;font-size:11px;font-weight:900;line-height:1;color:#1b1200}
.ucc-rail.is-enter .ucc-badge{animation:ucc-badge .5s cubic-bezier(.3,1.8,.5,1) both}
.ucc-badge.is-gold{background:var(--gold)}
.ucc-badge.is-red,.ucc-rail.is-enter .ucc-badge.is-red{background:var(--red);color:#2b0300;animation:ucc-pulse 1.4s ease-in-out .5s infinite}
.ucc-badge.is-amber{background:var(--amber)}
.ucc-badge.is-blue{background:var(--blue);color:#021a33}
.ucc-badge.is-purple{background:var(--purple);color:#1a0636}
.ucc-main{position:relative;min-width:0;min-height:0;padding:16px 18px 26px;overflow:auto;scrollbar-color:#2f5a82 transparent}
.ucc-view{display:grid;gap:14px;align-content:start}
.ucc-view.is-enter>*,.ucc-view.is-enter .ucc-col>*{animation:ucc-rise .45s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i,0) * 70ms + 40ms)}
.ucc-columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:14px;align-items:start}
.ucc-columns.is-war{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.ucc-col{display:grid;gap:14px;align-content:start;min-width:0}

/* cartões */
.ucc-card{position:relative;min-width:0;padding:14px 16px 16px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgb(17 41 66 / 92%),rgb(11 30 50 / 92%));box-shadow:0 6px 18px rgb(0 0 0 / 22%)}
.ucc-card.is-flash{animation:ucc-flash 1.4s ease-out}
.ucc-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.ucc-section-head h3{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:800;letter-spacing:.01em}
.ucc-section-head h3 .ucc-ico{width:26px;height:26px}
.ucc-section-head>span{color:var(--muted);font-size:12px}
.ucc-section-head>span .ucc-countdown{color:var(--text);font-weight:800}
.ucc-bar{position:relative;display:block;height:8px;border-radius:6px;background:#173450;overflow:hidden;box-shadow:inset 0 1px 2px rgb(0 0 0 / 40%)}
.ucc-bar i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--teal-2),var(--teal));transform-origin:left;transform:scaleX(var(--p));transition:transform .8s cubic-bezier(.2,.9,.3,1)}
.ucc-view.is-enter .ucc-bar i{animation:ucc-grow 1s cubic-bezier(.2,.9,.3,1) both;animation-delay:.25s}
.ucc-bar.is-done i{background:linear-gradient(90deg,#e2a530,var(--gold))}
.ucc-bar.is-done i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 45%),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:ucc-shimmer 2.2s linear infinite}
.ucc-bar.is-thin{height:5px}
.ucc-bar.is-full i{background:linear-gradient(90deg,#d97b2c,var(--amber))}
.ucc-bar.is-own i{background:linear-gradient(90deg,var(--teal-2),var(--teal))}
.ucc-bar.is-rival i{background:linear-gradient(90deg,#d9443c,#ff8a6e)}
.ucc-bar.is-raid i{background:linear-gradient(90deg,#7b4bd8,var(--purple))}
.ucc-bar.is-hp i{background:linear-gradient(90deg,#e74c3c,#ff9f6e)}

/* carregando, vazio */
.ucc-loading{display:grid;min-height:340px;place-items:center;align-content:center;gap:16px;color:var(--muted)}
.ucc-loader{display:flex;gap:8px}
.ucc-loader i{width:14px;height:14px;border-radius:50%;background:var(--teal);animation:ucc-hop .9s ease-in-out infinite}
.ucc-loader i:nth-child(2){animation-delay:.15s;background:var(--gold)}
.ucc-loader i:nth-child(3){animation-delay:.3s;background:var(--blue)}
.ucc-empty{display:grid;min-height:320px;place-items:center;align-content:center;gap:10px;padding:20px;text-align:center}
.ucc-empty .ucc-scene{width:140px;height:140px;animation:ucc-bob 3s ease-in-out infinite}
.ucc-empty h3{font-size:19px}
.ucc-empty p{max-width:460px;color:var(--muted)}
.ucc-mini-empty{display:flex;align-items:center;gap:12px;padding:8px 4px;color:var(--muted);font-size:13px}
.ucc-mini-empty .ucc-scene{width:64px;height:64px}

/* herói (faixa com cenário) */
.ucc-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:20px;min-height:196px;padding:20px 22px;border:1px solid #2f6391;border-radius:16px;overflow:visible;isolation:isolate}
.ucc-hero-bg{position:absolute;inset:0;z-index:-2;border-radius:15px;overflow:hidden}
.ucc-hero-bg::before{content:"";position:absolute;inset:0;background:var(--bg) center 45%/cover no-repeat;animation:ucc-pan 38s ease-in-out calc(var(--t0,0) * -1s) infinite alternate}
.ucc-hero::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:15px;background:linear-gradient(90deg,rgb(4 14 26 / 92%) 0%,rgb(4 14 26 / 70%) 38%,rgb(4 14 26 / 18%) 72%,rgb(4 14 26 / 30%)),linear-gradient(0deg,rgb(4 14 26 / 70%),transparent 55%)}
.ucc-fireflies{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:15px;pointer-events:none}
.ucc-fireflies i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:#fff6b0;box-shadow:0 0 8px 2px rgb(255 236 140 / 70%);opacity:0;animation:ucc-firefly var(--d) ease-in-out var(--w) infinite}
.ucc-emblem{position:relative;display:grid;width:138px;height:138px;place-items:center;flex:none}
.ucc-emblem-ring{position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1f5a85,#0b2238 70%);border:3px solid #6ad7b4;box-shadow:0 0 0 5px rgb(10 30 50 / 85%),0 0 0 7px rgb(95 224 184 / 35%),0 0 32px rgb(95 224 184 / 40%);animation:ucc-ringglow 3.2s ease-in-out infinite}
.ucc-emblem-ring::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px dashed rgb(244 201 93 / 45%);animation:ucc-spin 26s linear infinite}
.ucc-sprite{display:block;object-fit:contain}
.ucc-emblem-sprite{position:relative;z-index:1;width:104px;height:104px;animation:ucc-bob 2.6s ease-in-out infinite;filter:drop-shadow(0 4px 0 rgb(0 0 0 / 35%))}
.ucc-emblem-shadow{position:absolute;bottom:22px;left:50%;z-index:0;width:56px;height:10px;margin-left:-28px;border-radius:50%;background:rgb(0 0 0 / 35%);animation:ucc-shadow 2.6s ease-in-out infinite}
.ucc-emblem-edit{position:absolute;right:4px;bottom:6px;z-index:2;display:grid;width:34px;height:34px;place-items:center;padding:0;border:2px solid #0b2238;border-radius:50%;background:var(--gold);color:#3a2600;font-size:16px;font-weight:900;box-shadow:0 3px 0 #7d5a12;transition:transform .2s}
.ucc-emblem-edit:hover{transform:rotate(-12deg) scale(1.1)}
.ucc-emblem.is-small{width:104px;height:104px}
.ucc-emblem.is-small .ucc-emblem-sprite{width:76px;height:76px}
.ucc-emblem.is-small .ucc-emblem-shadow{bottom:14px}
.ucc-emblem.is-tiny{width:62px;height:62px}
.ucc-emblem.is-tiny .ucc-emblem-ring{inset:4px;border-width:2px;box-shadow:0 0 0 3px rgb(10 30 50 / 85%),0 0 14px rgb(95 224 184 / 25%)}
.ucc-emblem.is-tiny .ucc-emblem-ring::after{display:none}
.ucc-emblem.is-tiny .ucc-emblem-sprite{width:50px;height:50px;animation-duration:3.4s}
.ucc-hero-copy{min-width:0}
.ucc-hero-kicker{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.ucc-hero-kicker small{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.1em}
.ucc-hero-name{font:italic 700 clamp(26px,3.2vw,40px)/1.05 "pgreen","Segoe UI",sans-serif;letter-spacing:.01em;text-shadow:0 3px 0 #04101c,0 0 22px rgb(95 224 184 / 25%);overflow-wrap:anywhere}
.ucc-hero-stats{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.ucc-hstat{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 8px;border:1px solid rgb(120 170 210 / 30%);border-radius:12px;background:rgb(5 18 31 / 70%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.ucc-hstat .ucc-ico{width:26px;height:26px}
.ucc-hstat b{font-size:16px;font-weight:900}
.ucc-hstat b em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}
.ucc-hstat small{color:var(--muted);font-size:11px}
.ucc-role{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 4px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}
.ucc-role .ucc-ico{width:18px;height:18px}
.ucc-role.is-owner{border-color:rgb(244 201 93 / 55%);background:rgb(244 201 93 / 14%);color:#ffe08a}
.ucc-role.is-vice{border-color:rgb(160 200 230 / 50%);background:rgb(160 200 230 / 12%);color:#cfe6ff}
.ucc-role.is-member{border-color:rgb(205 150 100 / 45%);background:rgb(205 150 100 / 12%);color:#f1c9a3}
.ucc-level{display:grid;justify-items:center;gap:6px;text-align:center}
.ucc-level-ring{--ucc-ring:0;display:grid;width:96px;height:96px;place-items:center;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--ucc-ring) * 1%),#1a3550 0);box-shadow:0 0 22px rgb(244 201 93 / 28%)}
.ucc-view:not(.is-enter) .ucc-level-ring{--ucc-ring:var(--p)}
.ucc-view.is-enter .ucc-level-ring{animation:ucc-ring 1.4s cubic-bezier(.2,.9,.3,1) .3s forwards}
.ucc-level-ring b{display:grid;width:78px;height:78px;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#12345a,#0a2036);font-size:30px;font-weight:900;line-height:1}
.ucc-level-ring b small{color:var(--gold);font-size:9.5px;font-weight:800;letter-spacing:.12em}
.ucc-level>span{padding:3px 10px;border-radius:999px;background:rgb(5 18 31 / 75%);color:#ffe7a1;font-size:12px;font-weight:800;white-space:nowrap}
.ucc-hero-more{position:relative;display:flex;align-items:center;gap:6px;align-self:start}
.ucc-chat-btn{background:rgb(5 18 31 / 78%)}
.ucc-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;min-width:230px;padding:6px;border:1px solid var(--line-2);border-radius:12px;background:#0d2238;box-shadow:0 16px 36px rgb(0 0 0 / 55%);animation:ucc-pop .2s ease-out}
.ucc-menu button{display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;font-weight:650}
.ucc-menu button:hover:not(:disabled){background:rgb(95 224 184 / 12%)}
.ucc-menu button.is-danger{color:#ffb3b3}
.ucc-menu button.is-danger:hover:not(:disabled){background:rgb(255 90 90 / 14%)}
.ucc-menu button:disabled{opacity:.5}
.ucc-menu button small{display:block;color:var(--faint);font-size:11px}
.ucc-menu .ucc-ico{width:22px;height:22px}

/* Agora no clã */
.ucc-now-list{display:grid;gap:8px}
.ucc-now-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--tone,var(--teal));border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--tone,var(--teal)) 14%,transparent),rgb(8 24 40 / 70%))}
.ucc-view.is-enter .ucc-now-card{animation:ucc-slide-in .45s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--j) * 80ms + .25s)}
.ucc-now-card.is-gold{--tone:var(--gold)}
.ucc-now-card.is-red{--tone:var(--red)}
.ucc-now-card.is-amber{--tone:var(--amber)}
.ucc-now-card.is-blue{--tone:var(--blue)}
.ucc-now-card.is-purple{--tone:var(--purple)}
.ucc-now-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:rgb(0 0 0 / 22%)}
.ucc-now-icon .ucc-ico{width:34px;height:34px;animation:ucc-wiggle 3.4s ease-in-out infinite;animation-delay:calc(var(--j) * .4s)}
.ucc-now-card strong{display:block;font-size:14px}
.ucc-now-card span{display:block;color:var(--muted);font-size:12.5px}
.ucc-now-empty{display:flex;align-items:center;gap:14px}
.ucc-now-empty .ucc-scene{width:84px;height:84px;animation:ucc-bob 3.4s ease-in-out infinite}
.ucc-now-empty strong{display:block;font-size:15px}
.ucc-now-empty span{color:var(--muted);font-size:12.5px}

/* bônus */
.ucc-bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.ucc-bonus{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 70%)}
.ucc-bonus>.ucc-ico{width:38px;height:38px;animation:ucc-bob 3.6s ease-in-out infinite}
.ucc-bonus small{display:block;color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.07em}
.ucc-bonus b{display:block;color:var(--teal);font-size:21px;font-weight:900;line-height:1.1}
.ucc-bonus span{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}
.ucc-bonus em{padding:1px 6px;border-radius:6px;background:rgb(255 255 255 / 7%);color:var(--muted);font-size:10.5px;font-style:normal;font-weight:700}
.ucc-bonus em.is-treasury{background:rgb(244 201 93 / 14%);color:#ffe08a}
.ucc-bonus em.is-war{background:rgb(255 122 110 / 14%);color:#ffb3a8}
.ucc-bonuses .ucc-hint{display:flex;align-items:center;margin-top:10px}

/* missões */
.ucc-mission-list{display:grid;gap:8px}
.ucc-mission{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 62%);transition:border-color .2s,background .2s}
.ucc-view.is-enter .ucc-mission{animation:ucc-rise .4s both;animation-delay:calc(var(--j) * 70ms + .3s)}
.ucc-mission.is-ready{border-color:rgb(244 201 93 / 60%);background:linear-gradient(90deg,rgb(244 201 93 / 12%),rgb(6 20 34 / 62%))}
.ucc-mission.is-claimed{opacity:.68}
.ucc-mission-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:rgb(255 255 255 / 5%)}
.ucc-mission-icon .ucc-ico{width:36px;height:36px}
.ucc-mission.is-ready .ucc-mission-icon .ucc-ico{animation:ucc-wiggle 1.8s ease-in-out infinite}
.ucc-mission-copy strong{display:block;font-size:14px}
.ucc-mission-copy>span{display:block;color:var(--muted);font-size:12px}
.ucc-mission-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:6px}
.ucc-mission-progress em{color:var(--muted);font-size:11.5px;font-style:normal;font-weight:800}
.ucc-mission-side{display:grid;justify-items:end;gap:6px}
.ucc-reward{display:inline-flex;align-items:center;gap:4px;color:#ffe08a;font-size:12px;font-weight:850;white-space:nowrap}
.ucc-reward .ucc-ico{width:18px;height:18px}
.ucc-done{color:var(--teal);font-size:12.5px;font-weight:800}

/* mural */
.ucc-paper{position:relative;padding:18px 18px 14px;border-radius:6px 6px 12px 12px;background:linear-gradient(180deg,#fbf3dc,#efe2bf);color:#3a2e1a;box-shadow:0 6px 0 #b9a77c,0 10px 22px rgb(0 0 0 / 35%);transform:rotate(-.4deg)}
.ucc-paper p{max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.5}
.ucc-paper a{color:#1f6f9e;font-weight:700}
.ucc-paper small{display:block;margin-top:10px;color:#7a6440;font-size:11.5px;text-align:right}
.ucc-paper-empty{color:#8a7650;font-style:italic}
.ucc-pin{position:absolute;top:-7px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9a8a,#c62f25);box-shadow:0 2px 0 #7a1712}
.ucc-notice-form{display:grid;gap:8px}
.ucc-notice-form .ucc-row{justify-content:flex-end}
.ucc-counter{margin-right:auto;color:var(--faint)}

/* registro */
.ucc-log-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.ucc-log-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 6px;border-bottom:1px dashed rgb(120 170 210 / 14%);font-size:12.5px;color:#cfe0ec}
.ucc-view.is-enter .ucc-log-list li{animation:ucc-rise .35s both;animation-delay:calc(var(--j) * 50ms + .45s)}
.ucc-log-list li:last-child{border-bottom:0}
.ucc-log-list li b{color:var(--text)}
.ucc-log-list time{color:var(--faint);font-size:11px;white-space:nowrap}
.ucc-log-list .ucc-ico{width:22px;height:22px}

/* inputs e filtros */
.ucc-input{width:100%;min-height:38px;padding:8px 11px;border:1px solid #35618a;border-radius:10px;background:#081a2c;color:var(--text);font:inherit;font-size:13.5px}
.ucc-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgb(95 224 184 / 18%)}
textarea.ucc-input{resize:vertical;min-height:150px;line-height:1.45}
select.ucc-input{width:auto;min-height:34px;padding:5px 10px}
.ucc-search{position:relative;display:block;flex:1 1 220px;min-width:180px}
.ucc-search .ucc-ico{position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;opacity:.85}
.ucc-search .ucc-input{padding-left:38px}
.ucc-select{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.ucc-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.ucc-chips{display:flex;gap:6px;flex-wrap:wrap}
.ucc-chip{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 11px;border:1px solid #35618a;border-radius:999px;background:rgb(9 27 45 / 70%);color:var(--muted);font-size:12.5px;font-weight:700;transition:all .15s}
.ucc-chip b{color:var(--text)}
.ucc-chip:hover{border-color:#6aa6d8;color:var(--text)}
.ucc-chip.is-on{border-color:var(--teal);background:rgb(95 224 184 / 14%);color:#dffff3}
.ucc-field{display:grid;gap:5px}
.ucc-field>span{font-size:12.5px;font-weight:750}
.ucc-field small{color:var(--faint);font-size:11.5px}
.ucc-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ucc-seg{display:grid;justify-items:start;gap:2px;padding:10px 12px;border:1px solid #35618a;border-radius:12px;background:rgb(9 27 45 / 70%);text-align:left;transition:all .18s}
.ucc-seg .ucc-ico{width:26px;height:26px;margin-bottom:2px}
.ucc-seg b{font-size:13.5px}
.ucc-seg small{color:var(--muted);font-size:11.5px}
.ucc-seg:hover:not(:disabled){border-color:#6aa6d8}
.ucc-seg.is-on{border-color:var(--teal);background:linear-gradient(180deg,rgb(95 224 184 / 18%),rgb(47 185 143 / 6%));box-shadow:0 0 16px rgb(95 224 184 / 14%)}
.ucc-seg:disabled:not(.is-on){opacity:.55}
.ucc-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}
.ucc-pill.is-teal{background:rgb(95 224 184 / 16%);color:var(--teal)}
.ucc-pill.is-gold{background:rgb(244 201 93 / 16%);color:#ffe08a}

/* membros */
.ucc-member-list{display:grid;gap:6px}
.ucc-member{position:relative;display:grid;grid-template-columns:48px minmax(140px,1.3fr) minmax(120px,1fr) minmax(170px,1.1fr) minmax(96px,.7fr) 34px;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 62%);transition:transform .15s,border-color .15s,background .15s}
.ucc-view.is-enter .ucc-member{animation:ucc-rise .35s both;animation-delay:calc(var(--j) * 30ms + .25s)}
.ucc-member:hover{border-color:#3e74a5;background:rgb(12 34 56 / 80%);transform:translateX(2px)}
.ucc-member.is-owner{border-color:rgb(244 201 93 / 45%);background:linear-gradient(90deg,rgb(244 201 93 / 10%),rgb(6 20 34 / 62%) 45%)}
.ucc-member.is-vice{border-color:rgb(160 200 230 / 35%)}
.ucc-member.is-me{box-shadow:inset 3px 0 0 var(--teal)}
.ucc-member.is-menu{z-index:20}
.ucc-avatar{position:relative;display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:linear-gradient(145deg,hsl(var(--h) 55% 42%),hsl(calc(var(--h) + 40) 60% 24%));color:#fff;font-weight:900;font-size:15px;text-shadow:0 2px 0 rgb(0 0 0 / 35%);box-shadow:inset 0 0 0 2px rgb(255 255 255 / 12%)}
.ucc-avatar-role{position:absolute;right:-7px;bottom:-7px;width:24px;height:24px;filter:drop-shadow(0 2px 1px rgb(0 0 0 / 50%))}
.ucc-member.is-owner .ucc-avatar-role{animation:ucc-wiggle 3s ease-in-out infinite}
.ucc-member-name{min-width:0}
.ucc-member-name strong{display:flex;align-items:center;gap:6px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.ucc-you{padding:1px 6px;border-radius:6px;background:rgb(95 224 184 / 18%);color:var(--teal);font-size:10.5px;font-style:normal;font-weight:850}
.ucc-role-text{font-size:11.5px;font-weight:750}
.ucc-role-text.is-owner{color:#ffe08a}
.ucc-role-text.is-vice{color:#cfe6ff}
.ucc-role-text.is-member{color:var(--muted)}
.ucc-member-power b{display:block;font-size:13px}
.ucc-member-power .ucc-bar{margin-top:4px}
.ucc-member-stats{display:flex;gap:10px;color:#cfe0ec;font-size:12px;font-weight:700}
.ucc-member-stats span{display:inline-flex;align-items:center;gap:3px}
.ucc-member-stats .ucc-ico{width:18px;height:18px}
.ucc-activity{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}
.ucc-activity i{width:9px;height:9px;border-radius:50%;background:#55708a}
.ucc-activity.is-on i{background:#47e08f;box-shadow:0 0 0 0 rgb(71 224 143 / 60%);animation:ucc-ping 2s ease-out infinite}
.ucc-activity.is-recent i{background:#9be37c}
.ucc-activity.is-away i{background:var(--amber)}
.ucc-activity.is-idle{color:#ffb3a8}
.ucc-activity.is-idle i{background:var(--red)}
.ucc-member-more{position:relative;justify-self:end}
.ucc-member-more .ucc-menu{min-width:240px}

/* pedidos */
.ucc-request-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ucc-request{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 62%)}
.ucc-view.is-enter .ucc-request{animation:ucc-slide-in .4s both;animation-delay:calc(var(--j) * 70ms + .2s)}
.ucc-request>div>strong{display:block}
.ucc-request>div>span{display:block;color:var(--muted);font-size:12px}
.ucc-request-art{width:52px;height:52px}
.ucc-request-actions{display:flex;gap:6px}
.ucc-leadership-body{display:flex;align-items:center;gap:16px}
.ucc-leadership-body .ucc-scene{width:90px;height:90px;animation:ucc-bob 3s ease-in-out infinite}
.ucc-leadership-body>div{flex:1}
.ucc-leadership-body strong{display:block;font-size:16px;color:#ffe08a}
.ucc-leadership-body p{color:var(--muted);font-size:13px}
.ucc-leadership{border-color:rgb(244 201 93 / 55%);background:linear-gradient(90deg,rgb(244 201 93 / 12%),rgb(11 30 50 / 92%))}
.ucc-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ucc-manage-card{display:grid;gap:9px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 62%)}
.ucc-manage-card.is-flash,.ucc-create.is-flash{animation:ucc-flash 1.4s ease-out}
.ucc-manage-head{display:flex;align-items:center;gap:8px}
.ucc-manage-head .ucc-ico{width:28px;height:28px}
.ucc-manage-head em{margin-left:auto;color:var(--faint);font-size:11.5px;font-style:normal}
.ucc-capacity-count b{font-size:26px;font-weight:900}
.ucc-capacity-count b em{color:var(--muted);font-size:15px;font-style:normal}
.ucc-capacity-count span{margin-left:6px;color:var(--muted);font-size:12px}

/* sem clã */
.ucc-welcome,.ucc-discover-hero{grid-template-columns:minmax(0,1fr) auto;min-height:200px}
.ucc-discover-hero{min-height:168px}
.ucc-welcome-copy{max-width:640px}
.ucc-welcome-copy small{color:var(--teal);font-size:11.5px;font-weight:800;letter-spacing:.1em}
.ucc-welcome-copy h3{margin:4px 0 6px;font:italic 700 clamp(24px,3vw,36px)/1.08 "pgreen","Segoe UI",sans-serif;text-shadow:0 3px 0 #04101c}
.ucc-welcome-copy p{color:#cfe0ec;font-size:14px}
.ucc-welcome-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.ucc-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ucc-perk{display:grid;justify-items:center;gap:4px;padding:14px 12px;border:1px solid var(--line);border-radius:14px;background:rgb(6 20 34 / 70%);text-align:center}
.ucc-view.is-enter .ucc-perk{animation:ucc-rise .45s both;animation-delay:calc(var(--j) * 80ms + .25s)}
.ucc-perk .ucc-ico{width:46px;height:46px;animation:ucc-bob 3s ease-in-out infinite;animation-delay:calc(var(--j) * .3s)}
.ucc-perk strong{font-size:14px}
.ucc-perk span{color:var(--muted);font-size:12px}
.ucc-create-form{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 20px}
.ucc-create-preview{display:grid;justify-items:center;gap:8px;grid-row:span 2}
.ucc-create-form .is-big{grid-column:2;justify-self:start}
.ucc-locked{display:flex;align-items:center;gap:16px}
.ucc-locked .ucc-scene{width:110px;height:110px;animation:ucc-bob 3s ease-in-out infinite}
.ucc-locked strong{display:block;margin-bottom:4px;font-size:16px}
.ucc-locked p{margin-bottom:10px;color:var(--muted);font-size:13px}

/* guerra */
.ucc-war-hero{grid-template-columns:minmax(0,1fr) auto auto}
.ucc-war-hero-copy small,.ucc-raid-copy small,.ucc-treasury-copy small{color:var(--gold);font-size:11.5px;font-weight:850;letter-spacing:.1em}
.ucc-war-hero-copy h3,.ucc-raid-copy h3,.ucc-treasury-copy h3{margin:3px 0 5px;font:italic 700 clamp(24px,3vw,36px)/1.08 "pgreen","Segoe UI",sans-serif;text-shadow:0 3px 0 #04101c}
.ucc-war-hero-copy p,.ucc-raid-copy p,.ucc-treasury-copy p{max-width:620px;color:#d6e4ee;font-size:13.5px}
.ucc-war-hero.is-battle{border-color:rgb(255 122 110 / 60%);box-shadow:0 0 30px rgb(255 122 110 / 18%)}
.ucc-war-hero-art .ucc-scene{width:124px;height:124px;animation:ucc-bob 2.8s ease-in-out infinite}
.ucc-steps{display:flex;gap:6px;margin:14px 0 0;padding:0;list-style:none;flex-wrap:wrap}
.ucc-steps li{display:flex;align-items:center;gap:6px;padding:4px 11px 4px 4px;border:1px solid rgb(120 170 210 / 25%);border-radius:999px;background:rgb(5 18 31 / 70%);color:var(--muted);font-size:12px;font-weight:750}
.ucc-steps i{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#1a3550;font-size:11px;font-style:normal;font-weight:900}
.ucc-steps li.is-done{color:#bfe9d8}
.ucc-steps li.is-done i{background:var(--teal-2);color:#022a1c}
.ucc-steps li.is-now{border-color:var(--gold);color:#fff3cf;box-shadow:0 0 14px rgb(244 201 93 / 25%)}
.ucc-steps li.is-now i{background:var(--gold);color:#3a2600;animation:ucc-pulse 1.6s ease-in-out infinite}
.ucc-clock{display:grid;justify-items:end;gap:2px;padding:10px 14px;border:1px solid rgb(120 170 210 / 30%);border-radius:14px;background:rgb(5 18 31 / 78%);text-align:right;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-self:end}
.ucc-clock span{color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.ucc-clock .is-big,.ucc-clock>b{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff3cf}
.ucc-clock.is-small{padding:6px 10px}
.ucc-clock.is-small .ucc-countdown{font-weight:900}
.ucc-countdown{font-variant-numeric:tabular-nums}
.ucc-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}
.ucc-vs-side{display:grid;justify-items:center;gap:6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgb(6 20 34 / 70%);text-align:center;transition:box-shadow .3s,border-color .3s}
.ucc-view.is-enter .ucc-vs-side.is-own{animation:ucc-slide-l .6s cubic-bezier(.2,.9,.3,1.1) both .15s}
.ucc-view.is-enter .ucc-vs-side.is-rival{animation:ucc-slide-r .6s cubic-bezier(.2,.9,.3,1.1) both .15s}
.ucc-vs-side small{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.1em}
.ucc-vs-side strong{font-size:16px}
.ucc-vs-side.is-own{border-color:rgb(95 224 184 / 40%)}
.ucc-vs-side.is-rival{border-color:rgb(255 122 110 / 40%)}
.ucc-vs-side.is-leading{box-shadow:0 0 0 2px var(--gold),0 0 26px rgb(244 201 93 / 30%)}
.ucc-vs-side.is-leading::after{content:"👑";position:absolute;margin-top:-26px;font-size:20px;animation:ucc-bob 2s ease-in-out infinite}
.ucc-vs-emblem{display:grid;width:92px;height:92px;place-items:center;border-radius:50%;background:radial-gradient(circle,#1f4f78,#0b2238 72%)}
.ucc-vs-side.is-own .ucc-vs-emblem{box-shadow:0 0 0 3px var(--teal),0 0 22px rgb(95 224 184 / 35%)}
.ucc-vs-side.is-rival .ucc-vs-emblem{box-shadow:0 0 0 3px var(--red),0 0 22px rgb(255 122 110 / 35%)}
.ucc-vs-emblem .ucc-sprite{width:76px;height:76px;animation:ucc-bob 2.6s ease-in-out infinite}
.ucc-vs-unknown{font-size:34px;color:var(--faint)}
.ucc-vs-stats{display:flex;gap:16px;justify-content:center}
.ucc-vs-stats span{display:grid;color:var(--muted);font-size:11px}
.ucc-vs-stats b{color:var(--text);font-size:16px}
.ucc-vs-badge{display:grid;width:76px;height:76px;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffcf6a,#e8553d);color:#2c0800;font:italic 900 28px/1 "pgreen","Segoe UI",sans-serif;box-shadow:0 0 0 4px #081626,0 0 30px rgb(255 160 80 / 55%)}
.ucc-view.is-enter .ucc-vs-badge,.ucc-view.is-enter .ucc-vs-score{animation:ucc-clash .7s cubic-bezier(.3,1.6,.5,1) both .5s}
.ucc-vs-mid{display:grid;justify-items:center;gap:8px}
.ucc-vs-gap{max-width:110px;padding:3px 9px;border:1px solid rgb(95 224 184 / 45%);border-radius:999px;background:rgb(47 185 143 / 14%);color:var(--teal);font-size:10.5px;font-weight:800;line-height:1.25;text-align:center;text-transform:uppercase;letter-spacing:.04em}
.ucc-view.is-enter .ucc-vs-gap{animation:ucc-rise .5s ease both 1s}
.ucc-vs-score{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-items:center;gap:4px 10px;padding:10px 16px;border:2px solid var(--gold);border-radius:16px;background:radial-gradient(circle,#1d3c5e,#0a1d31);box-shadow:0 0 26px rgb(244 201 93 / 25%)}
.ucc-vs-score b{font:900 40px/1 "Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}
.ucc-vs-score i{color:var(--gold);font-size:22px;font-style:normal;font-weight:900}
.ucc-vs-score small{grid-column:1/-1;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.ucc-mybattle.is-hot{border-color:rgb(255 140 90 / 70%);box-shadow:0 0 0 1px rgb(255 140 90 / 25%),0 0 26px rgb(255 120 80 / 18%)}
.ucc-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;border-radius:12px;background:rgb(0 0 0 / 22%)}
.ucc-duel>div{display:grid;gap:1px;min-width:0}
.ucc-duel small{color:var(--muted);font-size:10.5px;font-weight:850;letter-spacing:.1em}
.ucc-duel b{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.ucc-duel span{color:var(--muted);font-size:12px}
.ucc-duel-foe{text-align:right}
.ucc-duel>i{font-size:24px;font-style:normal;animation:ucc-wiggle 1.6s ease-in-out infinite}
.ucc-mybattle-action{display:flex;justify-content:center;margin:12px 0}
.ucc-mybattle-action .is-big{width:100%}
.ucc-defense{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 62%)}
.ucc-defense>.ucc-ico{width:36px;height:36px}
.ucc-defense strong{display:block;font-size:13.5px}
.ucc-defense span{display:block;color:var(--muted);font-size:12px}
.ucc-defense .ucc-row{grid-column:1/-1}
.ucc-defense.is-missing{border-color:rgb(255 180 84 / 55%);background:linear-gradient(90deg,rgb(255 180 84 / 10%),rgb(6 20 34 / 62%))}
.ucc-outcome{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 5px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}
.ucc-outcome .ucc-ico{width:18px;height:18px}
.ucc-outcome i{width:18px;font-style:normal;text-align:center}
.ucc-outcome.is-won{background:rgb(71 224 143 / 14%);color:#8ff0bd}
.ucc-outcome.is-lost{background:rgb(255 122 110 / 14%);color:#ffb3a8}
.ucc-outcome.is-pending{background:rgb(255 180 84 / 14%);color:#ffd59a}
.ucc-outcome.is-pending .ucc-ico{animation:ucc-spin 2.4s linear infinite}
.ucc-outcome.is-none{background:rgb(255 255 255 / 6%);color:var(--muted)}
.ucc-outcome.is-big{padding:8px 16px 8px 10px;font-size:15px}
.ucc-outcome.is-big .ucc-ico{width:28px;height:28px}
.ucc-subtabs{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:12px;background:rgb(5 16 28 / 75%)}
.ucc-subtab{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:800;transition:all .15s}
.ucc-subtab .ucc-ico{width:20px;height:20px}
.ucc-subtab:hover{color:var(--text)}
.ucc-subtab.is-on{background:linear-gradient(180deg,#1f4a70,#16385a);color:#fff;box-shadow:inset 0 0 0 1px rgb(95 224 184 / 35%)}
.ucc-matchups{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.ucc-matchup{display:grid;grid-template-columns:40px minmax(0,1fr) 22px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 10px;border:1px solid transparent;border-radius:11px;background:rgb(6 20 34 / 62%);font-size:12.5px}
.ucc-view.is-enter .ucc-matchup{animation:ucc-rise .35s both;animation-delay:calc(var(--j) * 28ms + .35s)}
.ucc-matchups.is-rosters .ucc-matchup{grid-template-columns:40px minmax(0,1fr) 60px 18px 60px minmax(0,1fr)}
.ucc-matchups.is-rosters .ucc-fighter:last-child{text-align:right}
.ucc-matchups.is-rosters .ucc-fighter:last-child strong{justify-content:flex-end}
.ucc-matchups.is-defenses .ucc-matchup{grid-template-columns:40px minmax(0,.9fr) minmax(0,1.4fr)}
.ucc-matchup.is-me{border-color:rgb(95 224 184 / 60%);background:linear-gradient(90deg,rgb(95 224 184 / 14%),rgb(6 20 34 / 62%));box-shadow:0 0 18px rgb(95 224 184 / 12%)}
.ucc-slot{display:grid;height:26px;place-items:center;border-radius:8px;background:#163452;color:#cfe6ff;font-size:12px;font-weight:900}
.ucc-matchup.is-me .ucc-slot{background:var(--teal-2);color:#022a1c}
.ucc-fighter{min-width:0}
.ucc-fighter strong{display:flex;align-items:center;gap:5px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.ucc-fighter small{color:var(--muted);font-size:11px}
.ucc-fighter.is-empty{color:var(--faint)}
.ucc-x-mark{color:var(--faint);font-style:normal;font-weight:900;text-align:center}
.ucc-attackers{display:flex;gap:6px;flex-wrap:wrap}
.ucc-attacker{display:inline-flex;align-items:center;gap:6px;padding:2px 2px 2px 8px;border-radius:999px;background:rgb(0 0 0 / 22%);font-size:12px}
.ucc-history{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.ucc-history li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:rgb(6 20 34 / 62%)}
.ucc-view.is-enter .ucc-history li{animation:ucc-rise .35s both;animation-delay:calc(var(--j) * 60ms + .4s)}
.ucc-history .ucc-ico{width:30px;height:30px}
.ucc-history strong{display:block;font-size:13px}
.ucc-history small{color:var(--muted);font-size:11.5px}
.ucc-history b{font-size:15px;font-variant-numeric:tabular-nums}
.ucc-history li.is-win,.ucc-history li.is-walkover{border-color:rgb(71 224 143 / 35%)}
.ucc-history li.is-loss{border-color:rgb(255 122 110 / 30%)}
.ucc-warbuff-body{display:flex;align-items:center;gap:14px}
.ucc-warbuff-body .ucc-scene{width:72px;height:72px;animation:ucc-bob 2.8s ease-in-out infinite}
.ucc-warbuff-body>div:not(.ucc-clock){flex:1}
.ucc-warbuff-body strong{display:block;color:#ffe08a;font-size:14px}
.ucc-warbuff-body span{color:var(--muted);font-size:12px}
.ucc-warbuff{border-color:rgb(244 201 93 / 50%)}
.ucc-rules-btn{justify-self:start}
.ucc-warlists .ucc-section-head{align-items:center}

/* raide */
.ucc-raid-hero{grid-template-columns:auto minmax(0,1fr) auto}
.ucc-raid-hero.is-fury{border-color:rgb(255 90 70 / 70%);animation:ucc-fury 1.8s ease-in-out infinite}
.ucc-boss{position:relative;display:grid;width:170px;height:170px;place-items:center}
.ucc-boss-aura{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--aura) 55%,transparent),transparent 68%);animation:ucc-aura 2.4s ease-in-out infinite}
.ucc-boss-sprite{position:relative;z-index:1;width:150px;height:150px;animation:ucc-float 3.4s ease-in-out infinite;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--aura) 70%,transparent))}
.ucc-boss .ucc-emblem-shadow{bottom:12px;width:80px;margin-left:-40px;animation:ucc-shadow 3.4s ease-in-out infinite}
.ucc-raid-hero.is-defeated .ucc-boss-sprite{filter:grayscale(1) brightness(.7);animation:none;transform:rotate(-8deg) translateY(10px)}
.ucc-fury{display:inline-flex;align-items:center;gap:3px;color:#ff8a6e}
.ucc-fury .ucc-ico{width:18px;height:18px;animation:ucc-wiggle .9s ease-in-out infinite}
.ucc-types{display:flex;gap:5px;flex-wrap:wrap}
.ucc-type{display:inline-flex;align-items:center;padding:2px 9px;border:1px solid color-mix(in srgb,var(--t) 70%,#fff 10%);border-radius:999px;background:color-mix(in srgb,var(--t) 32%,#071626);color:#fff;font-size:11.5px;font-weight:800;text-shadow:0 1px 0 rgb(0 0 0 / 45%)}
.ucc-type.is-dot{width:10px;height:10px;padding:0;border-radius:50%;font-size:0;background:var(--t);border:0}
.ucc-raid-copy .ucc-types{margin-top:8px}
.ucc-raid-hp{margin-top:14px;max-width:560px}
.ucc-raid-hp-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;color:#d6e4ee;font-size:12.5px;font-weight:800}
.ucc-hpbar{position:relative;height:18px;border:2px solid #04101c;border-radius:9px;background:repeating-linear-gradient(90deg,#3a1420 0 18px,#2c0f19 18px 20px);overflow:hidden;box-shadow:0 0 0 1px rgb(255 255 255 / 12%)}
.ucc-hpbar i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p));background:repeating-linear-gradient(90deg,#b88cff 0 18px,#8d5cf0 18px 20px);transition:transform .9s cubic-bezier(.2,.9,.3,1)}
.ucc-view.is-enter .ucc-hpbar i{animation:ucc-grow 1.4s cubic-bezier(.2,.9,.3,1) .35s both}
.ucc-hpbar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 40%),transparent);background-size:30% 100%;background-repeat:no-repeat;animation:ucc-shimmer 2.6s linear infinite}
.ucc-hpbar em{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1px;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.ucc-pips{display:flex;gap:5px}
.ucc-pips i{width:14px;height:14px;border:2px solid #4d6b88;border-radius:50%;background:#0b1f33}
.ucc-pips i.is-on{border-color:#e6d2ff;background:radial-gradient(circle at 35% 35%,#e8d8ff,#9b6bff);box-shadow:0 0 10px rgb(184 140 255 / 70%);animation:ucc-pulse 1.8s ease-in-out infinite}
.ucc-attempt.is-hot{border-color:rgb(184 140 255 / 60%);box-shadow:0 0 24px rgb(184 140 255 / 16%)}
.ucc-attempt-body{display:grid;gap:12px}
.ucc-attempt-body p{font-size:13px;margin-bottom:4px}
.ucc-attempt-body .is-big{width:100%}
.ucc-weak{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.ucc-weak small,.ucc-movesets small{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.ucc-type.is-weak{box-shadow:0 0 0 1px rgb(95 224 184 / 60%)}
.ucc-type.is-resist{opacity:.8}
.ucc-type.is-immune{opacity:.6;text-decoration:line-through}
.ucc-movesets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ucc-moves{display:grid;gap:3px;margin:0;padding:0;list-style:none}
.ucc-moves li{display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:8px;background:rgb(0 0 0 / 20%);font-size:12px}
.ucc-moves small{margin-left:auto;color:var(--muted)}
.ucc-rewards{display:flex;gap:6px;flex-wrap:wrap}
.ucc-rewards span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:10px;background:rgb(6 20 34 / 70%);font-size:12.5px;font-weight:750}
.ucc-rewards .ucc-ico{width:22px;height:22px}
.ucc-raidrewards .ucc-hint{margin-top:8px}
.ucc-payout{margin-top:12px;padding:10px 12px;border:1px solid rgb(244 201 93 / 40%);border-radius:12px;background:rgb(244 201 93 / 7%)}
.ucc-payout>strong{display:block;margin-bottom:6px;color:#ffe08a;font-size:12.5px}
.ucc-payout-body{display:flex;align-items:center;gap:12px}
.ucc-payout-body .ucc-scene{width:72px;height:72px;animation:ucc-bob 2.4s ease-in-out infinite}
.ucc-payout-body>div{display:grid;gap:8px}
.ucc-balance{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;border-radius:10px;background:rgb(184 140 255 / 10%)}
.ucc-balance .ucc-ico{width:28px;height:28px}
.ucc-balance b{font-size:18px}
.ucc-balance span{color:var(--muted);font-size:12px}
.ucc-balance .ucc-link{margin-left:auto}
.ucc-ranking{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.ucc-ranking li{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:rgb(6 20 34 / 62%);font-size:12.5px}
.ucc-view.is-enter .ucc-ranking li{animation:ucc-rise .35s both;animation-delay:calc(var(--j) * 35ms + .35s)}
.ucc-ranking li strong{display:block;margin-bottom:3px}
.ucc-ranking li small{color:var(--muted)}
.ucc-ranking li.is-me{box-shadow:inset 3px 0 0 var(--teal);background:rgb(95 224 184 / 10%)}
.ucc-ranking li.is-top1 .ucc-slot{background:none;font-size:20px}
.ucc-ranking li.is-top2 .ucc-slot,.ucc-ranking li.is-top3 .ucc-slot{background:none;font-size:18px}
.ucc-nextboss{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;border-radius:12px;background:rgb(0 0 0 / 22%)}
.ucc-nextboss .ucc-sprite{width:56px;height:56px;filter:brightness(.25) drop-shadow(0 0 6px rgb(184 140 255 / 60%));transition:filter .4s}
.ucc-nextboss:hover .ucc-sprite{filter:none}
.ucc-nextboss small{display:block;color:var(--purple);font-size:10.5px;font-weight:850;letter-spacing:.1em}

/* tesouro */
.ucc-treasury-hero{grid-template-columns:auto minmax(0,1fr)}
.ucc-treasury-art .ucc-scene{width:150px;height:150px;animation:ucc-bob 3s ease-in-out infinite;filter:drop-shadow(0 0 16px rgb(244 201 93 / 45%))}
.ucc-treasury-copy h3 b{color:var(--gold);font-style:normal}
.ucc-active-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.ucc-active{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgb(95 224 184 / 40%);border-radius:12px;background:rgb(95 224 184 / 8%)}
.ucc-active .ucc-ico{width:36px;height:36px;animation:ucc-bob 2.6s ease-in-out infinite}
.ucc-active strong{display:block}
.ucc-active span{color:var(--muted);font-size:12px}
.ucc-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.ucc-product{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgb(6 20 34 / 70%);transition:transform .15s,border-color .15s}
.ucc-view.is-enter .ucc-product{animation:ucc-rise .4s both;animation-delay:calc(var(--j) * 70ms + .3s)}
.ucc-product:hover{transform:translateY(-2px);border-color:#4b84b6}
.ucc-product-art{display:grid;width:56px;height:56px;place-items:center;border-radius:14px;background:radial-gradient(circle,rgb(244 201 93 / 20%),transparent 70%)}
.ucc-product-art .ucc-ico{width:46px;height:46px}
.ucc-product strong{display:block;font-size:14px}
.ucc-product p{color:var(--muted);font-size:12.5px}
.ucc-product small{display:block;margin-top:4px;color:#ffd59a;font-size:11.5px;font-weight:750}
.ucc-product .ucc-btn{grid-column:1/-1;justify-self:end}
.ucc-product .ucc-btn .ucc-ico{width:18px;height:18px}
.ucc-product.is-active{border-color:rgb(95 224 184 / 50%)}
.ucc-product.is-locked{opacity:.75}

/* descobrir */
.ucc-discover-hero .ucc-clock{align-self:center}
.ucc-clock.is-count b{font-size:34px}
.ucc-toolbar.is-discover{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgb(6 20 34 / 70%);margin:0}
.ucc-clan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.ucc-clan{position:relative;display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,hsl(var(--h) 45% 22% / 45%),rgb(6 20 34 / 85%) 55%);transition:transform .18s,border-color .18s,box-shadow .18s}
.ucc-view.is-enter .ucc-clan{animation:ucc-rise .4s both;animation-delay:calc(var(--j) * 40ms + .15s)}
.ucc-clan:hover{transform:translateY(-3px);border-color:#4b84b6;box-shadow:0 10px 24px rgb(0 0 0 / 35%)}
.ucc-clan.is-mine{border-color:rgb(95 224 184 / 60%)}
.ucc-clan.is-full{opacity:.82}
.ucc-clan-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.ucc-clan-rank{position:absolute;top:8px;left:10px;z-index:2;color:var(--gold);font-size:11px;font-weight:900;text-shadow:0 1px 0 #000}
.ucc-clan-name strong{display:block;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.ucc-clan-name small{color:var(--muted);font-size:11.5px}
.ucc-clan-stats{display:flex;gap:12px;font-size:12.5px}
.ucc-clan-stats span{display:inline-flex;align-items:center;gap:4px}
.ucc-clan-stats .ucc-ico{width:20px;height:20px}
.ucc-clan .ucc-btn{justify-self:stretch}

/* janelas internas */
.ucc-layer{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgb(1 8 15 / 66%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ucc-fade .15s ease-out}
.ucc-layer[hidden]{display:none}
.ucc-modal{position:relative;width:min(520px,100%);max-height:100%;overflow:auto;padding:18px;border:2px solid #3a74a8;border-radius:18px;background:linear-gradient(180deg,#123052,#0a1d31);box-shadow:0 26px 60px rgb(0 0 0 / 60%);animation:ucc-pop .28s cubic-bezier(.2,.9,.3,1.2)}
.ucc-modal-logo{width:min(780px,100%);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;height:min(640px,100%)}
.ucc-modal-defense{width:min(1000px,100%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:min(760px,100%)}
.ucc-modal-help{width:min(760px,100%);display:grid;gap:12px}
.ucc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ucc-modal-head h3{display:flex;align-items:center;gap:8px;font-size:18px}
.ucc-modal-head h3 .ucc-ico{width:30px;height:30px}
.ucc-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ucc-confirm{display:grid;justify-items:center;gap:10px;text-align:center}
.ucc-confirm-art{width:110px;height:110px;animation:ucc-bob 2.8s ease-in-out infinite}
.ucc-confirm-icon{display:grid;width:76px;height:76px;place-items:center;border-radius:50%;background:radial-gradient(circle,#1f4f78,#0b2238 72%);box-shadow:0 0 0 3px #3a74a8,0 0 24px rgb(95 224 184 / 25%)}
.ucc-confirm-icon .ucc-ico{width:52px;height:52px;animation:ucc-wiggle 2s ease-in-out infinite}
.ucc-confirm-icon.is-portrait{width:112px;height:112px;background:radial-gradient(circle,color-mix(in srgb,var(--aura) 45%,#0b2238),#0b2238 72%)}
.ucc-confirm-icon.is-portrait .ucc-sprite{width:96px;height:96px;animation:ucc-float 3s ease-in-out infinite}
.ucc-request-list+.ucc-hint{margin-top:8px}
.ucc-confirm.is-danger .ucc-confirm-icon{box-shadow:0 0 0 3px #b34a52,0 0 24px rgb(255 90 90 / 30%)}
.ucc-confirm.is-attack .ucc-confirm-icon{box-shadow:0 0 0 3px #e8813d,0 0 24px rgb(255 140 80 / 35%)}
.ucc-confirm h3{font-size:19px}
.ucc-confirm p{color:var(--muted);font-size:13.5px}
.ucc-confirm footer{display:flex;gap:8px;justify-content:center;margin-top:6px;flex-wrap:wrap}
.ucc-confirm-rules{display:grid;gap:6px;width:100%;margin:2px 0 0;padding:0;list-style:none;text-align:left}
.ucc-confirm-rules li{display:grid;gap:1px;padding:8px 10px;border-radius:10px;background:rgb(0 0 0 / 22%);font-size:12.5px}
.ucc-confirm-rules li:empty{display:none}
.ucc-confirm-rules span{color:var(--muted)}
.ucc-logo-body{min-height:0;overflow:auto}
.ucc-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.ucc-logo-option{display:grid;justify-items:center;gap:2px;padding:6px 4px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 70%);transition:transform .15s,border-color .15s}
.ucc-logo-option img{width:64px;height:64px;object-fit:contain}
.ucc-logo-option small{max-width:100%;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.ucc-logo-option:hover{transform:translateY(-2px);border-color:#6aa6d8}
.ucc-logo-option.is-on{border-color:var(--teal);background:rgb(95 224 184 / 14%);box-shadow:0 0 14px rgb(95 224 184 / 25%)}
.ucc-logo-preview{display:flex;align-items:center;gap:8px;margin-right:auto;font-weight:800}
.ucc-logo-preview .ucc-sprite{width:56px;height:56px;animation:ucc-bob 2.4s ease-in-out infinite}
.ucc-def-body{min-height:0;overflow:auto;display:grid;gap:10px;align-content:start}
.ucc-def-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ucc-def-slot{position:relative;display:grid;justify-items:center;gap:3px;min-height:118px;padding:8px 6px;border:2px dashed #2f5a82;border-radius:12px;background:rgb(6 20 34 / 55%);text-align:center}
.ucc-def-slot>b{position:absolute;top:4px;left:6px;color:var(--faint);font-size:11px}
.ucc-def-slot>small{align-self:center;color:var(--faint);font-size:11.5px}
.ucc-def-slot.is-filled{border-style:solid;border-color:rgb(95 224 184 / 45%);background:rgb(95 224 184 / 7%);animation:ucc-badge .35s ease-out}
.ucc-def-sprite{width:56px;height:56px}
.ucc-def-slot span strong,.ucc-def-choice span strong{display:block;overflow:hidden;max-width:100%;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ucc-def-slot span small,.ucc-def-choice span small{display:block;color:var(--muted);font-size:10.5px}
.ucc-def-slot-actions{display:flex;gap:4px}
.ucc-def-slot-actions button{width:26px;height:24px;padding:0;border:1px solid #3e6f99;border-radius:7px;background:#0f2a45;font-size:12px}
.ucc-def-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.ucc-def-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 70%);text-align:left;transition:border-color .15s,background .15s}
.ucc-def-choice .ucc-def-sprite{width:44px;height:44px}
.ucc-def-choice em{color:var(--faint);font-size:10.5px;font-style:normal;font-weight:800}
.ucc-def-choice:hover:not(:disabled){border-color:#6aa6d8}
.ucc-def-choice.is-on{border-color:var(--teal);background:rgb(95 224 184 / 12%)}
.ucc-def-choice.is-on em{color:var(--teal);font-size:15px}
.ucc-def-choice:disabled{opacity:.45}
.ucc-pager{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px}
.ucc-subtabs.is-help{flex-wrap:wrap}
.ucc-help-body{min-height:200px}
.ucc-help-topic ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ucc-help-topic li{position:relative;padding:9px 12px 9px 30px;border-radius:10px;background:rgb(0 0 0 / 20%);font-size:13.5px;line-height:1.45;animation:ucc-rise .3s both}
.ucc-help-topic li::before{content:"";position:absolute;left:12px;top:15px;width:8px;height:8px;border-radius:2px;background:var(--teal);transform:rotate(45deg)}

/* avisos e efeitos */
.ucc-toasts{position:absolute;left:50%;bottom:16px;z-index:80;display:grid;gap:8px;width:min(520px,calc(100% - 28px));transform:translateX(-50%);pointer-events:none}
.ucc-toast{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #3a74a8;border-radius:12px;background:linear-gradient(180deg,#163a5c,#0e2640);box-shadow:0 12px 30px rgb(0 0 0 / 45%);font-size:13px;font-weight:700;animation:ucc-toast-in .35s cubic-bezier(.2,.9,.3,1.3)}
.ucc-toast .ucc-ico{width:26px;height:26px}
.ucc-toast.is-success{border-color:rgb(95 224 184 / 70%)}
.ucc-toast.is-error{border-color:rgb(255 122 110 / 75%);background:linear-gradient(180deg,#4a1c25,#2c1018)}
.ucc-toast.is-out{animation:ucc-toast-out .35s ease-in forwards}
.ucc-burst{position:absolute;z-index:90;width:0;height:0;pointer-events:none}
.ucc-burst i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:2px;background:var(--c);box-shadow:0 0 8px var(--c);animation:ucc-burst .9s cubic-bezier(.2,.8,.3,1) forwards}
.ucc-burst i:nth-child(odd){border-radius:50%;width:8px;height:8px}
.ucc-burst b{position:absolute;left:0;top:-10px;transform:translateX(-50%);color:#ffe08a;font-size:20px;font-weight:900;text-shadow:0 2px 0 #3a2600,0 0 12px rgb(255 214 106 / 80%);white-space:nowrap;animation:ucc-floatup 1.2s ease-out forwards}

/* animações */
@keyframes ucc-fade{from{opacity:0}}
@keyframes ucc-pop{from{opacity:0;transform:translateY(16px) scale(.965)}}
@keyframes ucc-rise{from{opacity:0;transform:translateY(12px)}}
@keyframes ucc-slide-in{from{opacity:0;transform:translateX(-14px)}}
@keyframes ucc-slide-l{from{opacity:0;transform:translateX(-60px) scale(.9)}}
@keyframes ucc-slide-r{from{opacity:0;transform:translateX(60px) scale(.9)}}
@keyframes ucc-clash{0%{opacity:0;transform:scale(2.4) rotate(-12deg)}60%{opacity:1;transform:scale(.9) rotate(3deg)}100%{transform:scale(1)}}
@keyframes ucc-pan{from{background-position:38% 45%;transform:scale(1.04)}to{background-position:62% 50%;transform:scale(1.1)}}
@keyframes ucc-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ucc-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}
@keyframes ucc-shadow{0%,100%{transform:scaleX(1);opacity:.35}50%{transform:scaleX(.78);opacity:.22}}
@keyframes ucc-aura{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1.08);opacity:1}}
@keyframes ucc-ringglow{0%,100%{box-shadow:0 0 0 5px rgb(10 30 50 / 85%),0 0 0 7px rgb(95 224 184 / 35%),0 0 26px rgb(95 224 184 / 30%)}50%{box-shadow:0 0 0 5px rgb(10 30 50 / 85%),0 0 0 7px rgb(95 224 184 / 55%),0 0 40px rgb(95 224 184 / 55%)}}
@keyframes ucc-ring{to{--ucc-ring:var(--p)}}
@keyframes ucc-glow{0%,100%{box-shadow:0 3px 0 #13805f,0 0 0 0 rgb(95 224 184 / 0%)}50%{box-shadow:0 3px 0 #13805f,0 0 18px 3px rgb(95 224 184 / 55%)}}
@keyframes ucc-shine{0%,60%{left:-60%}100%{left:130%}}
@keyframes ucc-shimmer{from{background-position:-60% 0}to{background-position:160% 0}}
@keyframes ucc-grow{from{transform:scaleX(0)}}
@keyframes ucc-grow-y{from{transform:scaleY(0)}}
@keyframes ucc-spin{to{transform:rotate(360deg)}}
@keyframes ucc-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ucc-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@keyframes ucc-badge{from{transform:scale(0)}}
@keyframes ucc-wiggle{0%,100%{transform:rotate(0)}8%{transform:rotate(-10deg)}16%{transform:rotate(9deg)}24%{transform:rotate(-5deg)}32%{transform:rotate(0)}}
@keyframes ucc-ping{0%{box-shadow:0 0 0 0 rgb(71 224 143 / 60%)}80%,100%{box-shadow:0 0 0 7px rgb(71 224 143 / 0%)}}
@keyframes ucc-firefly{0%,100%{opacity:0;transform:translate(0,0)}20%{opacity:.9}50%{opacity:.4;transform:translate(14px,-18px)}80%{opacity:.85;transform:translate(-6px,-30px)}}
@keyframes ucc-scan{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes ucc-flash{0%,30%{box-shadow:0 0 0 3px var(--gold),0 0 30px rgb(244 201 93 / 45%)}}
@keyframes ucc-fury{0%,100%{box-shadow:0 0 18px rgb(255 80 60 / 25%)}50%{box-shadow:0 0 36px rgb(255 80 60 / 55%)}}
@keyframes ucc-toast-in{from{opacity:0;transform:translateY(16px) scale(.96)}}
@keyframes ucc-toast-out{to{opacity:0;transform:translateY(10px)}}
@keyframes ucc-burst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4) rotate(160deg)}}
@keyframes ucc-floatup{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}100%{opacity:0;transform:translate(-50%,-56px) scale(1)}}

/* telas médias */
@media (max-width:1180px){
  .ucc-columns,.ucc-columns.is-war{grid-template-columns:minmax(0,1fr)}
  .ucc-member{grid-template-columns:48px minmax(130px,1.2fr) minmax(110px,1fr) minmax(96px,.8fr) 34px}
  .ucc-member-stats{display:none}
  .ucc-perks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .ucc-hero{grid-template-columns:auto minmax(0,1fr) auto;gap:14px}
  .ucc-hero .ucc-level{grid-column:3;grid-row:1}
  .ucc-hero-more{position:absolute;top:10px;right:10px}
  .ucc-war-hero,.ucc-raid-hero{grid-template-columns:minmax(0,1fr)}
  .ucc-raid-hero{grid-template-columns:auto minmax(0,1fr)}
  .ucc-raid-hero .ucc-clock,.ucc-war-hero .ucc-clock{justify-self:start;justify-items:start;text-align:left;grid-column:1/-1}
  .ucc-war-hero-art{display:none}
  .ucc-def-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* celular: trilho vira barra de baixo */
@media (max-width:760px){
  .ucc-root{padding:0}
  .ucc-window{width:100%;height:100%;border:0;border-radius:0}
  .ucc-head{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:8px 10px}
  .ucc-head-icon{width:42px;height:42px;border-radius:12px}
  .ucc-head-icon .ucc-ico{width:32px;height:32px}
  .ucc-head-title h2{font-size:21px}
  .ucc-head-title p,.ucc-head-title small,.ucc-wallet,.ucc-help-btn,.ucc-mvp span{display:none}
  .ucc-mvp{padding:0 8px}
  .ucc-head-side{gap:6px}
  .ucc-iconbtn,.ucc-x{width:36px;height:36px}
  .ucc-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
  .ucc-rail{grid-row:2;flex-direction:row;gap:2px;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0;overflow-x:auto;overflow-y:hidden}
  .ucc-tab{flex:1 0 64px;padding:4px 2px;font-size:10.5px}
  .ucc-tab-icon{width:34px;height:34px}
  .ucc-tab-icon .ucc-ico{width:28px;height:28px}
  .ucc-tab.is-active::before{left:22%;right:22%;top:-5px;bottom:auto;width:auto;height:3px}
  .ucc-badge{right:calc(50% - 26px);top:0}
  .ucc-main{padding:10px 10px 20px}
  .ucc-hero{grid-template-columns:auto minmax(0,1fr);min-height:0;padding:14px;gap:12px}
  .ucc-hero .ucc-level{grid-column:1/-1;grid-row:auto;grid-template-columns:auto 1fr;justify-items:start;align-items:center;gap:10px}
  .ucc-level-ring{width:62px;height:62px}
  .ucc-level-ring b{width:50px;height:50px;font-size:20px}
  .ucc-emblem{width:96px;height:96px}
  .ucc-emblem-sprite{width:72px;height:72px}
  .ucc-emblem-shadow{bottom:14px}
  .ucc-emblem-edit{width:28px;height:28px;font-size:13px}
  .ucc-hstat{padding:4px 9px 4px 6px}
  .ucc-hstat b{font-size:14px}
  .ucc-now-card{grid-template-columns:auto minmax(0,1fr);}
  .ucc-now-card .ucc-btn{grid-column:1/-1;width:100%}
  .ucc-mission{grid-template-columns:auto minmax(0,1fr)}
  .ucc-mission-side{grid-column:1/-1;grid-template-columns:auto auto;justify-content:space-between;align-items:center}
  .ucc-member{grid-template-columns:44px minmax(0,1fr) 30px;grid-template-areas:"av name more" "av power power" "av act act";row-gap:4px}
  .ucc-member .ucc-avatar{grid-area:av;align-self:start}
  .ucc-member-name{grid-area:name}
  .ucc-member-power{grid-area:power}
  .ucc-activity{grid-area:act}
  .ucc-member-more{grid-area:more}
  .ucc-manage-grid,.ucc-segment,.ucc-weak,.ucc-movesets{grid-template-columns:minmax(0,1fr)}
  .ucc-perks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ucc-welcome,.ucc-discover-hero{grid-template-columns:minmax(0,1fr)}
  .ucc-discover-hero .ucc-clock{display:none}
  .ucc-create-form{grid-template-columns:minmax(0,1fr)}
  .ucc-create-preview{grid-row:auto}
  .ucc-create-form .is-big{grid-column:1;justify-self:stretch}
  .ucc-locked{flex-direction:column;text-align:center}
  .ucc-vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}
  .ucc-vs-side{padding:10px 6px}
  .ucc-vs-emblem{width:64px;height:64px}
  .ucc-vs-emblem .ucc-sprite{width:54px;height:54px}
  .ucc-vs-side strong{font-size:13px}
  .ucc-vs-stats{flex-wrap:wrap;gap:2px 8px}
  .ucc-vs-stats b{font-size:13px}
  .ucc-vs-badge{width:50px;height:50px;font-size:19px}
  .ucc-vs-gap{max-width:72px;padding:2px 6px;font-size:9px}
  .ucc-vs-score{padding:6px 8px}
  .ucc-vs-score b{font-size:26px}
  .ucc-matchup{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"slot me out" "slot foe act"}
  .ucc-matchup>.ucc-slot{grid-area:slot}
  .ucc-matchup>.ucc-fighter:nth-of-type(1){grid-area:me}
  .ucc-matchup>.ucc-x-mark{display:none}
  .ucc-matchup>.ucc-fighter:nth-of-type(2){grid-area:foe}
  .ucc-matchup>.ucc-outcome{grid-area:out;justify-self:end}
  .ucc-matchup>.ucc-btn{grid-area:act;justify-self:end}
  .ucc-matchups.is-rosters .ucc-matchup{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);grid-template-areas:none}
  .ucc-matchups.is-rosters .ucc-matchup>*{grid-area:auto}
  .ucc-matchups.is-rosters .ucc-bar,.ucc-matchups.is-rosters .ucc-x-mark{display:none}
  .ucc-matchups.is-defenses .ucc-matchup{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"slot me" "slot out"}
  .ucc-matchups.is-defenses .ucc-attackers{grid-area:out}
  .ucc-boss{width:110px;height:110px}
  .ucc-boss-sprite{width:96px;height:96px}
  .ucc-treasury-hero{grid-template-columns:minmax(0,1fr)}
  .ucc-treasury-art{display:none}
  .ucc-def-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ucc-modal{padding:14px;border-radius:14px}
  .ucc-request{grid-template-columns:auto minmax(0,1fr)}
  .ucc-request-actions,.ucc-request>.ucc-btn{grid-column:1/-1}
  .ucc-request-actions .ucc-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .ucc-root *,.ucc-root *::before,.ucc-root *::after{animation:none!important;transition:none!important}
  .ucc-level-ring{--ucc-ring:var(--p)}
}

/* guerra: inscrição e escalação escolhida pela liderança (11/10/2026) */
.ucc-warpick .ucc-segment{margin-bottom:10px}
.ucc-pick-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 62%)}
.ucc-pick-status>.ucc-ico{width:32px;height:32px}
.ucc-pick-status strong{display:block;font-size:13.5px}
.ucc-pick-status span{display:block;color:var(--muted);font-size:12px}
.ucc-pick-status .ucc-pill{white-space:normal;text-align:center}
.ucc-warpick .ucc-hint{display:flex;align-items:center;gap:4px;margin-top:8px}
.ucc-modal-pick{width:min(860px,100%);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;height:min(760px,100%)}
.ucc-pick-body{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
.ucc-pick-list{display:grid;gap:5px;align-content:start;min-height:0;overflow:auto;padding-right:4px}
.ucc-pick-row{display:grid;grid-template-columns:28px 40px minmax(0,1fr) minmax(120px,170px);align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:rgb(6 20 34 / 70%);text-align:left;transition:border-color .15s,background .15s,transform .12s}
.ucc-pick-row:hover:not(:disabled){border-color:#6aa6d8;transform:translateX(2px)}
.ucc-pick-row.is-on{border-color:var(--teal);background:linear-gradient(90deg,rgb(95 224 184 / 16%),rgb(6 20 34 / 70%))}
.ucc-pick-row.is-blocked{opacity:.5}
.ucc-pick-row:disabled:not(.is-blocked){opacity:.6}
.ucc-check{display:grid;width:24px;height:24px;place-items:center;border:2px solid #4d6b88;border-radius:7px;color:#022a1c;font-style:normal;font-weight:900;transition:background .15s,border-color .15s}
.ucc-pick-row.is-on .ucc-check{border-color:var(--teal);background:var(--teal);animation:ucc-badge .25s ease-out}
.ucc-avatar.is-small{width:36px;height:36px;border-radius:10px;font-size:12.5px}
.ucc-avatar.is-small .ucc-avatar-role{width:18px;height:18px;right:-5px;bottom:-5px}
.ucc-pick-name strong{display:block;overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}
.ucc-pick-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
.ucc-pick-tags em{padding:1px 6px;border-radius:6px;font-size:10.5px;font-style:normal;font-weight:750}
.ucc-pick-tags em.is-muted{background:rgb(255 255 255 / 7%);color:var(--muted)}
.ucc-pick-tags em.is-amber{background:rgb(255 180 84 / 15%);color:#ffd59a}
.ucc-pick-tags em.is-red{background:rgb(255 122 110 / 15%);color:#ffb3a8}
.ucc-pick-power b{display:block;font-size:12.5px}
.ucc-pick-power .ucc-bar{margin-top:4px}
.ucc-pick-count{margin-right:auto;color:var(--muted);font-size:13px}
.ucc-pick-count b{color:var(--teal);font-size:18px}
.ucc-deserter{border-color:rgb(255 122 110 / 55%);background:linear-gradient(90deg,rgb(255 122 110 / 12%),rgb(11 30 50 / 92%))}
.ucc-deserter .ucc-leadership-body strong{color:#ffb3a8}
@media (max-width:760px){
  .ucc-pick-row{grid-template-columns:24px 36px minmax(0,1fr)}
  .ucc-pick-power{grid-column:3}
  .ucc-pick-status{grid-template-columns:auto minmax(0,1fr)}
  .ucc-pick-status .ucc-pill{grid-column:1/-1}
}

/* avisos da guerra fora da janela: faixa no topo e ponto no botão Clã da HUD */
.ucc-war-banner{--tone:#ff7a6e;position:fixed;left:50%;top:76px;z-index:100070;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:min(560px,calc(100% - 20px));padding:10px 12px;border:2px solid var(--tone);border-radius:14px;
  background:linear-gradient(180deg,#143a5e,#0b2036);color:#ecf4f8;font:14px/1.35 "Segoe UI",Arial,sans-serif;box-shadow:0 14px 38px rgb(0 0 0 / 55%),0 0 24px color-mix(in srgb,var(--tone) 35%,transparent);transform:translateX(-50%);animation:ucc-banner-in .45s cubic-bezier(.2,.9,.3,1.3)}
.ucc-war-banner.is-blue{--tone:#6cb8ff}
.ucc-war-banner .ucc-ico{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;animation:ucc-wiggle 1.8s ease-in-out infinite}
.ucc-war-banner strong{display:block;font-size:14.5px}
.ucc-war-banner span{display:block;color:#b9cddc;font-size:12.5px}
.ucc-war-banner button{font:inherit;cursor:pointer}
.ucc-war-banner-go{min-height:36px;padding:0 14px;border:1px solid #ffd2a3;border-radius:10px;background:linear-gradient(180deg,#ffae5c,#e8553d);color:#2c0800;font-weight:800;box-shadow:0 3px 0 #9a3018}
.ucc-war-banner.is-blue .ucc-war-banner-go{border-color:#bff7e4;background:linear-gradient(180deg,#6ff0c6,#2cbd91);color:#05301f;box-shadow:0 3px 0 #13805f}
.ucc-war-banner-x{width:30px;height:30px;padding:0;border:1px solid #3e6f99;border-radius:8px;background:#0f2a45;color:#ecf4f8;font-size:18px;line-height:1}
.ucc-war-banner.is-out{animation:ucc-banner-out .35s ease-in forwards}
.ucc-hud-alert{position:relative}
.ucc-hud-dot{position:absolute;top:2px;right:2px;z-index:2;width:12px;height:12px;border:2px solid #081626;border-radius:50%;background:#ff5a4e;box-shadow:0 0 0 0 rgb(255 90 78 / 70%);animation:ucc-hud-ping 1.6s ease-out infinite;pointer-events:none}
@keyframes ucc-banner-in{from{opacity:0;transform:translate(-50%,-24px) scale(.96)}}
@keyframes ucc-banner-out{to{opacity:0;transform:translate(-50%,-16px)}}
@keyframes ucc-hud-ping{0%{box-shadow:0 0 0 0 rgb(255 90 78 / 70%)}80%,100%{box-shadow:0 0 0 9px rgb(255 90 78 / 0%)}}
@media (max-width:760px){.ucc-war-banner{top:8px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.ucc-war-banner-go{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.ucc-war-banner,.ucc-war-banner .ucc-ico,.ucc-hud-dot{animation:none!important}}
.ucc-deserter .ucc-leadership-body>.ucc-clock{flex:0 0 auto}