.mb-root{--stage-h:460px;margin:4px 0 40px}.mb-hero{text-align:center;padding:22px 0 6px;position:relative;overflow:hidden}.mb-hero .hero-disc{top:-8%}.mb-hero-inner{z-index:1;position:relative}.mb-plate{max-width:760px;margin:0 auto;padding:14px clamp(28px,6vw,72px) 26px;position:relative}.mb-hero-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--silver-bright);text-shadow:0 0 30px #3fb8c847,0 2px 24px #0009;margin:0 0 14px;font-size:clamp(2.4rem,6.2vw,4.1rem);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{color:var(--gold);opacity:.92;filter:drop-shadow(0 0 8px #cbb06a59);width:300px;height:26px;margin:22px 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:660px;margin:8px auto 0;padding:0 22px}.mb-outro p{color:var(--text);letter-spacing:.01em;font-size:1.08rem;font-style:normal;line-height:1.75}.mb-outro-mark{color:var(--arcane);text-shadow:0 0 10px var(--arcane-glow);margin-right:6px;font-style:normal}.home-empty{text-align:center;border:1px dashed var(--stone-light);border-radius:var(--radius);z-index:1;background:linear-gradient(#10202a66,#070c1247);max-width:560px;margin:20px auto 40px;padding:54px 28px;position:relative}.home-empty-rune{color:var(--arcane);text-shadow:0 0 22px var(--arcane-glow);margin-bottom:12px;font-size:2.6rem}.home-empty h2{font-family:var(--font-display);color:var(--silver-bright);margin:0 0 12px;font-size:clamp(1.4rem,3vw,2rem)}.home-empty p{color:var(--text-dim);font-family:var(--font-body);max-width:440px;margin:0 auto 24px;line-height:1.65}.home-empty-btn{cursor:pointer;font-family:var(--font-head);letter-spacing:.03em;color:var(--stone-void);border:1px solid var(--arcane);background:linear-gradient(180deg, var(--arcane-bright), var(--arcane) 60%, var(--arcane-deep));border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .25s,background .2s;display:inline-block;box-shadow:inset 0 1px #ffffff4d,0 4px 14px #0006}.home-empty-btn:hover{box-shadow:0 1px 0 #ffffff80 inset, 0 0 26px var(--arcane-glow), 0 6px 18px #00000080;background:linear-gradient(180deg, #fff, var(--silver-bright) 40%, var(--arcane-bright));transform:translateY(-1px)}.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:8px;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);filter:saturate(.72)brightness(.7);border:3px solid;border-image:linear-gradient(155deg, var(--silver) 0%, var(--iron) 30%, #0a1016 70%, var(--silver-deep) 100%) 1;pointer-events:none;background-position:50%;background-size:cover;width:244px;height:150px;transition:filter .3s,border-color .25s,transform .25s,box-shadow .3s;position:relative;box-shadow:0 0 0 1px #000c,inset 0 1px #ffffff24,inset 0 -1px #00000080,0 6px 14px #00000073}.mb-node-thumb:after{content:"";border-radius:var(--radius);pointer-events:none;z-index:2;background:radial-gradient(circle at 6px 6px, var(--silver-bright) 0 1.4px, var(--iron) 1.4px 2.6px, transparent 3px), radial-gradient(circle at calc(100% - 6px) 6px, var(--silver-bright) 0 1.4px, var(--iron) 1.4px 2.6px, transparent 3px), radial-gradient(circle at 6px calc(100% - 6px), var(--silver-bright) 0 1.4px, var(--iron) 1.4px 2.6px, transparent 3px), radial-gradient(circle at calc(100% - 6px) calc(100% - 6px), var(--silver-bright) 0 1.4px, var(--iron) 1.4px 2.6px, transparent 3px);position:absolute;inset:0}.mb-node[data-quality=uncommon]{--q:40,175,85;--q-b:120,230,150}.mb-node[data-quality=rare]{--q:40,130,240;--q-b:120,190,255}.mb-node[data-quality=epic]{--q:163,80,222;--q-b:205,140,255}.mb-node[data-quality=legendary]{--q:255,140,20;--q-b:255,190,90}.mb-node[data-quality] .mb-node-thumb{border-image:linear-gradient(155deg, rgb(var(--q-b)) 0%, rgb(var(--q)) 38%, rgba(var(--q),.5) 72%, rgb(var(--q-b)) 100%) 1;box-shadow:0 0 0 1px #000c, 0 0 10px rgba(var(--q),.35), 0 1px 0 #ffffff24 inset, 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(.98);box-shadow:0 0 0 1px #000c, 0 0 22px rgba(var(--q,63,184,200),.45), 0 1px 0 #ffffff29 inset, 0 10px 22px #00000080;transform:translateY(-3px)}.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();box-shadow:0 0 0 1px rgba(var(--q,63,184,200),.9), 0 0 34px rgba(var(--q,63,184,200),.6), 0 1px 0 #ffffff2e inset, 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, rgb(var(--q-b,127,227,239)), rgb(var(--q,63,184,200)));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}}