/* v41 — финальный смысловой блок: Древо трёх миров */
.world-tree-v41{position:relative;overflow:hidden}
.world-tree-v41::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(218,178,103,.09),transparent 42%),linear-gradient(180deg,transparent,rgba(0,0,0,.16));opacity:.9}
.world-tree-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,560px);gap:32px;align-items:end;margin-bottom:22px}
.world-tree-head h2{margin:.35rem 0 0;font-size:clamp(2.35rem,5vw,5rem);line-height:.92;letter-spacing:.035em;text-shadow:0 0 26px rgba(223,181,106,.12)}
.world-tree-head p{margin:0;color:rgba(245,231,203,.82);font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.55;max-width:62ch}
.world-tree-panel{position:relative;border-radius:34px;overflow:hidden;border:1px solid rgba(223,181,106,.34);background:#05070b;box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06);isolation:isolate}
.world-tree-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(246,218,154,.2),transparent);transform:translateX(-105%);opacity:0;z-index:3}
.world-tree-panel:hover::before{animation:worldTreeRay 1.45s ease-out both}
@keyframes worldTreeRay{0%{transform:translateX(-105%);opacity:0}22%{opacity:.5}100%{transform:translateX(105%);opacity:0}}
.world-tree-panel picture,.world-tree-panel img{display:block;width:100%}
.world-tree-panel img{aspect-ratio:16/8.2;object-fit:cover;object-position:center center;transform:scale(1.01);transition:transform 900ms ease,filter 900ms ease}
.world-tree-panel:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.05)}
.world-tree-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,9,.03) 0%,rgba(3,5,9,.10) 43%,rgba(3,5,9,.72) 100%),radial-gradient(circle at 50% 36%,transparent 0,transparent 45%,rgba(2,3,7,.28) 100%);z-index:1;pointer-events:none}
.world-tree-routes{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.world-route{position:relative;display:flex;min-height:150px;flex-direction:column;justify-content:flex-start;gap:8px;padding:20px 20px 18px;border-radius:24px;text-decoration:none;color:#f8edcf;background:linear-gradient(180deg,rgba(14,13,16,.72),rgba(8,7,11,.62));border:1px solid rgba(231,190,111,.34);box-shadow:0 18px 46px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(13px);overflow:hidden;transform:translateY(0);transition:transform 320ms ease,border-color 320ms ease,box-shadow 320ms ease,background 320ms ease}
.world-route::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(241,207,138,.28),transparent 34%),linear-gradient(120deg,transparent 20%,rgba(255,226,158,.16),transparent 58%);opacity:.62;pointer-events:none;transition:opacity 320ms ease}
.world-route::after{content:"";position:absolute;left:18px;right:18px;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,rgba(236,194,113,.72),transparent);transform:scaleX(.35);opacity:.3;transition:transform 320ms ease,opacity 320ms ease}
.world-route:hover,.world-route:focus-visible{transform:translateY(-6px);border-color:rgba(246,209,139,.8);box-shadow:0 26px 70px rgba(0,0,0,.45),0 0 34px rgba(217,169,84,.18),inset 0 1px 0 rgba(255,255,255,.09);outline:none;background:linear-gradient(180deg,rgba(31,25,22,.78),rgba(11,9,12,.68))}
.world-route:hover::before,.world-route:focus-visible::before{opacity:1}
.world-route:hover::after,.world-route:focus-visible::after{transform:scaleX(1);opacity:.88}
.world-route span{position:relative;z-index:1;width:max-content;padding:6px 12px;border:1px solid rgba(231,190,111,.46);border-radius:999px;color:#f0cf86;font:700 .82rem/1 Forum,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;background:rgba(0,0,0,.22)}
.world-route strong{position:relative;z-index:1;font-family:Forum,Georgia,serif;font-size:clamp(1.22rem,1.7vw,1.8rem);line-height:1.05;font-weight:400;letter-spacing:.025em;color:#fff4d2;text-shadow:0 0 18px rgba(240,202,124,.13)}
.world-route em{position:relative;z-index:1;display:block;font-style:normal;color:rgba(246,232,204,.78);font-size:1rem;line-height:1.35;max-width:26ch}
.world-route b{position:relative;z-index:1;margin-top:auto;color:#f0cf86;font:700 .9rem/1 Forum,Georgia,serif;letter-spacing:.08em;text-transform:uppercase;transition:transform 320ms ease,color 320ms ease}
.world-route:hover b,.world-route:focus-visible b{transform:translateX(6px);color:#fff0bf}
.route-prav{background:linear-gradient(180deg,rgba(20,22,29,.74),rgba(8,8,12,.62))}
.route-yav{background:linear-gradient(180deg,rgba(32,25,18,.72),rgba(9,8,10,.62))}
.route-nav{background:linear-gradient(180deg,rgba(12,18,29,.74),rgba(5,7,12,.68))}
@media(max-width:980px){.world-tree-head{grid-template-columns:1fr;gap:12px}.world-tree-panel img{aspect-ratio:16/10.5}.world-tree-routes{position:relative;left:auto;right:auto;bottom:auto;padding:14px;grid-template-columns:1fr;background:linear-gradient(180deg,rgba(2,4,8,.22),rgba(2,4,8,.86))}.world-route{min-height:auto}.world-tree-shade{background:linear-gradient(180deg,transparent 0%,rgba(3,5,9,.15) 50%,rgba(3,5,9,.72) 100%)}}
@media(max-width:640px){.world-tree-panel{border-radius:24px}.world-tree-head h2{font-size:clamp(2.15rem,12vw,3.55rem)}.world-tree-head p{font-size:1rem}.world-tree-panel img{aspect-ratio:4/3;object-position:center}.world-tree-routes{padding:10px;gap:10px}.world-route{border-radius:18px;padding:16px}.world-route strong{font-size:1.4rem}.world-route em{font-size:.95rem;max-width:none}}
@media(prefers-reduced-motion:reduce){.world-tree-panel::before{display:none}.world-tree-panel img,.world-route,.world-route *{transition:none!important}.world-tree-panel:hover img{transform:none}}