.talents .top-bar h1 img{height:16.6px}.talents .emblem path:last-child{stroke:var(--line);stroke-opacity:.55}.el-anemo{--e1:#5fc6a8;--e2:#2b7666;--e-ink:#237566}.el-geo{--e1:#e1b45a;--e2:#976a22;--e-ink:#8f6318}.el-electro{--e1:#b78aea;--e2:#67449e;--e-ink:#7146a8}.el-dendro{--e1:#a0cb52;--e2:#4b7a24;--e-ink:#4b7d1f}.el-hydro{--e1:#5cb0f2;--e2:#2a5ba2;--e-ink:#2361a6}.el-pyro{--e1:#f28d5f;--e2:#a43d2a;--e-ink:#b2432a}.el-cryo{--e1:#a3def0;--e2:#4689aa;--e-ink:#2d7c9c}.talent-head{background:radial-gradient(circle at 50% 46%,#7888aa38,#0000 58%),linear-gradient(#2c3346,#1b2030);border-radius:14px 14px 0 0;place-items:center;min-height:212px;display:grid;position:relative;overflow:hidden}.talent-head:before{content:"";background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--e1,#fff) 42%, transparent), transparent 52%);opacity:0;transition:opacity 1s;position:absolute;inset:0}.elemental .talent-head:before{opacity:1}.orbit{fill:none;stroke:#c8b58f61;stroke-width:1px;width:192px;height:192px;transition:stroke 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit path{fill:#c8b58f80;stroke:none;transition:fill 1s}.elemental .orbit{stroke:color-mix(in srgb, var(--e1) 55%, transparent)}.elemental .orbit path{fill:color-mix(in srgb, var(--e1) 80%, transparent)}.talent-art{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#5d667c,#2f3547 72%);border-radius:50%;width:128px;position:relative;box-shadow:0 0 0 1px #c8b58f99,0 0 0 7px #ffffff0a,0 12px 26px #0006}.talent-art:before{content:"";background:radial-gradient(circle at 36% 30%, var(--e1,transparent), var(--e2,transparent) 76%);opacity:0;border-radius:50%;transition:opacity .8s;position:absolute;inset:0}.elemental .talent-art:before{opacity:1}.talent-art img{filter:drop-shadow(0 2px 3px #00000059);width:72%;height:72%;position:absolute;inset:14%}.talent-art .ring{border:2px solid var(--gold);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.talent-art.ripple-element .ring{border-color:var(--e1);animation:1s ease-out ripple}.talent-art.ripple-solved .ring{animation:1.1s ease-out .15s ripple}@keyframes ripple{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.clues{gap:2px;margin:0;display:grid}.clues>div{border-radius:6px;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 12px;display:flex}.clues>div:nth-child(odd){background:#3b425512}.clues dt{color:var(--muted);flex:none;font-size:14px}.clues dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.clues .locked dd{color:var(--muted);font-size:13px;font-weight:400}.lock{vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:1.4px;width:10px;height:12px;margin-right:6px}.clues dd.appear{animation:.6s ease-out unlock}@keyframes unlock{0%{opacity:0;letter-spacing:.06em}}#clue-rarity:not(.locked) dd{letter-spacing:1px;color:#e2a52a;text-shadow:0 0 1px #5a3c0a99}#clue-element:not(.locked) dd{color:var(--e-ink)}#clue-element:not(.locked) dd:before{content:"";vertical-align:1px;background:var(--e-ink);width:7px;height:7px;margin-right:8px;display:inline-block;transform:rotate(45deg)}@media (width<=480px){.talents .top-bar h1 img{height:13.6px}.talent-head{min-height:184px}.orbit{width:168px;height:168px}.talent-art{width:112px}}@media (prefers-reduced-motion:reduce){.clues dd.appear,.talent-art .ring{animation:none!important}.talent-head:before,.orbit,.orbit path,.talent-art:before{transition:none}}