
/* v13.8.0 — Живой Архив: художественные слои, редкие отклики и локальная коллекция */
:root{--living-aura:#d2b174;--living-aura-soft:rgba(210,177,116,.12);--living-aura-deep:#251c28}
body{transition:background-color .8s ease,filter .8s ease}
.living-aura-overlay-v138{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.65;transition:opacity .7s ease,background .7s ease}
.living-aura-overlay-v138::before,.living-aura-overlay-v138::after{content:"";position:absolute;border-radius:50%;filter:blur(38px);opacity:.2;animation:livingAuraDrift138 18s ease-in-out infinite alternate}
.living-aura-overlay-v138::before{width:48vw;height:48vw;left:-14vw;top:14vh;background:var(--living-aura)}
.living-aura-overlay-v138::after{width:36vw;height:36vw;right:-10vw;top:48vh;background:color-mix(in srgb,var(--living-aura) 62%,#6f62bd);animation-delay:-7s}
@keyframes livingAuraDrift138{from{transform:translate3d(-2vw,-2vh,0) scale(.88)}to{transform:translate3d(4vw,4vh,0) scale(1.08)}}
body[data-living-aura="moon"]{--living-aura:#9db7ef;--living-aura-soft:rgba(157,183,239,.13);--living-aura-deep:#15192a;background:radial-gradient(circle at 75% -10%,rgba(132,160,226,.28),transparent 36%),radial-gradient(circle at 15% 25%,rgba(96,74,145,.22),transparent 35%),linear-gradient(180deg,#101321,#090b12 68%)}
body[data-living-aura="dawn"]{--living-aura:#efbd6e;--living-aura-soft:rgba(239,189,110,.13);--living-aura-deep:#2b201c;background:radial-gradient(circle at 50% -12%,rgba(244,188,102,.34),transparent 38%),radial-gradient(circle at 15% 25%,rgba(126,56,61,.18),transparent 34%),linear-gradient(180deg,#1a1519,#0d0d12 70%)}
body[data-living-aura="blood"]{--living-aura:#df526b;--living-aura-soft:rgba(223,82,107,.13);--living-aura-deep:#2a111a;background:radial-gradient(circle at 18% -10%,rgba(145,26,49,.42),transparent 38%),radial-gradient(circle at 90% 15%,rgba(72,15,36,.28),transparent 34%),linear-gradient(180deg,#150d14,#08090d 72%)}
body[data-living-aura="emerald"]{--living-aura:#6cc89a;--living-aura-soft:rgba(108,200,154,.12);--living-aura-deep:#11251f;background:radial-gradient(circle at 12% -8%,rgba(41,126,91,.3),transparent 36%),radial-gradient(circle at 88% 22%,rgba(60,103,77,.23),transparent 34%),linear-gradient(180deg,#0c1715,#080c0d 72%)}
body[data-living-aura="stars"]{--living-aura:#b89df0;--living-aura-soft:rgba(184,157,240,.13);--living-aura-deep:#17132b;background:radial-gradient(circle at 76% -8%,rgba(137,100,220,.31),transparent 36%),radial-gradient(circle at 18% 24%,rgba(54,84,148,.25),transparent 34%),linear-gradient(180deg,#101122,#08090f 72%)}
body[data-living-aura="twilight"]{--living-aura:#c17ca8;--living-aura-soft:rgba(193,124,168,.13);--living-aura-deep:#241725;background:radial-gradient(circle at 20% -10%,rgba(125,55,96,.35),transparent 38%),radial-gradient(circle at 86% 12%,rgba(60,74,130,.27),transparent 35%),linear-gradient(180deg,#151321,#090a10 72%)}
body.effects-off .living-aura-overlay-v138,body.calm-mode .living-aura-overlay-v138{display:none}

.tab-panel>.shell{position:relative;isolation:isolate}
.tab-panel>.shell>*:not(.living-section-art-v138){position:relative;z-index:2}
.living-section-art-v138{--art-color:#d2b174;position:absolute;z-index:0;right:-8px;top:-18px;width:min(330px,38vw);height:176px;color:var(--art-color);opacity:.29;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--art-color) 18%,transparent));transition:opacity .4s ease,filter .4s ease,transform .5s ease}
.living-section-art-v138 svg{width:100%;height:100%;overflow:visible}
.living-section-art-v138 .art-line{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.living-section-art-v138 .art-fill{fill:currentColor;opacity:.09}
.living-section-art-v138 .art-glow{fill:currentColor;opacity:.18;filter:url(#softGlow138)}
.living-section-art-v138 .art-orbit{transform-origin:center;animation:livingArtOrbit138 20s linear infinite}
.living-section-art-v138 .art-breathe{animation:livingArtBreathe138 4.8s ease-in-out infinite}
.living-section-art-v138 .living-star-v138{pointer-events:auto;position:absolute;right:18px;bottom:16px;width:30px;height:30px;border:0;background:transparent;color:color-mix(in srgb,var(--art-color) 72%,#fff);opacity:.28;font:18px/1 Georgia,serif;border-radius:50%;transition:opacity .25s ease,transform .25s ease,text-shadow .25s ease}
.living-section-art-v138 .living-star-v138:hover,.living-section-art-v138 .living-star-v138:focus-visible{opacity:1;transform:rotate(20deg) scale(1.18);text-shadow:0 0 16px currentColor}
.living-section-art-v138 .living-star-v138.found{pointer-events:none;animation:livingStarFall138 1.4s ease forwards}
.tab-panel.magic-section-active .living-section-art-v138{opacity:.75;filter:drop-shadow(0 0 34px color-mix(in srgb,var(--art-color) 52%,transparent));transform:scale(1.035)}
@keyframes livingArtOrbit138{to{transform:rotate(360deg)}}
@keyframes livingArtBreathe138{0%,100%{opacity:.36;transform:scale(.97)}50%{opacity:.88;transform:scale(1.035)}}
@keyframes livingStarFall138{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:translate(-18px,8px) rotate(80deg) scale(1.4)}100%{opacity:0;transform:translate(-92px,112px) rotate(260deg) scale(.35)}}

.rare-archive-event-v138{--rare-color:#d2b174;position:fixed;inset:0;z-index:1250;display:grid;place-items:center;padding:22px;pointer-events:none;opacity:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--rare-color) 16%,transparent),rgba(7,7,10,.42) 48%,rgba(4,4,7,.72));transition:opacity .32s ease}
.rare-archive-event-v138.open{opacity:1}
.rare-event-card-v138{position:relative;width:min(560px,100%);padding:30px 28px 26px;border:1px solid color-mix(in srgb,var(--rare-color) 54%,rgba(255,255,255,.14));border-radius:26px;background:linear-gradient(160deg,rgba(30,28,37,.97),rgba(11,11,16,.98));text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 55px color-mix(in srgb,var(--rare-color) 22%,transparent);overflow:hidden;transform:translateY(16px) scale(.94);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.rare-archive-event-v138.open .rare-event-card-v138{transform:none}
.rare-event-card-v138::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--rare-color) 16%,transparent),transparent 28%);animation:rareHaloSpin138 7s linear infinite}
.rare-event-card-v138>*{position:relative;z-index:1}
.rare-event-icon-v138{width:82px;height:82px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rare-color) 58%,#fff);border-radius:50%;color:#fff3d2;background:radial-gradient(circle,color-mix(in srgb,var(--rare-color) 32%,transparent),rgba(8,8,12,.9));font:38px Georgia,serif;box-shadow:0 0 0 7px color-mix(in srgb,var(--rare-color) 10%,transparent),0 0 34px color-mix(in srgb,var(--rare-color) 58%,transparent);animation:rareIconPulse138 1.1s ease-in-out infinite alternate}
.rare-event-card-v138 .eyebrow{color:color-mix(in srgb,var(--rare-color) 74%,#fff2cb)}
.rare-event-card-v138 h3{margin:9px 0 10px;font:600 30px/1.05 Georgia,serif;color:#f7ead1}
.rare-event-card-v138 p{max-width:460px;margin:0 auto;color:#cfc3b7;line-height:1.65}
.rare-event-rarity-v138{display:inline-flex;margin-top:16px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--rare-color) 35%,transparent);border-radius:999px;color:color-mix(in srgb,var(--rare-color) 78%,#fff);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
@keyframes rareHaloSpin138{to{transform:rotate(360deg)}}
@keyframes rareIconPulse138{to{transform:scale(1.06);filter:brightness(1.25)}}

.magic-save-seal-v138{--seal-color:#d2b174;position:fixed;left:50%;top:50%;z-index:1350;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--seal-color) 65%,#fff);background:radial-gradient(circle,color-mix(in srgb,var(--seal-color) 34%,transparent),rgba(11,10,15,.94));color:#fff3d2;font:30px Georgia,serif;pointer-events:none;box-shadow:0 0 0 7px color-mix(in srgb,var(--seal-color) 10%,transparent),0 0 38px color-mix(in srgb,var(--seal-color) 52%,transparent);animation:magicSaveSeal138 1.25s ease both}
@keyframes magicSaveSeal138{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-35deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(8deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-62%) scale(.8)}}

.living-type-icon-v138{display:inline-grid;place-items:center;width:23px;height:23px;flex:0 0 auto;margin-right:6px;border:1px solid color-mix(in srgb,var(--living-icon-color,var(--gold)) 42%,transparent);border-radius:50%;background:color-mix(in srgb,var(--living-icon-color,var(--gold)) 10%,rgba(255,255,255,.02));color:color-mix(in srgb,var(--living-icon-color,var(--gold)) 80%,#fff);font:13px Georgia,serif;box-shadow:0 0 12px color-mix(in srgb,var(--living-icon-color,var(--gold)) 16%,transparent)}
.thread-card .living-thread-emblem-v138,.npc-card .living-npc-emblem-v138{position:absolute;right:12px;bottom:12px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--emblem-color,var(--gold)) 42%,transparent);border-radius:50%;background:rgba(13,13,18,.82);color:color-mix(in srgb,var(--emblem-color,var(--gold)) 82%,#fff);font:17px Georgia,serif;box-shadow:0 0 18px color-mix(in srgb,var(--emblem-color,var(--gold)) 18%,transparent);opacity:.8}
.thread-card,.npc-card{position:relative}

.ritual-panel-v136{padding-top:126px!important;overflow:hidden!important}
.ritual-illustration-v138{position:absolute;left:0;right:0;top:0;height:112px;color:var(--ritual-color,#d2b174);pointer-events:none;opacity:.76;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--ritual-color,#d2b174) 14%,transparent),transparent 68%);border-bottom:1px solid color-mix(in srgb,var(--ritual-color,#d2b174) 16%,transparent)}
.ritual-illustration-v138 svg{width:100%;height:100%}.ritual-illustration-v138 .ri-line{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ritual-illustration-v138 .ri-fill{fill:currentColor;opacity:.1}.ritual-illustration-v138 .ri-spin{transform-origin:center;animation:ritualIllustrationSpin138 16s linear infinite}.ritual-illustration-v138 .ri-pulse{animation:ritualIllustrationPulse138 3s ease-in-out infinite}
@keyframes ritualIllustrationSpin138{to{transform:rotate(360deg)}}@keyframes ritualIllustrationPulse138{0%,100%{opacity:.35}50%{opacity:1}}

.living-cabinet-v138{margin-top:18px;display:grid;gap:16px}
.living-cabinet-card-v138{position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,var(--living-aura-soft),rgba(255,255,255,.018));box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.living-cabinet-card-v138::after{content:attr(data-glyph);position:absolute;right:10px;bottom:-30px;color:color-mix(in srgb,var(--living-aura) 10%,transparent);font:110px Georgia,serif;pointer-events:none}
.living-cabinet-card-v138 h4{margin:7px 0 8px;font:600 23px Georgia,serif}.living-cabinet-card-v138 p{color:var(--muted);line-height:1.55}
.aura-grid-v138{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.aura-choice-v138{--aura-color:#d2b174;min-height:72px;padding:10px;border:1px solid color-mix(in srgb,var(--aura-color) 30%,rgba(255,255,255,.06));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--aura-color) 10%,rgba(255,255,255,.02)),rgba(255,255,255,.01));color:var(--ink);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.aura-choice-v138:hover,.aura-choice-v138.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--aura-color) 62%,#fff);box-shadow:0 0 20px color-mix(in srgb,var(--aura-color) 19%,transparent)}
.aura-choice-v138 span{display:block;width:100%;height:16px;margin-bottom:8px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--aura-color) 22%,#111),var(--aura-color),color-mix(in srgb,var(--aura-color) 35%,#544b80))}.aura-choice-v138 strong{font:600 13px Georgia,serif}.aura-choice-v138 small{display:block;margin-top:3px;color:var(--muted)}
.magic-collection-grid-v138{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.magic-collection-seal-v138{min-height:112px;padding:12px 8px;border:1px solid rgba(210,177,116,.13);border-radius:16px;background:rgba(255,255,255,.022);text-align:center;color:#746d75;filter:grayscale(1);opacity:.52}.magic-collection-seal-v138.unlocked{color:#f2ddb0;filter:none;opacity:1;border-color:color-mix(in srgb,var(--seal-color,#d2b174) 38%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--seal-color,#d2b174) 12%,rgba(255,255,255,.02)),rgba(255,255,255,.018));box-shadow:0 0 18px color-mix(in srgb,var(--seal-color,#d2b174) 13%,transparent)}.magic-collection-seal-v138 b{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 8px;border:1px solid currentColor;border-radius:50%;font:20px Georgia,serif}.magic-collection-seal-v138 strong{display:block;font:600 12px/1.2 Georgia,serif}.magic-collection-seal-v138 small{display:block;margin-top:5px;font-size:10px;line-height:1.3;color:var(--muted)}
.magic-progress-v138{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.magic-progress-item-v138{padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.magic-progress-item-v138 strong{display:block;color:var(--gold-2);font:600 22px Georgia,serif}.magic-progress-item-v138 span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.living-cabinet-actions-v138{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

.book-cover{--book-art:#d2b174;background-image:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--book-art) 18%,transparent),transparent 31%),linear-gradient(110deg,#2a1820,#4a2832 44%,#26171d)!important}.book-cover .living-book-sigil-v138{float:right;width:42px;height:42px;margin:0 0 8px 12px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--book-art) 48%,transparent);border-radius:50%;color:color-mix(in srgb,var(--book-art) 82%,#fff);background:rgba(10,9,13,.38);font:21px Georgia,serif;box-shadow:0 0 20px color-mix(in srgb,var(--book-art) 15%,transparent)}

body.magic-rare-blood .card,body.magic-rare-blood .thread-card{animation:rareBloodBreath138 1.2s ease 2}body.magic-rare-time .event{animation:magicChronicleEcho 1.1s ease both;animation-delay:calc(var(--magic-index,0) * 55ms)}body.magic-rare-stars .living-section-art-v138{opacity:.85;filter:drop-shadow(0 0 28px var(--art-color))}
@keyframes rareBloodBreath138{50%{border-color:rgba(218,62,84,.62);box-shadow:0 0 25px rgba(218,62,84,.18)}}

@media(max-width:760px){.living-section-art-v138{right:-4px;top:18px;width:150px;height:94px;opacity:.18}.living-section-art-v138 .living-star-v138{right:8px;bottom:5px;width:36px;height:36px}.rare-event-card-v138{padding:24px 18px}.rare-event-card-v138 h3{font-size:24px}.aura-grid-v138{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-collection-grid-v138{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-progress-v138{grid-template-columns:repeat(2,minmax(0,1fr))}.ritual-panel-v136{padding-top:112px!important}.ritual-illustration-v138{height:98px}}
@media(max-width:390px){.living-section-art-v138{width:120px;height:78px;top:32px}.aura-grid-v138{grid-template-columns:1fr 1fr}.magic-collection-seal-v138{min-height:100px}}
body.effects-off .living-section-art-v138 .art-orbit,body.effects-off .living-section-art-v138 .art-breathe,body.effects-off .ritual-illustration-v138 *,body.calm-mode .living-section-art-v138 .art-orbit,body.calm-mode .living-section-art-v138 .art-breathe{animation:none!important}
@media(prefers-reduced-motion:reduce){.living-section-art-v138 *,.rare-archive-event-v138 *,.ritual-illustration-v138 *{animation:none!important}}
