.moca-cmd{--main:#07566b;--line:#d7e2e5;--pale:#f2f7f8;max-width:900px;margin:24px auto;color:#20313b;font-family:inherit}.moca-cmd *{box-sizing:border-box}.moca-cmd button,.moca-cmd input,.moca-cmd select{font:inherit}.moca-cmd__tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.moca-cmd__tabs button{min-height:48px;border:0;background:#fff;color:#52656d;font-weight:700;cursor:pointer}.moca-cmd__tabs button+button{border-left:1px solid var(--line)}.moca-cmd__tabs button.is-active{background:var(--main);color:#fff}.moca-cmd__filters{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--pale)}.moca-cmd label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.moca-cmd input,.moca-cmd select{width:100%;min-height:40px;padding:7px 9px;border:1px solid #b9c8cd;border-radius:7px;background:#fff}.moca-cmd__count{margin:12px 2px 7px;color:#687a81;font-size:12px;text-align:right}.moca-cmd__item-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.moca-cmd__item{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.moca-cmd__identity{display:flex;align-items:center;gap:10px}.moca-cmd__identity img{width:52px;height:52px;object-fit:contain;border:1px solid #dbe4e6;border-radius:8px;background:#f7f9f9}.moca-cmd__identity strong,.moca-cmd__identity small{display:block}.moca-cmd__identity small{margin-top:2px;color:#718187;font-size:11px}.moca-cmd__settings{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:7px;margin-top:10px}.moca-cmd__settings input,.moca-cmd__settings select{min-height:36px;padding:5px 7px}.moca-cmd__output{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:10px}.moca-cmd__output code,.moca-cmd__command code{display:flex;align-items:center;min-width:0;padding:8px 10px;border-radius:7px;background:#eef3f4;color:#174b59;font-size:12px;overflow-wrap:anywhere}.moca-cmd__output button,.moca-cmd__command button{min-width:74px;border:1px solid var(--main);border-radius:7px;background:#fff;color:var(--main);font-weight:700;cursor:pointer}.moca-cmd button.is-copied{background:var(--main);color:#fff}.moca-cmd__empty{padding:28px;text-align:center;color:#718187}.moca-cmd__notice{padding:12px 14px;border-left:4px solid var(--main);background:var(--pale);font-size:13px}.moca-cmd__command-section{margin-top:20px}.moca-cmd__command-section h3{margin:0 0 8px;padding-bottom:7px;border-bottom:2px solid var(--main);font-size:18px}.moca-cmd__command{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) 78px;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid #e2e9eb}.moca-cmd__command p{margin:3px 0 0;color:#687a81;font-size:12px}.moca-cmd__command button{min-height:38px}.moca-cmd__footnote{margin-top:16px;color:#687a81;font-size:11px}.moca-cmd [hidden]{display:none!important}
@media(max-width:700px){.moca-cmd__filters,.moca-cmd__item-grid{grid-template-columns:1fr}.moca-cmd__tabs button{padding:7px;font-size:13px}.moca-cmd__command{grid-template-columns:1fr auto}.moca-cmd__command code{grid-column:1/2}.moca-cmd__command button{grid-column:2;grid-row:2}.moca-cmd__settings{grid-template-columns:1fr 1fr 1.25fr}}

.moca-cmd__settings{grid-template-columns:minmax(100px,160px)}
@media(max-width:700px){.moca-cmd__settings{grid-template-columns:minmax(100px,160px)}}

/* v0.4.0 compact item rows */
.moca-cmd__item-grid{gap:7px}.moca-cmd__item{display:grid;grid-template-columns:minmax(120px,1fr) 62px minmax(155px,1.25fr);align-items:center;gap:8px;padding:7px 8px}.moca-cmd__identity{min-width:0;gap:7px}.moca-cmd__identity img{width:40px;height:40px;flex:0 0 40px}.moca-cmd__identity span{min-width:0}.moca-cmd__identity strong,.moca-cmd__identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moca-cmd__identity strong{font-size:13px}.moca-cmd__identity small{font-size:9px}.moca-cmd__quantity{display:block!important}.moca-cmd__quantity span{display:none}.moca-cmd__quantity input{min-height:34px;padding:4px 5px;text-align:center}.moca-cmd__output{grid-template-columns:minmax(0,1fr) 58px;gap:5px;margin-top:0}.moca-cmd__output code{min-height:34px;padding:5px 7px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moca-cmd__output button{min-width:58px;min-height:34px;padding:4px;font-size:11px}
@media(max-width:700px){.moca-cmd__item{grid-template-columns:minmax(105px,1fr) 54px minmax(130px,1.15fr);gap:5px;padding:6px}.moca-cmd__identity img{width:34px;height:34px;flex-basis:34px}.moca-cmd__identity strong{font-size:12px}.moca-cmd__identity small{display:none}.moca-cmd__quantity input{min-height:32px}.moca-cmd__output{grid-template-columns:minmax(0,1fr) 48px}.moca-cmd__output code{min-height:32px;font-size:9px}.moca-cmd__output button{min-width:48px;min-height:32px;font-size:10px}}
@media(max-width:420px){.moca-cmd__item{grid-template-columns:minmax(92px,1fr) 48px minmax(112px,1.1fr)}.moca-cmd__identity img{width:30px;height:30px;flex-basis:30px}.moca-cmd__output{grid-template-columns:minmax(0,1fr) 42px}.moca-cmd__output button{min-width:42px}}

/* v0.4.1 single-column list */
.moca-cmd__item-grid{grid-template-columns:1fr}
.moca-cmd__item{grid-template-columns:minmax(180px,1fr) 80px minmax(260px,1.6fr)}
.moca-cmd__output code{font-size:11px}
@media(max-width:700px){.moca-cmd__item{grid-template-columns:minmax(105px,1fr) 54px minmax(130px,1.15fr)}.moca-cmd__output code{font-size:9px}}
@media(max-width:420px){.moca-cmd__item{grid-template-columns:minmax(92px,1fr) 48px minmax(112px,1.1fr)}}

/* v0.6.0 quantity stepper */
.moca-cmd__item{grid-template-columns:minmax(180px,1fr) 132px minmax(260px,1.6fr)}
.moca-cmd__quantity{display:grid!important;grid-template-columns:34px minmax(54px,1fr) 34px;align-items:stretch;gap:0}.moca-cmd__quantity button,.moca-cmd__quantity input{width:100%;min-width:0;min-height:34px;margin:0;border:1px solid #b9c8cd;border-radius:0;background:#fff;padding:4px;text-align:center}.moca-cmd__quantity button{cursor:pointer;color:var(--main);font-size:16px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}.moca-cmd__quantity button:first-child{border-radius:6px 0 0 6px}.moca-cmd__quantity button:last-child{border-radius:0 6px 6px 0}.moca-cmd__quantity input{border-right:0;border-left:0;-moz-appearance:textfield}.moca-cmd__quantity input::-webkit-inner-spin-button,.moca-cmd__quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.moca-cmd__quantity button:active{background:#dff1f4}
@media(max-width:700px){.moca-cmd__item{grid-template-columns:minmax(105px,1fr) 112px minmax(130px,1.15fr)}.moca-cmd__quantity{grid-template-columns:30px minmax(48px,1fr) 30px}}
@media(max-width:420px){.moca-cmd__item{grid-template-columns:minmax(88px,1fr) 102px minmax(105px,1.1fr)}.moca-cmd__quantity{grid-template-columns:28px minmax(44px,1fr) 28px}.moca-cmd__quantity button{font-size:14px}}

/* v0.7.0 creature commands */
.moca-cmd__tabs{grid-template-columns:repeat(3,1fr)}.moca-cmd__creature-filters{grid-template-columns:1fr}.moca-cmd__creature-list{display:grid;grid-template-columns:1fr;gap:7px}.moca-cmd__creature{display:grid;grid-template-columns:minmax(190px,1fr) 80px 110px minmax(260px,1.5fr);align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:#fff}.moca-cmd__creature .moca-cmd__identity img,.moca-cmd__creature-placeholder{width:46px;height:46px;flex:0 0 46px}.moca-cmd__creature .moca-cmd__identity img{object-fit:cover}.moca-cmd__creature-placeholder{display:flex;align-items:center;justify-content:center;border:1px solid #dbe4e6;border-radius:8px;background:#eef3f4;color:#829097;font-size:10px;font-weight:700}.moca-cmd__creature-level span,.moca-cmd__creature-type span{display:none}.moca-cmd__creature-level input,.moca-cmd__creature-type select{min-height:34px;padding:4px 6px}.moca-cmd__creature .moca-cmd__output{margin:0}
@media(max-width:700px){.moca-cmd__tabs button{font-size:11px}.moca-cmd__creature{grid-template-columns:minmax(110px,1fr) 62px 86px}.moca-cmd__creature .moca-cmd__output{grid-column:1/4}.moca-cmd__creature .moca-cmd__identity img,.moca-cmd__creature-placeholder{width:38px;height:38px;flex-basis:38px}}

/* v0.9.0 level / quality input */
.moca-cmd__creature-level span{display:block;margin-bottom:2px;color:#687a81;font-size:9px;text-align:center}.moca-cmd__creature-level input:disabled{background:#edf1f2;color:#8a969b}
