/* One opening battlefield, the same orientation as the actual fight. */
.d-preparation .d-prep-layout{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:10px}
.d-preparation .d-board{display:grid;grid-template-rows:28px 18px minmax(100px,1fr) 52px 25px 32px;gap:4px;min-width:0}
.d-plan-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#e7d7ab;font-size:10px;white-space:nowrap}
.d-plan-caption b{font-size:10px;overflow:hidden;text-overflow:ellipsis;color:#f6dfa5}
.d-plan-caption span:last-child{font-size:9px}
.d-plan-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:2px;min-height:0}
.d-plan-board .d-plan-cell{min-width:0;min-height:0;padding:1px;border:1px solid #788c6e;background:#60765b;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;color:#f4e2b0}
.d-plan-board .enemy-zone{background:#4a554b;border-color:#687163;color:#dfb9a3}
.d-plan-board .in-range{background:#918559;border-color:#c1aa65}
.d-plan-board .selected{background:#9c9563;border:2px solid #ffdc7c;box-shadow:inset 0 0 0 1px #6b6039}
.d-plan-board .linked{box-shadow:inset 0 0 0 2px #9ae0d1}
.d-plan-board .wall{background:#343e37;color:#879382;font-size:26px}
.d-plan-board .portrait{height:24px;width:24px;flex:none}
.d-plan-board span:not(.d-plan-cell){font-size:9px;line-height:11px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.d-plan-board .d-emptycell{font-size:17px!important;opacity:.4}
.d-plan-reading{display:grid;grid-template-rows:15px minmax(0,1fr) 12px;gap:2px;padding:4px 7px;background:#233d35;border-left:3px solid #dab568;color:#f0e1b8;min-height:0}
.d-plan-reading b{font-size:11px;line-height:13px}.d-plan-reading>span{font-size:10px;line-height:12px;overflow:hidden}.d-plan-reading small{font-size:9px;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bed7bc}
.range-key{display:inline-block;width:8px;height:8px;background:#a99b58;margin-right:3px}
.d-preparation .d-synergies button{min-height:23px;height:23px;padding:2px 6px;font-size:10px}
.d-preparation .d-gear-candidates{grid-template-columns:1fr!important;grid-template-rows:repeat(2,minmax(0,1fr))}
.d-preparation .d-gear-candidates article{grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:28px minmax(0,1fr);gap:2px 4px}
.d-preparation .d-gear-candidates article>button{grid-column:2;grid-row:1/3;height:100%;min-height:28px}
.d-preparation .d-gear-candidates article p{font-size:10px;grid-column:1;grid-row:2}
.d-enemy-inspect{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%}.d-enemy-inspect>.portrait{width:65px;height:70px}.d-enemy-inspect p{margin:0;font-size:14px}.d-enemy-inspect small{font-size:11px}
.l-ready{display:block;height:4px;background:#38554d;width:100%;margin-top:3px;overflow:hidden}.l-ready em{display:block;height:100%;width:0;background:#76b9d6}.l-ready.casting em{background:#ffdc72;width:100%!important}.l-ready.fallen{opacity:.2}
.l-roster button>span{flex:1;text-align:left;min-width:0}
.l-watch-hint{display:none}.l-room.watching .l-watch-hint{display:block;width:100%;font-size:10px;color:#e4d4a4}.l-room.watching .l-keymoments>button{display:none}.l-room.watching .l-moment-select{visibility:hidden}
#l-verdict{font-weight:bold} .l-room:not(.watching) #l-verdict{font-size:14px;color:#ffe3a0}
@media(max-height:360px){
 .d-preparation .d-board{grid-template-rows:25px 16px minmax(75px,1fr) 45px 22px 28px;gap:2px}
 .d-plan-reading{grid-template-rows:12px minmax(0,1fr) 10px;padding:2px 5px}
 .d-plan-reading>span{font-size:9px;line-height:11px}.d-plan-reading b{font-size:10px}.d-plan-reading small{font-size:8px}
 .d-plan-board .portrait{height:23px;width:21px}.d-plan-board span:not(.d-plan-cell){font-size:8px;line-height:9px}
 .d-preparation .d-synergies button{min-height:21px;height:21px}
}
@media(max-width:760px){.d-preparation .d-prep-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:5px}.d-plan-caption span:last-child{display:none}.d-plan-board .portrait{width:22px}.d-plan-board span:not(.d-plan-cell){font-size:8px}.d-plan-reading>span{font-size:9px}}

.d-plan-board .d-plan-cell>span{flex-shrink:0}.d-preparation .d-trial>small{margin-left:auto}.d-preparation .d-trial [data-action="d-trial-tier"]{font-size:10px;padding:2px 6px;min-width:62px}

.d-plan-board .d-plan-cell{gap:0}.d-plan-board .selected .portrait{height:22px}.d-plan-reading>small{font-size:9px}

.d-preparation:has(.l-plan) .d-board{grid-template-rows:28px 18px minmax(100px,1fr) 52px 25px}
.d-preparation:has(.l-plan) .d-trial{display:none}
@media(max-height:360px){.d-preparation:has(.l-plan) .d-board{grid-template-rows:25px 16px minmax(70px,1fr) 45px 22px}}

.d-preparation .d-gear-candidates article:only-child{grid-row:1/-1}

.d-start-mana{float:right;color:#9fd3e5;font-size:9px!important;line-height:13px}