@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Inter+Tight:wght@300;400;500;600&display=swap');
/* META: title, hub (YOU / GOD / RECORDS), results.
   Shares the in-run HUD language (style.css): Cinzel for short caps labels / actions, small widely spaced green kickers,
   cut-corner shapes, diamond bullets. Cormorant Garamond for display headings and the god's voice, Inter Tight for numbers.
   Hairline bone rules instead of rounded glowing boxes. Green is the only "go" colour. */
:root{--mh-disp:'Cormorant Garamond','Cormorant',Garamond,Georgia,serif;--mh-cap:'Cinzel','Trajan Pro','Palatino Linotype',Georgia,serif;--mh-ui:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
--mh-bone:#ece8f6;--mh-bone-d:#a69fbf;--mh-bone-dd:#6c6585;--mh-rule:rgba(236,232,246,.15);--mh-rule2:rgba(236,232,246,.32);
--mh-green:#7eff5c;--mh-green-l:#b4ff78;--mh-blurple:#5b34e6;--mh-deep:#2a1468;--mh-ink:#05030b;--mh-red:#ff5c7a}

.mh-screen{position:fixed;inset:0;pointer-events:auto;display:flex;flex-direction:column;background:#030208;color:var(--mh-bone);font-family:var(--mh-ui);overflow:hidden;z-index:10;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}
.mh-screen *{box-sizing:border-box}
.mh-screen button{font-family:inherit;-webkit-user-select:none;user-select:none;touch-action:manipulation}
.mh-art{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease}
.mh-art.on{opacity:1}
.mh-veil{position:absolute;inset:0;pointer-events:none}
.mh-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mh-kicker{font:600 10px/1.35 var(--mh-cap);letter-spacing:.3em;text-transform:uppercase;color:var(--mh-green)}
.mh-voice{font:italic 500 clamp(19px,4.6vw,24px)/1.25 var(--mh-disp);color:var(--mh-bone);margin:0;text-shadow:0 2px 18px #000,0 0 2px #000}
.mh-note{font:400 13px/1.45 var(--mh-ui);color:var(--mh-bone-d);margin:6px 0}
.mh-note b{color:var(--mh-bone);font-weight:500}
.mh-ic{display:inline-block;vertical-align:middle;flex:none}
.mh-icf{border-radius:50%}

/* ---------- primary action: chamfered slab with a breathing eye */
.mh-go{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:0 22px 0 18px;border:0;cursor:pointer;color:#efffe6;text-align:left;
  background:linear-gradient(100deg,rgba(126,255,92,.22),rgba(42,20,104,.6) 48%,rgba(5,3,11,.8));
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);overflow:hidden;transition:filter .2s}
.mh-go::before{content:'';position:absolute;inset:0;border:1px solid rgba(180,255,120,.6);clip-path:inherit;pointer-events:none}
.mh-go::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(214,255,190,.16),transparent);animation:mh-sheen 6s ease-in-out infinite;pointer-events:none}
.mh-go:hover{filter:brightness(1.18)}
.mh-go:active{filter:brightness(1.35)}
.mh-go-t{font:700 21px/1 var(--mh-cap);letter-spacing:.28em;text-transform:uppercase;text-shadow:0 0 18px rgba(126,255,92,.45);white-space:nowrap}
.mh-go-s{margin-left:auto;font:500 10.5px/1.25 var(--mh-ui);letter-spacing:.18em;text-transform:uppercase;color:rgba(214,255,190,.62);text-align:right}
.mh-go-eye{position:relative;flex:none;width:30px;height:16px;border-radius:50%;background:#020104;border:1px solid rgba(180,255,120,.7);display:flex;align-items:center;justify-content:center;animation:mh-breathe 3.6s ease-in-out infinite}
.mh-go-eye i{width:4px;height:12px;border-radius:50%;background:var(--mh-green);box-shadow:0 0 8px var(--mh-green),0 0 2px #fff}
@keyframes mh-sheen{0%,70%{left:-60%}100%{left:130%}}
@keyframes mh-breathe{0%,100%{box-shadow:0 0 6px rgba(126,255,92,.35)}50%{box-shadow:0 0 18px rgba(126,255,92,.85)}}

.mh-link{background:none;border:0;color:var(--mh-bone-d);font:600 11.5px/1 var(--mh-cap);letter-spacing:.26em;text-transform:uppercase;min-height:44px;padding:0 4px;cursor:pointer;position:relative}
.mh-link::after{content:'';position:absolute;left:4px;right:4px;bottom:12px;height:1px;background:var(--mh-rule2);transition:background .2s}
.mh-link:hover{color:var(--mh-bone)}.mh-link:hover::after{background:var(--mh-green)}

.mh-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px;padding:8px 14px;border:1px solid var(--mh-rule2);background:rgba(8,5,18,.82);color:var(--mh-bone);font:500 14px/1.1 var(--mh-ui);letter-spacing:.03em;cursor:pointer;border-radius:0;transition:border-color .15s,background .15s;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.mh-btn small{font:400 10.5px/1.2 var(--mh-ui);color:var(--mh-bone-d);letter-spacing:.02em}
.mh-btn:hover:not(:disabled){border-color:var(--mh-bone)}
.mh-btn:disabled{opacity:.38;cursor:default}
.mh-btn.ready{border-color:rgba(180,255,120,.8);background:linear-gradient(180deg,rgba(126,255,92,.22),rgba(126,255,92,.06));color:#efffe6}
.mh-btn.ready small{color:rgba(214,255,190,.75)}
.mh-btn.ready:hover:not(:disabled){background:linear-gradient(180deg,rgba(126,255,92,.34),rgba(126,255,92,.1))}
.mh-btn.mh-warn{border-color:rgba(255,92,122,.35)}
.mh-btn.armed{border-color:var(--mh-red);background:rgba(80,0,20,.55);color:#ffd5dd}
.mh-btn.mh-ghost{background:none;border-color:var(--mh-rule);color:var(--mh-bone-d);font-size:12.5px}

/* ---------- TITLE */
.mh-title .mh-art{background-position:center 30%}
.mh-title .mh-veil{background:linear-gradient(180deg,rgba(3,2,8,0) 45%,rgba(3,2,8,.75) 70%,#030208 94%)}
.mh-logo{position:absolute;top:12vh;left:0;right:0;margin:0;text-align:center;font:700 clamp(36px,10vw,96px)/1 var(--mh-cap);letter-spacing:.12em;text-transform:uppercase;color:var(--mh-bone);text-shadow:0 0 30px rgba(91,52,230,.8)}
.mh-logo.baked{display:none}
.mh-title-ui{position:relative;margin-top:auto;padding:0 24px calc(26px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;max-width:520px;width:100%;animation:mh-rise 1.1s .25s both}
.mh-title-ui .mh-voice{font-size:clamp(23px,6.2vw,30px);max-width:22ch}
.mh-title-acts{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--mh-rule)}
.mh-title-acts .mh-link{align-self:flex-start}
.mh-title-meta{display:flex;gap:18px;font:400 12px/1 var(--mh-ui);color:var(--mh-bone-dd);letter-spacing:.06em}
.mh-title-meta b{color:var(--mh-bone-d);font-weight:500;margin-right:4px}
@keyframes mh-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (min-width:900px){
  .mh-title .mh-veil{background:linear-gradient(90deg,rgba(3,2,8,.92) 0%,rgba(3,2,8,.55) 30%,rgba(3,2,8,0) 55%),linear-gradient(180deg,rgba(3,2,8,0) 60%,rgba(3,2,8,.8))}
  .mh-title-ui{position:absolute;left:6vw;bottom:9vh;padding:0;max-width:400px}
  .mh-title-acts .mh-go{width:360px}
}

/* ---------- HUB */
.mh-hub .mh-art{background-position:center bottom;filter:saturate(.9)}
.mh-hub .mh-veil{background:linear-gradient(180deg,rgba(3,2,8,.55),rgba(3,2,8,.82) 40%,rgba(3,2,8,.9))}
.mh-hub-grid{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.mh-altar{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 6px}
.mh-godframe{position:relative;grid-row:span 2;width:72px;height:72px}
.mh-god{position:absolute;inset:6%;width:88%;height:88%;border-radius:50%;background:radial-gradient(circle,rgba(91,52,230,.22) 0%,rgba(42,20,104,.18) 30%,#030208 70%);animation:mh-godglow 6s ease-in-out infinite}
@keyframes mh-godglow{0%,100%{box-shadow:inset 0 0 30px rgba(0,0,0,.9)}50%{box-shadow:inset 0 0 30px rgba(0,0,0,.9),0 0 40px rgba(91,52,230,.25)}}
.mh-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(90deg);overflow:visible}
.mh-ring-bg{fill:none;stroke:var(--mh-rule);stroke-width:1}
.mh-ring-fill{fill:none;stroke:var(--mh-green);stroke-width:1.6;filter:drop-shadow(0 0 3px rgba(126,255,92,.8))}
.mh-ring-mark{stroke:var(--mh-bone);stroke-width:1}
.mh-godid{min-width:0}
.mh-godname{font:600 24px/1.05 var(--mh-disp);letter-spacing:.01em;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-godsub{font:400 12px/1.3 var(--mh-ui);color:var(--mh-bone-d)}
.mh-godsub b{color:var(--mh-green-l);font-weight:500}
.mh-altar-voice,.mh-altar-go{display:none}
.mh-main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.mh-head{padding:0 16px;border-bottom:1px solid var(--mh-rule)}
.mh-tabs{display:flex;gap:24px}
.mh-tab{position:relative;background:none;border:0;padding:12px 0 10px;min-height:44px;color:var(--mh-bone-dd);font:700 14px/1 var(--mh-cap);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
.mh-tab.on{color:var(--mh-bone)}
.mh-tab.on::after{content:'';position:absolute;left:0;right:.24em;bottom:-1px;height:1px;background:var(--mh-green);box-shadow:0 0 6px var(--mh-green)}
.mh-tab sup{font:600 10px/1 var(--mh-ui);color:#071a02;background:var(--mh-green);padding:2px 5px;margin-left:5px;letter-spacing:0;vertical-align:top;position:relative;top:-3px}
.mh-wallet{display:flex;align-items:center;gap:14px;padding:8px 0 10px;flex-wrap:wrap}
.mh-cur{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font:500 13px/1 var(--mh-ui)}
.mh-cur small{font:400 11px/1 var(--mh-ui);color:var(--mh-bone-dd);letter-spacing:.04em}
.mh-sd b{font:500 17px/1 var(--mh-ui);color:#fff1b8}
.mh-ess-row{display:flex;gap:11px;margin-left:auto}
.mh-cur.spent b{color:var(--mh-red)!important}
.mh-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 16px 24px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}
.mh-cols{display:flex;flex-direction:column}
.mh-sec{margin:14px 0 6px}
.mh-h{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.mh-h h2{margin:0;font:600 23px/1.1 var(--mh-disp);letter-spacing:.01em;white-space:nowrap}
.mh-h::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--mh-rule2),transparent);align-self:center;order:1}
.mh-hint{order:2;font:400 11.5px/1.2 var(--mh-ui);color:var(--mh-bone-dd);white-space:nowrap}
.mh-hint em{font-style:normal;color:var(--mh-green);font-weight:600}
.mh-foot{display:flex;gap:10px;align-items:stretch;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(3,2,8,.4),rgba(3,2,8,.95) 30%);position:relative;z-index:3}
.mh-back{flex:none;width:52px;background:none;border:1px solid var(--mh-rule);color:var(--mh-bone-d);font-size:18px;cursor:pointer}
.mh-foot .mh-go{flex:1}

/* skill webs */
.mh-web{position:relative;width:100%;max-width:560px;aspect-ratio:1/1.06;margin:4px auto 0}
.mh-web-god{aspect-ratio:1/1}
.mh-web-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mh-node{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;--nc:#7eff5c}
.mh-ncore{position:relative;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#07040f;border:1px solid var(--mh-rule2);transition:transform .15s}
.mh-ncore .mh-ic{width:26px;height:26px;pointer-events:none}
.mh-node:hover .mh-ncore{transform:scale(1.1)}
.mh-node.n-locked .mh-ncore{opacity:.32;filter:grayscale(1);border-style:dashed}
.mh-node.n-poor .mh-ncore{opacity:.78}
.mh-node.own .mh-ncore{border-color:var(--nc);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 10px -2px var(--nc)}
.mh-node.n-max .mh-ncore{background:radial-gradient(circle,rgba(236,232,246,.12),#07040f 70%);border:1.5px solid var(--mh-bone)}
.mh-node.n-can .mh-ncore{border:1.5px solid var(--mh-green);opacity:1;animation:mh-can 1.8s ease-in-out infinite}
@keyframes mh-can{0%,100%{box-shadow:0 0 6px rgba(126,255,92,.45),0 0 0 0 rgba(126,255,92,.4)}50%{box-shadow:0 0 16px rgba(126,255,92,.9),0 0 0 5px rgba(126,255,92,0)}}
.mh-node.sel .mh-ncore{outline:1px solid var(--mh-bone);outline-offset:4px;transform:scale(1.12)}
.mh-ncost{position:absolute;top:calc(50% + 17px);left:50%;transform:translateX(-50%);font:600 10px/1 var(--mh-ui);color:var(--mh-bone-dd);white-space:nowrap;pointer-events:none;text-shadow:0 0 3px #000,0 0 6px #000;letter-spacing:.02em}
.mh-node.n-can .mh-ncost{color:var(--mh-green)}
.mh-node.n-max .mh-ncost{color:var(--mh-bone);text-transform:uppercase;font-size:8.5px;letter-spacing:.14em}
.mh-nrank{position:absolute;top:-1px;right:-3px;font:600 9px/1 var(--mh-ui);color:var(--mh-bone);background:#07040f;padding:2px 3px;border:1px solid var(--mh-rule);pointer-events:none}
.mh-node.burst .mh-ncore{animation:mh-burst .9s ease-out}
.mh-node.burst::after,.mh-slot.burst::after{content:'';position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid var(--mh-green);animation:mh-ring .9s ease-out forwards;pointer-events:none}
@keyframes mh-burst{0%{transform:scale(1.5);box-shadow:0 0 40px var(--mh-green);background:#1a3b0e}100%{transform:scale(1)}}
@keyframes mh-ring{from{transform:scale(.8);opacity:1}to{transform:scale(3.2);opacity:0}}
.mh-legend{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;font:400 11px/1 var(--mh-ui);color:var(--mh-bone-dd);margin:6px 0 0}
.lg{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px;border:1px solid var(--mh-rule2)}
.lg-can{border-color:var(--mh-green);box-shadow:0 0 6px var(--mh-green)}.lg-own{border-color:var(--mh-bone);background:rgba(236,232,246,.2)}.lg-lock{border-style:dashed;opacity:.5}

/* ledger */
.mh-ledger{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;margin:0}
.mh-lrow{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--mh-rule)}
.mh-lrow dt{font:400 12.5px/1 var(--mh-ui);color:var(--mh-bone-d)}
.mh-lrow dd{margin:0;font:500 14px/1 var(--mh-ui);color:var(--mh-bone)}
.mh-lrow.changed dd{color:var(--mh-green);animation:mh-flash 1.6s ease-out}
@keyframes mh-flash{0%{text-shadow:0 0 14px var(--mh-green);transform:scale(1.25)}100%{text-shadow:none;transform:none}}
.mh-set{color:#c9ffb0}

/* gear */
.mh-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.mh-slot,.mh-item{position:relative;aspect-ratio:1/1;min-width:44px;border:1px solid var(--mh-rule);background:rgba(7,4,15,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:inherit;--rc:var(--mh-rule2)}
.mh-slot.full,.mh-item{border-color:color-mix(in srgb,var(--rc) 55%,transparent)}
.mh-slot.full{box-shadow:inset 0 -14px 20px -14px var(--rc)}
.mh-slot.sel,.mh-item.sel{outline:1px solid var(--mh-bone);outline-offset:2px}
.mh-slotname{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:500 8.5px/1 var(--mh-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mh-bone-dd);pointer-events:none}
.mh-slot.full .mh-ic{margin-bottom:8px}
.mh-slot .mh-ic,.mh-item .mh-ic{pointer-events:none}
.mh-inv{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}
.mh-inv .mh-note{grid-column:1/-1}
.mh-item.fresh::before{content:'new';position:absolute;top:2px;left:3px;font:600 8px/1 var(--mh-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--mh-green)}
.mh-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;transform:rotate(45deg);background:var(--mh-green);box-shadow:0 0 6px var(--mh-green)}
.mh-mats{display:flex;flex-wrap:wrap;gap:8px 18px}
.mh-relics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.mh-relic{aspect-ratio:auto;height:78px}
.mh-relic .mh-slotname{letter-spacing:.02em;text-transform:none;font:600 13px/1 var(--mh-disp);color:var(--mh-bone-d)}
.mh-relic.full .mh-ic{margin-bottom:12px}
.mh-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mh-row .mh-btn{flex:1}

/* god tab */
.mh-godbig{position:relative;width:min(300px,72vw);aspect-ratio:1/1;margin:0 auto 12px}
.mh-fed{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.mh-fedrow{display:grid;grid-template-columns:18px 46px 1fr 48px;align-items:center;gap:8px;font:400 12px/1 var(--mh-ui);color:var(--mh-bone-d)}
.mh-fedrow b{text-align:right;color:var(--mh-bone);font-weight:500}
.mh-fedbar{height:3px;background:var(--mh-rule);position:relative}
.mh-fedbar i{position:absolute;left:0;top:0;bottom:0}

/* records */
.mh-records{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mh-rule)}
.mh-rec{padding:14px 4px 12px;border-bottom:1px solid var(--mh-rule)}
.mh-rec b{display:block;font:300 28px/1 var(--mh-ui);color:var(--mh-bone);letter-spacing:-.01em}
.mh-rec span{display:block;margin-top:6px;font:600 9px/1 var(--mh-cap);letter-spacing:.24em;text-transform:uppercase;color:var(--mh-bone-dd)}
.mh-beasts{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1px;background:var(--mh-rule);border:1px solid var(--mh-rule)}
.mh-beast{display:flex;flex-direction:column;align-items:center;background:#06030d;padding:8px 4px 10px;text-align:center;font:600 14px/1.1 var(--mh-disp)}
.mh-beast canvas{width:64px;height:64px}
.mh-beast small{display:block;margin-top:3px;font:400 10px/1.2 var(--mh-ui);color:var(--mh-bone-dd)}
.mh-beast.unseen canvas{filter:brightness(.12) saturate(0)}
.mh-beast.unseen{color:var(--mh-bone-dd)}
.mh-beast.boss{background:linear-gradient(180deg,#120713,#06030d)}
.mh-switch{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--mh-rule);color:var(--mh-bone);text-align:left;cursor:pointer}
.mh-switch i{flex:none;position:relative;width:38px;height:20px;border:1px solid var(--mh-rule2);border-radius:10px}
.mh-switch i::after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--mh-bone-dd);transition:left .15s,background .15s}
.mh-switch.on i{border-color:var(--mh-green)}.mh-switch.on i::after{left:21px;background:var(--mh-green);box-shadow:0 0 8px var(--mh-green)}
.mh-switch b{display:block;font:500 14px/1.2 var(--mh-ui)}
.mh-switch small{display:block;font:400 11.5px/1.3 var(--mh-ui);color:var(--mh-bone-dd);margin-top:2px}

/* the panel: bottom sheet on phone, docked card on desktop */
.mh-panel{position:absolute;left:0;right:0;bottom:0;z-index:4;max-height:62%;overflow-y:auto;padding:16px 16px 14px;background:#0a0616 linear-gradient(180deg,#0d0820,#050309);border-top:1px solid var(--pc,var(--mh-rule2));box-shadow:0 -20px 40px rgba(0,0,0,.65);transform:translateY(105%);transition:transform .22s cubic-bezier(.2,.8,.2,1);--pc:var(--mh-green)}
.mh-panel:not(.on){visibility:hidden;transform:translateY(calc(100% + 40px))}
.mh-panel.on{transform:none}
.mh-again .mh-panel{transition:none}
.mh-panel::before{content:'';position:absolute;top:0;left:0;width:72px;height:2px;background:var(--pc)}
.mh-panel.shake{animation:mh-shake .35s}
@keyframes mh-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.mh-x{position:absolute;top:6px;right:6px;width:44px;height:44px;background:none;border:0;color:var(--mh-bone-d);font-size:24px;cursor:pointer}
.mh-p-head{display:flex;gap:14px;align-items:center;padding-right:40px}
.mh-p-ic{flex:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid var(--mh-rule);background:#05030b}
.mh-p-name{margin:4px 0 5px;font:600 26px/1.05 var(--mh-disp);color:var(--mh-bone)}
.mh-p-desc{margin:12px 0 10px;font:400 14px/1.45 var(--mh-ui);color:var(--mh-bone-d)}
.mh-pips{display:flex;gap:4px}
.mh-pips i{width:14px;height:3px;background:var(--mh-rule2)}
.mh-pips i.on{background:var(--pc);box-shadow:0 0 6px var(--pc)}
.mh-p-delta{display:flex;flex-direction:column;border-top:1px solid var(--mh-rule)}
.mh-p-delta div{display:flex;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--mh-rule)}
.mh-p-delta span{width:52px;flex:none;font:600 9px/1 var(--mh-cap);letter-spacing:.24em;text-transform:uppercase;color:var(--mh-bone-dd)}
.mh-p-delta b{font:500 14px/1.3 var(--mh-ui)}
.mh-p-delta .nx b{color:var(--mh-green-l)}
.mh-p-act{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:12px}
.mh-cost{display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px}
.mh-cost-i{display:flex;align-items:center;gap:7px}
.mh-cost-i b{font:500 22px/1 var(--mh-ui);color:#fff1b8}
.mh-cost-i small{font:400 11px/1.2 var(--mh-ui);color:var(--mh-bone-dd)}
.mh-cost-i.short b{color:var(--mh-red)}
.mh-buy{min-width:140px;min-height:52px;font:700 16px/1 var(--mh-cap);letter-spacing:.26em;text-transform:uppercase}
.mh-buy small{font-family:var(--mh-ui);letter-spacing:.08em;text-transform:none}
.mh-buy.ready{animation:mh-breathe 2.4s ease-in-out infinite}
.mh-p-why{flex-basis:100%;font:400 12.5px/1.3 var(--mh-ui);color:#ff9aac}
.mh-panel.bought .mh-p-name{animation:mh-flash 1.2s ease-out}
.mh-lines{list-style:none;margin:12px 0 8px;padding:0}
.mh-lines li{padding:6px 0;border-bottom:1px solid var(--mh-rule);font:500 14px/1.3 var(--mh-ui)}
.mh-lines li::before{content:'';display:inline-block;width:5px;height:5px;margin:0 10px 2px 0;background:var(--pc);transform:rotate(45deg)}
.mh-cmp{font:400 12px/1.4 var(--mh-ui);color:var(--mh-bone-dd);margin:6px 0}
.mh-cmp span{letter-spacing:.2em;text-transform:uppercase;font:600 9px/1 var(--mh-cap)}
.mh-p-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.mh-p-grid .mh-wide{grid-column:1/-1;min-height:52px;font:700 16px/1 var(--mh-cap);letter-spacing:.26em;text-transform:uppercase}
.mh-twin{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mh-twin-c{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--mh-rule)}
.mh-twin-c.nw{border-color:rgba(126,255,92,.45)}
.mh-twin-c .mh-lines{margin:0}
.mh-float{position:fixed;z-index:50;transform:translate(-50%,-100%);pointer-events:none;font:600 15px/1 var(--mh-ui);color:var(--mh-green);white-space:nowrap;text-shadow:0 0 10px rgba(126,255,92,.8),0 0 3px #000;animation:mh-up 1.6s ease-out forwards}
.mh-float.mh-cost-f{color:var(--mh-red);font-size:13px;transform:translate(-50%,0);text-shadow:0 0 3px #000;animation:mh-down 1.4s ease-out forwards}
@keyframes mh-up{0%{opacity:0;margin-top:6px}15%{opacity:1}100%{opacity:0;margin-top:-46px}}
@keyframes mh-down{0%{opacity:0}15%{opacity:1}100%{opacity:0;margin-top:18px}}

/* bars */
.mh-bar{position:relative;height:4px;background:var(--mh-rule);margin:4px 0}
.mh-fill{position:absolute;top:0;bottom:0;left:0;background:var(--mh-blurple)}
.mh-fill.mh-gainf{background:var(--mh-green);box-shadow:0 0 10px var(--mh-green)}
.mh-mark{position:absolute;top:-5px;bottom:-5px;width:1px;background:var(--mh-bone)}

/* ---------- RESULTS */
.mh-results .mh-art{bottom:auto;height:42vh;background-position:center 30%}
.mh-results .mh-veil{background:linear-gradient(180deg,rgba(3,2,8,.1) 0%,rgba(3,2,8,.55) 28%,#030208 42%)}
.mh-res{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.mh-res-head{padding:calc(22vh + env(safe-area-inset-top,0px)) 20px 8px;animation:mh-rise 1s both}
.mh-drinks{margin:8px 0 6px;font:600 clamp(40px,11vw,64px)/.95 var(--mh-disp);color:var(--mh-bone);text-shadow:0 4px 30px #000}
.mh-res-head .mh-voice{color:var(--mh-green-l);font-size:clamp(18px,4.8vw,22px)}
.mh-res-body{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 18px;touch-action:pan-y;overscroll-behavior:contain;animation:mh-rise 1s .2s both}
.mh-bigstats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mh-rule2);border-bottom:1px solid var(--mh-rule);margin:10px 0 4px}
.mh-bs{padding:12px 0 10px;min-width:0}
.mh-bs+.mh-bs{padding-left:12px;border-left:1px solid var(--mh-rule)}
.mh-bs b{display:block;font:300 clamp(22px,6.6vw,34px)/1 var(--mh-ui);letter-spacing:-.02em}
.mh-bs span{display:block;margin-top:6px;font:600 9px/1 var(--mh-cap);letter-spacing:.24em;text-transform:uppercase;color:var(--mh-bone-dd)}
.mh-gain{display:flex;align-items:center;gap:10px;margin:2px 0 10px}
.mh-gain b{font:300 30px/1 var(--mh-ui);color:#fff1b8}
.mh-gain span{font:600 9.5px/1 var(--mh-cap);letter-spacing:.24em;text-transform:uppercase;color:var(--mh-bone-dd)}
.mh-gain-ess{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}
.mh-ge{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0 6px;border-top:1px solid currentColor}
.mh-ge b{font:400 18px/1 var(--mh-ui)}
.mh-ge span{font:600 8.5px/1 var(--mh-cap);letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.mh-found{display:flex;flex-direction:column}
.mh-fitem{display:flex;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--mh-rule)}
.mh-fitem b{display:block;font:600 16px/1.1 var(--mh-disp);color:var(--rc)}
.mh-fitem small{display:block;font:400 11.5px/1.3 var(--mh-ui);color:var(--mh-bone-d);margin-top:2px}
.mh-hunger{font:400 13px/1.4 var(--mh-ui);color:var(--mh-bone-d);margin:12px 0}
.mh-hunger span{display:inline-block;font:600 9px/1 var(--mh-cap);letter-spacing:.22em;text-transform:uppercase;color:var(--mh-bone-dd);margin-right:8px;padding:4px 6px;border:1px solid var(--mh-rule)}
.mh-hunger.done{color:var(--mh-bone)}.mh-hunger.done span{color:var(--mh-green);border-color:rgba(126,255,92,.5)}
.mh-next{display:flex;align-items:center;gap:14px;margin:16px 0 4px;padding:12px 14px;border-left:2px solid var(--mh-green);background:linear-gradient(90deg,rgba(126,255,92,.1),transparent)}
.mh-next p{flex:1;margin:0;font:400 13.5px/1.35 var(--mh-ui);color:var(--mh-bone-d)}
.mh-next b{font:600 22px/1 var(--mh-disp);color:var(--mh-green-l)}
.mh-res-foot{display:flex;align-items:center;gap:12px;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--mh-rule)}
.mh-res-foot .mh-go{flex:1}

/* ---------- desktop */
@media (min-width:900px){
  .mh-hub .mh-veil{background:linear-gradient(90deg,rgba(3,2,8,.35) 0%,rgba(3,2,8,.55) 30%,rgba(3,2,8,.9) 38%,rgba(3,2,8,.94))}
  .mh-hub-grid{flex-direction:row}
  .mh-altar{width:min(420px,34vw);flex:none;display:flex;flex-direction:column;align-items:flex-start;padding:36px 36px 32px;gap:0;border-right:1px solid var(--mh-rule)}
  .mh-godframe{width:100%;height:auto;aspect-ratio:1/1;margin:auto 0 18px}
  .mh-godname{font-size:40px;white-space:normal}
  .mh-godsub{font-size:13px;margin-top:4px}
  .mh-altar-voice{display:block;margin:20px 0 26px;font-size:22px;color:var(--mh-bone-d)}
  .mh-altar-go{display:block;width:100%;margin-top:auto}
  .mh-foot{display:none}
  .mh-head{display:flex;align-items:flex-end;gap:28px;padding:18px 32px 0}
  .mh-tabs{gap:32px}
  .mh-tab{font-size:15px;padding-bottom:14px}
  .mh-wallet{margin-left:auto;padding:0 0 13px}
  .mh-body{padding:8px 32px 40px}
  .mh-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start}
  .mh-web{max-width:520px}
  .mh-panel{left:auto;right:24px;bottom:24px;width:380px;max-height:calc(100% - 110px);border:1px solid var(--mh-rule2);border-top-color:var(--pc);transform:translateY(20px);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}
  .mh-panel.on{transform:none;opacity:1;pointer-events:auto}
  .mh-godbig{display:none}
  .mh-results .mh-art{height:auto;bottom:0;right:42%;background-position:60% center}
  .mh-results .mh-veil{background:linear-gradient(90deg,rgba(3,2,8,0) 0%,rgba(3,2,8,0) 40%,rgba(3,2,8,.85) 56%,#030208 60%)}
  .mh-res{margin-left:auto;width:min(560px,46vw);margin-right:4vw}
  .mh-res-head{padding:48px 0 8px}
  .mh-res-body{padding:4px 0 18px}
  .mh-res-foot{padding:14px 0 28px}
}
@media (min-width:900px) and (max-height:700px){.mh-godframe{width:70%}}
@media (max-width:899px){.mh-web{max-width:420px}.mh-body.mh-padded{padding-bottom:58vh}}
@media (max-width:360px){.mh-tabs{gap:14px}.mh-tab{font-size:12px;letter-spacing:.16em}.mh-ess-row{gap:7px}}
@media (prefers-reduced-motion:reduce){.mh-screen *{animation:none!important;transition:none!important}}

/* ================= round 3: tree canvas, gear tools, forge ================= */
.mh-tabs{gap:18px;overflow-x:auto;scrollbar-width:none}
.mh-tabs::-webkit-scrollbar{display:none}
.mh-tab{flex:none;letter-spacing:.18em;font-size:13px}
@media (min-width:900px){.mh-tabs{gap:26px}.mh-tab{font-size:14px;letter-spacing:.22em}}
@media (max-width:360px){.mh-tabs{gap:12px}.mh-tab{font-size:11.5px;letter-spacing:.12em}}

/* tree tab: the canvas fills the body */
.mh-tab-you .mh-body{display:flex;flex-direction:column;overflow:hidden;padding-bottom:8px}
.mh-tab-you .mh-body.mh-padded{padding-bottom:8px}
.mh-treebar{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;padding:8px 0 6px}
.mh-treeprog{display:flex;align-items:baseline;gap:6px;flex:1;min-width:220px}
.mh-treeprog b{font:300 24px/1 var(--mh-ui);color:var(--mh-bone)}
.mh-treeprog small{font:400 11.5px/1 var(--mh-ui);color:var(--mh-bone-dd)}
.mh-treeprog em{font:600 12px/1 var(--mh-ui);font-style:normal;color:var(--mh-green-l)}
.mh-tp-bar{flex:1;height:3px;background:var(--mh-rule);position:relative;align-self:center;min-width:60px}
.mh-tp-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--mh-blurple),var(--mh-green));box-shadow:0 0 8px rgba(126,255,92,.6)}
.mh-treemeta{font:400 11.5px/1.2 var(--mh-ui);color:var(--mh-bone-dd)}
.mh-treemeta em{font-style:normal;color:var(--mh-green);font-weight:600}
.mh-tree{position:relative;flex:1;min-height:280px;border:1px solid var(--mh-rule);background:radial-gradient(circle at 50% 50%,rgba(42,20,104,.35),rgba(3,2,8,.6) 70%);overflow:hidden}
.mh-tree-cv{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;display:block}
.mh-tree-cv:active{cursor:grabbing}
.mh-tree-ctl{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:6px;z-index:2}
.mh-tc{width:40px;height:40px;border:1px solid var(--mh-rule2);background:rgba(7,4,15,.85);color:var(--mh-bone);font:500 20px/1 var(--mh-ui);cursor:pointer;padding:0}
.mh-tc-w{font:600 9.5px/1 var(--mh-cap);letter-spacing:.12em;text-transform:uppercase}
.mh-tc:hover{border-color:var(--mh-green)}
.mh-tree-hint{position:absolute;left:10px;bottom:8px;font:400 10.5px/1.2 var(--mh-ui);color:var(--mh-bone-dd);pointer-events:none;letter-spacing:.03em}
.mh-tree-float{position:absolute;left:50%;top:40%;transform:translate(-50%,0);font:600 16px/1.2 var(--mh-ui);color:var(--mh-green);text-shadow:0 0 12px rgba(126,255,92,.8),0 0 3px #000;pointer-events:none;white-space:nowrap;animation:mh-up 1.8s ease-out forwards}
.mh-respec{margin-top:6px}
.mh-respec .mh-btn{min-height:36px}
.mh-p-tax{flex-basis:100%;font:400 11px/1.3 var(--mh-ui);color:var(--mh-bone-dd)}
.mh-p-why.mh-ok{color:var(--mh-green-l)}
.mh-panel.mh-p-keystone::before{width:100%;height:2px}
.mh-panel.mh-p-keystone .mh-p-name{color:var(--pc)}
.mh-node.big .mh-ncore{width:40px;height:40px}

/* cost chips (forge) */
.mh-chips{display:flex;flex-wrap:wrap;gap:6px 12px;flex:1}
.mh-chip{display:inline-flex;align-items:center;gap:5px;font:500 14px/1 var(--mh-ui);color:#fff1b8}
.mh-chip small{font:400 10.5px/1 var(--mh-ui);color:var(--mh-bone-dd)}
.mh-chip.short b{color:var(--mh-red)}
.mh-marrow{border-radius:50%;background:radial-gradient(circle at 38% 35%,#ffd5dd 0,#ff5c7a 30%,#5a0f22 75%);box-shadow:0 0 6px rgba(255,92,122,.6)}

/* gear */
.mh-auto{width:100%}
.mh-setlist{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.mh-setrow{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--mh-rule);font:400 12px/1.3 var(--mh-ui);color:var(--mh-bone-d)}
.mh-setrow b{font:600 15px/1 var(--mh-disp);color:#c9ffb0}
.mh-setb{color:var(--mh-bone-dd)}.mh-setb.on{color:var(--mh-green-l)}
.mh-up{position:absolute;top:2px;right:4px;font:700 10px/1 var(--mh-ui);color:var(--mh-green);text-shadow:0 0 6px var(--mh-green)}
.mh-lock,.lg-lock{position:absolute;bottom:3px;right:3px;width:8px;height:7px;background:var(--mh-bone);border-radius:1px}
.mh-lock::before,.lg-lock::before{content:'';position:absolute;left:1px;top:-5px;width:4px;height:5px;border:1.5px solid var(--mh-bone);border-bottom:0;border-radius:3px 3px 0 0}
.lg-lock{position:relative;display:inline-block;bottom:auto;right:auto;margin:0 4px 0 2px}
.mh-setdot,.lg-set{position:absolute;bottom:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#c9ffb0;box-shadow:0 0 6px #7eff5c}
.lg-set{position:relative;display:inline-block;bottom:auto;left:auto;margin-right:4px}
.lg-up{color:var(--mh-green);font-size:10px}
.mh-wornb{position:absolute;top:2px;left:3px;font:600 7.5px/1 var(--mh-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mh-bone)}
.mh-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.mh-filters::-webkit-scrollbar{display:none}
.mh-fchip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--mh-rule);background:rgba(7,4,15,.7);color:var(--mh-bone-d);font:500 12px/1 var(--mh-ui);cursor:pointer}
.mh-fchip small{color:var(--mh-bone-dd);font-size:10.5px}
.mh-fchip.on{border-color:var(--mh-green);color:var(--mh-bone);background:rgba(126,255,92,.08)}
.mh-tog i{width:12px;height:12px;border:1px solid var(--rc,var(--mh-rule2));display:inline-block;position:relative}
.mh-tog.on i{background:var(--rc);box-shadow:0 0 6px var(--rc)}
.mh-tog.on{border-color:var(--rc)}
.mh-autosal{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.mh-autosal .mh-kicker{flex-basis:100%}
.mh-delta{margin:8px 0 4px;padding:8px 10px;border-left:2px solid var(--pc);background:rgba(255,255,255,.025)}
.mh-delta .mh-kicker{margin-bottom:4px;color:var(--mh-bone-d)}
.mh-dl{font:500 13.5px/1.5 var(--mh-ui)}
.mh-dl small{font-weight:400;color:var(--mh-bone-dd)}
.mh-dl.up{color:var(--mh-green-l)}.mh-dl.down{color:#ff9aac}
.mh-lines li{display:flex;align-items:center;gap:8px}
.mh-lines li span{flex:1}
.mh-tier{flex:none;font:600 9px/1 var(--mh-cap);letter-spacing:.08em;padding:3px 5px;border:1px solid var(--mh-rule2);color:var(--mh-bone-d)}
.mh-tier.t2{border-color:rgba(155,123,255,.6);color:#c9b8ff}.mh-tier.t3{border-color:rgba(127,232,255,.6);color:#bff3ff}
.mh-tier.t4{border-color:rgba(255,241,184,.7);color:#fff1b8}.mh-tier.t5{border-color:rgba(126,255,92,.7);color:#b4ff78}.mh-tier.t6{border-color:#ff5c7a;color:#ffc2cf}
.mh-lines li.mh-uniq{color:#ffc2cf;font-style:italic}
.mh-lines li.mh-gemline::before{background:var(--mh-green)}
.mh-imb{display:inline-block;width:9px;height:9px;transform:rotate(45deg);vertical-align:middle;margin-left:6px;box-shadow:0 0 8px currentColor}

/* forge */
.mh-fstrip{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}
.mh-fstrip .mh-item{flex:none;width:52px}
.mh-fcard{margin-top:12px;padding:14px;border:1px solid var(--mh-rule);border-top:2px solid var(--pc);background:linear-gradient(180deg,rgba(13,8,32,.9),rgba(5,3,9,.85))}
.mh-op{padding:12px 0 14px;border-bottom:1px solid var(--mh-rule)}
.mh-op h3{margin:0 0 4px;font:700 13px/1.2 var(--mh-cap);letter-spacing:.2em;text-transform:uppercase;color:var(--mh-bone)}
.mh-op p{margin:0 0 8px;font:400 12.5px/1.45 var(--mh-ui);color:var(--mh-bone-d)}
.mh-op p b{color:var(--mh-bone)}
.mh-op-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mh-op-act .mh-btn{min-width:150px}
.mh-linepick{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.mh-linepick .mh-btn{align-items:flex-start;text-align:left;min-height:42px}
.mh-essrow{display:flex;gap:6px;flex-wrap:wrap}
.mh-ebtn{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 10px;border:1px solid color-mix(in srgb,var(--ec) 45%,transparent);background:rgba(7,4,15,.8);color:var(--ec);font:500 13px/1 var(--mh-ui);cursor:pointer}
.mh-ebtn.on{background:color-mix(in srgb,var(--ec) 18%,transparent);border-color:var(--ec)}
.mh-ebtn:disabled{opacity:.38;cursor:default}
.mh-sockets{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.mh-socket{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px dashed var(--mh-rule2)}
.mh-socket.full{border:1px solid var(--ec);color:var(--ec);font:500 13px/1 var(--mh-ui)}
.mh-socket .mh-kicker{flex-basis:100%;color:var(--mh-bone-dd)}
.mh-x2{margin-left:auto;background:none;border:0;color:var(--mh-bone-d);font-size:18px;cursor:pointer;width:32px;height:32px}
.mh-twin .mh-btn{width:100%}

/* toasts */
.mh-toast{position:absolute;left:50%;top:18%;transform:translateX(-50%);z-index:60;padding:10px 18px;background:rgba(5,3,11,.94);border:1px solid var(--mh-rule2);font:500 14px/1.3 var(--mh-ui);color:var(--mh-bone);white-space:nowrap;pointer-events:none;animation:mh-toast 2.4s ease-out forwards;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.mh-toast.good{border-color:var(--mh-green);color:#efffe6;box-shadow:0 0 24px rgba(126,255,92,.35)}
@keyframes mh-toast{0%{opacity:0;margin-top:10px}10%{opacity:1;margin-top:0}80%{opacity:1}100%{opacity:0}}

/* results: god stage */
.mh-stage-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:10px 0 6px}
.mh-stage-h .mh-kicker{flex-basis:100%}
.mh-stage-h b{font:600 34px/1 var(--mh-disp);color:var(--mh-green-l);text-shadow:0 0 20px rgba(126,255,92,.35)}
.mh-stage-h small{font:500 12px/1 var(--mh-ui);color:#fff1b8}
.mh-stage{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:8px}
.mh-stg{padding:6px 2px 5px;text-align:center;border-top:2px solid var(--mh-rule);font:600 8px/1.1 var(--mh-cap);letter-spacing:.1em;text-transform:uppercase;color:var(--mh-bone-dd)}
.mh-stg.on{border-top-color:var(--mh-green);color:var(--mh-bone-d)}
.mh-stg.top{color:var(--mh-green-l);text-shadow:0 0 8px rgba(126,255,92,.6)}
.mh-fitem.gone{opacity:.45}
.mh-upt{font:600 10px/1 var(--mh-ui);font-style:normal;color:var(--mh-green);letter-spacing:.04em}
.mh-next small{font:400 11.5px/1.3 var(--mh-ui);color:var(--mh-bone-dd)}
@media (min-width:900px){
  .mh-tab-you .mh-body{padding-right:32px}
  .mh-tree{min-height:420px}
}
/* ===== Evolve to Feed ===== */
.mh-variant{position:relative;z-index:2;margin-bottom:6px;font-family:var(--disp,Georgia,serif);font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:#b4ff78;text-shadow:0 0 12px rgba(126,255,92,.6),0 0 3px #000}
.mh-codex{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.mh-cx{--ec:#9b7bff;--ec2:#7eff5c;display:flex;gap:10px;align-items:flex-start;padding:9px 10px;background:rgba(8,4,20,.72);box-shadow:inset 0 0 0 1px rgba(91,52,230,.25);opacity:.72}
.mh-cx.seen{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ec) 50%,transparent)}
.mh-cx.ate{background:linear-gradient(100deg,color-mix(in srgb,var(--ec) 18%,rgba(8,4,20,.85)),rgba(8,4,20,.85) 60%,color-mix(in srgb,var(--ec2) 14%,rgba(8,4,20,.85)));box-shadow:inset 0 0 0 1px var(--ec2),0 0 14px color-mix(in srgb,var(--ec2) 30%,transparent)}
.mh-cx-ic{flex:none;display:flex;gap:2px;align-items:center}
.mh-cx:not(.seen) .mh-cx-ic{filter:grayscale(1) brightness(.45)}
.mh-cx-t{min-width:0;font-size:12px;line-height:1.35;color:#a69fbf}
.mh-cx-n{font-size:13.5px;color:#ece8f6}
.mh-cx-n b{color:var(--ec2)}
.mh-cx-r{margin-top:2px}
.mh-cx-s{margin-top:3px;color:#ece8f6}
.mh-cx-s b{color:#b4ff78}
.mh-cxlink{color:#b4ff78;cursor:pointer;text-decoration:underline}
@media (max-width:560px){.mh-codex{grid-template-columns:1fr}}