.dkg-tier-work,.dkg-battle-focus{margin-top:19px;min-width:0}
.dkg-tier-work{background:#fcfbf9;border:1px solid #d7d3ca;border-radius:13px;padding:21px}
.dkg-tier-head span{font-size:11px;color:#887b69;font-weight:760}
.dkg-tier-head h3{margin:5px 0 5px;font-size:22px;letter-spacing:-.04em}
.dkg-tier-head p{color:#6a716b;font-size:13px;margin:0 0 14px}
.dkg-tier-mode,.dkg-battle-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0}
.dkg-tier-mode button,.dkg-battle-switch button{border:1px solid #d1cdc4;border-radius:7px;background:#f3f0eb;color:#50564e;font-weight:700;font-size:12px;line-height:1.4;padding:10px 5px}
.dkg-tier-mode button[aria-pressed=true],.dkg-battle-switch button[aria-pressed=true]{background:#343a35;color:#fff;border-color:#343a35}
.dkg-tier-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.dkg-tier-stats>div{display:flex;flex-direction:column;gap:7px;background:#ebe7df;border-radius:8px;padding:14px;min-width:0}
.dkg-tier-stats span,.dkg-tier-target span{font-size:11px;color:#6f7069}
.dkg-tier-stats strong{font-size:clamp(17px,2vw,24px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.dkg-tier-stats small{font-size:11px;color:#686f68;line-height:1.4}
.dkg-tier-route{margin-top:13px;padding:12px 13px;background:#f5f3ee;border:1px solid #e3ded4;border-radius:8px;font-size:13px;line-height:1.65;min-height:44px;color:#535b54}
.dkg-tier-target{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;margin-top:15px}
.dkg-tier-target label{display:grid;gap:5px;color:#5b625c;font-size:12px;font-weight:720}
.dkg-tier-target select{width:100%;min-width:0;border:1px solid #c9c5be;border-radius:7px;background:#fff;color:#303730;padding:10px;font:inherit;font-size:13px}
.dkg-tier-target>div{display:flex;flex-direction:column;justify-content:center;background:#ebe7df;border-radius:8px;padding:10px 13px;gap:6px}
.dkg-tier-target strong{font-size:17px;color:#333b35}
.dkg-tier-foot{font-size:12px;color:#72746d;line-height:1.7;margin:14px 0 5px}
.dkg-tier-source{text-align:right;font-size:12px;margin-top:10px}.dkg-tier-source a{color:#5d6257}
.dkg-battle-detail{background:#fbfaf8;border:1px solid #d9d5cc;border-radius:12px;padding:18px}
.dkg-battle-detail[hidden]{display:none!important}
.dkg-battle-detail header span{font-size:12px;color:#817c73;font-weight:700}
.dkg-battle-detail h3{font-size:22px;margin:5px 0 15px;letter-spacing:-.035em}
.dkg-battle-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.dkg-battle-insights>div{border:1px solid #e7e3db;border-radius:9px;background:#f5f3ee;padding:14px}
.dkg-battle-insights strong{font-size:13px;color:#343c35}
.dkg-battle-insights p{font-size:13px;line-height:1.7;color:#636862;margin:7px 0 0}
.dkg-battle-detail .dkg-action{max-width:250px}
@media(max-width:750px){.dkg-tier-work{padding:15px}.dkg-tier-mode,.dkg-battle-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.dkg-tier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dkg-tier-stats>div:last-child{grid-column:1/-1}.dkg-battle-insights{grid-template-columns:1fr}}
@media(max-width:420px){.dkg-tier-target{grid-template-columns:1fr}.dkg-battle-detail .dkg-action{max-width:none}}

.dkg-tier-route{overflow-wrap:break-word}.dkg-tier-stats strong{font-variant-numeric:tabular-nums}

/* The battle mode selector sits above the inputs, avoiding a duplicated set of controls. */
.dkg-tier-mode{margin:0 0 12px}
.dkg-tier-work{margin-top:13px}
.dkg-tier-route{margin-top:11px}
.dkg-tier-head h3{font-size:18px;letter-spacing:-.015em}
.dkg-tier-head p{margin-bottom:12px}