/* Color-only replacements for the legacy palette. */
:root { --text: #e5e2dd; 
  --title: #e5e2dd; 
  --special: #f0bf91; }
body { background:
    radial-gradient(ellipse at 50% 0%, rgba(82, 83, 86, 0.35), transparent 60%),
    linear-gradient(rgba(24, 25, 27, 0.82), rgba(24, 25, 27, 0.9)),
    url("../img/m2/board_base.png") repeat,
    #18191b; }
.taskbar .brand { text-shadow: 0 0 6px rgba(233, 148, 69, 0.3), 1px 1px 0 #000; }
select option, select optgroup { background: #18191b; }
input[type="checkbox"] { box-shadow: inset 0 0 0 1px #525356, inset 0 0 0 2px #000; }
.drag-ghost { filter: drop-shadow(0 0 3px rgba(233, 148, 69, 0.8)); }
.combo-list { background: #18191b; }
.combo-list div:hover, .combo-list div.active { background: rgba(233, 148, 69, 0.18); }
* { scrollbar-color: #525356 rgba(0, 0, 0, 0.5); }
::-webkit-scrollbar-thumb { background: #525356; }
.affect:hover { box-shadow: 0 0 0 1px #000, 0 0 0 2px #e5e2dd; }
.cons-cell:not(.on):hover { box-shadow: inset 0 0 0 1px #e5e2dd; }
.view-tab { border: 1px solid #525356; border-bottom-color: #18191b; background: linear-gradient(#18191b, #18191b); color: #aaa6a0; }
.view-tab:hover { color: #e5e2dd; }
.view-tab.active { background: linear-gradient(#525356, #18191b); border-color: #aaa6a0; box-shadow: 0 0 6px rgba(233, 148, 69, 0.25); }
.slot-input, .slot-text { border: 1px solid #525356; box-shadow: inset 0 0 0 1px #18191b; }
.race-face.on { box-shadow: 0 0 0 2px #f0bf91, 0 0 10px rgba(233, 148, 69, 0.6); }
.class-btn { border: 1px solid #18191b; color: #aaa6a0; }
.class-btn.on { border-color: #f0bf91; box-shadow: 0 0 8px rgba(233, 148, 69, 0.35); }
.pet-slot.filled { box-shadow: 0 0 8px rgba(233, 148, 69, 0.45); }
.event-card { border: 1px solid #18191b; }
.summary.stats small { color: var(--text-dim, #aaa6a0); }
.rank-btn.on { box-shadow: 0 0 0 2px #f0bf91, 0 0 8px rgba(233, 148, 69, 0.5); }
.sub-tabs { border-bottom: 1px solid #525356; }
.sub-tab { border: 1px solid #525356; background: linear-gradient(#18191b, #18191b); color: #aaa6a0; }
.sub-tab:hover { color: #e5e2dd; }
.sub-tab.active { background: linear-gradient(#525356, #18191b); border-color: #aaa6a0; }
#select-mode.active { box-shadow: 0 0 0 1px #f0bf91; }
.m2-btn.danger { color: #e5e2dd; }
.mc-row { border: 1px solid #18191b; }
.cat-cur { border: 1px solid #525356; color: #e5e2dd; }
.cat-menu { background: #18191b; border: 1px solid #525356; }
.cat-opt { color: #e5e2dd; }
.cat-opt:hover { background: #18191b; }
.cat-opt.active { color: #f0bf91; }
.tooltip .t-req { background: rgba(24, 25, 27, .85); border: 1px solid #525356; }
.tooltip .t-desc { color: #e5e2dd; }
.taskbar .tb-group + .tb-group, .taskbar .tb-right { border-left: 1px solid rgba(233, 148, 69, 0.35); }
.sub-tabs .tb-windows, .taskbar .tb-windows { border-left: 1px solid rgba(233, 148, 69, 0.35); }
.tb-windows .m2-btn, .build-bar .m2-btn, .build-bar .build-select, .tb-right .m2-btn, .lang-dd .cat-cur { border: 1px solid #525356; background: linear-gradient(#18191b, #18191b); color: #aaa6a0; }
.build-bar .build-select option { background: #18191b; color: #e5e2dd; }
.tb-windows .m2-btn:hover, .build-bar .m2-btn:hover:not(:disabled), .tb-right .m2-btn:hover, .lang-dd .cat-cur:hover { color: #e5e2dd; border-color: #525356; }
.tb-windows .m2-btn.active { background: linear-gradient(#525356, #18191b); border-color: #aaa6a0; }
.sim-credit { border: 2px solid #f0bf91; background: linear-gradient(#525356, #18191b); box-shadow: 0 0 14px rgba(233, 148, 69, 0.35), inset 0 0 0 1px #000; color: #e5e2dd; }
.sim-credit-icon { color: #f0bf91; text-shadow: 0 0 8px rgba(233, 148, 69, 0.6); }
.sim-credit a { color: #f0bf91; }
.sim-credit a:hover { color: #e5e2dd; }
.sim-credit-tip { color: #e5e2dd; }
.author-note { border: 1px solid #aaa6a0; background: linear-gradient(#18191b, #18191b); color: #aaa6a0; }
.view-tab.active { box-shadow: 0 0 10px rgba(233, 148, 69, 0.45); }
.tour-spot { border: 2px solid #f0bf91; box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.62), 0 0 18px 4px rgba(233, 148, 69, 0.7); }
.tour-arrow { color: #f0bf91; text-shadow: 0 0 8px rgba(233, 148, 69, 0.9), 2px 2px 0 #000; }
.tour-bubble { border: 2px solid #f0bf91; background: linear-gradient(#525356, #18191b); color: #e5e2dd; }
.tour-count { color: #f0bf91; }
.monster-icon { box-shadow: 0 0 0 1px #000, 0 0 0 2px #525356; }
#tour-start { color: #f0bf91; border-color: #f0bf91; box-shadow: 0 0 6px rgba(233, 148, 69, 0.35); }
#tour-start:hover { color: #e5e2dd; }
.tour-bubble.sheet { box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.9), 0 0 16px rgba(233, 148, 69, 0.35); }
.combo-arr { color: #e5e2dd; }
.mob-head img { box-shadow: 0 0 0 1px #000, 0 0 0 2px #525356; }
.mob-title { color: #f0bf91; }
.mob-stats { color: #e5e2dd; }
.mob-stats b { color: #aaa6a0; }
.mob-tile { border: 1px solid #18191b; }
.mob-tile .lbl { color: #aaa6a0; }
.mob-tile .val { color: #e5e2dd; }
.class-row { border: 1px solid #18191b; color: #aaa6a0; }
.class-row:hover { border-color: #525356; }
.class-row.on { border-color: #f0bf91; background: rgba(82, 83, 86, 0.35); }
.race-switch:hover img, .race-switch.open img { box-shadow: 0 0 0 2px #f0bf91, 0 0 8px rgba(233, 148, 69, .6); }
.race-slot:hover { color: #e5e2dd; }
.race-caret { color: #f0bf91; }
.race-menu { border: 1px solid #525356; }
.race-menu-hint { color: #aaa6a0; }
.race-label { background: #525356; border: 1px solid #f0bf91; color: #e5e2dd; }
.race-switch:hover .race-label, .race-switch.open .race-label { background: #aaa6a0; }
.race-arrow { color: #f0bf91; }
.rank-cur { border: 1px solid #f0bf91; color: #e5e2dd; box-shadow: 0 0 6px rgba(233, 148, 69, .35); }
.rank-cur:hover, .rank-dd.open .rank-cur { background: rgba(82, 83, 86, .6); }
.rank-lbl { color: #aaa6a0; }
.rank-caret { color: #f0bf91; }
.rank-menu { background: #18191b; border: 1px solid #525356; }
.rank-opt:hover { border-color: #525356; background: #18191b; }
.rank-opt.on { border-color: #f0bf91; }
.mc-row .desc { color: #aaa6a0; }
.mc-row .mc-bonus { color: #e5e2dd; }
.build-card { border: 1px solid #525356; color: #aaa6a0; }
.build-card:hover { border-color: #525356; color: #e5e2dd; }
.build-card.on { border-color: #f0bf91; background: rgba(82, 83, 86, .55); color: #e5e2dd; box-shadow: 0 0 6px rgba(233, 148, 69, .35); }
.bc-del { border: 1px solid #525356; background: rgba(82, 83, 86, .5); color: #e5e2dd; }
.bc-act { border: 1px dashed #525356; color: #f0bf91; }
.bc-act:hover { background: rgba(82, 83, 86, .5); }
.tb-windows .m2-btn[data-toggle] { color: #aaa6a0; }
.tb-windows .m2-btn[data-toggle].active { background: linear-gradient(#525356, #18191b); border-color: #f0bf91; box-shadow: 0 0 6px rgba(233, 148, 69, .35); }
.author-note .disclaimer { color: #aaa6a0; }
:root { --ui-gold: #f0bf91; --ui-gold-soft: rgba(233, 148, 69, .14); --ui-line: rgba(233, 148, 69, .16); --ui-text: #e5e2dd; --ui-dim: #aaa6a0; }
body .taskbar { background: #18191b; }
body .view-tab.active { color: #18191b; box-shadow: 0 1px 8px rgba(233, 148, 69, .35); }
body .tb-right .m2-btn:hover, body .tb-right .lang-dd .cat-cur:hover { color: #e5e2dd; }
body .tb-right #tour-start { border-color: rgba(233, 148, 69, .45); color: #f0bf91; }
body .sub-tabs { background: #18191b; }
body .sub-tab.active { color: #f0bf91; }
body .tb-windows .m2-btn[data-toggle].active { border-color: rgba(233, 148, 69, .5); color: #f0bf91; }
body .build-row { background: #18191b; }
.site-footer { background: #18191b; }
.site-footer .footer-top b { color: #f0bf91; }
#editor-window .bonus-row { border: 1px solid #525356; }
#editor-window .bonus-row select, #editor-window .bonus-row input.bonus-combo { color: #e5e2dd; }
#editor-window .bonus-row:has(select option:checked:not([value=""])) { border-color: #525356; background: rgba(82, 83, 86, .35); }
#editor-window .bonus-note { color: #aaa6a0; }
#editor-window .upgrade-row .tab.active { background: linear-gradient(#525356, #525356); color: #e5e2dd; border-color: #f0bf91; box-shadow: 0 0 6px rgba(233, 148, 69, .5); }
.set-fx-list { border-left: 2px solid #f0bf91; background: rgba(82, 83, 86, .2); }
.set-fx-list b { color: #f0bf91; }
.set-pick-lbl { color: #aaa6a0; }
.set-pick .cat-cur { border-color: #525356; color: #f0bf91; }
.elem-pick .elem-num { color: #aaa6a0; }
.sim-credit-diff { color: #aaa6a0; }
#editor-window .custom-hint { border: 1px solid #525356; background: rgba(82, 83, 86, .25); }
#editor-window .custom-hint p { color: #e5e2dd; }
.catalog-hint { border: 1px solid #f0bf91; color: #f0bf91; background: rgba(82, 83, 86, .35); }
.buff-warn { border: 1px solid #e99445; background: rgba(82, 83, 86, .35); color: #f0bf91; }
#editor-window .rows-hint { color: #e5e2dd; border-left: 2px solid #f0bf91; }
#editor-window .bonus-row.rows-unknown .bonus-note { color: #f0bf91; }
#editor-window .bonus-row.rows-unknown input[type=number] { border-color: #e99445; }
.newchar-box { background: #18191b; border: 1px solid #525356; color: #e5e2dd; }
.newchar-title { color: #f0bf91; }
.newchar-race { background: #18191b; border: 1px solid #525356; }
.newchar-race:hover { border-color: #f0bf91; background: #18191b; }
.newchar-hint { color: #f0bf91; }
.newchar-race.disabled:hover { border-color: #525356; background: #18191b; }
.newchar-name::placeholder { color: #aaa6a0; }
.newchar-name.empty:not(.invalid) { border-color: #f0bf91; }
.m2-btn.share-btn, .board .m2-btn.share-btn { background: linear-gradient(#f0bf91, #aaa6a0); border-color: #f0bf91; color: #18191b; box-shadow: 0 0 6px rgba(233, 148, 69, .45); }
.m2-btn.share-btn:hover, .board .m2-btn.share-btn:hover { background: linear-gradient(#f0bf91, #f0bf91); box-shadow: 0 0 9px rgba(233, 148, 69, .7); }
:root { --ui-glass: rgba(24, 25, 27, .62); --ui-glass-strong: rgba(24, 25, 27, .82); --ui-glass-line: rgba(233, 148, 69, .14); }
body { background:
    radial-gradient(900px 480px at 12% -8%, rgba(233, 148, 69, .16), transparent 70%),
    radial-gradient(760px 460px at 92% 4%, rgba(190, 80, 40, .16), transparent 70%),
    radial-gradient(ellipse at 50% 0%, rgba(82, 83, 86, 0.3), transparent 60%),
    linear-gradient(rgba(24, 25, 27, 0.84), rgba(24, 25, 27, 0.92)),
    url("../img/m2/board_base.png") repeat,
    #18191b; }
body .view-tab.active { background: linear-gradient(180deg, #f0bf91, #f0bf91); box-shadow: 0 4px 16px rgba(233, 148, 69, .35); }
.m2-btn.share-btn, .board .m2-btn.share-btn { color: #18191b; }
.confirm-ic { color: #f0bf91; border: 1px solid rgba(233, 148, 69, .45); }
.confirm-msg { color: #e5e2dd; }
.dlg-btn:hover { color: #e5e2dd; }
.dlg-btn.dlg-ok { border-color: #f0bf91; background: linear-gradient(#f0bf91, #aaa6a0); color: #18191b; }
.dlg-btn.dlg-ok:hover { background: linear-gradient(#f0bf91, #f0bf91); }
.dlg-btn:focus-visible { outline: 2px solid #f0bf91; }
.confirm-title { color: #f0bf91; }
.shared-card { border: 1px solid rgba(233, 148, 69, .45); background: rgba(233, 148, 69, .08); }
.shared-name { color: #e5e2dd; }
.sheet-btn { color: #e5e2dd; }
.sheet-btn.primary { border-color: #f0bf91; background: linear-gradient(#f0bf91, #aaa6a0); color: #18191b; }
.sheet-btn.danger { color: #f0bf91; }
.scan-drop { border: 2px dashed rgba(233, 148, 69, .45); background: rgba(233, 148, 69, .06); color: #f0bf91; }
.scan-drop.over, .scan-drop:hover { background: rgba(233, 148, 69, .14); border-color: #f0bf91; }
.scan-status.error { color: #f0bf91; }
.scan-extra { color: #e5e2dd; }
.scan-x { color: #f0bf91; }
.scan-overlay .scan-x:hover { border-color: #f0bf91; }
.bonus-row input.bonus-combo::placeholder { color: #aaa6a0; }
body .taskbar { background: rgba(24, 25, 27, .94); }
.cat-group { color: #aaa6a0; }
.rank-warn { color: #e5e2dd; }
.yb-row { border: 1px solid #525356; }
.yb-row .yb-text { color: #e5e2dd; }
.bc-caret { color: #f0bf91; }
.bc-more { border: 1px solid #18191b; color: #f0bf91; }
.bc-more:hover { border-color: #525356; color: #e5e2dd; }
.bc-menu { background: #18191b; border: 1px solid #18191b; }
.bc-row { color: #f0bf91; }
.bc-row.on { background: rgba(82, 83, 86, .55); color: #e5e2dd; }
.bc-check { color: #f0bf91; }
.bc-row.bc-new { border-top: 1px solid #18191b; color: #f0bf91; }
.absorb-list { border: 1px solid #18191b; }
.absorb-row.rnd { color: #f0bf91; }
.absorb-row.elem { color: #f0bf91; }
.absorb-warn { color: #f0bf91; }
.absorb-from { color: #f0bf91; }
.tooltip .absorb-hint { color: #f0bf91; }
.item.absorb-src { outline: 2px solid #f0bf91; }
#absorb-banner { border: 1px solid #f0bf91; background: rgba(24, 25, 27, .96); color: #e5e2dd; }
#sim-character .sim-totals { background: linear-gradient(#18191b 30%, transparent), linear-gradient(transparent, #18191b 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .7), transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .7), transparent) 0 100%; }
button:focus-visible, .tab:focus-visible, .m2-btn:focus-visible, select:focus-visible, input:focus-visible, .cat-cur:focus-visible, [role="button"]:focus-visible { outline: 2px solid #f0bf91; }
.item:focus-visible { outline: 2px solid #f0bf91; box-shadow: 0 0 8px rgba(233, 148, 69, .7); }
.tooltip .delta-line { border: 1px solid #525356; }
.toast .toast-action { border: 1px solid #f0bf91; background: rgba(233, 148, 69, .15); color: #f0bf91; }
.toast .toast-action:hover { background: rgba(233, 148, 69, .3); }
.cast-row b { color: #e5e2dd; }
#editor-window .titlebar { background-color: #18191b; box-shadow: 0 -7px 0 #18191b, -8px -7px 0 #18191b, 8px -7px 0 #18191b; }
#win-battle .combo-arr { color: #f0bf91; }
.gal-row { border: 1px solid #525356; }
.gal-score { color: #f0bf91; }
.gal-name { color: #e5e2dd; }
.gal-notes { color: #e5e2dd; }
.gal-admin { color: #525356; }
.gal-in { color: #e5e2dd; border: 1px solid #525356; }
.sim-credit-title::after { color: #f0bf91; }
.saved-note { color: #aaa6a0; }
.qm-chip { color: #e5e2dd; border: 1px solid #525356; }
.qm-chip:hover, .qm-chip:focus-visible { background: rgba(233, 148, 69, .18); border-color: #f0bf91; }
.inv-empty { color: #e5e2dd; background: rgba(24, 25, 27, .82); border: 1px dashed #525356; }
.gal-pic { box-shadow: 0 0 0 1px #000, 0 0 0 2px #525356; }
.gal-badge { color: #e5e2dd; background: #525356; border: 1px solid #f0bf91; }
.gal-vs { color: #f0bf91; }
.acct-btn { color: #18191b; background: linear-gradient(#f0bf91, #f0bf91); border: 1px solid #f0bf91; }
.acct-btn.signed { color: #e5e2dd; border-color: #525356; }
.acct-pic.initial { background: #525356; color: #e5e2dd; }
.acct-menu { background: #18191b; border: 1px solid #525356; }
.gal-attacks { border: 1px solid #525356; }
.gal-atk-head { color: #aaa6a0; }
.gal-atk { color: #e5e2dd; }
.gal-atk.on { background: rgba(233, 148, 69, .16); box-shadow: inset 0 0 0 1px #f0bf91; }
.gal-atk-dmg { color: #f0bf91; }
.gal-more { color: #aaa6a0; }
.gal-more:hover { color: #f0bf91; }
.gal-bar-row { color: #e5e2dd; }
.gal-bar-fill { background: #525356; }
.gal-bar-row.on .gal-bar-fill { background: #f0bf91; }
.gal-bar-row.on .gal-bar-name { color: #f0bf91; }
.gal-bar-dmg { color: #f0bf91; }
.poly-note { color: #e5e2dd; }
.gal-info { color: #e5e2dd; }
.site-footer .footer-top a { color: #f0bf91; }
.gallery-edit-bar { background: #18191b; border: 1px solid #f0bf91; }
.gal-edit-text { color: #e5e2dd; }
.skillbar { background: linear-gradient(#18191b, #18191b); border: 1px solid #525356; }
.sk-name { color: #aaa6a0; }
.sk-slot.open { box-shadow: 0 0 0 2px #f0bf91, 0 0 10px #e8c87488; }
.sk-slot .sk-badge.g { color: #f0bf91; }
.sk-slot.active::before { background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .42), rgba(233, 148, 69, .16) 62%, transparent 82%); box-shadow: inset 0 0 0 1px rgba(233, 148, 69, .85), 0 0 8px rgba(233, 148, 69, .75); }
.sk-menu { background: #18191b; border: 1px solid #525356; color: #e5e2dd; }
.sk-menu .sk-title { color: #f0bf91; }
.sk-levels { border: 1px solid #18191b; background: #18191b; }
.sk-lv { color: #e5e2dd; }
.sk-lv.cur { background: #525356; }
.buffbar { background: linear-gradient(#18191b, #18191b); border: 1px solid #525356; }
.bb-head { color: #f0bf91; }
.bb-head small { color: #aaa6a0; }
.bb-name { color: #aaa6a0; }
.bb-group { border-right: 1px solid #18191b; }
.bb-slot.on { box-shadow: 0 0 0 2px #f0bf91, 0 0 10px #e8c87488; }
.bb-total { border-top: 1px solid #18191b; color: #e5e2dd; }
.bb-none { color: #aaa6a0; }
.mc-toolbar { border-bottom: 1px solid #18191b; }
.devbar { background: linear-gradient(#18191b, #18191b); border: 1px solid #525356; }
.dv-head { color: #f0bf91; }
.dv-row { border-top: 1px solid #18191b; color: #e5e2dd; }
.dv-name { color: #aaa6a0; }
.dv-none { color: #525356 !important; }
.skillbar { background: #18191b; }
body[data-sub="equip"] .skill-fab, body[data-view="simulator"] .skill-fab { border: 1px solid #f0bf91; background: linear-gradient(#18191b, #18191b); color: #f0bf91; }
body.skills-open .skill-fab { background: linear-gradient(#525356, #18191b); }
.menu-btn { border: 1px solid var(--ui-line, #525356); }
.menu-btn span { background: #f0bf91; }
body.menu-open .menu-btn { background: var(--ui-gold-soft, rgba(233, 148, 69, .18)); }
.taskbar .tb-right { background: #18191b; border: 1px solid var(--ui-glass-line, #525356); }
.bottom-nav { background: #18191b; border-top: 1px solid var(--ui-line, #525356); }
.bottom-nav .bn-tab { color: #aaa6a0; }
.bottom-nav .bn-tab.active { background: rgba(233, 148, 69, .12); color: #f0bf91; border-top: 2px solid #f0bf91; }
body[data-sub="equip"] .skill-fab, body[data-view="simulator"] .skill-fab { background: #18191b; color: #aaa6a0; }
body.skills-open .skill-fab { background: rgba(233, 148, 69, .12); color: #f0bf91; border-top: 2px solid #f0bf91; }
.bb-head small { color: #e5e2dd; }
.board:not(.ds-window) { border: 1px solid var(--ui-line, #525356); background: linear-gradient(#18191b, #18191b); }
.board:not(.ds-window) .titlebar { border-bottom: 1px solid var(--ui-line, #525356); }
.board .tab { color: #aaa6a0; }
.board .tab:hover { color: #e5e2dd; }
.board .tab.active { background: var(--ui-gold-soft, rgba(233, 148, 69, .18)); color: #f0bf91; box-shadow: inset 0 0 0 1px rgba(233, 148, 69, .45); }
.board .section { border-bottom: 1px solid var(--ui-line, #525356); color: #f0bf91; }
.board .info-bar { border-bottom: 1px solid var(--ui-line, #525356); color: #f0bf91; }
.board input:not([type="checkbox"]):not([type="radio"]), .board select { border: 1px solid #525356; }
.board .m2-btn { border: 1px solid #525356; color: #e5e2dd; }
.board .m2-btn:hover:not(:disabled) { background: rgba(233, 148, 69, .16); border-color: #f0bf91; }
.board .m2-btn.share-btn { border-color: #f0bf91; }
.titlebar .close { border: 1px solid #525356; color: #e5e2dd; }
.tooltip, .combo-list, .toast { border: 1px solid var(--ui-line, #525356); background: #18191b; }
.tooltip { background: rgba(24, 25, 27, .97); }
.equip-bg, .costume-bg { border: 1px solid var(--ui-line, #525356); }
.slot, .inv-cell, .trash, .cons-cell, #sim-character .sim-items .item { box-shadow: inset 0 0 0 1px rgba(233, 148, 69, .2); }
.weapon-picker button { box-shadow: inset 0 0 0 1px rgba(233, 148, 69, .2); }
.ds-ring { border: 1px solid rgba(233, 148, 69, .28); background: radial-gradient(circle, rgba(233, 148, 69, .07), rgba(0, 0, 0, .25) 70%); }
.ds-ring::before { border: 1px dashed rgba(233, 148, 69, .22); }
.ds-ring .slot { box-shadow: inset 0 0 0 1px rgba(233, 148, 69, .35); }
.ds-center b { color: #f0bf91; }
.ds-toggle { border: 1px solid #525356; color: #e5e2dd; }
.ds-toggle.on { border-color: #f0bf91; background: var(--ui-gold-soft, rgba(233, 148, 69, .18)); color: #f0bf91; }
.ds-type.active { border-color: rgba(233, 148, 69, .55); background: var(--ui-gold-soft, rgba(233, 148, 69, .18)); }
.ds-cell { box-shadow: inset 0 0 0 1px rgba(233, 148, 69, .22); }
.ds-cell:hover { box-shadow: inset 0 0 0 1px #f0bf91; }
.lv-exp { border: 1px solid var(--ui-line, #525356); }
.lv-exp::before { color: #f0bf91; }
.lv-exp .lv-input { border: 1px solid #525356; }
.lv-exp .exp-text { color: #f0bf91; }
.bb-clear, #devbar .m2-btn, .gallery-edit-bar .m2-btn, .confirm-box .m2-btn, .item-sheet .m2-btn { border: 1px solid #525356; color: #e5e2dd; }
.bb-clear:hover, #devbar .m2-btn:hover, .gallery-edit-bar .m2-btn:hover, .confirm-box .m2-btn:hover { background: rgba(233, 148, 69, .16); border-color: #f0bf91; }
.stat-btn, .stat-btn:hover, .stat-btn:active, .stat-btn.minus, .stat-btn.minus:hover, .stat-btn.minus:active { border: 1px solid #525356; }
.stat-btn:hover { background: rgba(233, 148, 69, .16); border-color: #f0bf91; }
.stat-btn::before { color: #f0bf91; }
.slot-input, .slot-text { border: 1px solid #525356; }
.bb-slot, .sk-slot, .sk-slot.off { box-shadow: inset 0 0 0 1px rgba(233, 148, 69, .22); }
.bb-slot.on { box-shadow: inset 0 0 0 2px #f0bf91, 0 0 10px #e8c87455; }
.race-menu { border: 1px solid var(--ui-line, #525356); background: #18191b; }
.race-row { color: #e5e2dd; }
.race-row.on { border-color: rgba(233, 148, 69, .5); background: var(--ui-gold-soft, rgba(233, 148, 69, .18)); color: #f0bf91; }
.race-row-sex { color: #aaa6a0; }
.char-row .lv-exp { border: 1px solid #525356; }
.titlebar .close:hover, .titlebar .close:active { background-color: rgba(233, 148, 69, .18); border-color: #f0bf91; }
.titlebar .close:hover::before, .titlebar .close:active::before { color: #f0bf91; }
input[type="checkbox"] { border: 1px solid #525356; }
input[type="checkbox"]:checked { background-color: rgba(233, 148, 69, .22); border-color: #f0bf91; }
.taskbar .tb-right .tb-end { border-top: 1px solid var(--ui-line, #525356); }
.m2-btn, .m2-btn.big { border: 1px solid #525356; color: #e5e2dd; }
.m2-btn:hover:not(:disabled), .m2-btn.big:hover:not(:disabled) { background: rgba(233, 148, 69, .16); border-color: #f0bf91; }
.m2-btn:active:not(:disabled) { background: rgba(233, 148, 69, .26); }
.m2-btn.danger { border-color: #525356; }
.m2-btn.primary, .m2-btn.big { border-color: #f0bf91; color: #f0bf91; }
.sk-grip { background: repeating-linear-gradient(90deg, rgba(233, 148, 69, .35) 0 2px, transparent 2px 6px) center / 100% 6px no-repeat; }
.sk-orient { border: 1px solid #525356; }
.sk-orient span { background: #f0bf91; }
body[data-sub="equip"] .skillbar, body[data-view="simulator"] .skillbar { background: #18191b; }
body[data-sub="equip"] .skillbar .sk-group, body[data-view="simulator"] .skillbar .sk-group { border-right: 1px solid rgba(233, 148, 69, .18); }
.swipe-hint { border: 1px solid #f0bf91; background: rgba(24, 25, 27, .94); color: #f0bf91; }
.swipe-hint svg { stroke: #f0bf91; }
#editor-window .bonus-row .x { color: #f0bf91; }
#editor-window .bonus-row .x:hover { border-color: #f0bf91; }
body .taskbar { background: #18191b; }
html { background-color: #18191b; }
body .taskbar { box-shadow: 0 -60px 0 #18191b, 0 4px 14px rgba(0, 0, 0, .5); }
.bottom-nav { background: linear-gradient(#18191b, #18191b); border-top: 1px solid rgba(233, 148, 69, .22); }
.bottom-nav .bn-tab { color: #aaa6a0; }
.bottom-nav .bn-tab.active { background: linear-gradient(rgba(233, 148, 69, .22), rgba(233, 148, 69, .1)); color: #f0bf91; box-shadow: inset 0 0 0 1px rgba(233, 148, 69, .45); }
#costume-sets > .set-badge { color: #e5e2dd; }
#costume-sets .set-badge:focus-visible { outline: 2px solid #f0bf91; }
#win-inventory .inv-action:focus-visible::after { background: #18191b; }
.sticky-toolbar { background: #18191b; }
.scroll-more { border: 1px solid #aaa6a0; background: #18191b; color: #f0bf91; }
.panel-scroll-cue { background: #18191b; color: #f0bf91; box-shadow: 0 0 0 1px #aaa6a0; }
.yy-result { border: 1px solid #525356; }
.yy-diagram { border: 2px solid #525356; box-shadow: inset 0 0 0 2px #090909, 0 0 0 1px #18191b; }
.yy-diagram path.linked { stroke: #e99445; }
.yy-node[aria-pressed="true"], .yy-node:focus-visible { outline: 2px solid #f0bf91; }
#win-yin-yang .yy-harmony { border-top: 1px solid #525356; }
.bb-section summary { color: #f0bf91; border: 1px solid #525356; }
body.compact-desktop #equipment-dock { border: 1px solid #525356; background: linear-gradient(#18191b, #18191b); }
body.compact-desktop #equipment-dock > .skillbar { border-top: 1px solid #525356; }
button.affect:focus-visible { outline: 2px solid #f0bf91; }
.edit-values-hint { border: 1px solid #f0bf91; border-inline-start: 4px solid #f0bf91; background: rgba(233, 148, 69, .13); color: #e5e2dd; }
.edit-values-hint strong { color: #f0bf91; }
.dg-gate { background: #18191b; }
.dg-gate.selected { border-color: #f0bf91; background: #18191b; }
.dg-detail h2 { color: #f0bf91; }
.dg-requirements { background: #18191b; }
.dg-diagram { background: radial-gradient(ellipse at center,#18191b,#18191b 72%); border: 1px solid #525356; }
.dg-diagram svg { stroke: #525356; }
.dg-space { background: #18191b; border: 2px solid #525356; color: #aaa6a0; }
.dg-space.filled { color: #e5e2dd; border-color: #f0bf91; background: #525356; box-shadow: 0 0 8px #aaa6a0; }
.dg-totals h3 { color: #f0bf91; }
.dg-guide summary { color: #f0bf91; }
.dg-notice { background:rgba(233, 148, 69,.12); }