/* Scoped ZX result surface. Shared HM colours; no application layout overrides. */
.hm-zx-presentation{--zx-gold:var(--hm-gold,#d2b47e);box-sizing:border-box;max-width:100%;min-width:0;margin:18px 0;padding:20px;border:1px solid #c6ab7d45;border-radius:18px;background:radial-gradient(ellipse at 50% 35%,#2b223333,#110e16 75%);color:#e9e0ed;font-family:inherit;font-size:13px;line-height:1.6;overflow-wrap:anywhere;color-scheme:dark}
.hm-zx-presentation[hidden]{display:none!important}
.hm-zx-presentation *{box-sizing:border-box;min-width:0}
.hm-zx-presentation [hidden]{display:none!important}
.hm-zx-presentation header small{color:var(--zx-gold);font-size:9px;letter-spacing:.15em}
.hm-zx-presentation header h4{font:400 23px/1.3 Georgia,serif;margin:5px 0 18px;color:#eee5eb}
.hm-zx-presentation .hm-zx-mode-picker label{display:grid;gap:6px;font-size:12px;color:#c5b8ce}
.hm-zx-presentation select{width:100%;min-height:44px;border:1px solid #75634b;border-radius:10px;background:#19141f;color:#eadcca;padding:10px 12px;font:inherit}
.hm-zx-presentation button{min-height:44px;max-width:100%;white-space:normal;border:1px solid #8d795c;border-radius:10px;background:#c6ab7d0d;color:#e7cea2;padding:10px 13px;font:inherit;cursor:pointer}
.hm-zx-presentation button:disabled{opacity:.5;cursor:default}
.hm-zx-presentation button:focus-visible,.hm-zx-presentation select:focus-visible,.hm-zx-presentation summary:focus-visible{outline:2px solid var(--zx-gold);outline-offset:3px}
.hm-zx-presentation [data-zx-mode-save]{margin-top:10px}
.hm-zx-presentation .hm-zx-mode-note,.hm-zx-presentation .hm-zx-measures{font-size:11px;color:#b7a9c1}
.hm-zx-presentation .hm-zx-stage{height:178px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden}
.hm-zx-presentation .hm-zx-stage:before{content:'';position:absolute;width:190px;height:150px;background:radial-gradient(ellipse,#b7976030,transparent 70%);z-index:-1}
.hm-zx-presentation .hm-zx-art{display:grid;place-items:center;position:relative;color:var(--zx-gold);text-shadow:0 1px 0 #f3e6c944,0 -1px 2px #050307;box-shadow:0 14px 22px #0008,inset 1px 1px 2px #f2e3c64d,inset -3px -3px 7px #0009}
.hm-zx-presentation .hm-zx-art>span{font:500 37px/1 Georgia,serif;z-index:1}
.hm-zx-presentation .hm-zx-die{width:92px;height:92px;border-radius:13px;border:1px solid #ad8e60;background:linear-gradient(140deg,#51434a,#211923 40%,#0e0b11);transform:rotate(-8deg)}
.hm-zx-presentation .hm-zx-die:before{content:'';position:absolute;inset:6px;border:1px solid #c6ab7d35;border-radius:8px}
.hm-zx-presentation .hm-zx-wheel{width:142px;height:142px;border-radius:50%;border:3px solid #a48963;background:radial-gradient(circle,#392d36 0 31%,#18131e 32% 67%,#b89c6b 68% 69%,#17121b 70%)}
.hm-zx-presentation .hm-zx-wheel i{position:absolute;width:1px;height:29px;top:10px;left:calc(50% - .5px);transform-origin:50% 58px;transform:rotate(calc(var(--zx-i)*360deg/var(--zx-n)));background:#b3956580}
.hm-zx-presentation .hm-zx-seal{width:106px;height:106px;border-radius:50%;border:3px double #bca070;background:radial-gradient(circle at 35% 27%,#54423c,#2b202a 60%,#17121c);z-index:2}
.hm-zx-presentation .hm-zx-chain{position:absolute;width:230px;height:12px;top:83px;background:repeating-linear-gradient(110deg,transparent 0 5px,#a18c6d 6px 8px,transparent 9px 13px);border-top:1px solid #a18c6d70;border-bottom:1px solid #a18c6d70;transform:rotate(-10deg);opacity:.75;z-index:1}
.hm-zx-presentation .is-revealed .hm-zx-chain{display:none}
.hm-zx-presentation .hm-zx-result{margin:10px 0;color:#e8d8b6;min-height:1.5em}
.hm-zx-presentation .hm-zx-actions{display:flex;gap:8px;flex-wrap:wrap}
.hm-zx-presentation [data-zx-refresh]{border-color:#4c3e58;color:#bbacc6;background:transparent}
.hm-zx-presentation .hm-zx-feedback{font-size:12px;color:#c3b3ce;min-height:1.5em;margin:8px 0}
.hm-zx-presentation .hm-zx-measures{border-top:1px solid #c6ab7d25;padding-top:12px;margin-top:12px}
.hm-zx-presentation summary{min-height:44px;padding:11px 0;cursor:pointer;color:#d7c4e3}
.hm-zx-presentation ol{padding-left:20px;color:#bfb0cc;font-size:12px}
.hm-zx-presentation li{margin-bottom:8px}
#hmZXMoment{max-width:100%;min-width:0}
#hmZXMoment .hm-zx-presentation{max-width:600px;margin:18px auto}
@media(max-width:420px){.hm-zx-presentation{padding:14px}.hm-zx-presentation .hm-zx-actions button{flex:1 1 100%}.hm-zx-presentation header h4{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hm-zx-presentation *{animation:none!important;transition:none!important}}

.hm-zx-presentation .hm-zx-die{transform-style:preserve-3d;transform:perspective(550px) rotateX(-10deg) rotateY(-16deg)}
.hm-zx-presentation .hm-zx-die i{position:absolute;inset:-1px;border:1px solid #a3875f;border-radius:12px;background:linear-gradient(145deg,#382c35,#0f0c14);backface-visibility:hidden}
.hm-zx-presentation .hm-zx-facet-right{transform:translateX(46px) translateZ(-46px) rotateY(90deg)}
.hm-zx-presentation .hm-zx-facet-top{transform:translateY(-46px) translateZ(-46px) rotateX(90deg);background:linear-gradient(130deg,#55454c,#211923)}

#hmPremiumFeatureDialog[data-feature-id=zx] .hm-premium-feature-close{min-width:44px;min-height:44px}