.mh-host{background:#0a0a0c;position:relative;overflow:hidden}.mh-host.-boxed{border:1px solid var(--color-ink-edge);border-radius:12px;height:clamp(380px,56vh,560px)}.mh-host.-full{height:100%;position:fixed;inset:0}.mh-host canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.mh-host.-full canvas{touch-action:none}.mh-host canvas.-dragging{cursor:grabbing}.mh-hud{pointer-events:none;color:var(--color-bone);position:absolute;inset:0}.mh-vignette{background:radial-gradient(130% 90% at 50% 42%,#0000 52%,#04030280 100%),linear-gradient(#0403025c 0%,#0000 22% 64%,#0403028c 100%);position:absolute;inset:0}.mh-focus{opacity:0;flex-direction:column;align-items:center;gap:10px;width:92%;transition:opacity 1.1s,transform 1.1s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;bottom:clamp(18px,4.5vh,38px);left:50%;transform:translate(-50%)translateY(12px)}.mh-host.-ready .mh-focus{opacity:1;transform:translate(-50%)translateY(0)}.mh-counter{font:500 11px/1 var(--font-mono);letter-spacing:.16em;align-items:baseline;gap:7px;display:flex}.mh-counter .mh-num{color:var(--color-rose);text-shadow:0 0 14px #c0886280;font-size:13px}.mh-counter i{color:#ede7e14d;font-style:normal}.mh-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-bone);text-shadow:0 2px 26px #7e513873,0 1px 2px #0009;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-size:clamp(16px,2.6vw,24px);font-weight:400;overflow:hidden}@keyframes mh-swap{0%{opacity:0;filter:blur(5px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:none}}.mh-name.-swap{animation:.5s cubic-bezier(.22,.61,.36,1) both mh-swap}.mh-dots{align-items:center;gap:8px;display:flex}.mh-dots i{background:#ede7e138;border-radius:4px;width:5px;height:5px;transition:width .5s cubic-bezier(.22,.61,.36,1),background .5s,box-shadow .5s}.mh-dots i.-on{background:var(--color-rose);width:20px;box-shadow:0 0 12px #e3b89699}.mh-hint{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#ede7e16b;opacity:0;align-items:center;gap:9px;font-size:9.5px;transition:opacity 1.4s .4s;display:flex;position:absolute;bottom:clamp(18px,4.5vh,38px);right:clamp(18px,3vw,40px)}.mh-host.-ready .mh-hint{opacity:1}.mh-host.-nudged .mh-hint{opacity:0!important}.mh-hint:before{content:"";background:#ede7e159;width:22px;height:1px;animation:2.4s ease-in-out infinite mh-slide}@keyframes mh-slide{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.9;transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.mh-hint:before,.mh-name.-swap{animation:none}}@media (max-width:620px){.mh-hint{display:none}}.mh-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mh-css3d{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mh-card-label{white-space:nowrap;text-align:center;text-transform:uppercase;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:1px;color:#d6d6d6;opacity:.68;-webkit-font-smoothing:antialiased;text-shadow:0 1px 12px #000000b3;backface-visibility:hidden;font-size:15px;font-weight:500}.mh-card-label.-dim{color:#6f6f78;opacity:.55}.mh-card-label{transition:opacity .35s}.mh-card-label.-front{opacity:0}.mh-host:focus-visible{outline:1px solid var(--color-rose);outline-offset:-3px}