.muxi-indicator{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent-2);font-size:12px;font-weight:800;white-space:nowrap}
.muxi-indicator svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.muxi-page{max-width:760px;margin:0 auto;padding:48px 20px 100px}.muxi-page h1{margin:4px 0 8px}
.muxi-score-large{font-size:clamp(48px,10vw,88px);font-weight:850;letter-spacing:-.06em;margin:26px 0 42px}
.muxi-page>p:not(.eyebrow),.muxi-mode{max-width:620px;color:var(--muted);line-height:1.55}
.muxi-summary{max-height:min(78dvh,620px);overflow:auto;padding:22px;background:var(--surface);color:var(--text)}
.muxi-summary-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.muxi-summary h2{margin:2px 0 0;font-size:42px}
.muxi-close{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:transparent;color:inherit;font-size:25px;cursor:pointer}
.muxi-impact-list{display:grid;gap:8px;padding:0;margin:18px 0;list-style:none}.muxi-impact-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;padding:10px 0;border-top:1px solid var(--border)}
.muxi-impact-list strong{grid-row:span 2}.muxi-impact-list span{overflow-wrap:anywhere}.muxi-impact-list time{font-size:11px;color:var(--muted)}
.muxi-empty{padding:16px 0;color:var(--muted)}.muxi-history-link{display:inline-flex;min-height:44px;align-items:center;color:var(--accent-2);font-weight:750}
.muxi-dialog{position:fixed;inset:0;z-index:80;display:flex;align-items:end;justify-content:center;width:100%;height:100%;max-width:none;max-height:none;padding:0;background:transparent;border:0}
.muxi-dialog:not([open]){display:none}.muxi-dialog::backdrop{background:rgba(0,0,0,.58)}
.muxi-dialog>.muxi-dialog-body{width:min(100%,520px);max-height:85dvh;overflow:auto;padding-bottom:env(safe-area-inset-bottom);border:1px solid var(--border);border-bottom:0;border-radius:20px 20px 0 0;background:var(--surface)}
@media(min-width:681px){.muxi-dialog{display:none}}
@media(max-width:680px){.muxi-page{padding:28px 14px 90px}.muxi-indicator-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.muxi-dialog,.muxi-dialog>*{scroll-behavior:auto}}

.muxi-creature{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:23px;line-height:1.2;letter-spacing:normal}
.muxi-evolution{margin:30px 0}.muxi-evolution-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.muxi-evolution-head h3{margin:0 0 7px;font-size:26px;letter-spacing:-.6px}.muxi-evolution-head p{max-width:560px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.muxi-range{flex:none;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:11px;color:var(--muted)}.muxi-range strong{color:var(--accent-2);font-size:12px}.muxi-range b{color:#667084}
.muxi-path{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px 72px;padding:8px 0;margin:0;list-style:none}.muxi-path:before{content:"";position:absolute;top:22px;bottom:22px;left:50%;width:2px;transform:translateX(-1px);background:linear-gradient(to bottom,var(--accent-2),#6b5ce7 48%,#d486ff 78%,#f2b95f);opacity:.55}.muxi-path li{position:relative;min-height:106px;display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface));box-shadow:0 8px 24px rgba(0,0,0,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease}.muxi-path li:nth-child(odd){grid-column:1}.muxi-path li:nth-child(even){grid-column:2}.muxi-path li:nth-child(odd):after,.muxi-path li:nth-child(even):after{content:"";position:absolute;top:50%;width:36px;height:2px;background:color-mix(in srgb,var(--accent) 55%,var(--border));opacity:.7}.muxi-path li:nth-child(odd):after{right:-37px}.muxi-path li:nth-child(even):after{left:-37px}.muxi-path li:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--surface) 93%,var(--accent) 7%)}
.muxi-path-node{position:relative;flex:0 0 auto;width:68px;height:68px;display:grid;place-items:center}.muxi-path-node:before{content:"";position:absolute;inset:4px;border-radius:20px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 72%);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.muxi-path img.muxi-creature{position:relative;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.18))}.muxi-step{position:absolute;z-index:2;top:-7px;left:-6px;min-width:25px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#0d121a;border:1px solid var(--border);color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.05em}.muxi-level-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.muxi-level-copy>strong{font-size:16px;letter-spacing:-.2px}.muxi-level-copy>small{color:var(--muted);font-size:11px}.muxi-current-label{width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent-2) 12%,transparent);color:var(--accent-2)!important;font-weight:850}
.muxi-path .is-current{border-color:var(--accent-2);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,var(--accent-2) 12%),var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-2) 18%,transparent),0 12px 30px rgba(0,0,0,.16)}.muxi-path .is-current .muxi-path-node:before{border-color:color-mix(in srgb,var(--accent-2) 50%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--accent-2) 18%,transparent)}
.muxi-path li:last-child{grid-column:1/-1;width:min(360px,100%);justify-self:center;margin-top:8px;border-color:color-mix(in srgb,#f2b95f 55%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,#f2b95f 10%),color-mix(in srgb,var(--surface) 95%,#d486ff 5%))}.muxi-path li:last-child:after{display:none}.muxi-path li:last-child .muxi-path-node{width:86px;height:86px}.muxi-path li:last-child img.muxi-creature{width:78px;height:78px}.muxi-path li:last-child .muxi-level-copy>strong{font-size:20px}.muxi-path li:last-child .muxi-step{background:#2b2117;border-color:#6d5533;color:#f4c978}
img.muxi-creature{width:32px;height:32px;object-fit:contain}
@media(max-width:680px){.muxi-evolution-head{align-items:flex-start;flex-direction:column;gap:14px}.muxi-range{align-self:flex-start}.muxi-path{grid-template-columns:1fr;gap:11px;padding-left:30px}.muxi-path:before{left:14px;transform:none}.muxi-path li,.muxi-path li:nth-child(odd),.muxi-path li:nth-child(even),.muxi-path li:last-child{grid-column:1;width:100%;justify-self:stretch;margin-top:0}.muxi-path li:nth-child(odd):after,.muxi-path li:nth-child(even):after{left:-17px;right:auto;width:16px}.muxi-path li{min-height:92px;padding:12px 14px}.muxi-path-node{width:60px;height:60px}.muxi-path img.muxi-creature{width:52px;height:52px}.muxi-path li:last-child .muxi-path-node{width:72px;height:72px}.muxi-path li:last-child img.muxi-creature{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){.muxi-path li{transition:none}.muxi-path li:hover{transform:none}}