.memory-page{--memory-ink:#e8e2d5;--memory-muted:#aeb8b5;--memory-line:#63b4c147;--memory-gold:#d3a34f;--memory-pink:#e40072;align-items:start}.memory-gallery,.memory-detail{background:linear-gradient(115deg,#021119f5,#07252ff0),repeating-linear-gradient(135deg,#0000 0 18px,#ffffff05 18px 20px);min-width:0}.memory-kicker{color:var(--memory-gold);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.memory-heading{border-bottom:1px solid var(--memory-line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;margin:10px 0 24px;padding:14px 0 24px;display:grid}.memory-heading h1,.memory-hero h1{color:var(--memory-ink);letter-spacing:-.04em;text-shadow:0 4px 22px #000;margin:7px 0 9px;font-size:clamp(34px,5vw,58px);line-height:1}.memory-heading>div:first-child>p:last-child,.memory-hero-copy>p:last-of-type{max-width:700px;color:var(--memory-muted);margin:0;line-height:1.75}.memory-counts{grid-template-columns:repeat(3,auto);gap:7px;display:grid}.memory-counts span{border-top:2px solid var(--memory-gold);color:#b9c5c2;background:#00000047;min-width:90px;padding:10px 12px;font-size:11px}.memory-counts strong{color:#fff4d8;font-size:23px;display:block}.memory-controls{box-shadow:inset 3px 0 var(--memory-gold);background:#0000003d;grid-template-columns:minmax(220px,360px) minmax(0,1fr);align-items:end;gap:16px;margin-bottom:22px;padding:14px;display:grid}.memory-controls label>span{color:#bfc8c4;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.memory-controls input{border:1px solid var(--memory-line);color:#fff;width:100%;font:inherit;background:#071820;border-radius:2px;padding:11px 12px}.memory-tabs{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.memory-tabs button,.memory-quality{border:1px solid var(--memory-line);color:#b9c6c4;font:inherit;cursor:pointer;background:#0a2029;padding:10px 14px;font-size:12px;font-weight:800}.memory-tabs button.active,.memory-tabs button:hover,.memory-quality.active,.memory-quality:hover{border-color:var(--memory-pink);color:#fff;box-shadow:inset 0 -3px var(--memory-pink)}.memory-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.memory-card{border:1px solid var(--memory-line);min-width:0;min-height:258px;color:inherit;background:linear-gradient(145deg,#163f49c7,#04161eeb 65%),#071820;border-left:3px solid #668a91;flex-direction:column;align-items:center;padding:34px 12px 39px;transition:transform .16s,border-color .16s,filter .16s;display:flex;position:relative;overflow:hidden}.memory-card.is-moment{border-left-color:var(--memory-gold);background:linear-gradient(145deg,#59411cc2,#12181bf0 66%)}.memory-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 68%,#ffffff0a 68% 70%,#0000 70%);position:absolute;inset:0}.memory-card:hover{z-index:1;border-color:var(--memory-gold);filter:brightness(1.1);transform:translateY(-3px)}.memory-card[hidden]{display:none}.memory-card-type{color:#9aaca9;letter-spacing:.12em;font-size:10px;font-weight:800;position:absolute;top:9px;left:12px}.memory-card-art{place-items:center;min-height:112px;display:grid}.memory-card-image,.memory-rune-image{object-fit:contain;filter:drop-shadow(0 12px 14px #00000085);display:block}.memory-card-image{width:108px;height:108px}.memory-sigil{--sigil-color:#b9d1d1;border:5px double color-mix(in srgb, var(--sigil-color) 84%, #fff);color:#132026;background:radial-gradient(circle at 38% 30%, #fff8 0 4%, transparent 5%), radial-gradient(circle, color-mix(in srgb, var(--sigil-color) 92%, #f6e7c4), #715b34 69%, #1b2224 71%);width:80px;height:80px;box-shadow:0 0 0 3px #18252b, 0 0 0 5px color-mix(in srgb, var(--sigil-color) 65%, #47381f), 0 8px 18px #000b;border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(-7deg)}.memory-sigil:before,.memory-sigil:after{background:color-mix(in srgb, var(--sigil-color) 75%, #7e6539);content:"";width:15px;height:15px;position:absolute;transform:rotate(45deg)}.memory-sigil:before{top:-9px}.memory-sigil:after{bottom:-9px}.is-moment .memory-sigil{--sigil-color:#d2a54e}.memory-sigil i{font-size:25px;font-style:normal;font-weight:1000;transform:rotate(7deg)}.memory-card-copy{text-align:center;flex-direction:column;justify-content:center;width:100%;min-width:0;display:flex}.memory-card-copy>strong{color:#f5f1e8;margin:8px 0 9px;font-size:17px}.memory-card-copy small{color:#92a6a4;font-size:10px}.memory-card-copy b{color:#e8bd68;margin-top:3px;font-size:11px;line-height:1.4}.memory-card-foot{color:#7f9595;border-top:1px solid #ffffff17;justify-content:space-between;padding-top:7px;font-size:10px;display:flex;position:absolute;bottom:9px;left:12px;right:12px}.memory-empty{border:1px solid var(--memory-line);text-align:center;color:var(--memory-muted);padding:30px}.memory-guide,.memory-detail-section{border-top:1px solid var(--memory-line);margin-top:30px;padding-top:24px}.memory-guide h2,.memory-detail-section h2{color:var(--memory-ink);margin:5px 0 14px}.memory-guide>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.memory-guide article{border:1px solid var(--memory-line);background:#0000002e;padding:15px}.memory-guide h3,.memory-guide p{margin:0}.memory-guide p,.memory-section-note,.memory-usage-section p{color:var(--memory-muted);line-height:1.72}.memory-guide p{margin-top:8px;font-size:13px}.memory-hero{border:1px solid var(--memory-line);background:radial-gradient(circle at 11%,#52929954,#0000 27%),linear-gradient(105deg,#102f39,#061820 66%);grid-template-columns:170px minmax(0,1fr);align-items:center;gap:30px;min-height:285px;margin-top:12px;padding:34px 260px 34px 38px;display:grid;position:relative;overflow:hidden}.memory-hero.is-moment{background:radial-gradient(circle at 11%,#c2913c61,#0000 28%),linear-gradient(105deg,#3c321f,#111b20 66%)}.memory-hero:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 73%,#ffffff0a 73% 75%,#0000 75%);position:absolute;inset:0}.memory-hero-art{z-index:1;place-items:center;display:grid;position:relative}.memory-rune-image-large{width:156px;height:156px}.memory-hero-art>[hidden],.memory-effect-grid>[hidden]{display:none}.memory-sigil-large{border-width:8px;width:142px;height:142px;box-shadow:0 0 0 5px #18252b,0 0 0 8px #8e713c,0 16px 30px #000c}.memory-sigil-large i{font-size:42px}.memory-hero-copy{z-index:1;position:relative}.memory-hero-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.memory-hero-tags span{border:1px solid var(--memory-line);color:#d0d9d4;background:#00000038;padding:5px 9px;font-size:11px}.memory-quality-rail{z-index:2;border-left:1px solid var(--memory-line);background:#020d12d1;flex-direction:column;width:220px;display:flex;position:absolute;top:0;bottom:0;right:0}.memory-quality{border:0;border-bottom:1px solid #ffffff14;border-left:4px solid var(--quality-color,#74878a);text-align:left;flex:1;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.memory-quality.quality-1{--quality-color:#c4c7c2}.memory-quality.quality-2{--quality-color:#4ea66a}.memory-quality.quality-3{--quality-color:#4f93ca}.memory-quality.quality-4{--quality-color:#9d69c1}.memory-quality.quality-5{--quality-color:#d3a34f}.memory-quality strong{color:var(--quality-color);font-size:11px}.memory-prev-next{justify-content:space-between;gap:18px;margin:14px 0;display:flex}.memory-prev-next a,.memory-back a{color:#e9bf6b;font-size:13px}.memory-variant{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:14px;display:grid}.memory-variant[hidden]{display:none}.memory-effect-card{border:1px solid var(--memory-line);background:#00000038;padding:22px}.memory-effect-card>p{color:var(--memory-gold);letter-spacing:.15em;margin:0;font-size:11px;font-weight:900}.memory-effect-card h2{color:#f1eee7;margin:6px 0 18px;font-size:21px}.memory-fixed-card>div,.memory-effect-grid>div{border-left:3px solid var(--memory-gold);color:#c8d1ce;background:#081b23;justify-content:space-between;gap:14px;padding:12px 14px;display:flex}.memory-effect-label{min-width:0}.memory-effect-label.is-flash{color:#f2bd59;align-items:center;font-weight:800;display:inline-flex}.memory-flash-spark{filter:drop-shadow(0 0 4px #f7b83f94);flex:0 0 12px;width:12px;height:14px;margin-right:5px;display:inline-block;position:relative}.memory-flash-spark:before,.memory-flash-spark:after{content:"";background:#f7b83f;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memory-flash-spark:before{width:3px;height:14px}.memory-flash-spark:after{width:12px;height:3px}.memory-flash-legend{color:#b7a276;align-items:center;gap:2px;margin:-8px 0 12px;font-size:11px;display:flex}.memory-fixed-card strong,.memory-effect-grid strong{color:#eab95b;white-space:nowrap}.memory-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.memory-effect-grid>div{border-left-color:#4f8992;font-size:13px}.memory-effect-grid>div.is-flash{background:linear-gradient(90deg,#5e401347,#081b23 50%);border-left-color:#d3a34f}.memory-random-toggle{color:#efc978;width:100%;font:inherit;cursor:pointer;background:#081b23db;border:1px solid #d3a34f94;margin-top:12px;padding:10px 14px;font-size:12px;font-weight:800}.memory-random-toggle:hover,.memory-random-toggle:focus-visible{border-color:var(--memory-gold);color:#fff1cf;outline:none}.memory-variant blockquote{color:#9facaa;background:#00000026;border-left:3px solid #66787c;grid-column:1/-1;margin:0;padding:14px 18px;font-style:italic;line-height:1.7}.memory-section-note{max-width:780px;margin:-5px 0 16px;font-size:13px}.memory-role-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.memory-role-grid a{border:1px solid var(--memory-line);color:inherit;background:linear-gradient(110deg,#143d46c7,#04131adb);grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.memory-role-grid img{object-fit:cover;background:#0a1a20;border:1px solid #8f783f;width:72px;height:72px}.memory-role-grid strong,.memory-role-grid small{display:block}.memory-role-grid strong{color:#f2eee5}.memory-role-grid small{color:#aab6b3;margin-top:5px;font-size:11px;line-height:1.55}.memory-role-grid b{color:#d7aa52;grid-column:2;font-size:10px}.memory-usage-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.memory-usage-section>div{border:1px solid var(--memory-line);background:#0000002e;padding:17px}.memory-usage-section h2,.memory-usage-section p{margin-bottom:0}.memory-bottle{grid-column:1/-1;align-items:center;gap:15px;display:flex}.memory-bottle img{object-fit:contain}.memory-bottle small,.memory-bottle strong{display:block}.memory-bottle small{color:#9faeaa;font-size:11px}.memory-bottle strong{color:#eadbb8;margin-top:4px}.memory-back{margin:24px 0 0}@media (width<=900px){.memory-heading,.memory-controls{grid-template-columns:1fr}.memory-tabs{justify-content:flex-start}.memory-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-hero{grid-template-columns:130px minmax(0,1fr);padding:28px 24px 118px}.memory-sigil-large{width:112px;height:112px}.memory-rune-image-large{width:124px;height:124px}.memory-quality-rail{border-top:1px solid var(--memory-line);border-left:0;flex-direction:row;width:auto;height:92px;top:auto;left:0}.memory-quality{border-bottom:0;border-left:0;border-top:4px solid var(--quality-color,#74878a);flex-direction:column;align-items:flex-start;min-width:0;padding:10px}}@media (width<=640px){.memory-heading{margin-bottom:16px;padding-bottom:16px}.memory-heading h1,.memory-hero h1{font-size:34px}.memory-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-counts span{min-width:0;padding:8px}.memory-counts strong{font-size:19px}.memory-controls{padding:11px}.memory-tabs{grid-template-columns:repeat(3,1fr);display:grid}.memory-tabs button{padding:9px 5px;font-size:10px}.memory-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.memory-card{gap:6px;min-height:213px;padding:34px 9px 38px}.memory-card .memory-sigil{width:70px;height:70px;margin:0 auto}.memory-card-copy{text-align:center}.memory-card-copy>strong{margin-bottom:6px;font-size:16px}.memory-card-copy b{font-size:11px}.memory-guide>div,.memory-variant,.memory-usage-section{grid-template-columns:1fr}.memory-hero{text-align:center;grid-template-columns:1fr;gap:18px;padding:24px 16px 105px}.memory-sigil-large,.memory-hero-art{margin:0 auto}.memory-hero-tags{justify-content:center}.memory-quality-rail{height:84px}.memory-quality span,.memory-quality strong{font-size:9px}.memory-effect-card{padding:16px}.memory-role-grid{grid-template-columns:1fr}}
