/* 시뮬레이터 전용 CSS */

/* 세그먼트·레어도 공용 색 (흑아/유일/잠식/축성/태초) */
:root {
    --sim-variant-fill: #f3f4f6;
    --sim-heuka-red: #e11d48;
    --sim-heuka-black: #111111;
    /* 위쪽 빨강은 짧게, 검정 비중 크게 */
    --sim-heuka-gradient: linear-gradient(180deg, var(--sim-heuka-red) 0%, var(--sim-heuka-black) 28%);
    --sim-sole-green: #28d931;
    --sim-sole-blue: #33acea;
    --sim-sole-gradient: linear-gradient(180deg, var(--sim-sole-green) 0%, var(--sim-sole-blue) 100%);
    --sim-jamsik: #5b4a7a;
    --sim-digacy: #5b4a7a;
    --sim-chukseong: #f5d04a;
    --sim-chukseong-text: #5c4a00;
}

/* gi_container 높이 제한 제거 */
.gi_container {
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
}

/* 캐릭터 CSS .over { opacity:0 } 이 JS fade-in 전에 헤더를 숨기지 않게 */
.simulator-container .over {
    opacity: 1 !important;
    transform: none !important;
}

/* 개발중 수리 표시 — 별도 버튼 (빨간 배경 + 흰 아이콘) */
.sim-dev-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-top: -6px;
    padding: 0;
    border: 1px solid #b91c1c;
    border-radius: 5px;
    background: #dc2626;
    color: #fff;
    flex-shrink: 0;
    cursor: default;
    opacity: 1;
}
.sim-dev-badge:disabled {
    opacity: 1;
    cursor: default;
    color: #fff;
}
.sim-dev-badge i {
    color: #fff;
    font-size: 12px;
    line-height: 1;
    margin: 0;
    transform: rotate(-45deg);
}

@media (max-width: 768px) {
    .simulator-container .sim-score-bar {
        padding-top: 5px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 8px;
        flex-wrap: nowrap;
        align-items: center;
    }
    .simulator-container .sim-score-bar .sim-score-arrow {
        display: none;
    }
    .simulator-container .sim-score-values {
        flex-direction: column;
        align-items: stretch;
        gap: 2px 0;
    }
    .simulator-container .sim-score-orig-wrap,
    .simulator-container .sim-score-now-wrap {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        align-items: center;
        column-gap: 3px;
        width: 100%;
    }
    .simulator-container .sim-score-bar .sim-score-cap {
        width: auto;
        justify-content: flex-start;
    }
    .simulator-container .sim-score-bar .sim-reset-btn-sm {
        align-self: center;
    }
}

/* 시뮬레이터 탭 영역 wrapper — 6패널이 페이지를 가로로 밀어내지 않게 */
.sim-tab-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: block;
    overflow: hidden;
}

/* 탭 버튼이 화면 전체를 균등 분할 — 캐릭터 탭 gap/margin 무효 */
#sim-equip-tabs {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    flex-wrap: nowrap;
    gap: 0 !important;
    overflow-x: auto;
}
#sim-equip-tabs .gi_tab-btn {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 2px;
    min-height: 40px;
}

#sim-equip-tabs .gi_tab-label {
    font-size: inherit;
    white-space: nowrap;
    line-height: 1.2;
    text-align: center;
}

#sim-equip-tabs .gi_tab-label--2line {
    white-space: normal;
}

/* 슬라이드 컨테이너 — 부모 너비 기준으로 한 패널만 보이게 */
.sim-slide-container {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sim-slide-container::-webkit-scrollbar {
    display: none;
}

.sim-tab-pane {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    padding-top: 6px;
}

/* PC 화면에서도 모바일처럼 탭으로 전환 (좌우 분할 해제) */
@media (min-width: 768px) {
    .sim-slide-container {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .sim-tab-pane {
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}

/* 시뮬레이터 탭 컨테이너 - 캐릭터 화면과 동일 (style_character.css에서 상속) */
/* .gi_tab-navigation 스타일은 style_character.css에서 상속 */
/* 시뮬레이터에서만 margin 수정 */
#sim-equip-tabs.gi_tab-navigation {
    margin: 0 0 6px 0; /* 탭 아래 여백 확보 */
}

/* 시뮬레이터 탭 버튼 - 캐릭터 화면과 동일 (style_character.css에서 상속) */
/* .gi_tab-navigation .gi_tab-btn 스타일은 style_character.css에서 상속 */
/* .gi_tab-navigation .gi_tab-btn.gi_active 스타일도 style_character.css에서 상속 */
/* .gi_tab-indicator 스타일도 style_character.css에서 상속 */

/* 시뮬레이터 탭 콘텐츠 */
#sim-tab-content .tab-pane {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
}

/* 시뮬레이터 버튼 스타일 */
#apply-sim-btn {
    background: #28a745;
    border: 1px solid #28a745;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 500;
    color: white;
    transition: all 0.3s ease;
}

#apply-sim-btn:hover {
    background: #218838;
    border-color: #1e7e34;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

#reset-sim-btn {
    background: #6c757d;
    border: 1px solid #6c757d;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 500;
    color: white;
    transition: all 0.3s ease;
}
/* 시뮬레이터 액션 바 (카드와 무기 사이 크게 배치) */
.sim-action-bar{
    display:flex;
    gap:2px; /* 버튼 간격 축소 */
    width:100%;
    justify-content:center;
    align-items:center;
    margin: 4px 0 4px 0; /* 탭 위 공간 축소 */
}

.sim-action-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    padding: 8px 14px;
    border: 1px solid transparent;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06); /* 그림자 약화 */
    transition: transform .05s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
    text-align: center;
}
.sim-action-bar.wide{ width:100%; justify-content: stretch; }
.sim-action-bar.wide .sim-action-btn{ flex:1 1 0; }
.sim-action-bar--score{
	justify-content: stretch;
	align-items: center;
	gap: 0;
	padding: 0;
	box-sizing: border-box;
	position: sticky;
	top: calc(var(--pland-menubar-height, 48px) + var(--pland-topbar-height, 100px));
	z-index: 40;
}
/* wide의 width:100%보다 우선 — 부모 패딩을 좌우 같이 상쇄 */
.simulator-container .sim-action-bar.wide.sim-action-bar--score{
	width: calc(100% + 20px);
	max-width: none;
	margin: 6px -10px 10px -10px;
}
@media (max-width: 768px) {
	.simulator-container .sim-action-bar.wide.sim-action-bar--score{
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}
body.pland-header-scrolled .sim-action-bar--score{
	top: var(--pland-topbar-height, 76px);
}
.sim-score-sticky-sentinel{
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	pointer-events: none;
}
.sim-action-bar--score,
.sim-action-bar--score.is-stuck{
	background: var(--pland-card-bg, #fff);
}
.sim-action-btn.compact{ font-size: 13px; padding: 8px 12px; margin-left: 5px;}

/* 시뮬 초기화 — 숫자 행 우측 */
.sim-score-bar .sim-reset-btn-sm{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-left: auto;
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	padding: 8px 14px;
	border-radius: 8px;
	border: 1px solid #cfd6de;
	background: #fff;
	color: #5a6268;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0,0,0,0.04);
	white-space: nowrap;
}
.sim-score-bar .sim-reset-btn-sm:hover{
	background: #f1f3f5;
	border-color: #adb5bd;
	color: #495057;
}
.sim-score-bar .sim-reset-btn-sm i{
	font-size: 12px;
}

/* 액션바 장비점수 원본 → 변경 */
.sim-score-bar{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px 10px;
	width: 100%;
	min-width: 0;
	flex: 1 1 auto;
	line-height: 1.3;
	font-size: 20px;
	padding: 12px 16px;
	border: 1px solid #dde3ea;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	background: var(--pland-card-bg, #fff);
	box-sizing: border-box;
}
.sim-action-bar--score.is-stuck .sim-score-bar{
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}
.sim-score-values{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	min-width: 0;
	flex: 1 1 auto;
}
.sim-score-cap{
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #8a93a0;
	letter-spacing: -0.2px;
}
.sim-score-orig-wrap,
.sim-score-now-wrap{
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.sim-score-arrow{
	color: #adb5bd;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	margin: 0 4px;
}
.sim-score-now-line{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	flex-wrap: wrap;
}
.sim-score-orig,
.sim-score-now{
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
}
.sim-score-bar .sim-score-orig .score-value,
.sim-score-bar .sim-score-now .score-value{
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	margin-left: 0;
}
.sim-score-bar .sim-score-orig .score-value{
	color: #6c757d !important;
}
.sim-score-bar .sim-score-delta{
	margin-left: 4px;
	font-size: 16px;
	font-weight: 700;
}

[data-theme='dark'] .sim-action-bar--score,
[data-theme='dark'] .sim-action-bar--score.is-stuck{
	background: var(--pland-card-bg, #151b26);
}
[data-theme='dark'] .sim-score-bar{
	border-color: rgba(255,255,255,0.12);
	background: var(--pland-card-bg, #151b26);
	box-shadow: none;
}
[data-theme='dark'] .sim-action-bar--score.is-stuck .sim-score-bar{
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.28);
}
[data-theme='dark'] .sim-score-cap{
	color: #9aa3af;
}
[data-theme='dark'] .sim-score-arrow{
	color: #6b7280;
}
[data-theme='dark'] .sim-score-bar .sim-score-orig .score-value{
	color: #9aa3af !important;
}
[data-theme='dark'] .sim-score-bar .sim-reset-btn-sm{
	background: rgba(255,255,255,0.06);
	border-color: rgba(255,255,255,0.16);
	color: #cbd5e1;
}
[data-theme='dark'] .sim-score-bar .sim-reset-btn-sm:hover{
	background: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.24);
	color: #e2e8f0;
}

.sim-action-btn:active{ transform: translateY(1px); }

.sim-action-btn.apply{
    background: #6e84ff; /* 메인 색상 적용 */
    border-color: #5a73e6; /* 테두리로 깊이감 */
    color: #fff; /* 흰색 글자 */
    box-shadow: 0 1px 4px rgba(110, 132, 255, 0.25), inset 0 1px 0 rgba(255,255,255,0.12); /* 그림자 약화 */
    margin-right: 5px;
}
.sim-action-btn.apply:hover{ 
    background: #5a73e6; /* 호버 시 약간 어두운 톤 */
    border-color:#4f67d9; 
}
.sim-action-btn.apply:focus-visible{
    outline: none;
    box-shadow: 0 0 0 2px rgba(110, 132, 255, 0.18), 0 1px 4px rgba(110, 132, 255, 0.22);
}
.sim-action-btn.apply:active{
    transform: translateY(1px);
    box-shadow: 0 1px 3px rgba(110, 132, 255, 0.18);
}

.sim-action-btn.reset{
    background: #f8f9fa; /* 차분한 회색 배경 */
    border-color: #dee2e6; /* 연한 회색 테두리 */
    color: #6c757d; /* 회색 텍스트 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.sim-action-btn.reset:hover{ 
    background: #e9ecef; 
    border-color: #adb5bd; 
    color: #5a6268; 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}


#reset-sim-btn:hover {
    background: #5a6268;
    border-color: #545b62;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3);
}

/* 시뮬레이터 그리드 영역 — 5탭 공통 */
#sim-equip-grid,
#sim-enhance-pane,
#sim-enchant-pane,
#sim-covenant-pane,
#sim-oath-upgrade-pane,
#sim-stone-grid,
#sim-summary {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 0;
    padding-bottom: 5px;
    min-height: 200px;
    border: none;
    text-align: left;
    color: #444;
}

/* 섹션 타이틀 (무기/세트) */
.sim-section-title{
    font-size: 13px;
    font-weight: 600;
    color: #666;
    margin: 6px 4px;
}

/* 장비 세로 리스트 */
.sim-equip-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* 행: 1행 아이콘+이름, 2행 조절 컨트롤 */
.sim-equip-row {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 8px;
    row-gap: 6px;
    padding: 6px 8px 8px 8px;
    border: 1px solid #edf1f5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    min-height: 0;
    position: relative;
}
/* 우상단 슬롯 라벨 */
.sim-slot-label{
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 13px;
    color: #9aa0a6;
    pointer-events: none;
}

.sim-equip-name-wrap{
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 0;
    min-width: 0;
    width: auto;
    overflow: visible;
    padding-right: 44px;
}
.sim-equip-name{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 0;
    min-width: 0;
}
.sim-equip-name-text {
    min-width: 0;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sim-equip-icon-container {
    grid-column: 1;
    grid-row: 1;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sim-equip-slot-icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.sim-ctrl-row .sim-equip-name-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.sim-ctrl-wrap {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px 8px;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
    overflow: visible;
}
.sim-ctrl-wrap > * {
    flex: 0 0 auto;
}
.sim-ctrl-wrap > .sim-equip-badges:empty,
.sim-ctrl-wrap > .sim-covenant-replace-spacer {
    display: none;
}
.sim-ctrl-wrap > .sim-legacy-toggle,
.sim-ctrl-wrap > .sim-armor-upgrade-toggle,
.sim-ctrl-wrap > .sim-weapon-variant-toggle,
.sim-ctrl-wrap > .sim-acc-variant-toggle,
.sim-ctrl-wrap > .sim-armor-upgrade-group {
    margin-left: auto;
    flex-direction: row;
    align-items: center;
}
.sim-ctrl-wrap > .sim-armor-upgrade-group ~ .sim-armor-upgrade-group {
    margin-left: 0;
}
/* 유일 정밀도 / 무기 해방 슬라이더 — 세그먼트 왼쪽, PC는 짧게 */
.sim-range-bar,
.weapon-release-container,
.sim-potency-container {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
}
.sim-ctrl-wrap > .sim-range-bar,
.sim-ctrl-wrap > .weapon-release-container,
.sim-ctrl-wrap > .sim-potency-container {
    flex: 0 1 200px;
    width: 200px;
    max-width: 220px;
    margin-left: auto;
    margin-right: 0;
}
/* 슬라이더가 보일 때만 세그먼트를 바로 옆에 붙임 (숨긴 노드가 DOM에 남아도 margin-left:auto 유지) */
.sim-ctrl-wrap > .sim-range-bar.is-range-visible + .sim-legacy-toggle,
.sim-ctrl-wrap > .sim-range-bar.is-range-visible + .sim-armor-upgrade-toggle,
.sim-ctrl-wrap > .sim-range-bar.is-range-visible + .sim-weapon-variant-toggle,
.sim-ctrl-wrap > .sim-range-bar.is-range-visible + .sim-acc-variant-toggle,
.sim-ctrl-wrap > .weapon-release-container.is-range-visible + .sim-legacy-toggle,
.sim-ctrl-wrap > .weapon-release-container.is-range-visible + .sim-armor-upgrade-toggle,
.sim-ctrl-wrap > .weapon-release-container.is-range-visible + .sim-weapon-variant-toggle,
.sim-ctrl-wrap > .weapon-release-container.is-range-visible + .sim-acc-variant-toggle,
.sim-ctrl-wrap > .sim-potency-container.is-range-visible + .sim-legacy-toggle,
.sim-ctrl-wrap > .sim-potency-container.is-range-visible + .sim-armor-upgrade-toggle,
.sim-ctrl-wrap > .sim-potency-container.is-range-visible + .sim-weapon-variant-toggle,
.sim-ctrl-wrap > .sim-potency-container.is-range-visible + .sim-acc-variant-toggle {
    margin-left: 0;
}
.sim-range-bar--digacy {
    padding: 5px 8px;
    border-radius: 8px;
    border: 1px solid #ddd6fe;
    background: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%);
}
.sim-range-bar--potency {
    padding: 5px 8px;
    border-radius: 8px;
    border: 1px solid #b8d4c0;
    background: linear-gradient(180deg, #f4faf6 0%, #e6f2ea 100%);
}
.sim-range-bar__meta {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    flex: 0 0 auto;
    min-width: 0;
    white-space: nowrap;
}
.sim-range-bar__label {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    letter-spacing: -0.2px;
}
.sim-range-bar--digacy .sim-range-bar__label {
    color: #5b4a7a;
}
.sim-range-bar--potency .sim-range-bar__label {
    color: #3d7a52;
}
.sim-range-bar__value {
    font-size: 12px;
    font-weight: 800;
    color: #0f172a;
    min-width: 2.2em;
    font-variant-numeric: tabular-nums;
}
.sim-range-bar__value::after {
    content: '%';
    margin-left: 1px;
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
}
.sim-range-bar__track {
    flex: 1 1 auto;
    min-width: 64px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    touch-action: none;
    /* 슬라이더 바 주변 회색 직사각형: 좌우만, 얇게 */
    padding: 0 6px;
    border-style: solid;
    border-width: 0 1px;
    border-color: #cbd5e1;
    border-radius: 0;
    background: #f1f5f9;
    box-sizing: border-box;
}
.sim-range-bar__input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    z-index: 2;
    --sim-range-pct: 0%;
    --sim-range-fill: #64748b;
    --sim-range-track: #e2e8f0;
}
.sim-range-bar--digacy .sim-range-bar__input {
    --sim-range-fill: #5b4a7a;
    --sim-range-track: #e9e4f5;
}
.sim-range-bar--digacy .sim-range-bar__track {
    border-color: #c4b5fd;
    background: #ede9fe;
}
.sim-range-bar--potency .sim-range-bar__input {
    --sim-range-fill: #3d7a52;
    --sim-range-track: #cfe5d6;
}
.sim-range-bar--potency .sim-range-bar__track {
    border-color: #9fc4ab;
    background: #e2f0e7;
}
.sim-range-bar__input:focus {
    outline: none;
}
.sim-range-bar__input:focus-visible {
    outline: none;
}
.sim-range-bar__input::-webkit-slider-runnable-track {
    height: 3px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(
        to right,
        var(--sim-range-fill) 0%,
        var(--sim-range-fill) var(--sim-range-pct),
        var(--sim-range-track) var(--sim-range-pct),
        var(--sim-range-track) 100%
    );
}
.sim-range-bar__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    margin-top: -5.5px;
    border: 0;
    border-radius: 50%;
    background: var(--sim-range-fill);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.22);
    transition: transform 0.12s ease;
    touch-action: none;
}
.sim-range-bar__input:active::-webkit-slider-thumb,
.sim-range-bar__input:hover::-webkit-slider-thumb {
    transform: scale(1.1);
}
.sim-range-bar__input::-moz-range-track {
    height: 3px;
    border: 0;
    border-radius: 999px;
    background: var(--sim-range-track);
}
.sim-range-bar__input::-moz-range-progress {
    height: 3px;
    border: 0;
    border-radius: 999px;
    background: var(--sim-range-fill);
}
.sim-range-bar__input::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 0;
    border-radius: 50%;
    background: var(--sim-range-fill);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.22);
}

@media (max-width: 640px) {
    /* 슬라이더는 아래 줄로 — 세그먼트 위치(오른쪽)는 유지 */
    .sim-ctrl-wrap > .sim-range-bar,
    .sim-ctrl-wrap > .weapon-release-container,
    .sim-ctrl-wrap > .sim-potency-container {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
        order: 20;
        margin-left: 0;
        margin-right: 0;
    }
    .sim-ctrl-wrap > .sim-range-bar.is-range-visible + .sim-legacy-toggle,
    .sim-ctrl-wrap > .sim-range-bar.is-range-visible + .sim-armor-upgrade-toggle,
    .sim-ctrl-wrap > .sim-range-bar.is-range-visible + .sim-weapon-variant-toggle,
    .sim-ctrl-wrap > .sim-range-bar.is-range-visible + .sim-acc-variant-toggle,
    .sim-ctrl-wrap > .weapon-release-container.is-range-visible + .sim-legacy-toggle,
    .sim-ctrl-wrap > .weapon-release-container.is-range-visible + .sim-armor-upgrade-toggle,
    .sim-ctrl-wrap > .weapon-release-container.is-range-visible + .sim-weapon-variant-toggle,
    .sim-ctrl-wrap > .weapon-release-container.is-range-visible + .sim-acc-variant-toggle,
    .sim-ctrl-wrap > .sim-potency-container.is-range-visible + .sim-legacy-toggle,
    .sim-ctrl-wrap > .sim-potency-container.is-range-visible + .sim-armor-upgrade-toggle,
    .sim-ctrl-wrap > .sim-potency-container.is-range-visible + .sim-weapon-variant-toggle,
    .sim-ctrl-wrap > .sim-potency-container.is-range-visible + .sim-acc-variant-toggle {
        margin-left: auto;
    }
    .sim-range-bar__meta {
        min-width: 64px;
    }
}

/* 탭 상단 일괄 툴바 — 증폭/마부/서약업글 공통 */
.sim-tab-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    padding: 6px 8px 6px 10px;
    min-height: 40px;
    background: #f4f6fb;
    border: 1px solid #dbe1ee;
    border-radius: 8px;
    box-shadow: none;
}
.sim-tab-toolbar-label {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    color: #6e84ff;
    letter-spacing: -0.2px;
    white-space: nowrap;
    padding-right: 4px;
    border-right: 1px solid #d5dceb;
    margin-right: 2px;
    line-height: 1.2;
}
.sim-tab-toolbar-controls {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
}
.sim-tab-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    flex: 0 0 auto;
}
.sim-tab-toolbar-btn {
    min-width: 0;
    height: 28px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #d8dee4;
    background: #ffffff;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.sim-tab-toolbar-btn i {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
}
.sim-tab-toolbar-btn:hover {
    background: #f3f6f9;
    border-color: #cfd7df;
}
.sim-tab-toolbar-btn.primary {
    color: #fff;
    background: #6e84ff;
    border-color: #5a73e6;
}
.sim-tab-toolbar-btn.primary:hover {
    background: #5a73e6;
    border-color: #4f67d9;
}

/* 세그먼트/토글은 이름 말줄임에 눌리지 않도록 고정 */
.sim-equip-name-wrap > .sim-legacy-toggle,
.sim-equip-name-wrap > .sim-armor-upgrade-toggle,
.sim-equip-name-wrap > .sim-weapon-variant-toggle,
.sim-equip-name-wrap > .sim-acc-variant-toggle {
    flex: 0 0 auto;
    flex-shrink: 0;
    max-width: none;
}

/* 장비 이름은 미표기 (요청에 따라 제거) */

/* 버튼 리파인: 정사각, 미니멀, 선명한 호버, 포커스 제거 */
.sim-equip-btn{
    min-width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 6px;
    border: 1px solid #d8dee4;
    background: #ffffff; /* 원래 흰색 배경으로 복구 */
    color: #333;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease;
}
.sim-equip-btn:hover{
    background: #f3f6f9;
    border-color: #cfd7df;
}
.sim-equip-btn:active{
    transform: translateY(1px);
}
.sim-equip-btn:focus{ outline: none; box-shadow: none; }

/* 강조/주의 색상은 은은하게 */
.sim-equip-btn.primary{ color:#0b66c3; background:#f1f7ff; border-color:#d3e6ff; }
.sim-equip-btn.primary:hover{ background:#e8f2ff; border-color:#c7ddff; }
.sim-equip-btn.warning{ color:#8a5600; background:#fff7ea; border-color:#ffe0b3; }
.sim-equip-btn.warning:hover{ background:#fff0d6; border-color:#ffd79a; }

/* 버튼 텍스트(<<, <, >, >>) 간격/가독성 보정 */
.sim-equip-btn{ font-size: 12px; letter-spacing: 0.2px; }

/* 배지 영역 정렬 여유 */
.sim-equip-badges{ gap: 8px; }

/* 레거시 체크박스 (무기 전용 토글) */
.sim-legacy-toggle{
    display: inline-flex;
    flex-direction: column; /* 라벨을 위로 */
    align-items: flex-start; /* 좌측 정렬 */
    gap: 4px;
    margin-left: 8px; /* 이름/배지 뒤 간격 */
    vertical-align: middle;
}
.sim-legacy-toggle .legacy-label{
    font-size: 9px;
    color: #333;
    line-height: 1.1;
    text-align: center; /* 텍스트 중앙 정렬 */
}
.sim-armor-upgrade-group {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #e5e7eb;
    white-space: nowrap;
}
.sim-armor-upgrade-toggle {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.sim-acc-variant-toggle {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.sim-armor-relic-toggle {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.sim-armor-upgrade-btn {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #6b7280;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
    line-height: 1.2;
    cursor: pointer;
    min-width: 36px;
}
.sim-armor-upgrade-btn:first-child {
    border-radius: 6px 0 0 6px;
}
.sim-armor-upgrade-btn:last-child {
    border-radius: 0 6px 6px 0;
}
.sim-armor-upgrade-btn:only-child {
    border-radius: 6px;
}
.sim-armor-upgrade-btn.active {
    background: #9ca3af;
    color: #fff;
}
.sim-armor-upgrade-btn[data-armor-upgrade="디레방어구"].active {
    background: var(--sim-jamsik);
}
.sim-armor-upgrade-btn[data-armor-upgrade="축성"].active {
    background: var(--sim-chukseong);
    color: var(--sim-chukseong-text);
}
.sim-armor-upgrade-btn[data-armor-relic="성유물"].active {
    background: linear-gradient(180deg, #c9a227 0%, #8b6914 100%);
    color: #fff;
}
.sim-armor-upgrade-btn[data-covenant-pair="same"].active {
    background: #6e84ff;
    color: #fff;
}
.sim-armor-upgrade-btn[data-covenant-pair="opposite"].active {
    background: #64748b;
    color: #fff;
}
.sim-armor-upgrade-btn[data-enhance-type="reinforce"].active {
    background: #ffffff;
    color: #68D5ED;
    box-shadow: inset 0 0 0 1px #c4c9d1;
}
.sim-armor-upgrade-btn[data-enhance-type="amplify"].active {
    background: #ffffff;
    color: #FF00FF;
    font-weight: 500;
    box-shadow: inset 0 0 0 1px #c4c9d1;
}
.sim-armor-upgrade-btn[data-tier="1"].active {
    background: #6e84ff;
    color: #fff;
}
.sim-armor-upgrade-btn[data-tier="2"].active {
    background: #62ad83;
    color: #fff;
}
.sim-armor-upgrade-btn[data-tier="3"].active {
    background: #a3a7a5;
    color: #fff;
}
.sim-armor-upgrade-btn[data-oath-on="1"].active,
.sim-armor-upgrade-btn[data-oath-batch="fill"].active {
    background: #6e84ff;
    color: #fff;
}
.sim-armor-upgrade-btn[data-pt="on"].active {
    background: #6e84ff;
    color: #fff;
}
.sim-armor-upgrade-btn[data-pt="off"].active {
    background: #9ca3af;
    color: #fff;
}
.sim-weapon-variant-toggle {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    flex-shrink: 0;
    margin-left: 8px;
    vertical-align: middle;
}
.sim-weapon-variant-btn .sim-weapon-variant-label {
    display: inline-block;
    position: relative;
    z-index: 1;
    line-height: inherit;
    font-weight: inherit;
}
.sim-weapon-variant-btn[data-weapon-variant="레거시"].active {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    background-image: linear-gradient(var(--sim-variant-fill), var(--sim-variant-fill)), var(--sim-sole-gradient) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    -webkit-text-fill-color: unset;
    color: transparent;
}
.sim-weapon-variant-btn[data-weapon-variant="레거시"].active .sim-weapon-variant-label {
    background-image: var(--sim-sole-gradient) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}
.sim-weapon-variant-btn[data-weapon-variant="디거시"].active {
    background: var(--sim-digacy);
    color: #fff;
}
/* 악세 일반/흑아/유일 — 연회색 배경 + 바깥쪽 얇은 그라데이션 보더 + 그라데이션 글자 */
.sim-acc-variant-btn .sim-acc-variant-label {
    display: inline-block;
    position: relative;
    z-index: 1;
    line-height: inherit;
    font-weight: inherit;
}
.sim-acc-variant-btn[data-acc-variant="흑아"].active,
.sim-acc-variant-btn[data-acc-variant="유일"].active {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    -webkit-text-fill-color: unset;
}
.sim-acc-variant-btn[data-acc-variant="흑아"].active {
    background-image: linear-gradient(var(--sim-variant-fill), var(--sim-variant-fill)), var(--sim-heuka-gradient) !important;
}
.sim-acc-variant-btn[data-acc-variant="유일"].active {
    background-image: linear-gradient(var(--sim-variant-fill), var(--sim-variant-fill)), var(--sim-sole-gradient) !important;
}
.sim-acc-variant-btn[data-acc-variant="흑아"].active::before,
.sim-acc-variant-btn[data-acc-variant="흑아"].active::after,
.sim-acc-variant-btn[data-acc-variant="유일"].active::before,
.sim-acc-variant-btn[data-acc-variant="유일"].active::after {
    content: none !important;
    display: none !important;
}
/* 그라데이션 글자 */
.sim-acc-variant-btn[data-acc-variant="흑아"].active .sim-acc-variant-label {
    background-image: var(--sim-heuka-gradient) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}
.sim-acc-variant-btn[data-acc-variant="유일"].active .sim-acc-variant-label {
    background-image: var(--sim-sole-gradient) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}
.legacy-switch{
    position: relative;
    display: inline-block;
    width: 30px; /* 노브(16px) + 좌2px + 이동10px + 우2px */
    height: 20px;
}
.legacy-switch .legacy-checkbox{
    opacity: 0;
    width: 0;
    height: 0;
}
.legacy-slider{
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #cfd7df;
    transition: background-color .2s ease;
    border-radius: 12px;
}
.legacy-slider:before{
    position: absolute;
    content: '';
    height: 16px; width: 16px; /* 더 두툼한 원 */
    left: 2px; top: 2px; /* 패딩 감안한 위치 */
    background-color: #ffffff;
    border-radius: 50%;
    transition: transform .2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.legacy-switch .legacy-checkbox:checked + .legacy-slider{
    background-color: #6e84ff; /* 메인 색상으로 통일 */
}
.legacy-switch .legacy-checkbox:checked + .legacy-slider:before{
    transform: translateX(10px); /* 이동량을 줄여 살짝만 이동하는 느낌 */
}

/* 3단계 토글 스위치 (태초 무기 전용) - 흑아 토글과 동일한 스타일 */
.three-way-toggle-switch{
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
}
.three-way-switch{
    position: relative;
    display: inline-block;
    width: 90px; /* 3개 옵션을 위한 너비 (30px * 3) */
    height: 20px;
    cursor: pointer;
}
.three-way-switch .three-way-radio{
    position: absolute;
    opacity: 0;
    width: 30px; /* 각 옵션 영역 너비 */
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 11;
    pointer-events: auto;
}
.three-way-switch .three-way-radio:nth-child(1){
    left: 0;
}
.three-way-switch .three-way-radio:nth-child(2){
    left: 30px;
}
.three-way-switch .three-way-radio:nth-child(3){
    left: 60px;
}
.three-way-slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cfd7df;
    transition: background-color 0.2s ease;
    border-radius: 12px;
    z-index: 1;
    pointer-events: none;
}
.three-way-slider:before{
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    left: 2px;
    top: 2px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: transform 0.2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.three-way-switch .three-way-radio:nth-child(1):checked ~ .three-way-slider{
    background-color: #6e84ff;
}
.three-way-switch .three-way-radio:nth-child(1):checked ~ .three-way-slider:before{
    transform: translateX(0px);
}
.three-way-switch .three-way-radio:nth-child(2):checked ~ .three-way-slider{
    background-color: #6e84ff;
}
.three-way-switch .three-way-radio:nth-child(2):checked ~ .three-way-slider:before{
    transform: translateX(30px);
}
.three-way-switch .three-way-radio:nth-child(3):checked ~ .three-way-slider{
    background-color: #6e84ff;
}
.three-way-switch .three-way-radio:nth-child(3):checked ~ .three-way-slider:before{
    transform: translateX(60px);
}

.sim-data-table-td {
    /* border: 1px solid #ddd; */
    border: none;
    padding: 6px 0px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

/* 조율 배지 커스텀 (노란 테두리, 검정 배경, 노란 글자) */
.sim-equip-badge.tune{
    background: #252222;
    color: #ffcc33 !important; /* 노란 숫자 - 태초 그라데이션 영향 방지 */
    border: 1px solid #ffcc33; /* 노란 테두리 */
    font-weight: 600;
    letter-spacing: 0.6px; /* 시각적 중앙 보정 */
    font-size: 10px; /* 가독성+중앙 정렬 보정 */
    width: 17px; /* 정사각형 */
    height: 17px; /* 정사각형 */
    line-height: 17px; /* 라인박스 기준 수직 중앙 보정 */
    padding: 0 0 1px 1px; /* 정사각형 유지 */
    border-radius: 6px; /* 더 둥글게 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    margin-left: 0;
    flex: 0 0 auto;
    flex-shrink: 0;
    opacity: 0.8; /* 80% 불투명도 */
    position: relative; /* z-index 적용을 위해 */
    z-index: 1; /* 태초 그라데이션 위에 표시 */
    -webkit-text-fill-color: #ffcc33 !important; /* 태초 그라데이션 영향 방지 */
    background-clip: border-box !important; /* 텍스트 클리핑 방지 */
    -webkit-background-clip: border-box !important; /* 텍스트 클리핑 방지 */
}

/* 유일 정밀도 배지 (미사용 — 슬라이더로 대체) */

/* 시뮬레이터 애니메이션 */
.simulator-fade-in {
    animation: simulatorFadeIn 0.6s ease-out;
}

@keyframes simulatorFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 세트 선택기: 타일 그리드 */
.sim-set-selector{ 
    margin: 0; 
    padding: 0;
    background: transparent; 
    border: none;
    overflow-x: visible;
}
.sim-set-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    gap: 6px; /* 항목 간격 약간 축소 */
}
/* 스크롤바 숨김 (세트 선택 전용) */
.sim-set-selector,
.sim-set-grid{
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none;    /* Firefox */
}
.sim-set-selector::-webkit-scrollbar,
.sim-set-grid::-webkit-scrollbar{ display: none; } /* Chrome/Safari/Opera */

.set-tile{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3px 0 0 0; /* 패딩 축소 */
    margin: 3px 0;
    background: transparent;
    border: 1px dashed transparent;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
}
.set-tile:hover{ background: rgba(0,0,0,0.03); }
.set-tile.active{ border-color: #c8e1ff; background: #f2f8ff; }

/* 아이콘 사이즈 약간 축소 */
.set-tile-img{ width: 32px; height: 32px; object-fit: contain; }
.set-tile-label{
    margin-top: 3px; /* 간격 축소 */
    font-size: 11px; /* 글자 크기 소폭 축소 */
    color: #444;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 모바일: 가로 스크롤, 아이콘 더 작게 */
@media (max-width: 640px){
    .sim-set-selector{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .sim-set-grid{ 
        display: flex;
        gap: 4px; /* 모바일 간격 추가 축소 */
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch; 
        flex-wrap: nowrap; 
    }
    .set-tile{ min-width: 64px; padding: 4px 2px; }
    .set-tile-img{ width: 24px; height: 24px; }
    .set-tile-label{ font-size: 11px; }
}


/* 모바일에서 좌우 버튼 간격 더 촘촘하게, 버튼과 아래 라벨 간격 축소 */
@media (max-width: 640px){
    .sim-equip-row{ 
        column-gap: 4px; 
        row-gap: 4px;
        padding: 6px 8px 8px 8px;
        min-height: 0;
    }
    .sim-equip-row .sim-equip-name-wrap {
        margin-top: 0;
        overflow: visible;
        max-width: 100%;
        width: auto;
        min-width: 0;
    }
    .sim-equip-row .sim-equip-name {
        white-space: nowrap;
        overflow: hidden;
        word-break: normal;
        overflow-wrap: normal;
        flex: 1 1 0;
        min-width: 0;
        max-width: none;
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .sim-equip-row .sim-equip-name-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        flex: 0 1 auto;
    }
    .sim-equip-row .sim-equip-badge.tune {
        flex: 0 0 auto;
        flex-shrink: 0;
    }
    .sim-equip-row .sim-legacy-toggle,
    .sim-equip-row .sim-armor-upgrade-toggle,
    .sim-equip-row .sim-weapon-variant-toggle,
    .sim-equip-row .sim-acc-variant-toggle {
        flex: 0 0 auto;
        flex-shrink: 0;
    }
    .sim-equip-row .sim-armor-upgrade-btn,
    .sim-equip-row .sim-weapon-variant-btn,
    .sim-equip-row .sim-acc-variant-btn {
        flex-shrink: 0;
        white-space: nowrap;
    }
    .sim-equip-btn{ min-width: 26px; height: 26px; font-size: 12px; }
}

/* 점수 변화 표시 - 괄호 안 증감 */
.score-change-indicator {
    font-size: 12px;
    font-weight: 500;
    color: #2196f3;
    margin-left: 0;
}

@media (max-width: 768px) {
    .simulator-container .sim-score-bar {
        font-size: 19px;
    }
    .simulator-container .sim-score-bar .sim-score-orig .score-value,
    .simulator-container .sim-score-bar .sim-score-now .score-value {
        font-size: 19px;
    }
    .simulator-container .sim-score-bar .sim-score-cap {
        font-size: 11px;
    }
    .simulator-container .sim-score-bar .sim-score-delta,
    .simulator-container .sim-score-bar .score-change-indicator {
        font-size: 15px;
    }
    .simulator-container .sim-score-bar .sim-reset-btn-sm {
        font-size: 12px;
    }
}

.score-change-indicator.negative {
    color: #dc3545;
}

/* 버프 점수 변화 인디케이터 - 일반 점수와 동일한 스타일 */
.buff-score-change-indicator {
    font-size: 12px;
    font-weight: 500;
    color: #2196f3;
    margin-left: 0;
}

.buff-score-change-indicator.negative {
    color: #dc3545;
}

/* 점수 변화 애니메이션 - 간단하게 */
.score-change-animation {
    transition: color 0.3s ease;
    color: #2196f3;
}

.score-change-animation.negative {
    color: #dc3545;
}

/* 시뮬 서약 탭: 캐릭터 페이지와 동일 열 레이아웃 */
.sim-covenant-tab-shell.ei_covenant-tab-as-equip {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 0;
}
#sim-covenant-pane .ei_covenant-lower.gi_content-area-sub {
	scroll-snap-type: none;
}
#sim-covenant-pane .ei_covenant-lower .gi_main-content {
	scroll-snap-align: none;
}
@media (min-width: 485px) {
	#sim-covenant-pane .ei_covenant-lower.gi_content-area-sub {
		overflow-x: visible;
	}
	#sim-covenant-pane .ei_covenant-lower .gi_main-content {
		flex: 1 1 0;
		min-width: 0;
	}
}
@media (max-width: 485px) {
	#sim-covenant-pane .ei_covenant-lower.gi_content-area-sub {
		flex-direction: column;
		overflow-x: visible;
	}
	#sim-covenant-pane .ei_covenant-lower .gi_main-content {
		flex: 1 1 auto !important;
		min-width: 0;
		width: 100%;
	}
}

#sim-common-area {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 3px;
}

/* 현재 세트/서약 정보 표시 — 무기 행과 같은 카드 간격 */
.current-set-info {
    padding: 6px 8px 8px 8px;
    background: #fff;
    border: 1px solid #edf1f5;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    font-size: 12px;
    margin-bottom: 0;
}

.set-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.set-info-header h5 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.set-info-badge {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.6;
}

.current-set-info--equip,
.current-set-info--covenant {
    background: #f5f9ff;
    border-color: #d6e6fb;
}

.current-set-info--equip .set-info-header h5,
.current-set-info--covenant .set-info-header h5 {
    color: #2a5a9a;
}

.current-set-info--equip .set-info-badge,
.current-set-info--covenant .set-info-badge {
    background: #dbeafe;
    color: #2563eb;
}

.set-info-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.set-icon-container {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.set-icon {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid #ddd;
    object-fit: cover;
}

.set-details {
    flex: 1;
}

.set-name {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
    line-height: 1.2;
}

.set-point {
    font-size: 11px;
    color: #666;
    font-weight: 500;
    line-height: 1.2;
}

/* 세트 이름 레어리티 색상 */
.set-name.rarity-common {
    color: #666 !important;
}

.set-name.rarity-uncommon {
    color: #68D5ED !important;
}

.set-name.rarity-rare {
    color: #B36BFF !important;
}

.set-name.rarity-unique {
    color: #FF00FF !important;
}

.set-name.rarity-legendary {
    color: #FF7800 !important;
}

.set-name.rarity-epic {
    color: #FFB400 !important;
}

.set-name.rarity-mythic {
    color: #FFB400 !important;
}

.set-name.rarity-first {
    color: transparent !important;
    background: -webkit-linear-gradient(top, #28d931, #33acea) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 고유 버튼 스타일 - 일반 장비 상태 (버튼 텍스트: "일반 + 아이콘") */
.sim-equip-btn.info {
	background: #f8f9fa;
	color: #6c757d;
	border: 1px solid #dee2e6;
	font-weight: 600;
	font-size: 11px;
	padding: 2px 4px 2px 6px;
	min-width: 40px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-left: 4px;
}

.sim-equip-btn.info:hover {
	background: #e9ecef;
	border-color: #adb5bd;
	color: #5a6268;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.sim-equip-btn.info i {
	font-size: 10px;
}

/* 고유 버튼 스타일 - 고유 장비 상태 (버튼 텍스트: "고유 + 아이콘") */
.sim-equip-btn.info.is-unique {
	background: #6e84ff;
	color: white;
	border: 1px solid #5a73e6;
	box-shadow: 0 1px 4px rgba(110, 132, 255, 0.25), inset 0 1px 0 rgba(255,255,255,0.12);
}

.sim-equip-btn.info.is-unique:hover {
	background: #5a73e6;
	border-color: #4f67d9;
	box-shadow: 0 1px 4px rgba(110, 132, 255, 0.3), inset 0 1px 0 rgba(255,255,255,0.15);
}

/* 융합석 정보 컨테이너 */
.fusion-stone-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}

/* 융합석 세트 이름 */
.fusion-set-name {
	font-size: 11px;
	color: #6c757d;
	font-weight: normal;
}

.sim-enhance-container,
.sim-enchant-container,
.sim-oath-upgrade-container {
	padding: 0 0 8px;
}

.sim-equip-fusion-name {
	font-size: 11px;
	color: #9ca3af;
	line-height: 1.2;
}

.sim-enhance-level-group {
	display: flex;
	align-items: center;
	gap: 4px;
}

.sim-enhance-level-group .sim-equip-btn {
	min-width: 26px;
	height: 26px;
	font-size: 14px;
}

.sim-enhance-level-display {
	min-width: 24px;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: #333;
}
.sim-enhance-level-display.is-reinforce {
	color: #68D5ED;
}
.sim-enhance-level-display.is-amplify {
	color: #FF00FF;
	font-weight: 500;
}

@media (max-width: 767px) {
	.sim-equip-row .sim-equip-name-text,
	.sim-equip-row .sim-equip-fusion-name,
	.sim-equip-row .sim-enchant-name {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: normal;
		overflow-wrap: normal;
		min-width: 0;
	}
	.sim-equip-row .sim-equip-name {
		display: flex;
		align-items: center;
		gap: 4px;
		overflow: hidden;
		white-space: nowrap;
		min-width: 0;
	}
	.sim-equip-row .sim-equip-badge.tune {
		flex: 0 0 auto;
		flex-shrink: 0;
	}
}

/* 서약 시뮬: 일괄 조율·레어리티 (sim-covenant.js) */
.sim-covenant-toolbar {
	margin-top: 8px;
	padding: 8px 10px;
	background: rgba(248, 249, 250, 0.95);
	border: 1px solid #e2e5e9;
	border-radius: 6px;
}
.sim-covenant-toolbar-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	font-size: 13px;
}
.sim-covenant-toolbar-label {
	color: #555;
	font-weight: 600;
	white-space: nowrap;
}
.sim-covenant-toolbar-select {
	min-width: 100px;
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 13px;
	background: #fff;
}
.sim-covenant-toolbar-btn {
	padding: 5px 12px;
	border-radius: 4px;
	border: 1px solid #5c6bc0;
	background: #5c6bc0;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
.sim-covenant-toolbar-btn:hover {
	filter: brightness(1.06);
}
.sim-covenant-toolbar-btn.ghost {
	background: #fff;
	color: #444;
	border-color: #ccc;
}
/* 서약 탭: 장비와 동일 그리드(교체 버튼 자리 맞춤) */
.sim-covenant-replace-spacer {
	min-width: 40px;
	width: 40px;
}
.sim-covenant-pane-inner {
	width: 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.sim-equip-row.sim-covenant-row.sim-covenant-row--empty {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	min-height: 52px;
}
.sim-equip-row.sim-covenant-row.sim-covenant-row--empty .sim-equip-name-wrap {
	margin-top: 0;
	width: 100%;
}

.sim-enchant-name {
	font-size: 12px;
	font-weight: 500;
	color: #6b7280;
	line-height: 1.35;
	width: 100%;
	min-width: 0;
}
.sim-enchant-empty {
	color: #9ca3af;
	font-weight: 500;
}
.sim-enchant-meta,
.sim-oath-upgrade-effects {
	font-size: 12px;
	color: #6b7280;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.sim-armor-upgrade-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
.sim-armor-upgrade-btn.sim-relic-disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
.sim-armor-upgrade-btn.sim-relic-disabled.active {
	background: transparent;
	color: #6b7280;
}
.sim-oath-upgrade-row.is-off {
	opacity: 0.72;
	background: #fafafa;
}
.sim-oath-upgrade-empty {
	padding: 24px 12px;
	text-align: center;
	color: #9aa0a6;
	font-size: 13px;
	background: #fff;
	border: 1px dashed #e5e7eb;
	border-radius: 8px;
}
.sim-oath-upgrade-icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

@media (max-width: 640px) {
	.sim-ctrl-wrap {
		gap: 4px 6px;
	}
	.sim-armor-upgrade-btn {
		padding: 5px 7px;
		font-size: 11px;
		min-width: 0;
	}
	.sim-tab-toolbar-btn {
		width: 28px;
		padding: 0;
	}
	.sim-tab-toolbar-btn i {
		display: inline-block;
		font-size: 12px;
	}
	.sim-tab-toolbar-btn:not(.primary) .sim-tab-toolbar-btn-text {
		display: none;
	}
	/* 적용 버튼 없는 탭(세트/서약): 초기화만 있으면 글자도 표시 */
	.sim-tab-toolbar-actions > .sim-tab-toolbar-btn:only-child {
		width: auto;
		padding: 0 10px;
	}
	.sim-tab-toolbar-actions > .sim-tab-toolbar-btn:only-child .sim-tab-toolbar-btn-text {
		display: inline;
	}
	.sim-tab-toolbar-btn.primary {
		width: auto;
		padding: 0 10px;
	}
	/* 모바일 적용 버튼도 아이콘+글자 */
	.sim-tab-toolbar-btn.primary i {
		display: inline-block;
	}
}

@media (max-width: 520px) {
	#sim-equip-tabs .gi_tab-btn {
		font-size: 12px;
		padding: 6px 2px;
	}
}

.sim-gear-row .sim-ctrl-wrap > .sim-armor-upgrade-group {
    flex: 0 0 auto;
}
.sim-gear-search-wrap {
    position: relative;
    min-width: 0;
}
.sim-gear-search {
    width: 100%;
    height: 28px;
    padding: 0 8px;
    border: 1px solid #d4d4d8;
    border-radius: 6px;
    font-size: 12px;
    background: #fff;
    box-sizing: border-box;
}
.sim-gear-search:focus {
    outline: none;
    border-color: #6e84ff;
}
.sim-gear-results {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 2px);
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    z-index: 20;
}
.sim-gear-results.open {
    display: block;
}
.sim-gear-result {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 6px 8px;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font-size: 12px;
}
.sim-gear-result:hover,
.sim-gear-result.active {
    background: #f4f4f5;
}
.sim-gear-result img {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}
.sim-gear-result-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ========== 시뮬 탭·세부 다크모드 ========== */
[data-theme='dark'] .simulator-container .sim-section-title {
    color: #94a3b8;
}
[data-theme='dark'] .sim-tab-toolbar {
    background: #1a2230;
    border-color: #3a4658;
}
[data-theme='dark'] .sim-tab-toolbar-label {
    color: #a8b6ff;
    border-right-color: #3a4658;
}
[data-theme='dark'] .sim-tab-toolbar-btn {
    background: #1c2433;
    border-color: #3a4658;
    color: #e2e8f0;
}
[data-theme='dark'] .sim-tab-toolbar-btn:hover {
    background: #243042;
    border-color: #5b7bb8;
}
[data-theme='dark'] .sim-tab-toolbar-btn.primary {
    background: #6e84ff;
    border-color: #5a73e6;
    color: #fff;
}
[data-theme='dark'] .sim-tab-toolbar-btn.primary:hover {
    background: #5a73e6;
    border-color: #4f67d9;
}
[data-theme='dark'] .sim-tab-toolbar select,
[data-theme='dark'] .sim-tab-toolbar .form-control,
[data-theme='dark'] .sim-tab-toolbar-controls select {
    background: #1c2433;
    border-color: #3a4658;
    color: #f1f5f9;
}
[data-theme='dark'] .sim-tab-toolbar select option,
[data-theme='dark'] .sim-tab-toolbar-controls select option {
    background: #1c2433;
    color: #f1f5f9;
}

[data-theme='dark'] .sim-equip-row {
    background: #1c2433;
    border-color: #2a3444;
    box-shadow: none;
}
[data-theme='dark'] .sim-slot-label {
    color: #94a3b8;
}
[data-theme='dark'] .sim-equip-name:not([class*='rarity-']),
[data-theme='dark'] .sim-equip-name-text:not([class*='rarity-']),
[data-theme='dark'] .sim-data-table-td:not([class*='rarity-']) {
    color: #e8ecf4;
}
[data-theme='dark'] .sim-equip-fusion-name,
[data-theme='dark'] .fusion-set-name {
    color: #94a3b8;
}
[data-theme='dark'] .sim-enchant-name,
[data-theme='dark'] #sim-enchant-pane .sim-enchant-name,
[data-theme='dark'] #sim-enchant-list .sim-enchant-name {
    color: #e2e8f0 !important;
}
[data-theme='dark'] .sim-enchant-empty,
[data-theme='dark'] #sim-enchant-pane .sim-enchant-empty,
[data-theme='dark'] #sim-enchant-list .sim-enchant-empty {
    color: #94a3b8 !important;
}
[data-theme='dark'] .sim-enchant-meta,
[data-theme='dark'] .sim-oath-upgrade-effects {
    color: #cbd5e1 !important;
}
[data-theme='dark'] .sim-enchant-meta span,
[data-theme='dark'] .sim-oath-upgrade-effects span {
    color: inherit !important;
}
[data-theme='dark'] #sim-enchant-pane .sim-equip-name:not([class*='rarity-']),
[data-theme='dark'] #sim-enchant-list .sim-equip-name:not([class*='rarity-']) {
    color: #f1f5f9 !important;
}
[data-theme='dark'] #sim-enchant-pane .sim-slot-label,
[data-theme='dark'] #sim-enchant-list .sim-slot-label {
    color: #a8b6ff;
}
[data-theme='dark'] .sim-oath-upgrade-empty {
    color: #94a3b8;
}
[data-theme='dark'] .sim-oath-upgrade-row.is-off {
    opacity: 0.55;
}

[data-theme='dark'] .sim-equip-btn {
    background: #1c2433;
    border-color: #3a4658;
    color: #e2e8f0;
}
[data-theme='dark'] .sim-equip-btn:hover {
    background: #243042;
    border-color: #5b7bb8;
}
[data-theme='dark'] .sim-equip-btn.warning {
    background: #3a2e1a;
    border-color: #a87b2d;
    color: #fbbf24;
}
[data-theme='dark'] .sim-equip-btn.warning:hover {
    background: #4a3a22;
    border-color: #d4a017;
}

[data-theme='dark'] .sim-legacy-toggle .legacy-label {
    color: #cbd5e1;
}
[data-theme='dark'] .sim-armor-upgrade-group {
    background: #121821;
}
[data-theme='dark'] .sim-armor-upgrade-btn {
    color: #94a3b8;
}
/* 종결/준종결/가성비·기타 활성 색은 라이트와 동일하게 유지 (회색 active로 덮지 않음) */
[data-theme='dark'] .sim-armor-upgrade-btn[data-tier="1"].active {
    background: #6e84ff;
    color: #fff;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-tier="2"].active {
    background: #62ad83;
    color: #fff;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-tier="3"].active {
    background: #a3a7a5;
    color: #fff;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-oath-on="1"].active,
[data-theme='dark'] .sim-armor-upgrade-btn[data-oath-batch="fill"].active,
[data-theme='dark'] .sim-armor-upgrade-btn[data-pt="on"].active {
    background: #6e84ff;
    color: #fff;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-pt="off"].active {
    background: #9ca3af;
    color: #fff;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-covenant-pair="same"].active {
    background: #6e84ff;
    color: #fff;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-covenant-pair="opposite"].active {
    background: #64748b;
    color: #fff;
}
[data-theme='dark'] .sim-armor-upgrade-btn.active:not([data-tier]):not([data-enhance-type]):not([data-armor-upgrade]):not([data-oath-on]):not([data-oath-batch]):not([data-pt]):not([data-covenant-pair]):not([data-weapon-variant]):not([data-acc-variant]) {
    background: #4b5563;
    color: #fff;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-armor-upgrade="디레방어구"].active,
[data-theme='dark'] .sim-weapon-variant-btn[data-weapon-variant="디거시"].active {
    background: #8b75c4 !important;
    color: #fff !important;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-armor-upgrade="축성"].active {
    background: var(--sim-chukseong) !important;
    color: #3d3200 !important;
}

[data-theme='dark'] .sim-enhance-level-display {
    color: #e2e8f0;
}
[data-theme='dark'] .sim-enhance-level-display.is-reinforce {
    color: #68D5ED;
}
[data-theme='dark'] .sim-enhance-level-display.is-amplify {
    color: #FF66FF;
}

[data-theme='dark'] .sim-range-bar--digacy {
    border-color: #5b4a7a;
    background: linear-gradient(180deg, #2a2440 0%, #1e1a30 100%);
}
[data-theme='dark'] .sim-range-bar--potency {
    border-color: #3d6a4e;
    background: linear-gradient(180deg, #1a2a22 0%, #15221c 100%);
}
[data-theme='dark'] .sim-range-bar__label {
    color: #94a3b8;
}
[data-theme='dark'] .sim-range-bar--digacy .sim-range-bar__label {
    color: #c4b5fd;
}
[data-theme='dark'] .sim-range-bar--potency .sim-range-bar__label {
    color: #86efac;
}
[data-theme='dark'] .sim-range-bar__value {
    color: #f1f5f9;
}

[data-theme='dark'] .set-tile:hover {
    background: rgba(110, 132, 255, 0.12);
}
[data-theme='dark'] .set-tile.active {
    border-color: #6e84ff;
    background: rgba(110, 132, 255, 0.22);
}
[data-theme='dark'] .set-tile-label {
    color: #e2e8f0;
}

[data-theme='dark'] .sim-covenant-toolbar {
    background: #1a2230;
    border-color: #3a4658;
}
[data-theme='dark'] .sim-covenant-toolbar-label {
    color: #cbd5e1;
}
[data-theme='dark'] .sim-covenant-toolbar-select {
    background: #1c2433;
    border-color: #3a4658;
    color: #f1f5f9;
}
[data-theme='dark'] .sim-covenant-toolbar-btn.ghost {
    background: #1c2433;
    color: #e2e8f0;
    border-color: #3a4658;
}

[data-theme='dark'] .sim-gear-search {
    background: #1c2433;
    border-color: #3a4658;
    color: #f1f5f9;
}
[data-theme='dark'] .sim-gear-search:focus {
    border-color: #6e84ff;
}
[data-theme='dark'] .sim-gear-search::placeholder {
    color: #64748b;
}
[data-theme='dark'] .sim-gear-results {
    background: #151b26;
    border-color: #3a4658;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
[data-theme='dark'] .sim-gear-result {
    color: #e8ecf4;
}
[data-theme='dark'] .sim-gear-result:hover,
[data-theme='dark'] .sim-gear-result.active {
    background: rgba(110, 132, 255, 0.18);
}

[data-theme='dark'] .sim-action-btn.reset {
    background: #1c2433;
    border-color: #3a4658;
    color: #e2e8f0;
}
[data-theme='dark'] .sim-action-btn.reset:hover {
    background: #243042;
    border-color: #5b7bb8;
}

[data-theme='dark'] #sim-equip-tabs .gi_tab-btn {
    color: #94a3b8;
}
[data-theme='dark'] #sim-equip-tabs .gi_tab-btn.gi_active {
    color: #a8b6ff;
}
[data-theme='dark'] #sim-equip-tabs .gi_tab-indicator {
    background: #6e84ff;
}

[data-theme='dark'] .three-way-switch .three-way-slider {
    background-color: #334155;
}
[data-theme='dark'] .weapon-release-container,
[data-theme='dark'] .sim-potency-container {
    color: #e2e8f0;
}

[data-theme='dark'] .sim-range-bar__track {
    background: #243042;
    border-color: #475569;
}

[data-theme='dark'] .sim-armor-upgrade-btn[data-enhance-type="reinforce"].active,
[data-theme='dark'] .sim-armor-upgrade-btn[data-enhance-type="amplify"].active {
    background: #151b26;
    box-shadow: inset 0 0 0 1px #4a5568;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-enhance-type="reinforce"].active {
    color: #68D5ED;
}
[data-theme='dark'] .sim-armor-upgrade-btn[data-enhance-type="amplify"].active {
    color: #FF66FF;
}

[data-theme='dark'] .sim-equip-btn.primary {
    background: #1e2a45;
    border-color: #5b7bb8;
    color: #93c5fd;
}
[data-theme='dark'] .sim-equip-btn.info {
    background: #1c2433;
    color: #94a3b8;
    border-color: #3a4658;
    box-shadow: none;
}
[data-theme='dark'] .sim-equip-btn.info:hover {
    background: #243042;
    border-color: #5b7bb8;
    color: #cbd5e1;
}

[data-theme='dark'] .current-set-info {
    background: #1c2433;
    border-color: #2a3444;
    box-shadow: none;
    color: #e8ecf4;
}
[data-theme='dark'] .set-info-header h5 {
    color: #e2e8f0;
}
[data-theme='dark'] .current-set-info--equip,
[data-theme='dark'] .current-set-info--covenant {
    background: #1e2a45;
    border-color: #3d5a80;
}
[data-theme='dark'] .current-set-info--equip .set-info-header h5,
[data-theme='dark'] .current-set-info--covenant .set-info-header h5 {
    color: #93c5fd;
}
[data-theme='dark'] .current-set-info--equip .set-info-badge,
[data-theme='dark'] .current-set-info--covenant .set-info-badge {
    background: rgba(110, 132, 255, 0.22);
    color: #a8b6ff;
}
[data-theme='dark'] .set-icon {
    border-color: #3a4658;
}
[data-theme='dark'] .set-name:not([class*='rarity-']) {
    color: #f1f5f9 !important;
}
[data-theme='dark'] .set-point,
[data-theme='dark'] #current-set-point,
[data-theme='dark'] #sim-covenant-set-point {
    color: #e2e8f0 !important;
}
[data-theme='dark'] .current-set-info .set-details {
    color: #e2e8f0;
}
[data-theme='dark'] .sim-score-bar .sim-score-now .score-value {
    color: #93c5fd !important;
}
[data-theme='dark'] .sim-score-bar .sim-score-orig .score-value {
    color: #cbd5e1 !important;
}
[data-theme='dark'] .sim-score-cap {
    color: #cbd5e1;
}
[data-theme='dark'] .sim-score-arrow {
    color: #94a3b8;
}

[data-theme='dark'] .sim-oath-upgrade-row.is-off {
    background: #151b26;
}
[data-theme='dark'] .sim-oath-upgrade-empty {
    background: #1c2433;
    border-color: #3a4658;
    color: #94a3b8;
}

[data-theme='dark'] .sim-armor-upgrade-btn.sim-relic-disabled.active {
    color: #64748b;
}

/* 박스 사이 갭(리스트 gap)이 비치는 패널·컨테이너 배경 */
[data-theme='dark'] {
    --sim-variant-fill: #1c2433;
    --sim-digacy: #8b75c4;
    --sim-jamsik: #8b75c4;
}
[data-theme='dark'] #sim-tab-content .tab-pane,
[data-theme='dark'] #sim-equip-grid,
[data-theme='dark'] #sim-enhance-pane,
[data-theme='dark'] #sim-enchant-pane,
[data-theme='dark'] #sim-covenant-pane,
[data-theme='dark'] #sim-oath-upgrade-pane,
[data-theme='dark'] #sim-stone-grid,
[data-theme='dark'] #sim-summary,
[data-theme='dark'] #sim-gear-pane,
[data-theme='dark'] #sim-equip-pane,
[data-theme='dark'] #sim-gear-grid,
[data-theme='dark'] .sim-gear-container,
[data-theme='dark'] .sim-enhance-container,
[data-theme='dark'] .sim-enchant-container,
[data-theme='dark'] .sim-oath-upgrade-container,
[data-theme='dark'] .sim-tab-pane,
[data-theme='dark'] .sim-slide-container,
[data-theme='dark'] .sim-tab-wrapper,
[data-theme='dark'] #sim-common-area,
[data-theme='dark'] .sim-equip-list,
[data-theme='dark'] .sim-covenant-pane-inner {
    background: transparent !important;
    background-color: transparent !important;
    color: #e8ecf4;
}
[data-theme='dark'] .simulator-container {
    background: transparent;
}