.battle-skill-command{display:grid;min-width:0;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.battle-skill-command>.command-button{width:100%;height:100%;min-width:0;touch-action:pan-y}
.battle-skill-command>.command-button:disabled{pointer-events:none}
.battle-skill-command:focus-visible{outline:2px solid #dcc27f;outline-offset:2px;border-radius:10px}
.battle-shell .team-switch-actions>.battle-skill-command{grid-column:span 3}
.battle-shell .team-switch-actions>.battle-skill-command>.command-button{grid-template:auto auto / 20px minmax(0,1fr);min-height:48px;padding:4px 6px;column-gap:4px;text-align:left}
.battle-shell .team-switch-actions>.battle-skill-command>.command-button>:first-child{grid-area:1 / 1 / 3 / 2;width:20px;height:20px;font-size:1.15rem}
@media(max-width:360px),(max-height:740px) and (max-width:700px){.battle-shell .team-switch-actions>.battle-skill-command>.command-button{padding:3px 4px;column-gap:2px}}
.battle-skill-effect-open{overflow:hidden}
.battle-skill-effect-backdrop{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:16px;background:rgb(3 8 12 / 80%);backdrop-filter:blur(4px)}
.battle-skill-effect-dialog{box-sizing:border-box;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid #b29a62;border-radius:16px;background:linear-gradient(140deg,#25333b,#101d26 65%);box-shadow:0 22px 65px #0009;color:#edf3f4;overflow-wrap:anywhere}
.battle-skill-effect-dialog header{display:flex;align-items:center;gap:12px}
.battle-skill-effect-dialog header>div{flex:1;min-width:0}
.battle-skill-effect-dialog header small{display:block;font-size:13px;color:#b9cbd0}
.battle-skill-effect-dialog h2{margin:4px 0;font-size:21px;line-height:1.45;color:#f3d894}
.battle-skill-effect-dialog h2 span{display:inline-block;font-size:13px;color:#c8d7db}
.battle-skill-effect-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;padding:5px;border:1px solid #bba26966;border-radius:12px;background:#bba26914}
.battle-skill-effect-icon img{width:42px;height:42px;object-fit:contain}
.battle-skill-effect-dialog .dialog-close-button{flex:none;min-width:44px;min-height:44px;font-size:24px}
.battle-skill-effect-category{margin:16px 0 10px;font-size:13px;color:#b9cbd0}
#battle-skill-effect-description{margin:0;padding:15px 0;border-top:1px solid #8ba7b633;border-bottom:1px solid #8ba7b633;font-size:16px;line-height:1.85;white-space:pre-line}
.battle-skill-effect-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.battle-skill-effect-dialog dl>div{padding:10px 12px;border-radius:9px;background:#03131a55}
.battle-skill-effect-dialog dt{font-size:13px;color:#b9cbd0}
.battle-skill-effect-dialog dd{margin:4px 0 0;font-size:18px;font-weight:700;color:#f3d894}
.battle-skill-effect-status{margin:8px 0;font-size:14px;line-height:1.65;color:#edc694}
.battle-skill-effect-dialog footer{display:flex;justify-content:flex-end;margin-top:16px}
.battle-skill-effect-dialog footer button{min-width:112px;min-height:44px}
.battle-skill-effect-dialog button:focus-visible{outline:2px solid #f3d894;outline-offset:3px}
@media(max-width:359px){.battle-skill-effect-backdrop{padding:12px}.battle-skill-effect-dialog{padding:16px;max-height:calc(100dvh - 24px)}.battle-skill-effect-dialog header{gap:8px}.battle-skill-effect-icon{width:42px;height:42px}.battle-skill-effect-dialog h2{font-size:19px}}