/* Shared look for the interactive 3D models (Civiliverse). Models may add rules prefixed with .mv- */
.mv-root{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#13254a 0%,#0a1428 55%,#060c18 100%);color:#e8edf5;font:14px/1.5 system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}
.mv-root canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}
.mv-info{position:absolute;left:16px;top:16px;max-width:min(380px,calc(100% - 32px));pointer-events:none}
.mv-info h3{margin:0 0 4px;font:600 18px/1.3 "Noto Serif SC","Songti SC","EB Garamond",serif;color:#f3e7c8;letter-spacing:.02em}
.mv-info .mv-phase{margin:6px 0 0;padding:8px 10px;background:rgba(9,18,36,.72);border-left:2px solid #d9b26a;border-radius:2px;font-size:13px;line-height:1.55;color:#dfe6f2;pointer-events:auto}
.mv-controls{position:absolute;left:16px;bottom:16px;right:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;pointer-events:none}
.mv-controls>*{pointer-events:auto}
.mv-btn{appearance:none;border:1px solid rgba(217,178,106,.55);background:rgba(10,20,40,.78);color:#f3e7c8;padding:6px 12px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer;line-height:1.2}
.mv-btn:hover{background:rgba(30,48,82,.9)}
.mv-btn[aria-pressed="true"]{background:#d9b26a;color:#0a1428;border-color:#d9b26a}
.mv-btn:focus-visible{outline:2px solid #f3e7c8;outline-offset:2px}
.mv-range{display:flex;align-items:center;gap:6px;background:rgba(10,20,40,.78);border:1px solid rgba(217,178,106,.35);padding:4px 10px;border-radius:999px;font-size:12px;color:#c9d3e3}
.mv-range input{accent-color:#d9b26a;width:110px}
.mv-label{padding:2px 7px;border-radius:3px;background:rgba(8,16,32,.82);border:1px solid rgba(217,178,106,.45);color:#f3e7c8;font-size:12px;white-space:nowrap;pointer-events:none;transform:translateY(-14px)}
.mv-label small{display:block;color:#9fb0c8;font-size:10.5px}
.mv-basis{position:absolute;right:16px;bottom:58px;max-width:min(420px,calc(100% - 32px));font-size:11px;line-height:1.45;color:#8ea0bb;text-align:right;pointer-events:none}
@media (max-width:640px){.mv-info h3{font-size:16px}.mv-basis{display:none}.mv-range input{width:80px}}
@media (prefers-reduced-motion:reduce){.mv-btn{transition:none}}