/* MineX demo: vivid brand loading colors and quiet game controls. */
html body.mx-demo-ui{--demo-bg:#171917;--demo-panel:#252824;--demo-text:#f3f0e7;--demo-muted:#c0beb3;--demo-line:#676b61;--demo-gold:#e4c267;--demo-ink:#222116}
html body.mx-demo-ui #minex-motion.mx-alive{--mx-c1:#3ee6ff!important;--mx-c2:#ffc83d!important;--mx-c3:#22e0cf!important;--mx-radius:0px;background:radial-gradient(ellipse at 50% 16%,#154250 0%,#0a1c29 35%,#050e16 78%);color:#fff}
html body.mx-demo-ui #minex-motion.mx-alive .mx-frame{display:none}
html body.mx-demo-ui #minex-motion.mx-alive .mx-idle h1,
html body.mx-demo-ui #minex-motion.mx-alive .mx-copy h2{color:#fff;text-shadow:0 2px 0 #0008;letter-spacing:-1.5px}
html body.mx-demo-ui #minex-motion.mx-alive .mx-copy .mx-word:last-child{color:#3ee6ff;background:none;-webkit-text-fill-color:currentColor;filter:none;text-shadow:0 2px 0 #0008}
html body.mx-demo-ui #minex-motion.mx-alive .mx-enter{background:#ffc83d;color:#09202d;animation:none;border:2px solid #ffe696;border-bottom-color:#8b7337;border-right-color:#8b7337;border-radius:3px;box-shadow:0 3px 0 #0006;min-height:52px;font-weight:700}
html body.mx-demo-ui #minex-motion.mx-alive .mx-enter::before{display:none}
html body.mx-demo-ui #minex-motion.mx-alive .mx-enter:active{transform:translateY(2px);box-shadow:none}
html body.mx-demo-ui #minex-motion.mx-alive .mx-idle-kicker,
html body.mx-demo-ui #minex-motion.mx-alive .mx-copy .mx-caption{background:#081a27e6;border:1px solid #3c8592;border-radius:2px;letter-spacing:1px;color:#fff}
html body.mx-demo-ui #minex-motion.mx-alive .mx-sound{background:#0b2635e6;border:1px solid #47aaba;border-radius:3px;box-shadow:none}
html body.mx-demo-ui #minex-motion.mx-alive .mx-loader{background:#071b2bf2;border:1px solid #43cce088;border-radius:4px;box-shadow:0 4px 0 #0004}
html body.mx-demo-ui #minex-motion.mx-alive .mx-track{background:#03101b;border:1px solid #337f8a;box-shadow:none;border-radius:1px}
html body.mx-demo-ui #minex-motion.mx-alive .mx-progress,
html body.mx-demo-ui #minex-motion.mx-alive .mx-track[data-indeterminate=true] .mx-progress{background:linear-gradient(90deg,#ffc83d,#3ee6ff);box-shadow:none;border-radius:0}
html body.mx-demo-ui #minex-motion.mx-alive .mx-percent{color:#ffc83d}
html body.mx-demo-ui #minex-motion.mx-alive .mx-loader-note,
html body.mx-demo-ui #minex-motion.mx-alive .mx-loader-timing{color:#b5d8e3}
html body.mx-demo-ui #minex-motion.mx-alive .mx-setup-steps{gap:5px}
html body.mx-demo-ui #minex-motion.mx-alive .mx-setup-steps li{background:#0e2a38;color:#b5d8e3;border:1px solid #376879;border-radius:2px;box-shadow:none}
html body.mx-demo-ui #minex-motion.mx-alive .mx-setup-steps li svg{filter:none}
html body.mx-demo-ui #minex-motion.mx-alive .mx-setup-steps li[data-status=active],
html body.mx-demo-ui #minex-motion.mx-alive .mx-setup-steps li.active{background:#113d4e;border-color:#3ee6ff;color:#fff;animation:none}
html body.mx-demo-ui #minex-motion.mx-alive .mx-setup-steps li[data-status=done],
html body.mx-demo-ui #minex-motion.mx-alive .mx-setup-steps li.done{background:#123b34;border-color:#22e0cf;color:#fff}
html body.mx-demo-ui #minex-motion .mx-demo-reward{border-color:#237f8a}
html body.mx-demo-ui #minex-motion .mx-demo-reward strong{color:#fff}
html body.mx-demo-ui #minex-motion .mx-demo-reward span{color:#ffc83d}
html body.mx-demo-ui #minex-motion .mx-demo-reward small{color:#b5d8e3}
html body.mx-demo-ui #mx-guide{background:#22251ff5;border:1px solid #858875;border-left:3px solid var(--demo-gold);border-radius:3px;box-shadow:0 3px 0 #0005;color:var(--demo-text)}
html body.mx-demo-ui #mx-guide header{color:var(--demo-text);letter-spacing:.8px}
html body.mx-demo-ui #mx-guide .voice{color:var(--demo-muted)}
html body.mx-demo-ui #mx-guide button,
html body.mx-demo-ui #mx-guide summary,
html body.mx-demo-ui #mx-tour-menu button{color:var(--demo-text);background:#33372e;border:1px solid #737965;border-bottom-color:#454b3d;border-radius:2px;box-shadow:none}
html body.mx-demo-ui #mx-guide-speaker{background:#252920eb;color:#e4dcc3;border:1px solid #92967f;border-radius:3px;box-shadow:none}
html body.mx-demo-ui #mx-guide-ring{border-color:var(--demo-gold);box-shadow:0 0 0 3px #161912a0}
html body.mx-demo-ui #mx-guide-ring::before{border-color:var(--demo-gold)}
html body.mx-demo-ui #mx-guide-ring::after,
html body.mx-demo-ui #mx-guide-gaze{background:#252920f5;color:var(--demo-text);border-color:#858875;border-radius:2px;box-shadow:none}
html body.mx-demo-ui #mx-pitch-viewer{background:#151714;color:var(--demo-text)}
html body.mx-demo-ui #mx-pitch-viewer header{color:var(--demo-muted)}
html body.mx-demo-ui #mx-pitch-viewer .focus-image{background:#0b0d0b;border:1px solid #555a4c;border-radius:2px}
html body.mx-demo-ui #mx-pitch-viewer .focus-caption{color:var(--demo-text)}
html body.mx-demo-ui #mx-pitch-viewer footer p{color:var(--demo-muted)}
html body.mx-demo-ui #mx-pitch-viewer button{background:#33372e;color:var(--demo-text);border:1px solid #858875;border-radius:2px;box-shadow:none}
html body.mx-demo-ui #mx-pitch-viewer [data-focus-continue]{background:var(--demo-gold);color:var(--demo-ink);border:1px solid #eedd9e;border-bottom-color:#8b7337;border-right-color:#8b7337}
html body.mx-demo-ui #mx-pitch-viewer [data-slide-status]{color:var(--demo-muted)}
html body.mx-demo-ui #mx-pitch-viewer [data-slide-retry]{background:#33372e;color:var(--demo-text);border-color:#858875}
html body.mx-demo-ui #mx-trade-effects .trade-receipt{background:#252920f5;color:var(--demo-text);border:1px solid #858875;border-radius:3px;box-shadow:0 3px 0 #0005;text-shadow:none}
html body.mx-demo-ui #mx-trade-effects .trade-receipt.buyer{color:var(--demo-text);border-color:#858875}
html body.mx-demo-ui #mx-trade-effects .trade-receipt small{color:var(--demo-muted)}
html body.mx-demo-ui #mx-tour-more,
html body.mx-demo-ui #mx-tour-menu,
html body.mx-demo-ui #mx-tour-notice,
html body.mx-demo-ui #mx-photo button,
html body.mx-demo-ui #mx-photo a{background:#252920f5;color:var(--demo-text);border:1px solid #858875;border-radius:3px;box-shadow:0 2px 0 #0005}
html body.mx-demo-ui #t49-wallet-button{background:var(--demo-gold)!important;color:var(--demo-ink)!important;border:1px solid #eedd9e;border-bottom-color:#8b7337;border-radius:3px!important;box-shadow:0 2px 0 #0005!important}
html body.mx-demo-ui #t49-wallet-shell,html body.mx-demo-ui #t49-wallet-shell :is(header,iframe){background:#171917;color:var(--demo-text);border-color:var(--demo-line)}
html body.mx-demo-ui #t49-wallet-shell header button{background:#33372e;color:var(--demo-text);border:1px solid #858875;border-radius:3px;box-shadow:none}
html body.mx-demo-ui #minex-badge{background:#252920ed!important;color:var(--demo-text)!important;border-color:#858875!important;border-radius:2px!important;box-shadow:none!important}
html body.mx-demo-ui #mx-touch .mx-touch-btn{background:#292e26e8!important;color:var(--demo-text)!important;border-color:#92967f!important;border-radius:3px!important;box-shadow:0 2px 0 #0006!important;text-shadow:none!important}
html body.mx-demo-ui :is(button,a,summary):focus-visible{outline:2px solid var(--demo-gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html body.mx-demo-ui #mx-guide-ring::before{animation:none}}
@media(orientation:portrait){
 html body.mx-demo-ui #mx-pitch-viewer .focus-image{flex:0 0 auto;width:100%;aspect-ratio:16/9;min-height:0;box-sizing:border-box}
 html body.mx-demo-ui #mx-pitch-viewer .focus-caption{flex:1;min-height:0;max-height:none}
}
html:has(body.mx-vault),html body.mx-vault{background:#171917;color:#f3f0e7}
html body.mx-vault{--c1:#b4ac93;--c2:#e4c267;--c3:#e4c267;--ink:#f3f0e7;--muted:#c0beb3;--card:#252824;--line:#676b61}
html body.mx-vault .hero,html body.mx-vault .card,html body.mx-vault .sheet>div{background:#252824;border:1px solid #676b61;border-radius:4px}
html body.mx-vault .hero::before{display:none}
html body.mx-vault .art{background:none;border-radius:0}
html body.mx-vault .art img{animation:none}
html body.mx-vault .btn{background:#e4c267;color:#222116;border:1px solid #eedd9e;border-bottom-color:#8b7337;border-radius:3px;animation:none;box-shadow:0 3px 0 #0005}
html body.mx-vault .btn.alt,html body.mx-vault #vault-model-close{background:#33372e;color:#f3f0e7;border:1px solid #858875;border-radius:3px;box-shadow:none}
html body.mx-vault :is(.kicker,.pill,.code,.top a,input,.addr){border-radius:3px}
html body.mx-vault .pill{color:#f3f0e7;background:#33372e;border-color:#858875}
html body.mx-vault .code{border-color:#858875;background:#171917}
html body.mx-vault .code button{background:#e4c267;color:#222116;border-radius:2px}
html body.mx-vault a,html body.mx-vault a[style]{color:#e4c267!important}
html body.mx-vault input:focus{box-shadow:0 0 0 2px #e4c267}
html body.mx-vault #vault-model-dialog{background:#252824;color:#f3f0e7;border-color:#858875;border-radius:4px;box-shadow:0 6px 0 #0005}
html body.mx-vault #vault-model-stage{background:#171917;border-radius:2px}
html body.mx-vault #vault-model-progress{accent-color:#e4c267}
html body.mx-vault #vault-model-status{color:#c0beb3}
/* Put landscape-phone dialogue above the camera view, between the action buttons. */
@media(orientation:landscape) and (max-height:550px) and (any-pointer:coarse){
 html body.mx-demo-ui{--demo-hud-top:max(8px,calc(env(safe-area-inset-top) + 8px))}
 html body.mx-demo-ui #minex-badge{display:none!important}
 html body.mx-demo-ui #mx-guide{top:var(--demo-hud-top);left:calc(env(safe-area-inset-left) + 196px);right:calc(env(safe-area-inset-right) + 96px);width:auto;transform:none;padding:7px 10px;font-size:13px;line-height:1.35}
 html body.mx-demo-ui #mx-guide header{margin-bottom:4px;font-size:9px}
 html body.mx-demo-ui #mx-guide .text{min-height:1.35em;max-height:4.05em;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y}
 html body.mx-demo-ui #mx-guide .controls{margin-top:5px;gap:6px}
 html body.mx-demo-ui #mx-guide :is(button,summary){box-sizing:border-box;min-height:44px;padding:8px 10px}
 html body.mx-demo-ui #mx-tour-more,html body.mx-demo-ui #t49-wallet-button{top:var(--demo-hud-top)}
 html body.mx-demo-ui #mx-touch [data-action=pause]{top:var(--demo-hud-top)!important}
 html body.mx-demo-ui #mx-tour-menu{top:calc(var(--demo-hud-top) + 52px);max-height:calc(100dvh - var(--demo-hud-top) - 64px)}
}

/* Keep secondary guide controls inside More; only task actions stay with the dialogue. */
html body.mx-demo-ui #mx-guide .guide-options{display:none}
html body.mx-demo-ui #mx-guide .controls{display:contents}
html body.mx-demo-ui #mx-guide .pitch-tools:not([hidden])>[data-guide=next]{margin-top:6px}
html body.mx-demo-ui #mx-tour-menu .guide-actions h3{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--demo-muted);margin:14px 0 6px}
html body.mx-demo-ui #mx-tour-menu .guide-actions .option-buttons{display:flex;flex-direction:column;gap:0}
html body.mx-demo-ui #mx-tour-menu .guide-actions[hidden],html body.mx-demo-ui #mx-tour-menu .guide-actions [hidden]{display:none!important}
html body.mx-demo-ui #mx-guide .startup-audio{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;pointer-events:auto}
html body.mx-demo-ui #mx-guide .startup-audio [data-guide=start-audio]{background:var(--demo-gold);color:var(--demo-ink);border-color:#eedd9e}