/* The Click - Elder Scrolls Online Hub v1.0.0 */
.tc-eso-hub{
  --eso-ink:#0c0d0d;
  --eso-charcoal:#151719;
  --eso-paper:#e9dfc8;
  --eso-paper2:#cdbf9f;
  --eso-gold:#c9a24f;
  --eso-gold2:#f0d38d;
  --eso-red:#7e2728;
  --eso-red2:#b84b43;
  --eso-blue:#68a9bd;
  --eso-blue2:#b5e4ec;
  --eso-muted:#a7a99f;
  grid-column:1 / -1 !important;
  flex:0 0 100% !important;
  width:100% !important;
  min-width:0 !important;
  max-width:1320px !important;
  justify-self:stretch !important;
  margin:0 auto 44px !important;
  color:#f4efe4;
  font-family:inherit;
}
.tc-eso-hub *{box-sizing:border-box}.tc-eso-hub a{text-decoration:none}

.tc-eso-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,1.03fr);gap:28px;overflow:hidden;padding:44px;border:1px solid rgba(201,162,79,.28);border-radius:20px;background:radial-gradient(circle at 8% 5%,rgba(126,39,40,.26),transparent 30%),radial-gradient(circle at 94% 94%,rgba(104,169,189,.12),transparent 34%),linear-gradient(135deg,#0d0e0e 0%,#20201c 48%,#111311 100%);box-shadow:0 26px 70px rgba(0,0,0,.48);color:#fff}
.tc-eso-hero:before{content:"";position:absolute;inset:10px;border:1px solid rgba(201,162,79,.12);border-radius:14px;pointer-events:none}.tc-eso-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--eso-red),var(--eso-gold) 52%,var(--eso-blue))}
.tc-eso-maplines{position:absolute;inset:0;opacity:.1;background-image:repeating-radial-gradient(ellipse at 18% 48%,transparent 0 23px,rgba(233,223,200,.22) 24px 25px,transparent 26px 42px);mask-image:linear-gradient(90deg,#000,transparent 67%);pointer-events:none}
.tc-eso-hero-copy{position:relative;z-index:3;align-self:center;padding:8px 0}.tc-eso-kicker,.tc-eso-section-kicker{font-size:10px;line-height:1.2;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.tc-eso-kicker{display:flex;align-items:center;gap:11px;color:var(--eso-gold2);margin-bottom:18px}
.tc-eso-title{margin:0 0 22px;line-height:.88;text-transform:uppercase}.tc-eso-title span{display:block;color:#f0e7d3;font-size:clamp(27px,3vw,42px);font-weight:850;letter-spacing:.04em}.tc-eso-title strong{display:block;color:#fff;font-size:clamp(60px,8vw,108px);font-weight:950;letter-spacing:-.075em;text-shadow:0 14px 40px rgba(0,0,0,.35)}
.tc-eso-intro{max-width:640px;margin:0;color:rgba(239,231,213,.78);font-size:17px;line-height:1.65}.tc-eso-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.tc-eso-status span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(201,162,79,.18);border-radius:4px;background:rgba(5,6,6,.48);font-size:12px;color:#d7d0c0}.tc-eso-status strong{color:#fff}.tc-eso-live i{width:8px;height:8px;border-radius:50%;background:var(--eso-red2);box-shadow:0 0 0 5px rgba(184,75,67,.12)}
.tc-eso-rune{display:inline-block;width:24px;height:24px;border:2px solid var(--eso-gold);transform:rotate(45deg);position:relative}.tc-eso-rune:before,.tc-eso-rune:after{content:"";position:absolute;background:var(--eso-gold)}.tc-eso-rune:before{width:2px;height:14px;left:9px;top:3px}.tc-eso-rune:after{height:2px;width:14px;left:3px;top:9px}
.tc-eso-kicker .tc-eso-rune{transform:rotate(45deg) scale(.7)}
.tc-eso-hero-story{position:relative;display:block;min-height:390px;overflow:hidden;border-radius:14px;background:#111;color:#fff;border:1px solid rgba(201,162,79,.24);box-shadow:0 18px 50px rgba(0,0,0,.42);isolation:isolate}.tc-eso-hero-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease}.tc-eso-hero-story:hover img{transform:scale(1.035);filter:saturate(1.07) contrast(1.03)}.tc-eso-hero-story-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,7,7,.02) 8%,rgba(11,12,11,.96) 100%)}
.tc-eso-story-badge{position:absolute;left:18px;top:18px;z-index:3;padding:8px 12px;border:1px solid rgba(249,228,176,.35);border-radius:3px;background:linear-gradient(180deg,#dec27e,#b88d3e);color:#23190b;font-size:9px;font-weight:1000;letter-spacing:.12em;box-shadow:4px 4px 0 rgba(0,0,0,.28)}.tc-eso-hero-story-copy{position:absolute;left:25px;right:25px;bottom:23px;z-index:4;display:flex;flex-direction:column;gap:7px}.tc-eso-hero-story-copy small{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#e7cd87}.tc-eso-hero-story-copy strong{font-size:clamp(22px,2.4vw,32px);line-height:1.14;color:#fff;letter-spacing:-.026em}.tc-eso-hero-story-copy span{font-size:12px;font-weight:900;color:#f4ead8}.tc-eso-hero-story-copy b{color:var(--eso-blue2)}

.tc-eso-seal{position:absolute;width:150px;height:150px;border:2px solid rgba(229,208,154,.26);border-radius:50%;opacity:.16;pointer-events:none}.tc-eso-seal:before,.tc-eso-seal:after,.tc-eso-seal i,.tc-eso-seal b{content:"";position:absolute;left:50%;top:50%;transform-origin:center}.tc-eso-seal:before{width:116px;height:116px;border:1px dashed rgba(229,208,154,.5);border-radius:50%;transform:translate(-50%,-50%)}.tc-eso-seal:after{width:2px;height:136px;background:rgba(229,208,154,.65);transform:translate(-50%,-50%) rotate(60deg)}.tc-eso-seal i{width:2px;height:136px;background:rgba(229,208,154,.65);transform:translate(-50%,-50%) rotate(-60deg)}.tc-eso-seal b{width:70px;height:70px;border:2px solid rgba(229,208,154,.45);transform:translate(-50%,-50%) rotate(45deg)}.tc-eso-seal-a{left:34%;top:-30px}.tc-eso-seal-b{left:3%;bottom:-76px;transform:scale(.8)}.tc-eso-seal-small{right:30px;top:50%;transform:translateY(-50%) scale(.55);opacity:.1}

.tc-eso-jump{display:flex;gap:9px;flex-wrap:wrap;padding:18px 4px 7px;margin:0 0 8px}.tc-eso-jump a{position:relative;padding:10px 14px 10px 30px;border:1px solid rgba(201,162,79,.2);border-radius:4px;background:linear-gradient(180deg,#262520,#191a18);color:#f0eadf !important;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:.2s ease}.tc-eso-jump a:hover{transform:translateY(-2px);border-color:rgba(201,162,79,.56);background:#2d2b25}.tc-eso-jump a:before{content:"";position:absolute;left:12px;top:50%;width:8px;height:8px;border:1px solid var(--eso-gold);transform:translateY(-50%) rotate(45deg);background:rgba(201,162,79,.08)}

.tc-eso-section{padding:36px 4px 8px;scroll-margin-top:110px;color:#fff}.tc-eso-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.tc-eso-section-kicker{color:var(--eso-gold);margin-bottom:8px}.tc-eso-section h2,.tc-eso-update h2,.tc-eso-fixes h2,.tc-eso-all h2{margin:0;color:#f4eddf !important;font-size:clamp(28px,3vw,40px);font-weight:950;letter-spacing:-.045em;line-height:1.06}
.tc-eso-compass{position:relative;width:55px;height:55px;border:1px solid rgba(201,162,79,.33);border-radius:50%}.tc-eso-compass:before,.tc-eso-compass:after,.tc-eso-compass i{content:"";position:absolute;left:50%;top:50%;background:var(--eso-gold)}.tc-eso-compass:before{width:1px;height:45px;transform:translate(-50%,-50%)}.tc-eso-compass:after{width:45px;height:1px;transform:translate(-50%,-50%)}.tc-eso-compass i{width:10px;height:10px;border:2px solid var(--eso-red2);background:#171816;transform:translate(-50%,-50%) rotate(45deg)}

.tc-eso-now-grid{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(310px,.76fr);gap:14px}.tc-eso-now-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}.tc-eso-feature{position:relative;display:block;overflow:hidden;min-height:150px;border-radius:10px;border:1px solid rgba(201,162,79,.17);background:#171816;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.25);isolation:isolate}.tc-eso-feature-large{min-height:445px;border-radius:15px}.tc-eso-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .38s ease,filter .38s ease}.tc-eso-feature:hover img{transform:scale(1.035);filter:saturate(1.06)}.tc-eso-feature-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,6,6,.02) 12%,rgba(13,14,13,.97) 100%)}.tc-eso-feature:after{content:"";position:absolute;left:0;bottom:0;width:55%;height:4px;z-index:3;background:var(--eso-red2);box-shadow:190px 0 0 var(--eso-gold)}.tc-eso-feature-copy{position:absolute;left:19px;right:18px;bottom:17px;z-index:2;display:flex;flex-direction:column;gap:5px}.tc-eso-feature-copy small{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#e3c979}.tc-eso-feature-copy strong{color:#fff;font-size:16px;line-height:1.22}.tc-eso-feature-large .tc-eso-feature-copy{left:26px;right:25px;bottom:24px}.tc-eso-feature-large .tc-eso-feature-copy strong{font-size:clamp(24px,3vw,36px);letter-spacing:-.03em}.tc-eso-feature-copy span{font-size:11px;font-weight:900;color:#f5ead8}.tc-eso-feature-copy b{color:var(--eso-blue2)}.tc-eso-feature-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#1c1c19,#3a3325)}

.tc-eso-update{position:relative;margin:38px 4px 0;padding:32px;border-radius:18px;border:1px solid rgba(104,169,189,.32);background:radial-gradient(circle at 88% 10%,rgba(104,169,189,.18),transparent 25%),radial-gradient(circle at 7% 100%,rgba(126,39,40,.18),transparent 34%),linear-gradient(135deg,#111719 0%,#203139 54%,#111719 100%);box-shadow:0 20px 54px rgba(0,0,0,.34);overflow:hidden;color:#fff;scroll-margin-top:110px}.tc-eso-update:after{content:"UPDATE 51";position:absolute;right:-8px;bottom:-44px;font-size:108px;font-weight:950;letter-spacing:-.06em;color:rgba(224,247,251,.035);pointer-events:none;white-space:nowrap}.tc-eso-update-top{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.tc-eso-update-top p{max-width:680px;margin:9px 0 0;color:#c7dadd;font-size:14px;line-height:1.55}.tc-eso-update .tc-eso-section-kicker{color:var(--eso-blue2)}.tc-eso-update-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(181,228,236,.28);border-radius:4px;background:rgba(12,30,35,.6);color:#d8f5f7;font-size:9px;font-weight:1000;letter-spacing:.12em}.tc-eso-update-status i{width:8px;height:8px;border-radius:50%;background:#c6f3f7;box-shadow:0 0 0 5px rgba(198,243,247,.09)}.tc-eso-update-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tc-eso-update-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(199,239,245,.14);border-radius:10px;background:rgba(9,19,22,.72);color:#fff !important;box-shadow:0 11px 31px rgba(0,0,0,.25);transition:.2s ease}.tc-eso-update-card:hover{transform:translateY(-5px);border-color:rgba(199,239,245,.46)}.tc-eso-update-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#1c343a}.tc-eso-update-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03);transition:transform .35s ease,filter .35s ease}.tc-eso-update-card:hover img{transform:scale(1.04);filter:saturate(1.05)}.tc-eso-update-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(188,235,244,.02),rgba(6,17,20,.42))}.tc-eso-update-num{position:absolute;right:10px;top:10px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(224,250,253,.45);border-radius:50%;background:rgba(11,32,37,.78);color:#e1fbfd;font-size:10px;font-weight:1000}.tc-eso-update-body{display:flex;flex:1;flex-direction:column;padding:15px 15px 17px}.tc-eso-update-body small{font-size:9px;font-weight:900;letter-spacing:.09em;color:#9fd8e3;text-transform:uppercase}.tc-eso-update-body strong{margin:7px 0 15px;color:#fff;font-size:15px;line-height:1.25}.tc-eso-update-body>span{margin-top:auto;font-size:10px;font-weight:900;color:#d8f4f6}.tc-eso-update-body b{color:#8ed9e6}.tc-eso-vault-glyph{position:absolute;width:150px;height:150px;border:1px solid rgba(220,248,252,.12);transform:rotate(45deg);pointer-events:none}.tc-eso-vault-glyph:before,.tc-eso-vault-glyph:after{content:"";position:absolute;inset:24px;border:1px solid rgba(220,248,252,.1)}.tc-eso-vault-glyph:after{inset:50px}.tc-eso-vault-glyph-a{right:7%;top:-95px}.tc-eso-vault-glyph-b{left:-70px;bottom:-95px;transform:rotate(45deg) scale(.75)}

.tc-eso-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tc-eso-card{min-width:0;overflow:hidden;border:1px solid rgba(201,162,79,.16);border-radius:10px;background:linear-gradient(180deg,#24231f 0%,#171816 100%);box-shadow:0 12px 32px rgba(0,0,0,.26);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tc-eso-card:nth-child(2){background:linear-gradient(180deg,#29261f,#191816)}.tc-eso-card:nth-child(3){background:linear-gradient(180deg,#22252a,#16191b)}.tc-eso-card:nth-child(4){background:linear-gradient(180deg,#2b2422,#191615)}.tc-eso-card:hover{transform:translateY(-5px);border-color:rgba(201,162,79,.5);box-shadow:0 18px 44px rgba(0,0,0,.36)}.tc-eso-card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#27251f}.tc-eso-card-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--eso-red2) 0 50%,var(--eso-gold) 50% 78%,var(--eso-blue) 78%)}.tc-eso-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.tc-eso-card:hover .tc-eso-card-image img{transform:scale(1.04);filter:saturate(1.05)}.tc-eso-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#1c1d1b,#3a3325)}.tc-eso-image-tag{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:2px;background:linear-gradient(180deg,#dec27e,#b88d3e);color:#251a0b;font-size:8px;font-weight:1000;letter-spacing:.11em;box-shadow:4px 4px 0 rgba(13,13,12,.28)}.tc-eso-card-body{padding:16px 17px 18px}.tc-eso-card-meta{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#aaa492}.tc-eso-card-meta span{color:var(--eso-red2)}.tc-eso-card h3{margin:8px 0 14px;font-size:17px;line-height:1.28;letter-spacing:-.02em}.tc-eso-card h3 a{color:#f6f0e5 !important}.tc-eso-card-read{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:3px;background:rgba(201,162,79,.08);font-size:10px;font-weight:900;letter-spacing:.04em;color:#eadfc8 !important}.tc-eso-card-read span{color:var(--eso-blue2)}.tc-eso-section-quests .tc-eso-section-kicker{color:#d8bd78}.tc-eso-section-zones .tc-eso-section-kicker{color:#83b8c5}.tc-eso-section-builds .tc-eso-section-kicker{color:#cb625d}.tc-eso-section-gear .tc-eso-section-kicker{color:#e2bf6b}.tc-eso-section-events .tc-eso-section-kicker{color:#9bc7b4}

.tc-eso-fixes{position:relative;margin:38px 4px 0;padding:31px;border-radius:16px;border:1px solid rgba(184,75,67,.25);background:radial-gradient(circle at 92% 7%,rgba(184,75,67,.13),transparent 25%),linear-gradient(135deg,#181515 0%,#28201e 52%,#141414 100%);box-shadow:0 18px 48px rgba(0,0,0,.33);overflow:hidden;scroll-margin-top:110px}.tc-eso-alert-line{position:absolute;left:0;top:0;bottom:0;width:5px;background:repeating-linear-gradient(180deg,var(--eso-red2) 0 14px,var(--eso-gold) 14px 28px)}.tc-eso-fixes-top{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.tc-eso-fix-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(184,75,67,.24);border-radius:4px;background:rgba(42,19,18,.52);color:#efc1b8;font-size:9px;font-weight:950;letter-spacing:.1em}.tc-eso-fix-status i{width:7px;height:7px;border-radius:50%;background:var(--eso-red2);box-shadow:0 0 0 4px rgba(184,75,67,.1)}.tc-eso-fixes-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tc-eso-fix-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border-radius:7px;border:1px solid rgba(255,255,255,.07);background:rgba(8,8,8,.58);color:#fff !important;transition:.2s ease}.tc-eso-fix-item:hover{transform:translateX(3px);background:#2b2220;border-color:rgba(184,75,67,.4)}.tc-eso-fix-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--eso-red2);transform:rotate(45deg);color:#f2d1c9;font-size:14px;font-weight:1000}.tc-eso-fix-icon::first-letter{transform:rotate(-45deg)}.tc-eso-fix-item strong{display:block;color:#f5eee3;font-size:14px;line-height:1.28}.tc-eso-fix-item small{display:block;margin-top:3px;color:#aaa196;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.tc-eso-fix-item>b{color:var(--eso-gold)}

.tc-eso-all{position:relative;margin:42px 4px 13px;padding:29px 31px;border-radius:12px;border:1px solid rgba(201,162,79,.18);background:linear-gradient(90deg,#28251e 0%,#171816 100%);color:#fff;overflow:hidden}.tc-eso-all .tc-eso-section-kicker{color:var(--eso-gold)}

.tc-eso-hub article.tc-eso-card,.tc-eso-hub .tc-eso-feature,.tc-eso-hub .tc-eso-hero-story,.tc-eso-hub .tc-eso-update-card{margin:0 !important;max-width:none !important;width:auto}

@media (max-width:1100px){
  .tc-eso-hub{max-width:100% !important}.tc-eso-hero{grid-template-columns:1fr;padding:31px}.tc-eso-hero-story{min-height:315px}.tc-eso-card-grid,.tc-eso-update-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-eso-now-grid{grid-template-columns:1fr}.tc-eso-now-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.tc-eso-feature-small{min-height:205px}
}
@media (max-width:700px){
  .tc-eso-hub{margin-bottom:26px !important}.tc-eso-hero{padding:22px;border-radius:16px;gap:20px}.tc-eso-title strong{font-size:62px}.tc-eso-title span{font-size:25px}.tc-eso-intro{font-size:15px}.tc-eso-hero-story{min-height:278px}.tc-eso-section{padding-top:29px}.tc-eso-section-head,.tc-eso-update-top,.tc-eso-fixes-top{align-items:flex-start;flex-direction:column;gap:10px}.tc-eso-now-stack{grid-template-columns:1fr}.tc-eso-feature-large{min-height:330px}.tc-eso-feature-small{min-height:195px}.tc-eso-card-grid,.tc-eso-update-grid,.tc-eso-fixes-grid{grid-template-columns:1fr}.tc-eso-update,.tc-eso-fixes{padding:22px 17px}.tc-eso-jump{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.tc-eso-jump a{white-space:nowrap}.tc-eso-seal-a,.tc-eso-seal-b{opacity:.04}
}
