.weapon-element-page{background:#0b0f14;color:#d6dde7}.we-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(211,166,75,.22);background:radial-gradient(circle at 78% 42%,rgba(111,75,32,.22),transparent 30%),linear-gradient(120deg,#10161d,#080b0f)}.we-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(218,170,72,.04) 1px,transparent 1px),linear-gradient(rgba(218,170,72,.04) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent)}.we-hero__inner{min-height:360px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}.we-hero h1{font-size:clamp(40px,6vw,72px);line-height:1.05;margin:12px 0 20px;color:#f1d58d;letter-spacing:.04em}.we-hero p{max-width:680px;font-size:18px;line-height:1.9;color:#aeb9c7}.we-orbit{width:245px;height:245px;position:relative;border:1px solid rgba(217,172,73,.35);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 70px rgba(185,130,46,.12),inset 0 0 35px rgba(185,130,46,.08)}.we-orbit:before,.we-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(217,172,73,.24)}.we-orbit:before{inset:25px}.we-orbit:after{inset:62px}.we-orbit strong{font:700 35px/1 Georgia,serif;color:#f3d37f}.we-orbit span{position:absolute;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#10161d;border:1px solid currentColor}.we-orbit__fire{top:-10px;color:#e77f52}.we-orbit__water{right:-10px;color:#6ca9de}.we-orbit__earth{bottom:-10px;color:#c9a65c}.we-orbit__wind{left:-10px;color:#78b99a}.we-section{padding-top:64px}.we-overview{display:grid;grid-template-columns:.85fr 1.35fr;gap:24px}.we-card{background:#11171e;border:1px solid rgba(210,166,74,.22);padding:32px}.we-card h2,.we-heading h2{color:#f0d082;margin:8px 0 22px}.we-source-grid{display:grid;gap:12px}.we-source-grid div{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(213,170,81,.18);background:#0d1218}.we-source-grid span{color:#e1ad4b}.we-card--rules ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}.we-card--rules li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.we-card--rules li:last-child{border-bottom:0}.we-card--rules li>span{color:#d9aa50;font:700 13px/1.4 Georgia,serif;letter-spacing:.12em}.we-card--rules p{margin:0;line-height:1.75;color:#b8c2ce}.we-warning{margin:24px 0 58px;padding:22px 26px;border:1px solid rgba(208,104,72,.4);background:linear-gradient(90deg,rgba(123,42,28,.22),rgba(22,16,16,.65));display:flex;gap:24px;align-items:center}.we-warning strong{color:#ffb486;white-space:nowrap}.we-warning p{margin:0;color:#c8b8b2;line-height:1.7}.we-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.we-heading p{margin:0;color:#8f9cab}.we-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.we-tab{appearance:none;border:1px solid rgba(255,255,255,.13);background:#10161d;color:#93a0ae;min-height:82px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.2s}.we-tab span{font-size:25px;font-weight:800}.we-tab small{letter-spacing:.18em}.we-tab:hover,.we-tab.is-active{transform:translateY(-2px);background:#151c24}.we-tab--fire.is-active{color:#ef9a70;border-color:#d8774d;box-shadow:inset 0 -3px #d8774d}.we-tab--water.is-active{color:#82b9e7;border-color:#5f9fd1;box-shadow:inset 0 -3px #5f9fd1}.we-tab--earth.is-active{color:#d9ba73;border-color:#b99950;box-shadow:inset 0 -3px #b99950}.we-tab--wind.is-active{color:#8fc6a9;border-color:#6cae8b;box-shadow:inset 0 -3px #6cae8b}.we-panel{border:1px solid rgba(255,255,255,.12);background:#0f141a;padding:30px}.we-panel__header{display:flex;align-items:center;gap:20px;margin-bottom:28px}.we-panel__header img{width:84px;height:84px;image-rendering:pixelated;object-fit:cover;border:1px solid rgba(218,173,77,.42);background:#050607;padding:8px}.we-panel__header span{font-size:12px;letter-spacing:.2em;color:#7f8c9b}.we-panel__header h3{font-size:27px;color:#f0d080;margin:5px 0 8px}.we-panel__header p{margin:0;color:#a8b3bf}.we-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.we-level-card{min-width:0;border:1px solid rgba(255,255,255,.1);background:#0a0f14;padding:18px 16px;display:grid;gap:16px}.we-level-card__level{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.we-level-card__level small{font-size:10px;letter-spacing:.18em;color:#718090}.we-level-card__level strong{font:700 30px/1 Georgia,serif;color:#e4bd68}.we-level-card__chance span{display:block;font-size:12px;color:#798795;margin-bottom:4px}.we-level-card__chance strong{font-size:22px;color:#e8edf2}.we-level-card__effect{line-height:1.5}.we-level-card__effect strong{display:block;color:#d2d9e1}.we-level-card__effect span{display:block;color:#e5bd67;margin-top:5px}.we-panel--fire{box-shadow:inset 0 3px rgba(216,106,65,.7)}.we-panel--water{box-shadow:inset 0 3px rgba(75,145,203,.7)}.we-panel--earth{box-shadow:inset 0 3px rgba(179,145,70,.7)}.we-panel--wind{box-shadow:inset 0 3px rgba(85,157,120,.7)}.we-note{margin-top:28px;display:flex;align-items:center;gap:20px;border:1px solid rgba(213,170,74,.24);padding:20px 24px;background:#11171e}.we-note>span{font-size:11px;letter-spacing:.18em;color:#d9aa50}.we-note strong{color:#f0d080}.we-note p{display:inline;margin-left:12px;color:#8f9cab}@media(max-width:980px){.we-orbit{display:none}.we-overview{grid-template-columns:1fr}.we-levels{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.we-hero__inner{min-height:300px}.we-hero p{font-size:16px}.we-section{padding-top:38px}.we-card,.we-panel{padding:22px 18px}.we-warning{align-items:flex-start;flex-direction:column;gap:8px}.we-warning strong{white-space:normal}.we-heading{align-items:flex-start;flex-direction:column}.we-tabs{grid-template-columns:repeat(2,1fr)}.we-panel__header{align-items:flex-start}.we-panel__header img{width:68px;height:68px}.we-panel__header h3{font-size:21px}.we-levels{grid-template-columns:1fr}.we-level-card{grid-template-columns:64px 82px 1fr;align-items:center;gap:12px}.we-level-card__level{border:0;padding:0;display:block}.we-level-card__chance strong{font-size:19px}.we-note{align-items:flex-start;flex-direction:column}.we-note p{display:block;margin:6px 0 0}}