@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Marcellus&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap";:root{--stone-void:#04070a;--stone-black:#070c12;--stone-dark:#0d151d;--stone:#12202b;--stone-light:#24404f;--iron:#365260;--arcane:#3fb8c8;--arcane-bright:#7fe3ef;--arcane-deep:#1d6f7e;--arcane-glow:#3fb8c88c;--silver:#c4d2da;--silver-bright:#eef4f7;--silver-deep:#7f929c;--parchment:#dfe8ec;--parchment-dim:#b9c9d0;--ink:#10202a;--ink-soft:#33505c;--gold:#cbb06a;--gold-bright:#e6d194;--gold-deep:#8a733a;--text:#cfdbe2;--text-dim:#8ca0ab;--text-faint:#5c6f79;--alliance:#4a76c4;--alliance-gold:#d4b048;--horde:#a33127;--horde-dark:#6b1f18;--blood:#7a2820;--verdant:#6a7d3a;--radius:3px;--maxw:940px;--font-display:"Cinzel", Georgia, serif;--font-head:"Marcellus", Georgia, serif;--font-body:"EB Garamond", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:var(--stone-black);background-image:radial-gradient(at 50% -10%,#3fb8c81a,#0000 55%),radial-gradient(at 50% 120%,#000000b3,#0000 60%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000024 0 2px,#0000 2px 5px);background-attachment:fixed;margin:0;font-size:19px;line-height:1.7}a{color:var(--arcane);text-decoration:none;transition:color .15s}a:hover{color:var(--arcane-bright);text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);font-weight:700;line-height:1.15}.overline{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.28em;color:var(--arcane);margin:0 0 14px;font-size:.78rem}.site-header{z-index:50;border-bottom:1px solid var(--arcane-deep);backdrop-filter:blur(6px);background:linear-gradient(#12100df7,#0a0908f0);position:sticky;top:0;box-shadow:0 2px #0009,0 10px 30px #00000080}.site-header .wrap{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);text-transform:uppercase;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.logo .mark{color:var(--arcane);font-size:1.2rem}.logo em{color:var(--arcane);font-style:normal}.nav{gap:30px;display:flex}.nav a{color:var(--text-dim);font-family:var(--font-head);letter-spacing:.03em;font-size:.98rem;position:relative}.nav a small{font-family:var(--font-body);letter-spacing:.04em;color:var(--text-faint);text-transform:none;margin-top:-3px;font-size:.72rem;display:block}.nav a:hover{color:var(--arcane)}.nav a:hover small{color:var(--text-dim)}.hero{text-align:center;padding:90px 0 56px;position:relative;overflow:hidden}.hero-art{z-index:0;background: linear-gradient(180deg, #070c1273 0%, #070c1247 32%, #070c12d1 82%, var(--stone-black) 100%), radial-gradient(ellipse at 50% 26%, #3fb8c81f, transparent 62%), url(/art/wow/cinematic/forever-cinematic-still-3.webp);background-position:50% 34%;background-size:cover,cover,cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.hero>.wrap{z-index:1;position:relative}.hero h1{text-shadow:0 2px 20px #000000b3;margin:0 0 20px;font-size:clamp(2.2rem,6vw,3.9rem)}.hero h1 .gold{color:var(--arcane-bright);text-shadow:0 0 24px var(--arcane-glow)}.hero .lede{font-family:var(--font-body);color:var(--text-dim);max-width:640px;margin:0 auto 34px;font-size:1.28rem;font-style:italic}.hero .orn-divider{color:var(--arcane);width:300px;height:24px;margin:0 auto 30px;display:block}.btn{font-family:var(--font-head);letter-spacing:.05em;border-radius:var(--radius);cursor:pointer;color:var(--stone-void);border:1px solid var(--arcane);background:linear-gradient(180deg, var(--silver-bright), var(--silver) 45%, var(--silver-deep));box-shadow:0 1px 0 #fff6 inset, 0 0 22px var(--arcane-glow), 0 6px 18px #00000080;text-transform:uppercase;padding:15px 34px;font-size:1rem;transition:box-shadow .2s,transform .12s;display:inline-block}.btn:hover{color:var(--stone-void);box-shadow:0 1px 0 #ffffff80 inset, 0 0 34px var(--arcane-glow), 0 8px 22px #0000008c;background:linear-gradient(180deg, #fff, var(--silver-bright) 45%, var(--arcane-bright));transform:translateY(-1px)}.btn.secondary{background:linear-gradient(180deg, var(--stone-light), var(--stone-dark));color:var(--text);border:1px solid var(--iron);box-shadow:inset 0 1px #ffffff0d,0 6px 18px #0006}.btn.secondary:hover{color:var(--silver-bright);border-color:var(--arcane-deep)}.btn-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn small{font-family:var(--font-body);text-transform:none;letter-spacing:.02em;opacity:.7;margin-top:2px;font-size:.72rem;display:block}section{padding:56px 0;position:relative}.section-head{text-align:center;margin-bottom:40px}.section-head h2{margin:0 0 10px;font-size:clamp(1.6rem,4vw,2.3rem)}.section-head .sub{color:var(--text-dim);margin:0;font-size:1.1rem;font-style:italic}.section-head .orn-divider{color:var(--arcane-deep);width:260px;height:20px;margin:14px auto 0;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;display:grid}.plate{background:linear-gradient(180deg, var(--stone) 0%, var(--stone-dark) 100%);border:1px solid var(--stone-light);border-radius:var(--radius);padding:28px 26px;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;box-shadow:inset 0 1px #ffffff0a,0 10px 26px #00000073}.plate:before{content:"";pointer-events:none;border:1px solid #c8a24a24;border-radius:2px;position:absolute;inset:5px}a.plate:hover,.plate.hover:hover{border-color:var(--arcane-deep);transform:translateY(-3px);box-shadow:inset 0 1px #ffffff0d,0 16px 34px #0000008c}.plate h3{font-family:var(--font-head);color:var(--silver-bright);letter-spacing:.02em;margin:0 0 10px;font-size:1.3rem}.plate p{color:var(--text-dim);margin:0;font-size:1.02rem}a.plate{color:inherit;display:block}.plate .medallion{width:60px;height:60px;color:var(--arcane);background:radial-gradient(circle at 40% 30%, var(--stone-light), var(--stone-void));border:1px solid var(--arcane-deep);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff0f}.parchment{background:radial-gradient(ellipse at 30% 20%, #ffffff80, transparent 60%), linear-gradient(160deg, var(--parchment), var(--parchment-dim));color:var(--ink);border:1px solid var(--arcane-deep);border-radius:var(--radius);margin:26px 0;padding:22px 26px;font-style:italic;position:relative;box-shadow:0 8px 24px #0006,0 0 0 4px #0a090866}.parchment:after{content:"";border-radius:var(--radius);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #7a592c40}.parchment strong{color:var(--ink);font-style:normal}.parchment .attribution{text-align:right;color:var(--ink-soft);margin-top:10px;font-size:.9rem;font-style:normal;display:block}.prose{padding:50px 0 90px}.prose h1{margin:0 0 6px;font-size:clamp(2rem,5vw,3rem)}.prose .meta{color:var(--arcane);font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem}.prose>.lede{color:var(--text-dim);margin:0 0 10px;font-size:1.2rem;font-style:italic}.prose h2{font-family:var(--font-head);color:var(--silver-bright);border-bottom:1px solid var(--stone-light);margin:46px 0 14px;padding-bottom:8px;font-size:1.6rem}.prose h3{font-family:var(--font-head);color:var(--text);margin:30px 0 8px;font-size:1.2rem}.prose ul,.prose ol{padding-left:24px}.prose li{margin:8px 0}.prose li strong{color:var(--silver-bright);font-weight:600}.warn{border-left:3px solid var(--blood);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-dim);background:linear-gradient(90deg,#7a282024,#0000);margin:22px 0;padding:14px 20px}.warn strong{color:#d99}.pill{font-family:var(--font-head);letter-spacing:.04em;background:var(--stone-dark);border:1px solid var(--iron);color:var(--text-dim);border-radius:999px;margin:3px 3px 3px 0;padding:4px 12px;font-size:.8rem;display:inline-block}.pill.role{border-color:var(--arcane-deep);color:var(--arcane)}.pill.good{border-color:var(--verdant);color:#a9bd6a}.whatis{background:linear-gradient(180deg, var(--stone), var(--stone-dark));border:1px solid var(--stone-light);border-radius:var(--radius);grid-template-columns:minmax(220px,340px) 1fr;align-items:center;gap:32px;padding:32px;display:grid;box-shadow:0 10px 30px #00000073}.whatis-logo{filter:drop-shadow(0 0 24px #3fb8c840);width:100%;height:auto}.whatis-body h2{font-family:var(--font-head);color:var(--silver-bright);margin:0 0 12px;font-size:1.5rem}.whatis-body p{color:var(--text-dim);margin:0 0 12px}.whatis-links{font-family:var(--font-head);gap:22px;display:flex}@media (width<=640px){.whatis{text-align:center;grid-template-columns:1fr}.whatis-links{justify-content:center}}.zone-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:24px 0;display:grid}.zone-shot{border-radius:var(--radius);border:1px solid var(--stone-light);position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}.zone-shot img{object-fit:cover;width:100%;height:180px;transition:transform .3s;display:block}.zone-shot:hover img{transform:scale(1.05)}.zone-shot figcaption{font-family:var(--font-head);color:var(--silver-bright);background:linear-gradient(#0000,#04070ae6);padding:18px 14px 8px;font-size:.92rem;position:absolute;bottom:0;left:0;right:0}.gallery-credit{color:var(--text-faint);margin-top:10px;font-size:.82rem;font-style:italic}.site-footer{border-top:1px solid var(--arcane-deep);color:var(--text-faint);text-align:center;background:linear-gradient(#0000,#00000080);padding:40px 0;font-size:.92rem}.site-footer .orn-divider{color:var(--arcane-deep);width:220px;height:20px;margin:0 auto 18px;display:block}.site-footer p{margin:4px 0;font-style:italic}.site-footer .disclaimer{color:var(--text-faint);margin-top:14px;font-size:.82rem;font-style:normal}@media (width<=640px){body{font-size:18px}.nav{gap:16px}.nav a small{display:none}}#starfield{z-index:-1;pointer-events:none;opacity:.9;position:fixed;inset:0}.rune-ring{pointer-events:none;border:1px solid #3fb8c82e;border-radius:50%;animation:60s linear infinite spin;position:absolute;box-shadow:inset 0 0 30px #3fb8c814}.rune-ring:before{content:"";border:1px dashed #7fe3ef38;border-radius:50%;animation:90s linear infinite reverse spin;position:absolute;inset:8px}.rune-ring.slow{animation-duration:120s}@keyframes spin{to{transform:rotate(360deg)}}.pulse-glow{animation:4.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 18px #3fb8c840,0 2px 8px #00000080,inset 0 1px #ffffff0f}50%{box-shadow:0 0 34px #3fb8c88c,0 2px 8px #00000080,inset 0 1px #ffffff1a}}.hero-disc{z-index:0;pointer-events:none;background:radial-gradient(circle,#3fb8c829 0%,#3fb8c80d 40%,#0000 68%);width:min(560px,82vw);height:min(560px,82vw);animation:6s ease-in-out infinite pulse-disc;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes pulse-disc{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}a.plate:after,.plate.hover:after{content:"";border-radius:var(--radius);pointer-events:none;transition:box-shadow .2s;position:absolute;inset:-1px;box-shadow:0 0 #3fb8c800}a.plate:hover:after,.plate.hover:hover:after{box-shadow:0 0 26px #3fb8c847}.logo .mark{animation:5s ease-in-out infinite mark-pulse;display:inline-block;position:relative}@keyframes mark-pulse{0%,to{text-shadow:0 0 6px var(--arcane-glow)}50%{text-shadow:0 0 16px var(--arcane-glow)}}@media (prefers-reduced-motion:reduce){.rune-ring,.rune-ring:before,.pulse-glow,.hero-disc,.logo .mark{animation:none!important}.reveal{opacity:1;transition:none;transform:none}#starfield{display:none}}.site-header .tagline{font-family:var(--font-head);letter-spacing:.04em;color:var(--text-dim);font-size:.92rem;font-style:italic}@media (width<=640px){.site-header .tagline{display:none}}.mb-root{--stage-h:460px;margin:4px 0 40px}.mb-hero{text-align:center;padding:70px 0 22px;position:relative;overflow:hidden}.mb-hero .hero-disc{top:-8%}.mb-hero-inner{z-index:1;position:relative}.mb-hero-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--silver-bright);text-shadow:0 0 30px #3fb8c847,0 2px 24px #0009;margin:0 0 16px;font-size:clamp(2.3rem,6vw,4rem);font-weight:700;animation:7s ease-in-out infinite mb-title-glow}@keyframes mb-title-glow{0%,to{text-shadow:0 0 26px #3fb8c838,0 2px 24px #0009}50%{text-shadow:0 0 42px #3fb8c86b,0 2px 24px #0009}}.mb-hero-line{font-family:var(--font-head);color:var(--text-dim);letter-spacing:.02em;max-width:560px;margin:0 auto;font-size:clamp(1.05rem,2.4vw,1.35rem);font-style:italic}.mb-hero .orn-divider{color:var(--arcane);opacity:.9;width:260px;height:22px;margin:20px auto 0;display:block}.mb-controls{flex-direction:column;align-items:center;gap:16px;margin:0 0 2px;display:flex}.mb-search{width:min(620px,92%);position:relative}.mb-search-rune{color:var(--arcane);pointer-events:none;text-shadow:0 0 10px var(--arcane-glow);font-size:1.05rem;animation:5s ease-in-out infinite mb-rune-flicker;position:absolute;top:50%;left:20px;transform:translateY(-50%)}@keyframes mb-rune-flicker{0%,to{opacity:.7}50%{opacity:1}}.mb-search input{text-align:center;width:100%;font-family:var(--font-head);letter-spacing:.02em;color:var(--silver-bright);border:1px solid var(--stone-light);background:radial-gradient(#3fb8c80f,#0000 70%),linear-gradient(#0d151db3,#04070a99);border-radius:999px;outline:none;padding:15px 44px;font-size:1.1rem;font-style:italic;transition:border-color .2s,box-shadow .25s;box-shadow:inset 0 1px #ffffff0d,0 8px 22px #0006}.mb-search input::placeholder{color:var(--text-faint);font-style:italic}.mb-search input:focus{border-color:var(--arcane);box-shadow:0 0 0 1px var(--arcane-deep), 0 0 30px var(--arcane-glow), 0 8px 22px #0006}.mb-search-clear{cursor:pointer;width:24px;height:24px;color:var(--text-dim);background:0 0;border:none;border-radius:50%;font-size:.75rem;transition:color .15s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.mb-search-clear:hover{color:var(--arcane-bright)}.mb-order{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.mb-order-rune{font-family:var(--font-head);letter-spacing:.06em;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:.82rem;transition:color .18s;position:relative}.mb-order-rune:after{content:"";background:var(--arcane);width:0;height:1px;box-shadow:0 0 6px var(--arcane-glow);transition:width .25s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.mb-order-rune:hover{color:var(--text-dim)}.mb-order-rune.on{color:var(--arcane-bright)}.mb-order-rune.on:after{width:60%}.mb-outro{text-align:center;max-width:640px;margin:8px auto 0;padding:0 22px}.mb-outro p{color:var(--text-faint);font-size:1rem;font-style:italic;line-height:1.7}.mb-outro-mark{color:var(--arcane);text-shadow:0 0 10px var(--arcane-glow);margin-right:6px;font-style:normal}.mb-lightbox{z-index:200;backdrop-filter:blur(6px);background:radial-gradient(at 50% 40%,#04070ad1,#04070af0);justify-content:center;align-items:center;padding:5vh 5vw;animation:.28s both mb-fade;display:flex;position:fixed;inset:0}@keyframes mb-fade{0%{opacity:0}to{opacity:1}}.mb-stage{background:linear-gradient(180deg, var(--stone), var(--stone-dark));border:1px solid var(--stone-light);border-radius:var(--radius);grid-template-columns:auto minmax(280px,380px);align-items:center;gap:30px;width:auto;max-width:min(1300px,96vw);max-height:92vh;padding:26px;animation:.42s cubic-bezier(.16,.84,.44,1) both mb-bloom;display:grid;position:relative;box-shadow:0 30px 90px #000000b3,0 0 0 4px #04070a80}.mb-close{z-index:3;cursor:pointer;width:40px;height:40px;color:var(--text);background:radial-gradient(circle at 40% 30%, var(--stone-light), var(--stone-void));border:1px solid var(--arcane-deep);border-radius:50%;font-size:1rem;transition:color .15s,box-shadow .15s,transform .12s;position:absolute;top:-16px;right:-16px;box-shadow:0 4px 14px #0009,inset 0 1px #ffffff0f}.mb-close:hover{color:var(--arcane-bright);box-shadow:0 0 20px var(--arcane-glow);transform:rotate(90deg)}@keyframes mb-bloom{0%{opacity:0;transform:translateY(18px)scale(.965)}to{opacity:1;transform:none}}.mb-stage-frame{border:1px solid var(--stone-light);border-radius:var(--radius);background:radial-gradient(ellipse at 50% 40%, #3fb8c80f, transparent 70%), var(--stone-void);max-width:min(62vw,900px);max-height:82vh;line-height:0;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 50px #0009}.mb-stage-frame:after{content:"";pointer-events:none;z-index:2;border:1px solid #3fb8c833;border-radius:2px;position:absolute;inset:6px}.mb-stage-img{object-fit:contain;width:auto;max-width:min(62vw,900px);height:auto;max-height:82vh;animation:.5s both mb-fadein;display:block}@keyframes mb-fadein{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.mb-stage-glow{pointer-events:none;z-index:1;background:radial-gradient(at 50% 118%,#3fb8c81f,#0000 62%);position:absolute;inset:0;box-shadow:inset 0 0 60px #0006}.mb-stage-caption{flex-direction:column;justify-content:center;padding:8px 4px;display:flex}.mb-stage-date{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.2em;color:var(--arcane);margin:0 0 10px;font-size:.8rem}.mb-stage-title{font-family:var(--font-display);color:var(--silver-bright);text-shadow:0 0 24px #3fb8c82e;margin:0 0 16px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;line-height:1.15}.mb-stage-desc{font-family:var(--font-body);color:var(--text-dim);margin:0 0 18px;font-size:1.12rem;font-style:italic;line-height:1.65}.mb-stage-meta{flex-wrap:wrap;gap:10px;display:flex}.mb-tag{font-family:var(--font-head);letter-spacing:.03em;color:var(--arcane);background:var(--stone-dark);border:1px solid var(--arcane-deep);border-radius:999px;padding:4px 13px;font-size:.82rem}.mb-empty{text-align:center;color:var(--text-dim);padding:80px 0;font-size:1.15rem;font-style:italic}.mb-spine-wrap{border-top:1px solid var(--stone-light);border-bottom:1px solid var(--stone-light);background:radial-gradient(at 50% 40%,#3fb8c814,#0000 70%),linear-gradient(#0d151d99,#04070a80);margin-top:8px;position:relative;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #ffffff08;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.mb-spine-wrap.tall{align-items:center;min-height:0;display:flex}.mb-spine-wrap.tall .mb-spine{width:100%}.mb-spine-wrap:before{content:"";z-index:0;background:linear-gradient(90deg, transparent, var(--arcane-deep) 6%, var(--arcane) 50%, var(--arcane-deep) 94%, transparent);height:2px;box-shadow:0 0 8px var(--arcane-glow);opacity:.55;pointer-events:none;position:absolute;top:50px;left:0;right:0}.mb-spine-center{z-index:0;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.mb-spine-center:before,.mb-spine-center:after{content:"";filter:drop-shadow(0 0 6px var(--arcane-glow));border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.mb-spine-center:before{border-top:9px solid var(--arcane);top:0}.mb-spine-center:after{border-bottom:9px solid var(--arcane);bottom:0}.mb-spine{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;scrollbar-width:none;align-items:flex-start;gap:22px;padding:34px 0 22px;display:flex;position:relative;overflow-x:auto}.mb-spine.dragging{cursor:grabbing;scroll-behavior:auto}.mb-spine::-webkit-scrollbar{display:none}.mb-spine-pad{flex:0 0 calc(50% - 130px)}.mb-node{z-index:1;cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:7px;width:260px;padding:0;transition:transform .25s;display:flex;position:relative}.mb-node-pin{background:radial-gradient(circle at 40% 30%, var(--silver-bright), var(--iron));border:1px solid var(--arcane-deep);border-radius:50%;width:12px;height:12px;transition:background .2s,box-shadow .2s,transform .2s;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #0009}.mb-node-thumb{border-radius:var(--radius);border:1px solid var(--stone-light);filter:saturate(.72)brightness(.7);pointer-events:none;background-position:50%;background-size:cover;width:244px;height:150px;transition:filter .3s,border-color .25s,transform .25s,box-shadow .3s;box-shadow:0 6px 14px #00000073}.mb-node-date{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);pointer-events:none;font-size:.78rem;transition:color .2s}.mb-node-title{font-family:var(--font-head);color:var(--text-dim);-webkit-line-clamp:2;pointer-events:none;-webkit-box-orient:vertical;font-size:1rem;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.mb-node:hover .mb-node-thumb{filter:saturate()brightness(.95);border-color:var(--arcane-deep);transform:translateY(-3px);box-shadow:0 0 20px #3fb8c82e,0 10px 22px #00000080}.mb-node:hover .mb-node-title{color:var(--silver-bright)}.mb-node:hover .mb-node-date{color:var(--arcane)}.mb-node.active{transform:translateY(-4px)scale(1.04)}.mb-node.active .mb-node-thumb{filter:saturate(1.05)brightness();border-color:var(--arcane);box-shadow:0 0 0 1px var(--arcane), 0 0 26px var(--arcane-glow), 0 10px 22px #0000008c;cursor:zoom-in}.mb-node.active .mb-node-pin{background:radial-gradient(circle at 40% 30%, var(--arcane-bright), var(--arcane-deep));box-shadow:0 0 14px var(--arcane-glow);transform:translate(-50%)scale(1.35)}.mb-node.active .mb-node-title{color:var(--silver-bright)}.mb-node.active .mb-node-date{color:var(--arcane)}.mb-node.active:after{content:"Click to open";font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--stone-void);background:linear-gradient(180deg, var(--arcane-bright), var(--arcane));white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;padding:3px 10px;font-size:.68rem;animation:.35s .12s forwards mb-cue;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}@keyframes mb-cue{to{opacity:.95}}.mb-count{text-align:center;font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:22px 0 0;font-size:.8rem}.mb-hint{color:var(--text-faint);opacity:.7;text-transform:none;letter-spacing:.04em;font-style:italic}@media (width<=760px){.mb-root{--stage-h:300px}.mb-stage{grid-template-columns:1fr;gap:16px;padding:16px;overflow-y:auto}.mb-stage-frame{height:44vh;min-height:220px}.mb-controls{flex-direction:column;align-items:stretch}.mb-spine-pad{flex:0 0 calc(50% - 100px)}.mb-node{width:200px}.mb-node-thumb{width:184px;height:114px}.mb-spine-wrap.tall{min-height:52vh}.mb-close{top:6px;right:6px}}