.scroll-stage{--scroll-ink: #3b2614;--scroll-ink-soft: #6b4a2b;--scroll-line: rgba(107, 74, 43, .35);--scroll-gold: #d9a441;--scroll-gold-light: #f3d48a;--scroll-accent: #7a4a0c;--scroll-seal: #d9a441;--scroll-badge: radial-gradient(circle at 40% 35%, #e3b453, #9a6516);--scroll-badge-text: #fff6df;--scroll-stage-shade: rgba(4, 14, 21, .82);position:relative;padding:56px 16px 64px;overflow:hidden;border:1px solid var(--color-gold-line);border-radius:var(--radius-m);background:var(--color-page);isolation:isolate}.scroll-stage__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.scroll-stage:after{position:absolute;inset:0;z-index:-1;content:"";background:radial-gradient(ellipse 70% 60% at 50% 30%,transparent 35%,var(--scroll-stage-shade) 100%),linear-gradient(180deg,transparent 35%,var(--scroll-stage-shade))}.scroll{position:relative;max-width:1040px;margin:70px auto 0;padding:108px 64px 52px;border-radius:4px;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(255,246,222,.55),transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(120,78,34,.35) 100%),linear-gradient(90deg,#c9a46a,#ead3a2 7%,#f1dfb6,#ead3a2 93%,#c9a46a);box-shadow:inset 0 0 40px #6e461e59,0 18px 50px #000000a6;color:var(--scroll-ink)}.scroll:before,.scroll:after{position:absolute;left:-22px;right:-22px;height:26px;content:"";border-radius:13px;background:radial-gradient(circle at 13px 50%,var(--scroll-gold-light) 0 6px,var(--scroll-gold) 7px 10px,transparent 11px),radial-gradient(circle at calc(100% - 13px) 50%,var(--scroll-gold-light) 0 6px,var(--scroll-gold) 7px 10px,transparent 11px),linear-gradient(180deg,#3d2412,#8a5a2c 35%,#b98549 50%,#6e4420 70%,#2e1a0c);box-shadow:0 6px 14px #0000008c}.scroll:before{top:-14px}.scroll:after{bottom:-14px}.scroll__head{display:grid;justify-items:center;gap:6px;margin:0 0 8px;text-align:center}.scroll__seal{position:absolute;top:-96px;left:50%;display:grid;place-items:center;width:188px;height:188px;border-radius:50%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--scroll-seal) 45%,#1a0d0b),#0f0807 72%);box-shadow:0 0 0 3px var(--scroll-gold),0 0 0 7px #1a0f0c,0 0 0 8px #d9a4415c,0 0 40px color-mix(in srgb,var(--scroll-seal) 55%,transparent);transform:translate(-50%)}.scroll__icon{display:block;width:156px;height:156px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7))}.scroll__name{margin:0;color:var(--scroll-accent);font-family:var(--font-display);font-size:40px;font-weight:400;line-height:1.1;text-shadow:0 1px 0 rgba(255,240,210,.6)}.scroll__other-name{margin:0;color:var(--scroll-ink-soft);font-size:14px;letter-spacing:.1em;text-transform:uppercase}.scroll__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 0;color:var(--scroll-ink-soft);font-size:14px}.scroll__kind{color:color-mix(in srgb,var(--scroll-seal) 70%,#3b2614);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.scroll__link{color:var(--scroll-accent);font-weight:700;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px}.scroll__link:hover{text-decoration-style:solid}.scroll__link:focus-visible{outline:2px solid var(--scroll-accent);outline-offset:2px}.scroll__part{margin:26px 0 0}.scroll__title{display:flex;align-items:center;gap:14px;margin:0 0 12px;color:var(--scroll-ink-soft);font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:.16em;text-transform:uppercase}.scroll__title:before,.scroll__title:after{flex:1 1 auto;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--scroll-line) 30%,var(--scroll-line) 70%,transparent)}.scroll__text{max-width:780px;margin:0 auto;font-size:18px;line-height:1.7;text-align:center}.scroll__note{max-width:780px;margin:8px auto 0;color:var(--scroll-ink-soft);font-size:14px;font-style:italic;text-align:center}.scroll__mark{color:var(--scroll-accent);font-weight:700}.scroll__mark--status{color:var(--scroll-ink)}.scroll__status-icon{display:inline-flex;margin:0 4px 0 2px;padding:0;border:1px solid transparent;border-radius:4px;background:none;vertical-align:-5px;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.scroll__status-icon img{width:22px;height:22px;border-radius:4px;box-shadow:0 1px 3px #3b261473}.scroll__status-icon:hover,.scroll__status-icon:focus-visible{border-color:var(--scroll-accent);outline:none;transform:translateY(-1px)}.scroll-badge{flex:0 0 auto;min-width:58px;padding:3px 10px;border-radius:999px;background:var(--scroll-badge);box-shadow:inset 0 -2px #00000040;color:var(--scroll-badge-text);font-size:12px;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase}.scroll-steps{display:grid;gap:6px;max-width:640px;margin:0 auto;padding:0;list-style:none}.scroll-steps__item{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px dashed var(--scroll-line);font-size:15px}.scroll-steps__item:last-child{border-bottom:0}.scroll__part--lore{margin-top:32px}.scroll__lore{margin:0;color:var(--scroll-ink-soft);font-size:16px;font-style:italic;line-height:1.7}.scroll__lore:first-letter{float:left;margin:4px 8px 0 0;color:var(--scroll-accent);font-family:var(--font-display);font-size:52px;font-style:normal;line-height:.8}@media(max-width:600px){.scroll-stage{padding:40px 8px 48px}.scroll{margin-top:56px;padding:84px 20px 36px}.scroll:before,.scroll:after{left:-8px;right:-8px}.scroll__seal{top:-76px;width:148px;height:148px}.scroll__icon{width:120px;height:120px}.scroll__name{font-size:30px}.scroll__text{font-size:16px}}