.gear-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
.gear-filters label{font-size:.76rem;color:#9caebd;min-width:0}
.gear-filters select,.item select{display:block;width:100%;max-width:100%;min-width:0;margin-top:4px;background:#162737;color:#ecf4ff;border:1px solid #35526a;border-radius:7px;padding:8px 4px}
.gear-filters input[type="number"]{display:block;width:100%;max-width:100%;min-width:0;margin-top:4px;background:#162737;color:#ecf4ff;border:1px solid #35526a;border-radius:7px;padding:8px 6px}
.gear-title{font-weight:750;font-size:.97rem}
.gear-grade{display:inline-block;padding:2px 6px;border-radius:6px;font-size:.74rem;border:1px solid currentColor;margin-top:4px}
.grade-common{color:#f1f4f8}.grade-rare{color:#54db86}.grade-uncommon{color:#bb84ff}.grade-legendary{color:#ffc35c}.grade-mythic{color:#ff6372}
.gear-affixes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 11px;margin:7px 0;font-size:.77rem;color:#cdd9e5}
.gear-affixes span{overflow-wrap:anywhere}
.gear-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.equipped-card{margin:12px 0 4px;padding:12px;border:1px solid #5b9fa7;border-left:4px solid #6de0cc;border-radius:10px;background:linear-gradient(125deg,#193d47,#112631);box-shadow:0 3px 12px #0003;max-width:100%;overflow-wrap:anywhere}
.equipped-card-header{display:flex;align-items:center;gap:10px}.equipped-card-symbol{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:9px;background:#2f7574;color:#e8fff6;font-size:1.4rem;box-shadow:inset 0 0 0 1px #70d8bd}
.equipped-card-header small{display:block;color:#a9e5dc;font-size:.72rem;font-weight:700;letter-spacing:.04em}.equipped-card-header strong{display:block;color:#f0fffb;font-size:1rem;line-height:1.5}
.equipped-card-effect{margin:10px 0;padding:9px 10px;background:#091d27a8;border:1px solid #34616c;border-radius:7px;color:#e4f4f0;font-size:.82rem;line-height:1.6}
.equipped-card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;color:#b6d9d5;font-size:.72rem}.equipped-card-footer button{margin:0;padding:6px 11px;font-size:.75rem}
.equipped-card-boss{border-color:#c99b53;border-left-color:#ffca68;background:linear-gradient(125deg,#473722,#241f2d);box-shadow:0 3px 15px #bb843023}.equipped-card-boss .equipped-card-symbol{background:#815b27;color:#fff1bd;box-shadow:inset 0 0 0 1px #e6bb67}.equipped-card-boss .equipped-card-header small{color:#ffcf79}.equipped-card-boss .equipped-card-effect{background:#261e1d;border-color:#8d7048}
.equipped-card-empty{margin:10px 0 3px;padding:8px 10px;border:1px dashed #496474;border-radius:8px;color:#91a9b8;font-size:.78rem}
@media(max-width:450px){.gear-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-affixes{grid-template-columns:1fr}}
.wallet-line{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:10px 12px;background:#273b32;border:1px solid #7c9b59;border-radius:9px;color:#ffe5a1;font-size:.92rem}.wallet-line b{color:#fff2be;font-size:1.17rem}
.log-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.log-tabs button{flex:1 0 auto;font-size:.76rem;padding:7px 9px}.log-tabs button.active{background:#30605b;border-color:#62b9a1;color:#f1fffb}
.gear-compare{margin-top:9px;padding:10px;background:#101f2b;border:1px solid #33546b;border-radius:8px;font-size:.78rem}.gear-compare>b{display:block;margin-bottom:8px;color:#e5f0fb}.compare-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.compare-stat{display:flex;justify-content:space-between;gap:7px;min-width:0}.compare-stat span:last-child{text-align:right;overflow-wrap:anywhere}.delta-up{color:#69e59e}.delta-down{color:#ff8989}
.comparison-v2{padding:14px;border-color:#567184;background:linear-gradient(160deg,#192f3e,#0e2230);font-size:13px;line-height:1.6}.compare-direction{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:9px;align-items:stretch}.compare-source,.compare-target{min-width:0;padding:10px 12px;border-radius:8px;border:1px solid #405a6b;background:#152635}.compare-source{border-left:3px solid #87a4b7}.compare-target{border-left:3px solid #e6c66f;background:#293629}.compare-source small,.compare-target small{display:block;color:#94b3c4;font-size:11px;letter-spacing:.02em}.compare-source strong,.compare-target strong{display:block;color:#e7f2fa;font-size:14px;overflow-wrap:anywhere}.compare-target strong{color:#ffe4a0}.compare-arrow{align-self:center;text-align:center;color:#f1cb72;font-size:24px;font-weight:900}.compare-verdict{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0;padding:9px 11px;border-radius:7px;background:#243845;border:1px solid #456071}.compare-verdict b{font-size:14px;color:#e5edf6;margin-right:auto}.compare-verdict.positive{border-color:#3a846c;background:#143a34}.compare-verdict.negative{border-color:#914d54;background:#442a35}.compare-verdict.mixed{border-color:#ad8b50;background:#403827}.compare-verdict span{font-size:12px;white-space:nowrap}.compare-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.compare-quick-item{display:grid;gap:3px;border:1px solid #406172;border-radius:7px;padding:8px 11px;background:#102b3b;min-width:0}.compare-quick-item small{color:#c4d6df;overflow-wrap:anywhere}.compare-quick-item strong{font-size:18px}.compare-quick-item.up strong{color:#70e5a2}.compare-quick-item.down strong{color:#ff9999}.compare-details{margin-top:9px;border-top:1px solid #476173;padding-top:9px}.compare-details summary{cursor:pointer;color:#e4ca8d;font-weight:700;padding:5px 0}.compare-details .compare-stats{margin-top:10px}.comparison-v2 .compare-stat{border-bottom:1px solid #365064;padding:6px 3px;align-items:flex-start}.comparison-v2 .compare-stat span:last-child{font-variant-numeric:tabular-nums}.compare-caution{display:block;margin-top:10px;color:#aabec8;line-height:1.55}.compare-slot-label{font-size:12px;font-weight:800;color:#eecb7d;margin-bottom:10px}.card-compare-effect-title{font-weight:800;color:#d8eaf5;margin:13px 0 7px}.card-compare-stat-list{display:grid;gap:5px}.card-compare-stat{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:7px 9px;border:1px solid #3c5768;border-radius:6px;background:#142c3b}.card-compare-stat>span:nth-child(2){color:#c4d2dc;font-variant-numeric:tabular-nums}.card-compare-stat b{text-align:right;min-width:52px;white-space:nowrap}.card-effect-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:9px}.card-effect-compare p{color:#c3d4de;margin:7px 0;line-height:1.65;overflow-wrap:anywhere}.card-effect-compare b{color:#e9c87b}@media(max-width:540px){.compare-direction{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:5px}.compare-source,.compare-target{padding:8px}.compare-source strong,.compare-target strong{font-size:12px}.card-effect-compare{grid-template-columns:1fr}.card-compare-stat{grid-template-columns:minmax(0,1fr) auto}.card-compare-stat b{grid-column:2}.compare-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
.item:has([data-salvagemode]) .gear-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.item:has([data-salvagemode]) .gear-filters>label{font-size:.9rem;color:#eff6fa;display:block;background:#162734;border:1px solid #34536a;border-radius:8px;padding:10px 12px;line-height:1.55;overflow:visible}.item:has([data-salvagemode]) .gear-filters select,.item:has([data-salvagemode]) .gear-filters input[type=number]{padding:10px;font-size:.86rem}.item:has([data-salvagemode]) input[type=checkbox]{accent-color:#7ce0b1;transform:scale(1.2);margin-right:8px}
.salvage-status{border:1px solid #746452;background:#302a23;border-radius:9px;padding:11px 13px;margin-bottom:12px}.salvage-status.enabled{background:#183e34;border-color:#43aa79}.salvage-status p{margin:6px 0 0;color:#e7eff2;line-height:1.6;font-size:.83rem}
.salvage-existing{margin-top:12px;padding:10px;border-radius:8px;background:#112b33;border:1px solid #3c656b}.salvage-existing label{display:flex;gap:7px;align-items:flex-start;color:#e8fffa;font-size:.86rem;line-height:1.5}.salvage-existing input[type=checkbox]{flex-shrink:0;width:17px;height:17px;accent-color:#62db9c}.salvage-existing button{margin-top:9px;width:100%;white-space:normal}
.revive-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.revive-actions button{padding:12px 8px;white-space:normal;line-height:1.5}.revive-actions #reviveLater{grid-column:1/-1}
.art-sprite{display:inline-block;flex-shrink:0;background-repeat:no-repeat;image-rendering:auto;vertical-align:middle;pointer-events:none}.art-hero{height:82px;width:82px;position:absolute;left:7px;top:7px}.hero:has(.art-hero){position:relative;min-height:105px;padding-left:96px}.art-monster{width:112px;height:112px;filter:drop-shadow(0 5px 8px #0006)}.enemyname:has(.art-monster){justify-content:flex-start;gap:10px;flex-wrap:wrap}.enemyname:has(.art-monster) .pill{margin-left:auto}.art-choice{display:block;width:80px;height:80px;margin:0 auto 5px}.classchoices button:has(.art-choice){min-height:125px}.art-pet{width:64px;height:64px;margin-right:8px}.area.town{background:linear-gradient(135deg,#355268,#203846);border-color:#6896a5}
@media(max-width:430px){.art-monster{width:78px;height:78px}.art-hero{width:66px;height:66px}.hero:has(.art-hero){padding-left:80px;min-height:90px}.art-choice{width:60px;height:60px}}
.autobuy-panel .autobuy-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0;padding:12px;background:#162735;border:1px solid #34536a;border-radius:9px}.autobuy-panel label{color:#e5f1f7;font-size:.82rem;min-width:0}.autobuy-panel label.autobuy-check{grid-column:1/-1;font-weight:700}.autobuy-panel select,.autobuy-panel input[type=number]{box-sizing:border-box;width:100%;min-width:0;margin-top:5px;padding:9px;background:#0d1b29;color:#eff6fd;border:1px solid #50718b;border-radius:7px}.autobuy-panel .autobuy-row small{grid-column:1/-1;color:#a7c2d6}
@media(max-width:450px){.compare-stats{grid-template-columns:1fr}.autobuy-panel .autobuy-row{grid-template-columns:1fr}}
.enemy-target{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;margin:9px 0 5px;padding:9px 12px;background:rgba(20,32,48,.7);border:1px solid rgba(142,163,190,.2);border-radius:9px;color:inherit;cursor:pointer;gap:12px}.enemy-target.active{border-color:#e0b95e;background:rgba(155,108,27,.16)}.enemy-target:hover{border-color:#9bbad5}.enemy-target span:last-child{font-size:12px;white-space:nowrap}.grade-legendary{color:#e8bd66}.grade-uncommon{color:#c6a0fa}.grade-rare{color:#93e6a3}.grade-common{color:#eee}
/* Shared village warehouse controls keep file selection within narrow panels. */
.warehouse-import{display:block;margin:10px 0;overflow-wrap:anywhere}.warehouse-import input{display:block;width:100%;max-width:100%;min-width:0;margin-top:6px}

/* 御靈使專用：左側雙夥伴獨立狀態卡；其他職業不套用。 */
#companion .dual-pet-hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#companion .dual-pet-unit{padding:10px 12px;border:1px solid rgba(142,163,190,.28);border-radius:12px;background:rgba(21,31,48,.55);min-width:0}
#companion .dual-pet-unit .hero{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:8px}
#companion .dual-pet-unit .hero .art-pet{max-width:100%;max-height:120px;object-fit:contain}
#companion .dual-pet-unit .meterline{font-size:12px;margin-top:5px}
#companion .dual-pet-unit .pill{font-size:11px;white-space:normal}
#companion .dual-pet-unit .shield-status{font-size:11px}

/* 御靈使：人物與培養進度同列、兩位夥伴同列，僅在此職系套用。 */
body.spirit-dual-ui #characterPanel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);column-gap:12px;align-content:start}
body.spirit-dual-ui #characterPanel>h2,body.spirit-dual-ui #characterPanel>#companion,body.spirit-dual-ui #characterPanel>.character-tools,body.spirit-dual-ui #characterPanel>#saveFile{grid-column:1/-1}
body.spirit-dual-ui #characterPanel>#character{grid-column:1;min-width:0}
body.spirit-dual-ui #characterPanel>#spiritProgress{grid-column:2;min-width:0;align-self:start}
#spiritProgress[hidden]{display:none!important}
body.spirit-dual-ui .dual-growth-card{padding:11px;border:1px solid #5b725c;border-radius:11px;background:linear-gradient(140deg,#283c3a,#1a2d39);font-size:11px}
body.spirit-dual-ui .dual-growth-heading{display:flex;flex-wrap:wrap;gap:3px 8px;justify-content:space-between;margin-bottom:10px;color:#e6d7a5}
body.spirit-dual-ui .dual-growth-heading span{color:#a8c5bd;font-size:10px}
body.spirit-dual-ui .dual-growth-progress{display:flex;justify-content:space-between;gap:5px;margin-top:6px}
body.spirit-dual-ui .dual-growth-card p{font-size:11px;line-height:1.45;margin:9px 0 0;color:#bfced0}
body.spirit-dual-ui #companion .dual-pet-unit{padding:8px}
body.spirit-dual-ui #companion .dual-pet-unit .hero{padding:7px;margin:0 0 7px}
body.spirit-dual-ui #companion .dual-pet-unit .hero strong{font-size:14px}
body.spirit-dual-ui #companion .dual-pet-unit .hero .art-pet{max-height:85px}
body.spirit-dual-ui #character .hero{padding:10px;margin-bottom:10px}
body.spirit-dual-ui #character .hero strong{font-size:16px}
@media(min-width:1450px){
 body.spirit-dual-ui .layout{max-width:1700px;grid-template-columns:560px minmax(460px,1fr) 340px}
 body.spirit-dual-ui .top{max-width:1700px}
}
@media(min-width:701px) and (max-width:1449px){
 body.spirit-dual-ui .layout{grid-template-columns:minmax(460px,1fr) minmax(430px,1.2fr)}
 body.spirit-dual-ui .collection{grid-column:1/-1}
}
@media(max-width:700px){
 body.spirit-dual-ui #characterPanel{display:block}
 body.spirit-dual-ui #characterPanel>#spiritProgress{margin:8px 0}
}
@media(max-width:480px){
 body.spirit-dual-ui #companion .dual-pet-hud{grid-template-columns:1fr}
}

/* Compact dual-spirit guidance: only the spirit class sees expandable steps. */
body.spirit-dual-ui .dual-growth-next{margin-top:8px;border-top:1px solid #5b725c;padding-top:7px}
body.spirit-dual-ui .dual-growth-next summary{cursor:pointer;color:#f1d99f;font-size:11px;font-weight:700;line-height:1.45}
body.spirit-dual-ui .dual-growth-next summary:focus-visible{outline:2px solid #f1d99f;outline-offset:3px}
body.spirit-dual-ui .dual-growth-next ul{margin:7px 0 0;padding-left:17px;color:#bfced0;font-size:11px;line-height:1.55}
body.spirit-dual-ui .dual-growth-next li+li{margin-top:4px}
#bossCardNotice .art-large{display:block;width:190px;height:190px;max-width:100%;object-fit:contain}
#bossCardNotice .boss-notice-card{box-sizing:border-box;width:min(460px,100%);max-height:92vh;overflow-y:auto;padding:20px 22px 24px;border:2px solid #e9c977;border-radius:20px;background:linear-gradient(155deg,#2d254c,#15172d 70%,#39243a);box-shadow:0 0 55px #caa65c77;color:white;text-align:center}
#bossCardNotice .boss-notice-eyebrow{margin:0 0 6px;color:#e8c873;font-size:12px;letter-spacing:.22em;font-weight:700}
#bossCardNotice h2{margin:0 0 16px;color:#ffe3a1;font-size:22px;line-height:1.3}
#bossCardNotice .boss-notice-art{height:210px;display:grid;place-items:center;overflow:hidden;border:1px solid #987e5a;border-radius:14px;background:radial-gradient(circle,#605075,#171a30 70%)}
#bossCardNotice .boss-notice-name{margin:13px 0 15px;color:#fff3ce;font-size:20px}
#bossCardNotice .boss-notice-info{display:grid;gap:10px;text-align:left}
#bossCardNotice .boss-notice-field{padding:12px 14px;border:1px solid #756580;border-radius:11px;background:#100f22a6}
#bossCardNotice .boss-notice-field strong{display:block;margin-bottom:5px;color:#f6d992;font-size:13px;letter-spacing:.06em}
#bossCardNotice .boss-notice-field p{margin:0;color:#f4f0fc;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
#bossCardNotice .boss-notice-special{border-color:#b89454;background:#47352355}
#bossCardNotice .boss-notice-slot{margin:14px 0;color:#d9ccde;font-size:13px}
#bossCardNotice .boss-notice-slot b{display:inline-block;margin-left:5px;padding:4px 11px;border:1px solid #bea76b;border-radius:999px;background:#6a512d55;color:#ffe1a0}
#bossCardNotice #bossCardNoticeNext{min-width:150px;padding:10px 18px;border:1px solid #dbbd73;border-radius:9px;background:#526e79;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
#bossCardNotice #bossCardNoticeNext:focus-visible{outline:3px solid #f5d982;outline-offset:3px}
@media(max-width:520px){#bossCardNotice .boss-notice-card{padding:15px 14px 18px}#bossCardNotice h2{font-size:19px}#bossCardNotice .boss-notice-art{height:180px}#bossCardNotice .art-large{width:165px;height:165px}}
.item:has(> .card-comparison-v2)>p{display:none}
.compare-mode-switch{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.compare-mode-switch>span{margin-right:auto;color:#c4d9e6;font-size:12px;font-weight:700}.compare-mode-switch button{border:1px solid #537082;border-radius:6px;padding:5px 9px;background:#1a3343;color:#d5e6ee;font-size:12px;cursor:pointer}.compare-mode-switch button[aria-pressed="true"]{background:#50603d;border-color:#e2bc64;color:#ffedaf;font-weight:800}.comparison-v2 [data-compare-content][hidden]{display:none}
.comparison-v2 .compare-inline-title{margin:12px 0 8px;color:#e4ca8d;font-size:13px;font-weight:800}.comparison-v2 .compare-mode-content>.compare-stats{gap:6px 12px}.comparison-v2 .compare-mode-content>.compare-stats .compare-stat{padding:8px 4px;align-items:center;line-height:1.55}.comparison-v2 .compare-mode-content>.compare-stats .compare-stat span:first-child{flex:0 1 33%;min-width:0;overflow-wrap:anywhere}.comparison-v2 .compare-mode-content>.compare-stats .compare-stat span:last-child{flex:1;font-variant-numeric:tabular-nums}.comparison-v2 .compare-mode-content>.compare-stats .compare-stat b{white-space:normal}