:root {
    --mv-sky-50: #f2fbff;
    --mv-sky-100: #dff5ff;
    --mv-sky-300: #88d7ee;
    --mv-sky-500: #52bddc;
    --mv-sky-700: #287e9e;
    --mv-lilac-50: #f7f3ff;
    --mv-lilac-100: #ece4ff;
    --mv-lilac-400: #aa9aef;
    --mv-lilac-600: #7663c7;
    --mv-mint: #8edcc2;
    --mv-peach: #ffbd9b;
    --mv-gold: #f4ce57;
    --mv-title: #294858;
    --mv-title-deep: #1e3745;
    --mv-ink: #193142;
    --mv-muted: #607584;
    --mv-line: #c8d9df;
    --mv-surface: #f8faf9;
    --mv-shadow: 0 16px 38px rgba(31, 60, 77, .14);
    --mv-shared: #6f8e9b;
    --mv-changed: #e8860f;
    --mv-up: #1f8a5b;
    --mv-down: #c2424f;
    --mv-topbar-height: 4.25rem;
    --mv-sticky-top: var(--mwr-navbar-height, 0px);
}

* { letter-spacing: 0 !important; }
html, body { max-width: 100%; overflow-x: hidden; overflow-x: clip; }
body.mv-game-body {
    min-height: 100vh;
    color: var(--mv-ink);
    font-family: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at 8% 4%, rgba(126, 214, 240, .3), transparent 25rem),
        radial-gradient(circle at 93% 10%, rgba(181, 161, 241, .27), transparent 27rem),
        linear-gradient(180deg, #f5fcff 0%, #f8f5ff 48%, #eef9f8 100%);
}

body.mv-game-body::before,
body.mv-game-body::after {
    position: fixed;
    z-index: -1;
    content: "";
    pointer-events: none;
    opacity: .55;
    filter: blur(.2px);
}
body.mv-game-body::before {
    top: 7rem; left: -4rem; width: 13rem; height: 7rem;
    border-radius: 50%; background: rgba(255,255,255,.82); box-shadow: 8rem 2rem 0 rgba(255,255,255,.62);
}
body.mv-game-body::after {
    right: -5rem; bottom: 8rem; width: 16rem; height: 16rem;
    border: 2rem solid rgba(168, 218, 210, .18); border-radius: 50%;
}

.mv-page-shell { min-height: 100vh; padding-bottom: 3rem; }
.mv-container { width: min(1280px, calc(100% - 2rem)); margin-inline: auto; }
.mv-section-stack { display: grid; gap: 1.15rem; }
.mv-two-columns { display: grid; gap: 1.15rem; }
.mv-empty-text { color: #8597a2; font-size: .84rem; font-weight: 750; }
.mv-empty-state, .mv-error-state {
    min-height: 11rem; display: grid; place-items: center; align-content: center; gap: .6rem; padding: 1.5rem;
    color: var(--mv-muted); text-align: center;
}
.mv-empty-state > span, .mv-error-state > span {
    display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 1rem;
    color: var(--mv-sky-700); background: var(--mv-sky-100); font-size: 1.35rem; font-weight: 950;
}
.mv-empty-state strong, .mv-error-state p { margin: 0; font-size: .9rem; font-weight: 850; }

.mv-topbar {
    position: relative; z-index: 50; border-bottom: 1px solid rgba(190, 215, 225, .9);
    background: rgba(246, 252, 255, .92); box-shadow: 0 4px 18px rgba(34, 69, 86, .06); backdrop-filter: blur(16px);
}
.mv-topbar-inner {
    min-height: var(--mv-topbar-height); display: grid; grid-template-columns: auto auto; grid-template-areas: "brand account" "search search";
    align-items: center; justify-content: space-between; gap: .6rem 1rem; padding-block: .6rem;
}
.mv-topbar-inner > .mv-brand { grid-area: brand; }
.mv-topbar-inner > .mv-search-form { grid-area: search; }
.mv-topbar-inner > .mv-account-actions { grid-area: account; justify-self: end; }
.mv-brand { min-height: 2.75rem; display: inline-flex; align-items: center; gap: .75rem; border-radius: .8rem; }
.mv-brand-mark {
    position: relative; display: grid; width: 2.55rem; height: 2.55rem; place-items: center; overflow: hidden;
    border: 2px solid #fff; border-radius: .9rem; color: #fff; background: linear-gradient(145deg, var(--mv-sky-500), var(--mv-lilac-600));
    box-shadow: 0 7px 16px rgba(78, 147, 178, .25), inset 0 0 0 1px rgba(38,72,89,.2);
}
.mv-brand-mark::after { position: absolute; top: 3px; right: 5px; content: "✦"; color: #fff7a3; font-size: .56rem; }
.mv-brand strong { display: block; color: var(--mv-title-deep); font-size: 1rem; font-weight: 950; }
.mv-brand small { display: block; color: var(--mv-sky-700); font-size: .68rem; font-weight: 850; }
.mv-account-actions { display: flex; align-items: center; gap: .5rem; }
.mv-account-link, .mv-login-link, .mv-api-chip {
    min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
    border: 1px solid #cadce4; border-radius: .75rem; padding: 0 .8rem; color: #455e6d; background: rgba(255,255,255,.82);
    font-size: .76rem; font-weight: 900;
}
.mv-api-chip { display: none; color: var(--mv-sky-700); background: var(--mv-sky-50); }

.mv-search-form { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) 5.4rem auto; gap: .4rem; }
.mv-search-field { position: relative; display: block; min-width: 0; }
.mv-search-field svg { position: absolute; top: 50%; left: .85rem; width: 1.1rem; transform: translateY(-50%); color: var(--mv-sky-700); pointer-events: none; }
.mv-search-field input, .mv-search-form select, .mv-select-field select {
    width: 100%; min-height: 2.75rem; border: 1px solid #b9ccd4; border-radius: .7rem; color: var(--mv-ink); background-color: #fff;
    font-size: .86rem; font-weight: 850; box-shadow: inset 0 2px 4px rgba(41,72,88,.07);
}
.mv-search-field input { padding-left: 2.6rem; }
.mv-search-field input:focus, .mv-search-form select:focus, .mv-select-field select:focus { border-color: var(--mv-sky-500); outline: 3px solid rgba(82,189,220,.22); }
.mv-search-button-text { display: none; }
.mv-game-button {
    min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border: 1px solid #287e9e;
    border-radius: .72rem; padding: 0 1rem; color: #fff; background: linear-gradient(180deg, #66cee9, #39a7ca);
    box-shadow: inset 0 1px rgba(255,255,255,.55), 0 4px 0 #267b99; font-size: .82rem; font-weight: 950;
}
.mv-game-button:hover { filter: brightness(1.03); }
.mv-game-button:active { transform: translateY(2px); box-shadow: inset 0 1px rgba(255,255,255,.5), 0 2px 0 #267b99; }
.mv-game-button.is-violet { border-color: #6754b0; background: linear-gradient(180deg, #aa98f0, #806bd1); box-shadow: inset 0 1px rgba(255,255,255,.55), 0 4px 0 #6552af; }
.mv-game-button:disabled { cursor: wait; opacity: .62; filter: grayscale(.25); }

.mv-main { padding: 1rem 0 2rem; }
.mv-notices { display: grid; gap: .55rem; margin-bottom: 1rem; }
.mv-notice {
    display: flex; align-items: flex-start; gap: .65rem; border: 1px solid #b8ddea; border-radius: .8rem; padding: .75rem .9rem;
    color: #285e73; background: #edfaff; font-size: .78rem; font-weight: 800;
}
.mv-notice.is-amber { border-color: #eed58e; color: #7b5b19; background: #fff9e7; }
.mv-notice.is-rose { border-color: #f1b8c2; color: #963448; background: #fff1f3; }
.mv-notice svg { flex: 0 0 auto; }

.mv-game-window {
    position: relative; overflow: hidden; border: 1px solid #9db3bd; border-radius: 1rem; background: rgba(248,250,249,.98);
    box-shadow: var(--mv-shadow), inset 0 0 0 1px #fff;
}
.mv-window-bar {
    min-height: 3.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem .9rem;
    border-bottom: 1px solid #173441; color: #fff; background: linear-gradient(180deg, #3a5d6c, var(--mv-title)); box-shadow: inset 0 1px rgba(255,255,255,.24);
}
.mv-window-bar > div { min-width: 0; display: flex; align-items: baseline; gap: .6rem; }
.mv-window-bar h3 { overflow: hidden; margin: 0; font-size: .94rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.mv-window-eyebrow { color: #d8f8ff; font-size: .58rem; font-weight: 950; letter-spacing: .05em !important; }
.mv-window-spark { color: #f8e66d; font-size: .9rem; }
.mv-window-body { padding: 1rem; }
.mv-game-window.is-violet .mv-window-bar { background: linear-gradient(180deg, #665b8d, #4e456e); }
.mv-game-window.is-mint .mv-window-bar { background: linear-gradient(180deg, #417b73, #315f5a); }
.mv-game-window.is-peach .mv-window-bar { background: linear-gradient(180deg, #9b6955, #775142); }
.mv-game-window.is-danger .mv-window-bar { background: linear-gradient(180deg, #a65265, #7d3d4b); }

.mv-welcome { display: grid; gap: 1rem; margin-top: .5rem; }
.mv-welcome-hero {
    display: grid; justify-items: center; gap: .55rem; padding: 2rem 1rem; border: 1px solid #9db3bd; border-radius: 1.2rem; text-align: center;
    background: radial-gradient(circle at 50% 0%, rgba(126,214,240,.35), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,249,255,.96));
    box-shadow: var(--mv-shadow), inset 0 0 0 1px #fff;
}
.mv-welcome-hero .mv-window-eyebrow { color: var(--mv-sky-700); }
.mv-welcome-icon {
    display: grid; width: 4.5rem; height: 4.5rem; margin-inline: auto; place-items: center; border: 3px solid #fff; border-radius: 1.4rem;
    color: #fff; background: linear-gradient(145deg, var(--mv-sky-500), var(--mv-lilac-600)); box-shadow: 0 10px 0 rgba(48,94,112,.16);
}
.mv-welcome h1 { margin: .2rem 0 0; color: var(--mv-title-deep); font-size: clamp(1.5rem, 5vw, 2.3rem); font-weight: 950; }
.mv-welcome-hero > p { max-width: 36rem; margin: 0; color: var(--mv-muted); line-height: 1.7; font-size: .86rem; font-weight: 700; }
.mv-welcome-search { width: min(100%, 34rem); display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .45rem; margin-top: .6rem; }
.mv-welcome-search .mv-search-field input { min-height: 3.1rem; font-size: .95rem; }
.mv-welcome-search .mv-game-button { min-height: 3.1rem; }
.mv-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; margin: 0; padding: 0; list-style: none; }
.mv-feature-grid li { min-width: 0; border: 1px solid #c3d6dd; border-radius: .9rem; padding: .9rem; background: rgba(255,255,255,.85); box-shadow: inset 0 1px #fff; }
.mv-feature-grid li > span { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: .7rem; color: #fff; background: linear-gradient(145deg, var(--mv-sky-500), var(--mv-lilac-600)); }
.mv-feature-grid strong { display: block; margin-top: .55rem; color: var(--mv-title-deep); font-size: .82rem; font-weight: 950; }
.mv-feature-grid p { margin: .25rem 0 0; color: var(--mv-muted); font-size: .7rem; line-height: 1.55; font-weight: 720; }

/* 최근 조회·즐겨찾기 */
.mv-quick-picks { width: 100%; display: grid; gap: .55rem; margin-top: .6rem; text-align: left; }
.mv-quick-picks[hidden] { display: none; }
.mv-pick-group { min-width: 0; display: grid; gap: .35rem; }
.mv-pick-group > span { color: var(--mv-muted); font-size: .62rem; font-weight: 950; }
.mv-pick-group ul { display: flex; gap: .4rem; overflow-x: auto; margin: 0; padding: 0 0 .2rem; list-style: none; scrollbar-width: thin; }
.mv-pick-chip { position: relative; flex: 0 0 auto; display: flex; align-items: stretch; border: 1px solid #c3d6dd; border-radius: .75rem; background: #fff; box-shadow: 0 2px 0 rgba(41,72,88,.06); }
.mv-pick-chip.is-favorite { border-color: #e6cf73; background: #fffcef; }
.mv-pick-main { min-height: 2.75rem; display: flex; align-items: center; gap: .45rem; border: 0; border-radius: .75rem; padding: .3rem .5rem; color: var(--mv-ink); background: transparent; text-align: left; }
.mv-pick-main img, .mv-pick-main > i { width: 2rem; height: 2rem; flex: 0 0 auto; border-radius: .55rem; object-fit: cover; object-position: center 30%; background: var(--mv-sky-100); }
.mv-pick-main strong { display: block; max-width: 8rem; overflow: hidden; font-size: .72rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.mv-pick-main small { display: block; max-width: 8rem; overflow: hidden; color: var(--mv-muted); font-size: .56rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.mv-pick-remove { width: 2rem; flex: 0 0 auto; border: 0; border-left: 1px solid #e0eaee; border-radius: 0 .75rem .75rem 0; color: #8597a2; background: transparent; font-size: .95rem; }
.mv-pick-remove:hover { color: var(--mv-down); }
.mv-quick-picks.is-compact { margin-top: .75rem; }

.mv-shortcut-grid { display: grid; gap: .6rem; margin-top: 1rem; }
.mv-shortcut-grid a {
    min-height: 3.6rem; display: grid; grid-template-columns: 2.3rem minmax(0,1fr); grid-template-rows: auto auto; column-gap: .65rem; align-items: center;
    border: 1px solid #c1d5dc; border-radius: .85rem; padding: .65rem .8rem; color: var(--mv-ink); background: linear-gradient(145deg,#fff,#f1f8fa); box-shadow: inset 0 1px #fff;
}
.mv-shortcut-grid a:hover { border-color: var(--mv-sky-500); }
.mv-shortcut-grid svg { grid-row: 1 / 3; width: 2.3rem; height: 2.3rem; padding: .5rem; border-radius: .7rem; color: #fff; background: linear-gradient(145deg,var(--mv-sky-500),var(--mv-lilac-600)); }
.mv-shortcut-grid strong { font-size: .78rem; font-weight: 950; }
.mv-shortcut-grid small { color: var(--mv-muted); font-size: .64rem; font-weight: 750; }

.mv-character-window { margin-top: .2rem; overflow: hidden; border: 1px solid #8ca8b4; border-radius: 1.1rem; box-shadow: var(--mv-shadow); }
.mv-character-titlebar {
    min-height: 3.1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 1rem;
    border-bottom: 1px solid #173441; color: #fff; background: linear-gradient(180deg, #426878, #294858); box-shadow: inset 0 1px rgba(255,255,255,.25);
}
.mv-character-titlebar strong { font-size: .85rem; font-weight: 950; letter-spacing: .04em !important; }
.mv-character-freshness { color: #d7f8ff; font-size: .68rem; font-weight: 850; }
.mv-character-actions { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: .65rem; }
.mv-share-button {
    min-width: 5.7rem; min-height: 2.75rem; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: .38rem;
    border: 1px solid rgba(211,235,255,.72); border-radius: .7rem; padding: 0 .72rem; color: #fff;
    background: linear-gradient(145deg, rgba(91,197,227,.92), rgba(139,117,220,.94));
    box-shadow: inset 0 1px rgba(255,255,255,.4), 0 3px 0 rgba(22,49,63,.32); font-size: .7rem; font-weight: 950;
}
.mv-share-button:hover:not(:disabled) { filter: brightness(1.08); }
.mv-share-button:active:not(:disabled) { transform: translateY(2px); box-shadow: inset 0 1px rgba(255,255,255,.35), 0 1px 0 rgba(22,49,63,.32); }
.mv-share-button:focus-visible { outline: 3px solid rgba(220,247,255,.78); outline-offset: 2px; }
.mv-share-button:disabled { cursor: wait; opacity: .62; }
.mv-share-button svg { width: 1rem; height: 1rem; }
.mv-share-button span { color: inherit; white-space: nowrap; }
.mv-hero-action {
    min-height: 2.75rem; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: .35rem;
    border: 1px solid rgba(211,235,255,.45); border-radius: .7rem; padding: 0 .65rem; color: #fff; background: rgba(255,255,255,.1);
    font-size: .7rem; font-weight: 950;
}
.mv-hero-action[hidden] { display: none; }
.mv-hero-action:hover { background: rgba(255,255,255,.18); }
.mv-hero-action[aria-pressed="true"] { border-color: #f4ce57; color: #3f3200; background: linear-gradient(180deg,#ffe98a,#f4ce57); }
.mv-hero-action[aria-pressed="true"] svg { fill: currentColor; }
.mv-hero-action:focus-visible { outline: 3px solid rgba(220,247,255,.78); outline-offset: 2px; }
.mv-character-body { display: grid; background: linear-gradient(145deg, #f3fcff, #f7f3ff); }
.mv-character-preview {
    position: relative; min-height: 17rem; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; padding: 1rem;
    border-bottom: 1px solid #c5d8df; background: radial-gradient(circle at 50% 72%, rgba(93,198,224,.42), transparent 34%), linear-gradient(180deg,#edfaff,#e8f1ff);
}
.mv-character-preview::before { position: absolute; bottom: 1.6rem; width: 70%; height: 1.8rem; content: ""; border-radius: 50%; background: rgba(63,105,127,.12); filter: blur(4px); }
.mv-character-preview img { position: relative; z-index: 1; max-height: 15.5rem; width: auto; object-fit: contain; filter: drop-shadow(0 8px 5px rgba(39,72,91,.22)); }
.mv-character-preview > span { color: var(--mv-sky-700); }
.mv-profile-details { min-width: 0; padding: 1.1rem; }
.mv-profile-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.mv-profile-chips span { border: 1px solid #bedce7; border-radius: .55rem; padding: .35rem .6rem; color: #296c84; background: #ebfaff; font-size: .66rem; font-weight: 900; }
.mv-profile-chips span:nth-child(2) { border-color: #d8ccef; color: #6856ad; background: #f5f0ff; }
.mv-profile-chips span:nth-child(3) { border-color: #bae5d4; color: #28715f; background: #edfff8; }
.mv-profile-name { overflow-wrap: anywhere; margin: .8rem 0 .25rem; color: var(--mv-title-deep); font-size: clamp(1.7rem, 6vw, 2.7rem); font-weight: 950; }
.mv-profile-meta { margin: 0; color: var(--mv-muted); font-size: .78rem; font-weight: 780; }
.mv-level-row { margin-top: 1.1rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.mv-level-row span { display: block; color: var(--mv-lilac-600); font-size: .62rem; font-weight: 950; }
.mv-level-row strong { display: block; margin-top: .12rem; font-size: 2.1rem; line-height: 1; font-weight: 950; }
.mv-level-row div:last-child { min-width: 0; text-align: right; }
.mv-level-row div:last-child strong { overflow-wrap: anywhere; color: var(--mv-sky-700); font-size: 1rem; }
.mv-exp-track { height: 1.05rem; margin-top: 1rem; overflow: hidden; border: 1px solid #b2c8d0; border-radius: .45rem; padding: 2px; background: #dce7ea; box-shadow: inset 0 2px 3px rgba(43,77,91,.14); }
.mv-exp-track i { display: block; height: 100%; border-radius: .28rem; background: linear-gradient(90deg,#50c4e5,#9d88e8); box-shadow: inset 0 1px rgba(255,255,255,.5); }
.mv-exp-meta { margin-top: .35rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .2rem .8rem; color: #687c88; font-size: .66rem; font-weight: 850; }
.mv-hero-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; margin: 0; padding: 0 1.1rem 1.1rem; }
.mv-hero-stats .mv-quick-stat { padding: .75rem; }

.mv-desktop-tabs { position: sticky; top: var(--mv-sticky-top); z-index: 40; display: none; margin: 1rem 0; }
.mv-desktop-tablist {
    display: flex; gap: .3rem; overflow-x: auto; padding: .42rem; border: 1px solid #9db4be; border-radius: .9rem;
    background: linear-gradient(180deg,#e9eff1,#d7e0e3); box-shadow: inset 0 1px #fff, 0 6px 16px rgba(34,67,84,.1); scrollbar-width: none;
}
.mv-desktop-tablist::-webkit-scrollbar { display: none; }
.mv-tab {
    min-height: 2.75rem; display: inline-flex; flex: 1 0 auto; align-items: center; justify-content: center; gap: .4rem; border: 1px solid transparent;
    border-radius: .62rem; padding: 0 .78rem; color: #5f727e; background: transparent; font-size: .74rem; font-weight: 900;
}
.mv-tab[aria-selected="true"] { border-color: #2688a9; color: #fff; background: linear-gradient(180deg,#62cce7,#3eaccd); box-shadow: inset 0 1px rgba(255,255,255,.55), 0 3px 0 #2b819e; }
.mv-panel[hidden], [data-equipment-pane][hidden] { display: none !important; }
.mv-panel { min-width: 0; margin-top: 1rem; }

.mv-quick-stat-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.mv-quick-stat {
    position: relative; min-width: 0; overflow: hidden; border: 1px solid #bacdd5; border-radius: .85rem; padding: .9rem;
    background: linear-gradient(145deg,#fff,#f0f7f8); box-shadow: inset 0 1px #fff, 0 6px 14px rgba(38,74,91,.07);
}
.mv-quick-stat::after { position: absolute; right: -.7rem; bottom: -.8rem; width: 3.6rem; height: 3.6rem; content: ""; border-radius: 50%; background: rgba(102,199,226,.12); }
.mv-quick-stat:nth-child(2)::after { background: rgba(169,147,232,.14); }
.mv-quick-stat:nth-child(3)::after { background: rgba(244,206,87,.16); }
.mv-quick-stat:nth-child(4)::after { background: rgba(142,220,194,.16); }
.mv-quick-stat > span { position: relative; z-index: 1; display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .65rem; color: #fff; background: var(--mv-sky-500); }
.mv-quick-stat:nth-child(2) > span { background: var(--mv-lilac-600); }
.mv-quick-stat:nth-child(3) > span { background: #d8a931; }
.mv-quick-stat:nth-child(4) > span { background: #47a88c; }
.mv-quick-stat p, .mv-quick-stat dt { margin: .65rem 0 .2rem; color: var(--mv-muted); font-size: .68rem; font-weight: 900; }
.mv-quick-stat strong, .mv-quick-stat dd { position: relative; z-index: 1; display: block; overflow-wrap: anywhere; margin: 0; font-size: 1.1rem; font-weight: 950; }
.mv-overview-grid { display: grid; gap: 1rem; margin-top: 1rem; }
.mv-adventure-summary { display: grid; gap: .65rem; }
.mv-adventure-summary > div { border: 1px solid #cfdee3; border-radius: .7rem; padding: .8rem; background: #f5fafb; }
.mv-adventure-summary dt { color: var(--mv-muted); font-size: .68rem; font-weight: 850; }
.mv-adventure-summary dd { overflow-wrap: anywhere; margin: .35rem 0 0; font-size: 1rem; font-weight: 950; }
.mv-ability-list { display: grid; gap: .55rem; }
.mv-ability-row { border: 1px solid #ddd2f3; border-radius: .7rem; padding: .7rem; background: #f8f4ff; }
.mv-ability-row span { color: var(--mv-lilac-600); font-size: .65rem; font-weight: 950; }
.mv-ability-row p { margin: .2rem 0 0; font-size: .78rem; line-height: 1.6; font-weight: 780; }
.mv-inline-link { min-height: 2.5rem; display: inline-flex; align-items: center; gap: .35rem; border-radius: .65rem; padding: 0 .7rem; color: #2b718b; background: var(--mv-sky-100); font-size: .7rem; font-weight: 900; }

.mv-guild-banner {
    display: grid; gap: 1rem; border: 1px solid #9db7c2; border-radius: .95rem; padding: 1rem;
    color: #fff; background: linear-gradient(135deg,#315c6e,#506987 58%,#7567a7); box-shadow: var(--mv-shadow);
}
.mv-guild-banner span { color: #cceffa; font-size: .62rem; font-weight: 950; }
.mv-guild-banner h3 { margin: .25rem 0; font-size: 1.45rem; font-weight: 950; }
.mv-guild-banner p { margin: 0; color: #e5f1f6; font-size: .75rem; font-weight: 750; }
.mv-guild-banner dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem; margin: 0; }
.mv-guild-banner dl div { border: 1px solid rgba(255,255,255,.17); border-radius: .65rem; padding: .65rem; background: rgba(255,255,255,.1); }
.mv-guild-banner dt { color: #d7e9ef; font-size: .6rem; font-weight: 800; }
.mv-guild-banner dd { margin: .2rem 0 0; font-size: .82rem; font-weight: 950; }
.mv-guild-skills { margin-top: 1rem; }

.mv-growth-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.mv-growth-summary article {
    border: 1px solid #bccfd7; border-radius: .8rem; padding: .85rem; background: linear-gradient(145deg,#fff,#f2f8f9);
    box-shadow: inset 0 1px #fff, 0 5px 12px rgba(38,74,91,.06);
}
.mv-growth-summary span { color: var(--mv-muted); font-size: .65rem; font-weight: 900; }
.mv-growth-summary strong { display: block; overflow-wrap: anywhere; margin-top: .3rem; font-size: 1rem; font-weight: 950; }
.mv-chart-controls { display: flex; gap: .25rem; border: 1px solid #bdcdd3; border-radius: .65rem; padding: .25rem; background: #e3eaec; }
.mv-chart-controls button { min-height: 2.4rem; border: 0; border-radius: .48rem; padding: 0 .7rem; color: #647883; background: transparent; font-size: .67rem; font-weight: 900; }
.mv-chart-controls button[aria-pressed="true"] { color: #fff; background: linear-gradient(180deg,#65cce7,#3aa7c8); box-shadow: 0 2px 0 #2c829d; }
.mv-chart-area { height: 19rem; }
.mv-chart-empty { height: 100%; display: grid; place-items: center; border: 1px dashed #bbccd3; border-radius: .8rem; color: #82939c; font-size: .78rem; font-weight: 800; }
.mv-log-cards { display: grid; gap: .55rem; }
.mv-log-card { border: 1px solid #c6d5da; border-radius: .72rem; padding: .8rem; background: #f6fafb; }
.mv-log-card > div { display: flex; justify-content: space-between; gap: .7rem; }
.mv-log-card strong { font-size: .75rem; font-weight: 900; }
.mv-log-card span { color: var(--mv-lilac-600); font-size: .75rem; font-weight: 950; }
.mv-log-card p { margin: .45rem 0 0; color: var(--mv-sky-700); font-size: 1rem; font-weight: 950; }
.mv-log-table { display: none; overflow-x: auto; }
.mv-log-table table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.mv-log-table th { padding: .7rem; color: #5d717c; background: #e9eff1; text-align: left; font-size: .65rem; font-weight: 950; }
.mv-log-table td { padding: .8rem .7rem; border-top: 1px solid #dae4e7; font-weight: 750; }

.mv-system-banner {
    margin-bottom: .8rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .35rem; border: 1px solid #a9d6e5;
    border-radius: .72rem; padding: .7rem .85rem; color: #28657b; background: #ecfaff; font-size: .7rem;
}
.mv-system-banner.is-stale { border-color: #ead084; color: #78591d; background: #fff9e6; }
.mv-system-banner strong { font-weight: 900; }
.mv-system-banner span { opacity: .78; font-weight: 750; }
.mv-skeleton { border-radius: .7rem; background: linear-gradient(90deg,#dfe7e9 25%,#f8faf9 50%,#dfe7e9 75%); background-size: 200% 100%; animation: mv-shimmer 1.35s infinite; }
.mv-skeleton.is-large { height: 8rem; }
.mv-loading-grid { display: grid; gap: .6rem; }
.mv-loading-grid .mv-skeleton { height: 7rem; }
.mv-loading-copy { margin: .8rem 0 0; color: var(--mv-muted); text-align: center; font-size: .75rem; font-weight: 850; }

.mv-stat-rune-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; margin: 0; }
.mv-stat-rune { min-width: 0; border: 1px solid #c5d5db; border-radius: .7rem; padding: .75rem; background: linear-gradient(145deg,#fff,#f1f7f8); }
.mv-stat-rune dt { color: var(--mv-muted); font-size: .64rem; font-weight: 850; }
.mv-stat-rune dd { overflow-wrap: anywhere; margin: .35rem 0 0; font-size: .9rem; font-weight: 950; }
.mv-gauge-list { display: grid; gap: .7rem; }
.mv-gauge-row > div:first-child { display: flex; justify-content: space-between; gap: 1rem; font-size: .72rem; }
.mv-gauge-row strong { font-weight: 900; }.mv-gauge-row span { color: var(--mv-muted); font-weight: 800; }
.mv-mini-gauge { height: .58rem; margin-top: .3rem; overflow: hidden; border: 1px solid #bed0d5; border-radius: .35rem; padding: 1px; background: #e3ebed; }
.mv-mini-gauge i { display: block; height: 100%; border-radius: .25rem; background: linear-gradient(90deg,var(--mv-mint),var(--mv-sky-500)); }
.mv-tree-grid { display: grid; gap: .55rem; }
.mv-tree-node { min-width: 0; border: 1px solid #d1dde1; border-radius: .65rem; padding: .7rem; background: #f5f8f8; }
.mv-detail-list { display: grid; gap: 0; margin: 0; }
.mv-detail-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .48rem 0; border-bottom: 1px solid #dce5e7; }
.mv-detail-row:last-child { border-bottom: 0; }.mv-detail-row.is-stacked { display: block; }
.mv-detail-row dt { flex: 0 0 auto; color: var(--mv-muted); font-size: .66rem; font-weight: 900; }
.mv-detail-row dd { min-width: 0; overflow-wrap: anywhere; margin: 0; text-align: right; font-size: .74rem; font-weight: 800; }
.mv-detail-row.is-stacked dd { margin-top: .45rem; text-align: left; }

.mv-inventory-window {
    width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid #7f99a4; border-radius: 1rem; background: #e7ebeb;
    box-shadow: 0 18px 45px rgba(29,54,68,.22), inset 0 0 0 1px #fff;
}
.mv-inventory-titlebar {
    min-height: 3.35rem; display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .55rem .85rem;
    border-bottom: 1px solid #142d38; color: #fff; background: linear-gradient(180deg,#3f6574,#294957); box-shadow: inset 0 1px rgba(255,255,255,.24);
}
.mv-inventory-titlebar > div { min-width: 0; display: flex; align-items: center; gap: .5rem; }
.mv-inventory-titlebar > div > span { color: #eaf267; }
.mv-inventory-titlebar strong { font-size: .78rem; font-weight: 950; letter-spacing: .04em !important; }
.mv-inventory-titlebar small { display: none; color: #d8edf3; font-size: .62rem; font-weight: 800; }
.mv-live-preset { flex: 0 0 auto; border: 1px solid rgba(255,255,255,.2); border-radius: .5rem; padding: .3rem .45rem; color: #d5f6ff; background: rgba(255,255,255,.08); font-size: .58rem; font-weight: 850; }
.mv-inventory-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .25rem; padding: .35rem .4rem 0; background: #294451; }
.mv-inventory-tabs button {
    min-width: 0; min-height: 2.7rem; border: 1px solid #536a76; border-bottom: 0; border-radius: .65rem .65rem 0 0; color: #cbd5da;
    background: linear-gradient(180deg,#6d7a86,#56636e); font-size: .75rem; font-weight: 950; box-shadow: inset 0 1px rgba(255,255,255,.22);
}
.mv-inventory-tabs button[aria-selected="true"] { border-color: #168aab; color: #fff; background: linear-gradient(180deg,#5dd1eb,#35a8ca); text-shadow: 0 1px rgba(0,0,0,.2); }
.mv-equipment-pane { min-width: 0; overflow: hidden; padding: .55rem; background: #e8ecec; }
.mv-equipment-layout { width: 100%; min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: .65rem; }
.mv-board-column { min-width: 0; }
.mv-inventory-board {
    display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); grid-template-rows: repeat(6,minmax(44px,1fr)); gap: 4px;
    min-height: 330px; padding: 6px; border: 1px solid #aebdc2; border-radius: .65rem; background: #f4f5f4; box-shadow: inset 0 1px #fff;
}
.mv-character-stage {
    position: relative; grid-column: 3 / 6; grid-row: 1 / 5; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
    overflow: hidden; border: 1px solid #d8e0e2; border-radius: .65rem; padding: .35rem; background: radial-gradient(circle at 50% 70%,rgba(83,198,225,.3),transparent 38%),linear-gradient(180deg,#fff,#edf8fb);
}
.mv-character-stage::after { position: absolute; bottom: 1.4rem; width: 65%; height: .7rem; content: ""; border-radius: 50%; background: rgba(45,87,106,.14); filter: blur(3px); }
.mv-character-stage img { position: relative; z-index: 1; max-width: 100%; max-height: calc(100% - 1.15rem); object-fit: contain; filter: drop-shadow(0 4px 3px rgba(35,65,80,.22)); }
.mv-character-stage strong { position: relative; z-index: 2; overflow: hidden; width: 100%; color: #48616e; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: .58rem; font-weight: 900; }
.mv-stage-spark { position: absolute; top: .4rem; right: .5rem; color: #e8c94d; font-size: .65rem; }
.mv-character-placeholder { margin-block: auto; color: #8cb8c7; font-size: 2.5rem; }
.mv-equip-slot {
    position: relative; min-width: 0; min-height: 44px; overflow: hidden; border: 1px solid #a9b4b9; border-radius: .45rem; padding: 10px 2px 2px;
    color: #687980; background: linear-gradient(145deg,#d9d7d2,#c6c4bf); box-shadow: inset 1px 1px rgba(255,255,255,.66), inset -1px -1px rgba(78,92,98,.18);
}
.mv-equip-slot.is-filled { background: linear-gradient(145deg,#f9fbfb,#dfe6e8); }
.mv-equip-slot img { display: block; width: 78%; height: 78%; margin: auto; object-fit: contain; image-rendering: auto; }
.mv-equip-slot > i { display: block; width: 42%; height: 42%; margin: auto; border: 1px solid rgba(79,97,105,.13); border-radius: 50%; }
.mv-slot-label { position: absolute; top: 2px; left: 3px; overflow: hidden; max-width: calc(100% - 6px); font-size: clamp(.45rem,1.7vw,.53rem); font-weight: 950; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.mv-starforce { position: absolute; right: 2px; bottom: 1px; border-radius: .22rem; padding: 1px 2px; color: #6d5000; background: rgba(255,230,108,.92); font-size: .42rem; font-weight: 950; }
.mv-grade-dot { position: absolute; top: 2px; right: 2px; width: 5px; height: 5px; border-radius: 50%; background: #aeb8bd; }
.mv-equip-slot.is-rare { border-color: #4ba6e7; box-shadow: inset 0 0 0 1px #c9eaff; }.mv-equip-slot.is-rare .mv-grade-dot { background: #318fd7; }
.mv-equip-slot.is-epic { border-color: #9d5fe0; box-shadow: inset 0 0 0 1px #ead8ff; }.mv-equip-slot.is-epic .mv-grade-dot { background: #8d46d0; }
.mv-equip-slot.is-unique { border-color: #d2a900; box-shadow: inset 0 0 0 1px #fff0a3; }.mv-equip-slot.is-unique .mv-grade-dot { background: #e2bc16; }
.mv-equip-slot.is-legendary { border-color: #70aa20; box-shadow: inset 0 0 0 1px #dcf5a8; }.mv-equip-slot.is-legendary .mv-grade-dot { background: #7caf28; }
.mv-equip-slot.is-selected { outline: 3px solid rgba(72,193,226,.32); outline-offset: 1px; border-color: #168bad; background: #eefcff; }
.mv-equip-slot[data-slot-key="ring1"] { grid-column:1;grid-row:1}.mv-equip-slot[data-slot-key="pendant1"]{grid-column:2;grid-row:1}.mv-equip-slot[data-slot-key="hat"]{grid-column:6;grid-row:1}.mv-equip-slot[data-slot-key="cape"]{grid-column:7;grid-row:1}
.mv-equip-slot[data-slot-key="ring2"] { grid-column:1;grid-row:2}.mv-equip-slot[data-slot-key="face"]{grid-column:2;grid-row:2}.mv-equip-slot[data-slot-key="top"]{grid-column:6;grid-row:2}.mv-equip-slot[data-slot-key="shoulder"]{grid-column:7;grid-row:2}
.mv-equip-slot[data-slot-key="ring3"] { grid-column:1;grid-row:3}.mv-equip-slot[data-slot-key="eye"]{grid-column:2;grid-row:3}.mv-equip-slot[data-slot-key="overall"]{grid-column:6;grid-row:2 / span 2;z-index:2}.mv-equip-slot[data-slot-key="bottom"]{grid-column:6;grid-row:3}.mv-equip-slot[data-slot-key="gloves"]{grid-column:7;grid-row:3}
.mv-equip-slot[data-slot-key="ring4"] { grid-column:1;grid-row:4}.mv-equip-slot[data-slot-key="ear"]{grid-column:2;grid-row:4}.mv-equip-slot[data-slot-key="shoes"]{grid-column:6;grid-row:4}.mv-equip-slot[data-slot-key="belt"]{grid-column:7;grid-row:4}
.mv-equip-slot[data-slot-key="pocket"]{grid-column:1;grid-row:5}.mv-equip-slot[data-slot-key="pendant2"]{grid-column:2;grid-row:5}.mv-equip-slot[data-slot-key="weapon"]{grid-column:3;grid-row:5}.mv-equip-slot[data-slot-key="secondary"]{grid-column:4;grid-row:5}.mv-equip-slot[data-slot-key="emblem"]{grid-column:5;grid-row:5}.mv-equip-slot[data-slot-key="badge"]{grid-column:6;grid-row:5}.mv-equip-slot[data-slot-key="medal"]{grid-column:7;grid-row:5}
.mv-equip-slot[data-slot-key="title"]{grid-column:1;grid-row:6}.mv-equip-slot[data-slot-key="android"]{grid-column:2;grid-row:6}.mv-equip-slot[data-slot-key="heart"]{grid-column:3;grid-row:6}
/* 공통 프리셋 스위처 */
.mv-preset-switch { min-width: 0; display: grid; gap: .35rem; margin-bottom: .7rem; }
.mv-preset-switch-label { color: #708088; font-size: .6rem; font-weight: 950; }
.mv-preset-switch-options {
    display: flex; gap: .3rem; overflow-x: auto; border: 1px solid #aebdc2; border-radius: .75rem; padding: .35rem;
    background: #dbe2e4; box-shadow: inset 0 1px #fff; scrollbar-width: none;
}
.mv-preset-switch-options::-webkit-scrollbar { display: none; }
.mv-preset-switch button {
    position: relative; min-width: 4.6rem; min-height: 2.75rem; flex: 1 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .05rem;
    border: 1px solid #a6b4ba; border-radius: .55rem; padding: .3rem .5rem; color: #4f626b; background: linear-gradient(180deg,#f6f8f8,#d5dde0);
    box-shadow: inset 0 1px #fff; font-weight: 950;
}
.mv-preset-name { font-size: .74rem; line-height: 1.2; white-space: nowrap; }
.mv-preset-switch button small { color: #6f8189; font-size: .55rem; font-weight: 800; white-space: nowrap; }
.mv-preset-switch button.is-selected { border-color: #297f9c; color: #fff; background: linear-gradient(180deg,#69cce5,#42a7c6); box-shadow: 0 2px 0 #2c819d; }
.mv-preset-switch button.is-selected small { color: #e7fbff; }
.mv-preset-switch button.is-empty { cursor: not-allowed; opacity: .55; background: #e3e8ea; box-shadow: none; }
.mv-preset-switch button:focus-visible { outline: 3px solid rgba(72,193,226,.45); outline-offset: 1px; }
.mv-applied-badge { position: absolute; top: -7px; right: -3px; border-radius: .3rem; padding: 1px 4px; color: #674e00; background: #ffe46d; box-shadow: 0 1px 0 rgba(103,78,0,.3); font-size: .5rem; font-style: normal; font-weight: 950; }
.mv-inventory-window .mv-preset-switch { margin: 0 0 .5rem; }
.mv-inventory-window .mv-preset-switch-label { color: #5d6f78; }

/* 장비 슬롯 상태 */
.mv-equip-slot:disabled { cursor: default; }
.mv-equip-slot.is-shared { border-style: dashed; border-color: var(--mv-shared); }
.mv-equip-slot.is-shared img { opacity: .72; }
.mv-equip-slot.is-changed { box-shadow: inset 0 0 0 2px rgba(232,134,15,.55); }
.mv-slot-flag { position: absolute; bottom: 1px; left: 2px; border-radius: .22rem; padding: 1px 2px; color: #fff; font-size: .46rem; font-weight: 950; line-height: 1.2; }
.mv-slot-flag.is-shared { background: var(--mv-shared); }
.mv-slot-flag.is-changed { background: var(--mv-changed); }
.mv-board-legend { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .45rem; margin: .45rem 0 0; color: #61747d; font-size: .6rem; font-weight: 800; }
.mv-board-legend span { border-radius: .25rem; padding: 1px 4px; color: #fff; font-size: .55rem; font-weight: 950; }
.mv-board-legend .is-shared { background: var(--mv-shared); }
.mv-board-legend .is-changed { background: var(--mv-changed); }

/* 프리셋·캐릭터 비교 */
.mv-compare-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: end; gap: .5rem; }
.mv-compare-toolbar .mv-toggle { grid-column: 1 / -1; }
.mv-select-field { min-width: 0; display: grid; gap: .25rem; color: #5d6f78; font-size: .6rem; font-weight: 950; }
.mv-vs { align-self: center; color: var(--mv-lilac-600); font-size: .78rem; font-weight: 950; }
.mv-toggle { min-height: 2.75rem; display: inline-flex; align-items: center; gap: .45rem; color: #4f626b; font-size: .72rem; font-weight: 850; cursor: pointer; }
.mv-toggle input { width: 1.15rem; height: 1.15rem; accent-color: var(--mv-sky-700); }
.mv-compare-summary { margin: .5rem 0; color: #4f626b; font-size: .74rem; font-weight: 780; }
.mv-compare-summary strong { color: var(--mv-changed); }
.mv-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #c5d3d8; border-radius: .75rem; background: #fff; }
.mv-compare-table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: .72rem; }
.mv-compare-table th, .mv-compare-table td { padding: .45rem .55rem; border-top: 1px solid #e0e8eb; text-align: left; vertical-align: middle; }
.mv-compare-table thead th { border-top: 0; color: #5d717c; background: #eef3f5; font-size: .62rem; font-weight: 950; }
.mv-compare-table tbody th { width: 6rem; color: #5d717c; font-size: .66rem; font-weight: 900; white-space: nowrap; }
.mv-compare-table td > button { width: 100%; min-height: 2.75rem; border: 0; border-radius: .5rem; padding: 0; background: transparent; text-align: left; }
.mv-compare-table td > button:not(:disabled):hover { background: #f1f8fa; }
.mv-compare-table tr.is-diff { background: #fff9ef; }
.mv-compare-status span { color: #8a9aa2; font-weight: 800; }
.mv-compare-status b { color: var(--mv-changed); font-weight: 950; }
.mv-compare-status small { display: block; font-weight: 900; }
.mv-compare-item { min-width: 0; display: flex; align-items: center; gap: .45rem; }
.mv-compare-item img, .mv-compare-item > i { width: 2.2rem; height: 2.2rem; flex: 0 0 auto; border: 1px solid #d0dadd; border-radius: .45rem; object-fit: contain; background: #f2f5f6; }
.mv-compare-item.is-legendary img { border-color: #77a934; }.mv-compare-item.is-unique img { border-color: #d2ae1c; }.mv-compare-item.is-epic img { border-color: #9a64dd; }.mv-compare-item.is-rare img { border-color: #55a9e3; }
.mv-compare-item strong { display: block; overflow-wrap: anywhere; color: var(--mv-ink); font-size: .7rem; font-weight: 900; }
.mv-compare-item small { display: block; color: #6c7f88; font-size: .58rem; font-weight: 800; }
.mv-compare-empty { color: #a0adb3; font-size: .66rem; font-weight: 800; }
.is-up { color: var(--mv-up); }.is-down { color: var(--mv-down); }
.mv-compare-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .45rem; }
.mv-compare-heads { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: .5rem; }
.mv-compare-profile { min-width: 0; display: grid; grid-template-columns: 3.6rem minmax(0,1fr); align-items: center; gap: .6rem; border: 1px solid #b9ccd4; border-radius: .9rem; padding: .7rem; background: linear-gradient(145deg,#fff,#eef8fb); box-shadow: inset 0 1px #fff; }
.mv-compare-profile.is-target { background: linear-gradient(145deg,#fff,#f4f0ff); border-color: #cbbfe8; }
.mv-compare-profile img, .mv-compare-profile > span { width: 3.6rem; height: 3.6rem; display: grid; place-items: center; border-radius: .7rem; object-fit: cover; object-position: center 30%; background: var(--mv-sky-100); }
.mv-compare-profile div > span { display: block; overflow: hidden; color: var(--mv-muted); font-size: .58rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.mv-compare-profile h4 { overflow-wrap: anywhere; margin: .1rem 0; font-size: .95rem; font-weight: 950; }
.mv-compare-profile p { margin: 0; color: #5d717c; font-size: .66rem; font-weight: 800; }
.mv-compare-link { margin: 0; text-align: right; }
.mv-compare-table.is-stats td b { display: block; margin-top: .2rem; font-size: .72rem; font-weight: 950; }
.mv-compare-bar { display: block; height: .45rem; overflow: hidden; border-radius: .3rem; background: #e6eef1; }
.mv-compare-bar i { display: block; height: 100%; border-radius: inherit; }
.mv-compare-bar.is-base i { background: linear-gradient(90deg,#8ad9ee,var(--mv-sky-500)); }
.mv-compare-bar.is-target i { background: linear-gradient(90deg,#c9bdf6,var(--mv-lilac-600)); }
.mv-delta { color: #8a9aa2; font-size: .68rem; font-weight: 950; white-space: nowrap; }

/* 상세 카드 공통 */
.mv-footnote { margin: .6rem 0 0; color: #71848d; font-size: .64rem; font-weight: 780; }
.mv-sub-heading { margin: .9rem 0 .45rem; color: #48616e; font-size: .7rem; font-weight: 950; }
section > .mv-sub-heading:first-child { margin-top: 0; }
.mv-grade-line { margin: 0 0 .5rem; font-size: .72rem; font-weight: 950; }
.mv-grade-line.is-legendary { color: #5f9420; }.mv-grade-line.is-unique { color: #b48f00; }.mv-grade-line.is-epic { color: #8747c7; }.mv-grade-line.is-rare { color: #2d86c9; }
.mv-level-rows { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.mv-level-rows li { border: 1px solid #d6dfe2; border-radius: .6rem; padding: .5rem .6rem; background: #f8fafb; }
.mv-level-rows li > div:first-child { display: flex; justify-content: space-between; gap: .6rem; font-size: .7rem; }
.mv-level-rows strong { font-weight: 900; }.mv-level-rows span { color: var(--mv-lilac-600); font-weight: 950; }
.mv-level-rows small { display: block; margin-top: .3rem; color: #5f737d; font-size: .62rem; line-height: 1.45; font-weight: 750; }
.mv-level-rows.is-compact li { padding: .4rem .55rem; }
.mv-ability-rows { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.mv-ability-rows li { display: grid; grid-template-columns: 4.2rem minmax(0,1fr); align-items: center; gap: .5rem; border: 1px solid #ddd2f3; border-radius: .6rem; padding: .5rem .6rem; background: #faf7ff; }
.mv-ability-rows span { border-radius: .35rem; padding: .2rem .3rem; color: #fff; background: #8a98a0; text-align: center; font-size: .56rem; font-weight: 950; }
.mv-ability-rows .is-legendary span { background: #6e9f25; }.mv-ability-rows .is-unique span { background: #c9a200; }.mv-ability-rows .is-epic span { background: #8d52cc; }.mv-ability-rows .is-rare span { background: #3b93d4; }
.mv-ability-rows p { margin: 0; font-size: .72rem; line-height: 1.5; font-weight: 800; }
.mv-highlight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
.mv-highlight-grid article { min-width: 0; border: 1px solid #b9ccd4; border-radius: .85rem; padding: .75rem .85rem; background: linear-gradient(145deg,#fff,#eef8fb); box-shadow: inset 0 1px #fff, 0 5px 12px rgba(38,74,91,.06); }
.mv-highlight-grid article:first-child { border-color: #9fcfe0; background: linear-gradient(145deg,#f3fcff,#e3f5fb); }
.mv-highlight-grid span { color: var(--mv-muted); font-size: .64rem; font-weight: 900; }
.mv-highlight-grid strong { display: block; overflow-wrap: anywhere; margin-top: .25rem; color: var(--mv-title-deep); font-size: 1.02rem; font-weight: 950; }
.mv-stat-rune-grid.is-compact .mv-stat-rune { padding: .55rem; }
.mv-stat-group { margin-top: .9rem; }
.mv-stat-group h4 { margin: 0 0 .45rem; color: #48616e; font-size: .7rem; font-weight: 950; }
.mv-fact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; margin: 0; }
.mv-fact-grid > div { min-width: 0; border: 1px solid #d3dfe3; border-radius: .6rem; padding: .6rem; background: #f7fafb; }
.mv-fact-grid dt { color: var(--mv-muted); font-size: .6rem; font-weight: 900; }
.mv-fact-grid dd { overflow-wrap: anywhere; margin: .25rem 0 0; font-size: .86rem; font-weight: 950; }
.mv-fact-grid small { display: block; margin-top: .25rem; color: #71848d; font-size: .58rem; font-weight: 780; }
.mv-fact-grid.is-two { margin-bottom: .7rem; }
.mv-fact-list { display: grid; gap: 0; margin: 0; }
.mv-fact-list > div { display: flex; justify-content: space-between; gap: .8rem; padding: .45rem 0; border-bottom: 1px solid #e0e8eb; }
.mv-fact-list > div:last-child { border-bottom: 0; }
.mv-fact-list dt { flex: 0 0 auto; color: var(--mv-muted); font-size: .66rem; font-weight: 900; }
.mv-fact-list dd { min-width: 0; overflow-wrap: anywhere; margin: 0; text-align: right; font-size: .72rem; font-weight: 850; }
.mv-fact-list dd small { color: #7f9099; font-size: .6rem; }
.mv-card-grid { display: grid; gap: .5rem; }
.mv-effect-list { display: grid; gap: .3rem; margin: 0; padding: 0; list-style: none; }
.mv-effect-list li { border-radius: .45rem; padding: .38rem .5rem; color: #4d626c; background: #eef4f6; font-size: .68rem; line-height: 1.45; font-weight: 800; }
.mv-three-columns { display: grid; gap: .8rem; }
.mv-chip-row { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .45rem; }
.mv-chip-row span { border: 1px solid #cfe0e6; border-radius: .4rem; padding: .2rem .35rem; color: #4e6873; background: #f3f9fb; font-size: .58rem; font-weight: 850; }

.mv-symbol-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; }
.mv-symbol-card { min-width: 0; display: grid; grid-template-columns: 2.6rem minmax(0,1fr); gap: .5rem; align-items: center; border: 1px solid #c9d8de; border-radius: .7rem; padding: .55rem; background: #f7fafb; }
.mv-symbol-card.is-authentic { border-color: #e2c9a3; background: #fffaf3; }.mv-symbol-card.is-grand { border-color: #d6c2ef; background: #fbf7ff; }
.mv-symbol-card img, .mv-symbol-card > span { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; object-fit: contain; }
.mv-symbol-card h4 { overflow: hidden; margin: 0; font-size: .68rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.mv-symbol-card p { margin: .1rem 0 0; color: #5d717c; font-size: .6rem; font-weight: 850; }
.mv-symbol-card small { display: block; margin-top: .15rem; color: #7c8e96; font-size: .55rem; font-weight: 800; }
.mv-core-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; }
.mv-core-card { min-width: 0; border: 1px solid #c9d8de; border-radius: .7rem; padding: .55rem .6rem; background: #f7fafb; }
.mv-core-card > span { display: inline-block; border-radius: .3rem; padding: .1rem .3rem; color: #fff; background: #6c8490; font-size: .52rem; font-weight: 950; }
.mv-core-card.is-skill > span { background: #3a9dc0; }.mv-core-card.is-enhancement > span { background: #7c63c9; }.mv-core-card.is-special > span { background: #c98a2a; }.mv-core-card.is-hexa > span { background: linear-gradient(90deg,#8a5cd6,#c255a0); }
.mv-core-card h4 { overflow-wrap: anywhere; margin: .3rem 0 .15rem; font-size: .7rem; font-weight: 950; }
.mv-core-card b { color: var(--mv-lilac-600); font-size: .66rem; }.mv-core-card b small { color: var(--mv-sky-700); }
.mv-core-card p { margin: .25rem 0 0; color: #6b7e87; font-size: .58rem; line-height: 1.4; font-weight: 780; }
.mv-hexa-stat-grid { display: grid; gap: .45rem; margin-top: .7rem; }
.mv-hexa-stat-grid article { border: 1px solid #dccdf2; border-radius: .7rem; padding: .6rem; background: #fbf8ff; }
.mv-hexa-stat-grid header { display: flex; justify-content: space-between; margin-bottom: .3rem; color: #6a54b0; font-size: .62rem; font-weight: 950; }
.mv-hexa-stat-grid p { margin: .15rem 0 0; color: #4f646e; font-size: .66rem; font-weight: 800; }

.mv-crystal-card, .mv-champion-card, .mv-pet-card { min-width: 0; border: 1px solid #cfdce1; border-radius: .7rem; padding: .6rem; background: #f8fafb; }
.mv-crystal-card h4, .mv-champion-card h4, .mv-pet-card h4 { overflow-wrap: anywhere; margin: 0; font-size: .72rem; font-weight: 950; }
.mv-crystal-card h4 small { color: var(--mv-lilac-600); }
.mv-crystal-card ul, .mv-champion-card ul { display: grid; gap: .2rem; margin: .4rem 0 0; padding: 0; list-style: none; }
.mv-crystal-card li, .mv-champion-card li { color: #5b707a; font-size: .62rem; font-weight: 780; }
.mv-crystal-card.is-expired { opacity: .6; }
.mv-crystal-card > small { color: var(--mv-down); font-size: .58rem; font-weight: 900; }
.mv-champion-card header, .mv-pet-card header { display: flex; align-items: center; gap: .5rem; }
.mv-champion-card header > b { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: .55rem; color: #fff; background: linear-gradient(145deg,#d9a92b,#b3801a); font-size: .7rem; }
.mv-champion-card header small, .mv-pet-card header small { color: var(--mv-muted); font-size: .58rem; font-weight: 800; }
.mv-pet-card header img, .mv-pet-card header > span { width: 2.6rem; height: 2.6rem; display: grid; flex: 0 0 auto; place-items: center; object-fit: contain; }
.mv-pet-equip { display: flex; align-items: center; gap: .35rem; margin: .5rem 0 .15rem; color: #4f646e; font-size: .66rem; font-weight: 850; }
.mv-pet-equip img { width: 1.6rem; height: 1.6rem; object-fit: contain; }
.mv-pet-card > small { color: #6c7f88; font-size: .58rem; font-weight: 780; }
.mv-android-card { display: flex; align-items: center; gap: .6rem; margin-bottom: .5rem; }
.mv-android-card img { width: 3.2rem; height: 3.2rem; object-fit: contain; }
.mv-android-card h4 { margin: 0; font-size: .8rem; font-weight: 950; }.mv-android-card p { margin: .1rem 0 0; color: var(--mv-muted); font-size: .64rem; font-weight: 800; }
.mv-set-list h4 { margin: 0 0 .35rem; font-size: .74rem; font-weight: 950; }.mv-set-list h4 small { color: var(--mv-muted); font-size: .6rem; }
.mv-set-list ul { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.mv-set-list li { color: #50656f; font-size: .66rem; line-height: 1.45; font-weight: 780; }.mv-set-list li b { color: #3f8d74; }
.mv-dressing-room .mv-preset-switch { margin: .6rem .6rem 0; }
.mv-dressing-room .mv-sub-heading { margin: .3rem .7rem 0; }
.mv-style-slot.is-shared { border-style: dashed; }
.mv-style-slot small { color: #8a7fb3; font-size: .52rem; font-weight: 800; }
.mv-guild-skills { margin-top: .8rem; }
.mv-other-equipment { margin-top: .45rem; border: 1px solid #b8c6ca; border-radius: .65rem; padding: .55rem; background: #f2f5f5; }
.mv-other-equipment > strong { color: #61747d; font-size: .65rem; font-weight: 900; }
.mv-other-equipment > div { display: flex; gap: .35rem; overflow-x: auto; margin-top: .4rem; padding-bottom: .2rem; }
.mv-other-item { min-width: 5rem; min-height: 4.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #b8c6cb; border-radius: .5rem; background: #fff; }
.mv-other-item img { width: 2.5rem; height: 2.5rem; object-fit: contain; }.mv-other-item span { max-width: 4.5rem; overflow: hidden; margin-top: .2rem; font-size: .52rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.mv-equipment-detail-panel { display: none; min-width: 0; overflow: auto; border: 1px solid #142c37; border-radius: .7rem; background: #25343d; box-shadow: inset 0 1px rgba(255,255,255,.08); }
.mv-item-detail { padding: .75rem; }
.mv-item-detail-head { display: grid; grid-template-columns: 4.2rem minmax(0,1fr); gap: .7rem; align-items: center; border: 1px solid #c5d2d6; border-radius: .7rem; padding: .65rem; background: linear-gradient(145deg,#fff,#edf3f4); }
.mv-item-detail-head.is-rare { border-color: #55a9e3; }.mv-item-detail-head.is-epic { border-color: #9a64dd; }.mv-item-detail-head.is-unique { border-color: #d2ae1c; }.mv-item-detail-head.is-legendary { border-color: #77a934; }
.mv-detail-icon { display: grid; width: 4.2rem; height: 4.2rem; place-items: center; border: 1px solid #b9c7cc; border-radius: .55rem; background: #e8edef; font-size: 1.3rem; }
.mv-detail-icon img { max-width: 90%; max-height: 90%; object-fit: contain; }
.mv-item-detail-head span { color: var(--mv-muted); font-size: .6rem; font-weight: 850; }
.mv-item-detail-head h4 { overflow-wrap: anywhere; margin: .18rem 0 .35rem; font-size: .95rem; font-weight: 950; }
.mv-grade-badges { display: flex; flex-wrap: wrap; gap: .25rem; }
.mv-grade-badges b { border-radius: .35rem; padding: .18rem .32rem; color: #536771; background: #e1e8ea; font-size: .5rem; font-weight: 900; }
.mv-item-description { margin: .65rem 0 0; border: 1px solid #d2dde0; border-radius: .55rem; padding: .55rem; color: #5c707a; background: #f3f7f7; font-size: .68rem; line-height: 1.55; font-weight: 720; }
.mv-item-detail-section { margin-top: .6rem; border: 1px solid #cbd8dc; border-radius: .58rem; padding: .6rem; background: #fff; }
.mv-item-detail-section h5 { margin: 0 0 .4rem; color: #48616e; font-size: .67rem; font-weight: 950; }
.mv-item-detail-section ul { display: grid; gap: .3rem; margin: 0; padding: 0; list-style: none; }
.mv-item-detail-section li { border-radius: .4rem; padding: .36rem .45rem; color: #49606c; background: #eef4f5; font-size: .68rem; font-weight: 800; }
.mv-item-detail-section.is-potential { border-color: #b7d9a2; background: #f8fff3; }.mv-item-detail-section.is-additional { border-color: #d6c0ef; background: #fbf7ff; }.mv-item-detail-section.is-soul { border-color: #e6c4a9; background: #fff8f2; }
.mv-item-tooltip { min-height: 100%; color: #edf6fa; background: radial-gradient(circle at 85% 35%,rgba(122,96,170,.17),transparent 34%),linear-gradient(180deg,#34454f,#26343d 65%,#213039); }
.mv-tooltip-stars { min-height: 1.7rem; display: flex; align-items: center; justify-content: center; gap: .35rem; overflow-wrap: anywhere; color: #ffe23f; text-align: center; text-shadow: 0 1px #745b00; font-size: .72rem; letter-spacing: .08em !important; }
.mv-tooltip-stars b { border-radius: .3rem; padding: .1rem .25rem; color: #fff3a2; background: rgba(255,225,63,.13); font-size: .55rem; }
.mv-tooltip-title { margin: .15rem 0 .7rem; padding: .55rem 0; border-top: 1px solid #49606b; border-bottom: 1px solid #172a33; text-align: center; box-shadow: 0 1px rgba(255,255,255,.07); }
.mv-tooltip-title h3 { margin: 0; color: #fff; font-size: 1.05rem; font-weight: 950; text-shadow: 0 2px rgba(0,0,0,.4); }
.mv-tooltip-title span { display: block; margin-top: .2rem; color: #ffae30; font-size: .65rem; font-weight: 900; }
.mv-item-tooltip .mv-item-detail-head { border-color: #536772; color: #edf6fa; background: rgba(15,29,37,.4); box-shadow: inset 0 1px rgba(255,255,255,.08); }
.mv-item-tooltip .mv-item-detail-head span { color: #b8c8cf; }.mv-item-tooltip .mv-item-detail-head h4 { color: #aebdc4; font-size: .85rem; }
.mv-item-tooltip .mv-detail-icon { border-color: #697a83; background: linear-gradient(145deg,#cfd6d8,#8f9aa0); box-shadow: inset 0 1px #fff,0 2px 5px rgba(0,0,0,.35); }
.mv-item-tooltip .mv-grade-badges b { color: #e5eef2; background: #495b65; }
.mv-item-tooltip .mv-item-description { border-color: #465b65; color: #cbd9df; background: rgba(11,24,31,.34); }
.mv-item-tooltip .mv-item-detail-section { border-color: #465b65; color: #dce8ed; background: rgba(14,27,34,.38); }
.mv-item-tooltip .mv-item-detail-section h5 { color: #d5e2e8; }.mv-item-tooltip .mv-item-detail-section li { color: #e6f0f3; background: rgba(255,255,255,.06); }
.mv-item-tooltip .mv-item-detail-section.is-potential { border-color: #8bad23; background: rgba(110,153,25,.09); }.mv-item-tooltip .mv-item-detail-section.is-potential h5,.mv-item-tooltip .mv-item-detail-section.is-potential li { color: #c8f12e; }
.mv-item-tooltip .mv-item-detail-section.is-additional { border-color: #8b61ce; background: rgba(132,88,195,.1); }.mv-item-tooltip .mv-item-detail-section.is-additional h5,.mv-item-tooltip .mv-item-detail-section.is-additional li { color: #d69bff; }
.mv-item-tooltip .mv-item-detail-section.is-soul { border-color: #c98348; background: rgba(197,111,50,.1); }.mv-item-tooltip .mv-detail-list dt { color: #aebfc6; }.mv-item-tooltip .mv-detail-list dd { color: #edf5f8; }
.mv-item-options { margin-top: .7rem; padding: .6rem 0; border-top: 1px solid #172a33; border-bottom: 1px solid #4a606a; box-shadow: inset 0 1px rgba(255,255,255,.05); }
.mv-item-options h5 { margin: 0 0 .5rem; color: #fff; font-size: .72rem; font-weight: 950; }.mv-item-options h5 small { display: block; margin-top: .15rem; color: #9eb0b8; font-size: .52rem; font-weight: 750; }
.mv-option-legend { display: flex; flex-wrap: wrap; gap: .25rem .45rem; margin-bottom: .45rem; }.mv-option-legend span { display: inline-flex; align-items: center; gap: .2rem; color: #cbd8dd; font-size: .5rem; font-weight: 850; }.mv-option-legend i { width: .45rem; height: .45rem; border-radius: .12rem; background: currentColor; }
.mv-item-options dl { display: grid; gap: .2rem; margin: 0; }.mv-item-options dl > div { display: grid; grid-template-columns: minmax(6rem,.7fr) minmax(0,1.3fr); gap: .45rem; align-items: baseline; }.mv-item-options dt { color: #f0f5f7; font-size: .68rem; font-weight: 850; }.mv-item-options dd { min-width: 0; margin: 0; text-align: right; font-size: .68rem; font-weight: 850; }.mv-item-options dd strong { color: #fff; }.mv-item-options dd small { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: .12rem; margin-left: .28rem; }.mv-item-options dd small b { color: #7e9098; }
.mv-item-options .is-base { color: #f1f5f7; }.mv-item-options .is-add { color: #9bea36; }.mv-item-options .is-scroll { color: #c784ff; }.mv-item-options .is-star { color: #ffe047; }.mv-item-options .is-special,.mv-item-options .is-residual { color: #68eadc; }
.mv-detail-empty { min-height: 17rem; display: grid; place-items: center; align-content: center; gap: .45rem; padding: 1rem; color: #71848d; text-align: center; }
.mv-detail-empty > span { color: #72bfd6; font-size: 2rem; }.mv-detail-empty strong { font-size: .8rem; }.mv-detail-empty p { max-width: 13rem; margin: 0; font-size: .67rem; line-height: 1.5; }
.mv-set-list { display: grid; gap: .55rem; }
.mv-set-list > article { display: grid; grid-template-columns: 2rem minmax(0,1fr); gap: .55rem; border: 1px solid #b9cbc7; border-radius: .65rem; padding: .6rem; background: #f7fbf9; }
.mv-set-list > article > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .55rem; color: #fff; background: #4ca78c; font-size: .7rem; font-weight: 950; }
.mv-special-grid { display: grid; gap: .6rem; }
.mv-special-grid > article { border: 1px solid #c4cfd3; border-radius: .65rem; padding: .7rem; background: #f7f9f9; }
.mv-special-grid h4 { margin: 0 0 .55rem; color: #526873; font-size: .72rem; font-weight: 950; }

.mv-skill-book { overflow: hidden; border: 1px solid #bccdd4; border-radius: .75rem; background: #f7fafb; }
.mv-skill-book + .mv-skill-book { margin-top: .55rem; }
.mv-skill-book summary { min-height: 3.2rem; display: grid; grid-template-columns: 2.5rem 1fr auto; align-items: center; gap: .55rem; padding: .5rem .7rem; cursor: pointer; list-style: none; }
.mv-skill-book summary::-webkit-details-marker { display: none; }
.mv-skill-book summary > span { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: .55rem; color: #fff; background: linear-gradient(145deg,var(--mv-sky-500),var(--mv-lilac-600)); font-size: .65rem; font-weight: 950; }
.mv-skill-book summary strong { font-size: .75rem; font-weight: 950; }.mv-skill-book summary small { color: var(--mv-muted); font-size: .6rem; font-weight: 850; }
.mv-skill-book > div { display: grid; gap: .55rem; padding: .65rem; border-top: 1px solid #cfdbdf; background: #fff; }
.mv-skill-card { display: grid; grid-template-columns: 2.8rem minmax(0,1fr); gap: .55rem; border: 1px solid #d0dcdf; border-radius: .65rem; padding: .6rem; background: #f7fafb; }
.mv-skill-icon { grid-row: 1 / 3; display: grid; width: 2.8rem; height: 2.8rem; place-items: center; overflow: hidden; border: 1px solid #b5c7ce; border-radius: .55rem; color: #8a72d0; background: #e9f2f4; }
.mv-skill-icon img { width: 100%; height: 100%; object-fit: contain; }.mv-skill-card h4 { overflow-wrap: anywhere; margin: 0; font-size: .72rem; font-weight: 950; }.mv-skill-card b { color: var(--mv-lilac-600); font-size: .6rem; }
.mv-skill-card p { grid-column: 1 / -1; margin: 0; color: #61747d; font-size: .65rem; line-height: 1.55; font-weight: 720; }.mv-skill-card small { grid-column: 1 / -1; border-radius: .45rem; padding: .45rem; color: #2d6d82; background: #edfaff; font-size: .6rem; line-height: 1.5; font-weight: 780; }
.mv-union-board { overflow: hidden; border: 1px solid #9aaeb8; border-radius: .95rem; background: #e4e9ea; box-shadow: var(--mv-shadow); }
.mv-union-board header { padding: .8rem 1rem; color: #fff; background: linear-gradient(135deg,#405f6d,#66588c); }.mv-union-board header span { display: block; color: #dff7ff; font-size: .6rem; font-weight: 950; }.mv-union-board header strong { display: block; margin-top: .2rem; font-size: 1.15rem; font-weight: 950; }
.mv-union-board > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .4rem; padding: .55rem; }.mv-union-board article { border: 1px solid #bdcbd0; border-radius: .6rem; padding: .7rem; background: #f8fafa; }.mv-union-board article span { color: var(--mv-muted); font-size: .6rem; font-weight: 850; }.mv-union-board article strong { display: block; overflow-wrap: anywhere; margin-top: .25rem; font-size: .88rem; font-weight: 950; }
.mv-dressing-room { overflow: hidden; border: 1px solid #9b91bd; border-radius: 1rem; background: #f4efff; box-shadow: var(--mv-shadow); }.mv-dressing-room > header { padding: .75rem 1rem; color: #fff; background: linear-gradient(135deg,#645989,#856fc1); }.mv-dressing-room header span { display: block; color: #f1eaff; font-size: .6rem; font-weight: 950; }.mv-dressing-room header strong { display: block; margin-top: .2rem; font-size: 1rem; font-weight: 950; }
.mv-style-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem; padding: .6rem; }.mv-style-slot { min-width: 0; min-height: 6rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #c9bee5; border-radius: .65rem; padding: .45rem; color: #6858a4; background: #fff; }.mv-style-slot img { width: 3rem; height: 3rem; object-fit: contain; }.mv-style-slot strong { overflow: hidden; width: 100%; margin-top: .35rem; color: #536672; font-size: .58rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }

.mv-coach-intro { position: relative; overflow: hidden; border: 1px solid #9185ba; border-radius: 1rem; padding: 1rem; color: #fff; background: linear-gradient(135deg,#344e63,#655989 65%,#8068b1); box-shadow: var(--mv-shadow); }
.mv-coach-intro::after { position: absolute; right: -2rem; top: -2rem; width: 8rem; height: 8rem; content: "✦"; display: grid; place-items: center; border: 1rem solid rgba(255,255,255,.06); border-radius: 50%; color: rgba(255,239,124,.35); font-size: 2rem; }
.mv-coach-heading { position: relative; z-index: 1; }.mv-coach-heading > span { display: inline-flex; align-items: center; gap: .35rem; border-radius: .5rem; padding: .35rem .5rem; color: #41355f; background: #f2e96b; font-size: .6rem; font-weight: 950; }.mv-coach-heading h3 { margin: .75rem 0 .35rem; font-size: 1.3rem; font-weight: 950; }.mv-coach-heading p { max-width: 42rem; margin: 0; color: #e6edf4; font-size: .76rem; line-height: 1.7; font-weight: 720; }
.mv-coach-quota { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .8rem; }.mv-coach-quota span { border: 1px solid rgba(255,255,255,.16); border-radius: .5rem; padding: .35rem .5rem; background: rgba(255,255,255,.1); font-size: .62rem; font-weight: 900; }
.mv-coach-action { position: relative; z-index: 1; margin-top: .9rem; display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }.mv-coach-action > span { color: #dae6ed; font-size: .68rem; font-weight: 750; }
.mv-login-coach { position: relative; z-index: 1; margin-top: .9rem; border: 1px solid rgba(255,255,255,.18); border-radius: .7rem; padding: .8rem; background: rgba(255,255,255,.09); text-align: center; }.mv-login-coach p { margin: 0 0 .65rem; color: #e9f0f4; font-size: .72rem; font-weight: 780; }
.mv-coach-report { border: 1px solid #9489ba; border-radius: 1rem; padding: 1.1rem; color: #fff; background: linear-gradient(135deg,#354f64,#66598a); box-shadow: var(--mv-shadow); }.mv-coach-report > span { color: #f3e76e; font-size: .62rem; font-weight: 950; }.mv-coach-report h3 { margin: .45rem 0; font-size: 1.4rem; font-weight: 950; }.mv-coach-report p { margin: 0; color: #e6edf3; font-size: .78rem; line-height: 1.7; font-weight: 720; }.mv-coach-report small { display: block; margin-top: .7rem; border-radius: .5rem; padding: .45rem; color: #dff5fc; background: rgba(255,255,255,.09); font-size: .62rem; font-weight: 800; }
.mv-report-grid { display: grid; gap: 1rem; margin-top: 1rem; }.mv-report-assessment { margin: 0; color: #526872; font-size: .75rem; line-height: 1.7; font-weight: 750; }.mv-report-label { margin: .75rem 0 .35rem; color: var(--mv-lilac-600); font-size: .64rem; font-weight: 950; }.mv-evidence-list,.mv-recommend-list,.mv-caution-list { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }.mv-evidence-list li,.mv-recommend-list li,.mv-caution-list li { border-radius: .5rem; padding: .5rem; color: #536872; background: #f0f5f6; font-size: .67rem; line-height: 1.5; font-weight: 770; }.mv-priority-list { display: grid; gap: .55rem; }.mv-priority-list article { border: 1px solid #dbd0f2; border-radius: .65rem; padding: .7rem; background: #f9f6ff; }.mv-priority-list span { color: var(--mv-lilac-600); font-size: .6rem; font-weight: 950; }.mv-priority-list h4 { margin: .2rem 0; font-size: .78rem; font-weight: 950; }.mv-priority-list p { margin: 0; color: #5d707a; font-size: .68rem; line-height: 1.55; font-weight: 750; }.mv-priority-list small { display: block; margin-top: .35rem; color: #7a8991; font-size: .58rem; font-weight: 760; }
.mv-chat-window .mv-window-body { padding: .8rem; }.mv-chat-log { min-height: 7rem; max-height: 28rem; overflow-y: auto; display: grid; gap: .6rem; padding: .25rem; }.mv-chat-row { display: flex; align-items: flex-start; gap: .45rem; }.mv-chat-row.is-user { flex-direction: row-reverse; }.mv-chat-avatar { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: .55rem; color: #fff; background: #6b5bb0; font-size: .54rem; font-weight: 950; }.mv-chat-row.is-user .mv-chat-avatar { background: #359cbd; }.mv-chat-bubble { max-width: 85%; border: 1px solid #d4caea; border-radius: .75rem; padding: .65rem; background: #f7f3ff; }.mv-chat-row.is-user .mv-chat-bubble { border-color: #55b7d5; color: #fff; background: #3fa9c9; }.mv-chat-bubble p { margin: 0; font-size: .7rem; line-height: 1.6; font-weight: 750; }.mv-chat-evidence { display: grid; gap: .25rem; margin: .5rem 0 0; padding: .5rem 0 0; border-top: 1px solid rgba(118,99,199,.2); list-style: none; }.mv-chat-evidence li { font-size: .58rem; line-height: 1.45; }.mv-question-chips { display: flex; gap: .35rem; overflow-x: auto; margin-top: .6rem; padding-bottom: .2rem; }.mv-question-chips button { min-height: 2.6rem; flex: 0 0 auto; border: 1px solid #b9dae5; border-radius: .6rem; padding: 0 .65rem; color: #2a6f87; background: #effaff; font-size: .62rem; font-weight: 850; }.mv-chat-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .45rem; margin-top: .6rem; }.mv-chat-form input { width: 100%; min-height: 2.8rem; border: 1px solid #bdccd2; border-radius: .62rem; color: var(--mv-ink); background: #f8faf9; font-size: .72rem; font-weight: 750; }

.mv-trust-summary-shell { margin-top: 1rem; }.mv-community-hero { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; border: 1px solid #748c98; border-radius: 1rem; padding: 1rem; color: #fff; background: linear-gradient(135deg,#315765,#546a8e 58%,#7762a6); box-shadow: var(--mv-shadow); }.mv-community-hero span { color: #d9f6ff; font-size: .6rem; font-weight: 950; }.mv-community-hero h3 { margin: .3rem 0; font-size: 1.35rem; font-weight: 950; }.mv-community-hero p { margin: 0; color: #e5eef3; font-size: .72rem; line-height: 1.6; font-weight: 740; }.mv-community-hero > strong { color: #ffe260; font-size: 3.2rem; text-shadow: 0 4px rgba(0,0,0,.2); }
.mv-trust-board { border: 1px solid #9cb7c1; border-radius: 1rem; padding: .9rem; background: linear-gradient(145deg,#fff,#f0f9fb); box-shadow: var(--mv-shadow); }.mv-trust-score { display: grid; grid-template-columns: 6rem minmax(0,1fr); gap: .85rem; align-items: center; }.mv-score-orb { --score:50; display: grid; width: 6rem; height: 6rem; place-items: center; border-radius: 50%; background: conic-gradient(#58bedc calc(var(--score)*1%),#9e8be8 0 calc(var(--score)*1.15%),#dbe7ea 0); box-shadow: 0 7px 16px rgba(44,94,114,.18); }.mv-score-orb::before { grid-area:1/1; width: 4.75rem; height: 4.75rem; content:""; border-radius: 50%; background:#fff; box-shadow:inset 0 1px #fff; }.mv-score-orb span { z-index:1; grid-area:1/1; text-align:center; }.mv-score-orb b { display:block; color:#355d6e; font-size:1.55rem; font-weight:950; }.mv-score-orb small { color:#80919a; font-size:.52rem; font-weight:850; }.mv-confidence { display:inline-flex; border-radius:.4rem; padding:.25rem .4rem; color:#6554a8; background:#f0ebff; font-size:.58rem; font-weight:950; }.mv-trust-score h3 { margin:.35rem 0 .25rem; font-size:1.15rem; font-weight:950; }.mv-trust-score p { margin:0; color:#657983; font-size:.65rem; line-height:1.55; font-weight:730; }.mv-trust-components { display:grid; gap:.5rem; margin-top:.8rem; }.mv-trust-component { border:1px solid #c4d7dd; border-radius:.7rem; padding:.65rem; background:#fff; }.mv-trust-component.is-neutral { border-style:dashed; }.mv-trust-component > div:first-child { display:flex; justify-content:space-between; gap:.5rem; }.mv-trust-component span,.mv-trust-component strong { font-size:.65rem; font-weight:900; }.mv-trust-component span { color:#607680; }.mv-trust-gauge { height:.48rem; margin-top:.4rem; overflow:hidden; border-radius:.3rem; background:#e2ecef; }.mv-trust-gauge i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#62c9e4,#9b88e6); }.mv-trust-component p { margin:.35rem 0 0; color:#7a8d95; font-size:.56rem; font-weight:740; }.mv-trust-compact { display:grid; gap:.8rem; }.mv-trust-ai-status { margin:.45rem 0 0; color:#71848d; font-size:.62rem; font-weight:750; }
.mv-community-grid { display:grid; gap:1rem; }.mv-review-form { display:grid; gap:.85rem; }.mv-rating-input,.mv-tag-input { margin:0; border:0; padding:0; }.mv-rating-input legend,.mv-tag-input legend,.mv-comment-input > span { display:flex; justify-content:space-between; width:100%; margin-bottom:.45rem; color:#536873; font-size:.68rem; font-weight:950; }.mv-rating-input > div { display:flex; flex-direction:row-reverse; justify-content:flex-end; }.mv-rating-input input { position:absolute; opacity:0; pointer-events:none; }.mv-rating-input label { min-width:2.75rem; min-height:2.75rem; display:grid; place-items:center; cursor:pointer; color:#cbd7db; font-size:1.65rem; }.mv-rating-input input:checked ~ label,.mv-rating-input label:hover,.mv-rating-input label:hover ~ label { color:#f0bf28; }.mv-rating-input input:focus-visible + label { outline:3px solid rgba(73,176,208,.4); outline-offset:2px; border-radius:.5rem; }.mv-tag-input > div { display:flex; flex-wrap:wrap; gap:.4rem; }.mv-tag-input input { position:absolute; opacity:0; }.mv-tag-input span { min-height:2.65rem; display:inline-flex; align-items:center; border:1px solid #c4d5da; border-radius:.6rem; padding:0 .65rem; color:#607680; background:#f7fafb; font-size:.62rem; font-weight:850; }.mv-tag-input input:checked + span { border-color:#6b58b3; color:#fff; background:linear-gradient(180deg,#a18be9,#8068cb); }.mv-tag-input input:focus-visible + span { outline:3px solid rgba(74,184,217,.38); outline-offset:2px; }.mv-comment-input textarea,.mv-report-form textarea,.mv-report-form select { width:100%; border:1px solid #bdced4; border-radius:.65rem; color:#334e5a; background:#fff; font-size:.72rem; }.mv-comment-input textarea { min-height:8rem; resize:vertical; }.mv-review-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; }.mv-delete-review { min-height:2.75rem; border:1px solid #efb3b7; border-radius:.6rem; padding:0 .7rem; color:#a43d47; background:#fff4f4; font-size:.67rem; font-weight:900; }.mv-review-actions > span { color:#657983; font-size:.62rem; font-weight:750; }.mv-review-hidden-notice { margin:0; border-radius:.55rem; padding:.55rem; color:#805b16; background:#fff8df; font-size:.62rem; }.mv-rating-summary { display:flex; align-items:center; gap:.8rem; }.mv-rating-summary > strong { font-size:2rem; font-weight:950; }.mv-rating-summary > strong small { font-size:.65rem; }.mv-rating-summary > div span:last-child { display:block; margin-top:.2rem; color:#778991; font-size:.6rem; }.mv-stars { color:#efbd26; letter-spacing:.04em !important; white-space:nowrap; }.mv-tag-cloud,.mv-review-tags { display:flex; flex-wrap:wrap; gap:.35rem; }.mv-tag-cloud { margin-top:.8rem; }.mv-tag-cloud span,.mv-review-tags span { border:1px solid #d2c8eb; border-radius:.45rem; padding:.25rem .4rem; color:#6b58a9; background:#f7f3ff; font-size:.56rem; font-weight:850; }.mv-tag-cloud b { color:#3e8aa2; }.mv-review-list { display:grid; gap:.55rem; }.mv-review-card { position:relative; border:1px solid #c4d5da; border-radius:.72rem; padding:.75rem; background:#f8fbfc; }.mv-review-card header { display:flex; justify-content:space-between; gap:.6rem; }.mv-review-card header strong { display:block; overflow-wrap:anywhere; font-size:.72rem; font-weight:950; }.mv-review-card time { color:#809099; font-size:.55rem; }.mv-review-card .mv-review-tags { margin-top:.5rem; }.mv-review-card > p { margin:.55rem 0 0; color:#526872; font-size:.7rem; line-height:1.65; font-weight:730; white-space:pre-wrap; }.mv-review-card > button { min-height:2.5rem; margin-top:.45rem; border:0; color:#9a5360; background:transparent; font-size:.58rem; font-weight:850; }.mv-more-reviews { width:100%; min-height:2.75rem; margin-top:.65rem; border:1px solid #b8d4de; border-radius:.65rem; color:#34768e; background:#edfaff; font-size:.67rem; font-weight:900; }
.mv-report-form { display:grid; gap:.75rem; padding:.8rem; }.mv-report-form label { display:grid; gap:.35rem; color:#536873; font-size:.67rem; font-weight:900; }.mv-report-form p { margin:0; color:#7a8b93; font-size:.58rem; line-height:1.5; }
.mv-share-copy-body { display: grid; gap: .75rem; padding: .9rem; background: linear-gradient(145deg,#f3fbff,#f8f4ff); }
.mv-share-copy-body p { margin: 0; color: #536b77; font-size: .72rem; line-height: 1.6; font-weight: 780; }
.mv-share-copy-body textarea { width: 100%; min-height: 15rem; resize: vertical; border: 1px solid #b9cfd8; border-radius: .72rem; padding: .8rem; color: #263f4d; background: #fff; font: 750 .76rem/1.65 "Pretendard Variable", Pretendard, system-ui, sans-serif; box-shadow: inset 0 2px 5px rgba(39,73,91,.08); }
.mv-share-copy-body textarea:focus { border-color: var(--mv-lilac-400); outline: 3px solid rgba(170,154,239,.24); }
.mv-share-toast {
    position: fixed; right: 1rem; bottom: calc(5.25rem + env(safe-area-inset-bottom)); left: 1rem; z-index: 90;
    min-height: 3.5rem; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .7rem;
    border: 1px solid #a9cfdd; border-radius: .9rem; padding: .65rem .7rem; color: #315f70; background: rgba(239,250,255,.97);
    box-shadow: 0 16px 42px rgba(28,56,70,.24); backdrop-filter: blur(14px);
}
.mv-share-toast[hidden] { display: none; }
.mv-share-toast.is-success { border-color: #98d7c2; color: #256655; background: rgba(239,255,249,.97); }
.mv-share-toast.is-error { border-color: #d0bee9; color: #654d99; background: rgba(249,245,255,.98); }
.mv-share-toast-icon { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: .65rem; color: #fff; background: linear-gradient(145deg,var(--mv-sky-500),var(--mv-lilac-600)); }
.mv-share-toast p { margin: 0; font-size: .72rem; line-height: 1.45; font-weight: 850; }
.mv-share-toast > button { width: 2.5rem; height: 2.5rem; border: 0; border-radius: .65rem; color: currentColor; background: rgba(255,255,255,.58); font-size: 1.1rem; }

.mv-mobile-dock {
    position: fixed; right: .55rem; bottom: calc(.55rem + env(safe-area-inset-bottom)); left: .55rem; z-index: 60;
    display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border: 1px solid #91a9b3; border-radius: 1rem; padding: .35rem;
    background: rgba(236,243,245,.95); box-shadow: 0 12px 30px rgba(27,53,67,.28), inset 0 1px #fff; backdrop-filter: blur(15px);
}
.mv-mobile-dock button { min-width: 0; min-height: 3.2rem; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .18rem; border: 0; border-radius: .65rem; color: #647780; background: transparent; font-size: .56rem; font-weight: 900; }
.mv-mobile-dock button svg { width: 1.05rem; height: 1.05rem; }.mv-mobile-dock button.is-active { color: #fff; background: linear-gradient(180deg,#65cce6,#3ba8c8); box-shadow: 0 3px 0 #2b809b; }
.mv-more-dialog, .mv-detail-dialog, .mv-equipment-drawer { width: min(100% - 1rem, 43rem); max-height: min(86vh,50rem); margin: auto auto .5rem; overflow: hidden; border: 1px solid #809aa5; border-radius: 1rem; padding: 0; background: #edf1f2; box-shadow: 0 24px 70px rgba(20,39,50,.4); }
.mv-more-dialog::backdrop, .mv-detail-dialog::backdrop, .mv-equipment-drawer::backdrop { background: rgba(17,34,43,.55); backdrop-filter: blur(3px); }
.mv-dialog-bar { min-height: 3rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .5rem .65rem .5rem .85rem; color: #fff; background: linear-gradient(180deg,#3c6170,#294957); }.mv-dialog-bar h3 { margin: 0; font-size: .82rem; font-weight: 950; }.mv-dialog-bar button { width: 2.5rem; height: 2.5rem; border: 1px solid rgba(255,255,255,.2); border-radius: .55rem; color: #fff; background: rgba(255,255,255,.08); font-size: 1.15rem; }
.mv-dialog-scroll { max-height: calc(86vh - 3rem); overflow-y: auto; padding: .65rem; background: #f8faf9; }
.mv-more-menu { display: grid; grid-template-columns: repeat(2,1fr); gap: .55rem; padding: .65rem; }.mv-more-menu button { min-height: 5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; border: 1px solid #b9cbd2; border-radius: .75rem; color: #4f6570; background: #fff; font-size: .7rem; font-weight: 900; }.mv-more-menu button.is-active { border-color: #409fbd; color: #23738f; background: #eafaff; }

@keyframes mv-shimmer { to { background-position: -200% 0; } }

@media (min-width: 640px) {
    .mv-container { width: min(1280px, calc(100% - 3rem)); }
    .mv-search-form { grid-template-columns: minmax(0,1fr) 6rem auto; }
    .mv-search-button-text { display: inline; }
    .mv-character-body { grid-template-columns: 15rem minmax(0,1fr); }
    .mv-character-preview { grid-row: 1 / 3; border-right: 1px solid #c5d8df; border-bottom: 0; }
    .mv-profile-details { padding: 1.4rem 1.5rem .9rem; }
    .mv-hero-stats { grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 1.5rem 1.4rem; }
    .mv-growth-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mv-overview-grid { grid-template-columns: minmax(0,1.15fr) minmax(17rem,.85fr); }
    .mv-shortcut-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-feature-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mv-adventure-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mv-log-cards { display: none; }.mv-log-table { display: block; }
    .mv-loading-grid { grid-template-columns: repeat(3,1fr); }
    .mv-stat-rune-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mv-highlight-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mv-fact-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mv-fact-grid.is-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-skill-book > div, .mv-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-symbol-grid, .mv-core-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mv-hexa-stat-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mv-union-board > div { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mv-style-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .mv-special-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-report-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-trust-components { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-community-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-compare-toolbar { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto; }
    .mv-compare-toolbar .mv-toggle { grid-column: auto; }
    .mv-inventory-titlebar small { display: inline; }
    .mv-inventory-board { min-height: 430px; gap: 6px; padding: 8px; }
    .mv-slot-label { font-size: .52rem; }
    .mv-slot-flag { font-size: .48rem; }
}

@media (min-width: 768px) {
    .mv-topbar { position: sticky; top: var(--mwr-navbar-height, 0); }
    .mv-topbar-inner { grid-template-columns: auto minmax(0,34rem) auto; grid-template-areas: "brand search account"; padding-block: 0; }
    .mv-topbar-inner > .mv-search-form { justify-self: stretch; }
    :root { --mv-sticky-top: calc(var(--mwr-navbar-height, 0px) + var(--mv-topbar-height) + .5rem); }
    .mv-desktop-tabs { display: block; }
    .mv-mobile-dock { display: none; }
    .mv-page-shell { padding-bottom: 2rem; }
    .mv-two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-three-columns { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mv-guild-banner { grid-template-columns: minmax(0,1fr) minmax(18rem,.7fr); align-items: center; }
    .mv-stat-rune-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mv-highlight-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
    .mv-style-grid { grid-template-columns: repeat(7,minmax(0,1fr)); }
    .mv-symbol-grid, .mv-core-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mv-more-dialog { display: none; }
    .mv-share-toast { right: 1.5rem; bottom: 1.5rem; left: auto; width: min(26rem,calc(100% - 3rem)); }
}

@media (min-width: 1024px) {
    .mv-character-body { grid-template-columns: 15rem minmax(0,1fr) minmax(0,21rem); }
    .mv-character-preview { grid-row: auto; }
    .mv-profile-details { padding: 1.5rem; }
    .mv-hero-stats { grid-template-columns: repeat(2,minmax(0,1fr)); align-content: center; padding: 1.2rem 1.2rem 1.2rem 0; }
    .mv-equipment-layout { grid-template-columns: minmax(0,1.15fr) minmax(19rem,.85fr); align-items: start; }
    .mv-equipment-detail-panel { display: block; max-height: 660px; position: sticky; top: calc(var(--mv-sticky-top) + 4.5rem); }
    .mv-inventory-board { min-height: 540px; }
    .mv-equip-slot { min-height: 62px; }
    .mv-slot-label { font-size: .58rem; }
    .mv-skill-book > div, .mv-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mv-card-grid.is-small { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-symbol-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
    .mv-symbol-card { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .mv-symbol-card > div { width: 100%; }
    .mv-core-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .mv-report-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mv-trust-components { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .mv-equipment-drawer:not([open]) { display: none; }
    .mv-equipment-drawer { margin: auto; width: min(100% - 2rem, 30rem); }
    .mv-search-field input, .mv-search-form select { min-height: 2.6rem; }
}

@media (min-width: 1280px) {
    .mv-report-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 374px) {
    .mv-container { width: min(100% - 1rem,1280px); }
    .mv-inventory-board { grid-template-rows: repeat(6,minmax(44px,1fr)); min-height: 324px; gap: 3px; padding: 4px; }
    .mv-equip-slot { min-height: 44px; }.mv-slot-label { font-size: .45rem; }
    .mv-search-form { grid-template-columns: minmax(0,1fr) 4.6rem auto; }
    .mv-preset-switch button { min-width: 3.8rem; }
}

@media (max-width: 479px) {
    .mv-level-row { align-items: flex-start; flex-direction: column; }
    .mv-level-row div:last-child { text-align: left; }
    .mv-character-titlebar { gap: .5rem; padding-inline: .7rem; }
    .mv-character-titlebar > strong { display: none; }
    .mv-character-actions { width: 100%; justify-content: space-between; }
    .mv-character-freshness { display: none; }
    .mv-share-button { min-width: 4.9rem; padding-inline: .6rem; }
    .mv-live-preset { display: none; }
    .mv-compare-heads { grid-template-columns: minmax(0,1fr); }
    .mv-compare-heads .mv-vs { justify-self: center; }
    .mv-welcome-search { grid-template-columns: minmax(0,1fr); }
}

/* ───────────── 2026-10 WhoRU AI·프리셋 목록·코디·접근성 ───────────── */

/* 키보드 초점 표시: 마우스 클릭에는 나타나지 않고 Tab 이동 시에만 보입니다. */
.mv-tab:focus-visible, .mv-mobile-dock button:focus-visible, .mv-more-menu button:focus-visible,
.mv-equip-slot:focus-visible, .mv-other-item:focus-visible, .mv-style-slot:focus-visible, .mv-list-item:focus-visible,
.mv-inventory-tabs button:focus-visible, .mv-chart-controls button:focus-visible, .mv-question-chips button:focus-visible,
.mv-review-card button:focus-visible, .mv-more-reviews:focus-visible, .mv-game-button:focus-visible, .mv-shortcut-grid a:focus-visible,
.mv-compare-table button:focus-visible, .mv-inline-link:focus-visible {
    outline: 3px solid rgba(82,189,220,.6); outline-offset: 2px;
}
.mv-review-card:focus { outline: 2px solid var(--mv-lilac-400); outline-offset: 2px; }
[aria-busy="true"] { cursor: progress; }

.mv-layout-toggle { width: max-content; max-width: 100%; margin: .55rem 0 .45rem; }
.mv-equipment-list td, .mv-equipment-list th { vertical-align: top; }
.mv-equipment-list tr.is-selected { background: rgba(82,189,220,.12); }
.mv-equipment-list small { display: block; margin-top: .2rem; color: var(--mv-muted); font-size: .6rem; line-height: 1.45; font-weight: 750; }
.mv-list-item { display: flex; align-items: center; gap: .45rem; width: 100%; min-height: 2.6rem; border: 1px solid transparent; border-radius: .5rem; padding: .2rem .35rem; background: transparent; text-align: left; }
.mv-list-item:hover { border-color: var(--mv-line); background: #fff; }
.mv-list-item img, .mv-list-item > i { flex: none; width: 2rem; height: 2rem; object-fit: contain; }
.mv-list-item span { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; min-width: 0; }
.mv-list-item strong { font-size: .7rem; font-weight: 900; }
.mv-list-item .mv-slot-flag { position: static; font-size: .55rem; padding: 1px 4px; }
.mv-grade-text { font-size: .66rem; font-weight: 950; }
.mv-grade-text.is-rare { color: #2f84c0; }.mv-grade-text.is-epic { color: #7d47c2; }.mv-grade-text.is-unique { color: #a9870d; }.mv-grade-text.is-legendary { color: #5b8f1e; }

.mv-coordi-layout { display: grid; gap: .75rem; margin-top: .6rem; }
.mv-coordi-layout .mv-character-stage { grid-column: auto; grid-row: auto; min-height: 12rem; }
.mv-style-slot { position: relative; }
.mv-style-slot.is-changed { border-color: var(--mv-changed); box-shadow: inset 0 0 0 1px rgba(232,134,15,.35); }
.mv-prism-dot { position: absolute; top: .3rem; right: .3rem; width: .55rem; height: .55rem; border-radius: 999px; background: conic-gradient(#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#c77dff,#ff6b6b); }
.mv-style-slot small { font-size: .58rem; }

.mv-whoru-badge { letter-spacing: 0; }
.mv-report-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .7rem; }
.mv-report-actions span { font-size: .66rem; font-weight: 800; }
.mv-chat-name { display: block; margin-bottom: .2rem; color: var(--mv-lilac-600); font-size: .62rem; font-weight: 950; }
.mv-question-chips.is-follow-up { margin-top: .5rem; }
.mv-typing { display: inline-flex; gap: .25rem; padding: .35rem 0; }
.mv-typing i { width: .45rem; height: .45rem; border-radius: 999px; background: var(--mv-lilac-400); animation: mv-typing 1s infinite ease-in-out; }
.mv-typing i:nth-child(2) { animation-delay: .15s; }.mv-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes mv-typing { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }

@media (min-width: 768px) {
    .mv-coordi-layout { grid-template-columns: 13rem minmax(0,1fr); align-items: start; }
}
@media (min-width: 1024px) {
    .mv-shortcut-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}