.skin-mode-panel{background:var(--window);color:var(--ink);border-radius:3px;min-height:450px;overflow-wrap:anywhere}
.skin-mode-panel>p{color:var(--muted);line-height:1.5}
.mode-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:20px}
.mode-form,.mode-summary{min-width:0;padding:18px;border:2px solid #d5a2e2;background:var(--panel2);border-radius:5px}
.mode-form{display:grid;gap:14px;align-content:start}
.mode-form>label{display:grid;gap:6px;font-weight:700}
.mode-form select,.mode-form input[type=number]{width:100%;min-width:0;min-height:44px;padding:8px 10px;color:#241c31;background:#fff;border:2px solid #8d79a6;border-radius:4px;font:inherit}
.mode-form fieldset{min-width:0;margin:0;padding:10px;border:1px solid #bda5d0;border-radius:4px}
.mode-form legend{padding:0 5px;font-weight:700}
.mode-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:430px;overflow:auto}
.mode-item{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;background:var(--window);border:1px solid #bda5d0;border-radius:4px;cursor:pointer}
.mode-item input{width:20px;height:20px;flex:none;accent-color:#ed3aa1}
.mode-item img{width:48px;height:44px;flex:none;object-fit:contain}
.mode-item span{min-width:0;font-size:.82rem;line-height:1.25;overflow-wrap:anywhere}
.mode-item small{display:block;color:var(--muted);margin-top:4px}
.mode-summary h3,.mode-form h3{margin-top:0}.mode-summary p{line-height:1.5}
.mode-summary .pixel-primary,.mode-form .pixel-primary{min-height:44px;max-width:100%;padding:8px 12px}
.mode-summary button:disabled,.mode-form button:disabled{opacity:.5;cursor:not-allowed}
.mode-summary [role=status],.mode-form [role=status]{min-height:1.5em;font-size:.9rem}
.mode-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.mode-heading h3{margin:0}.mode-heading button,.mode-battle button{min-height:40px;margin:4px 7px 4px 0;padding:7px 10px;border:2px solid #ae72bb;border-radius:4px;background:var(--window);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.mode-battle{padding:12px 0;border-top:1px solid #bda5d0}
.mode-battle ul{padding-left:20px}.mode-battle li{margin:9px 0;font-size:.9rem;line-height:1.4}
.mode-hint{font-weight:700;color:#bd287d!important}
@media(max-width:850px){.mode-layout{grid-template-columns:1fr}.mode-item-grid{max-height:350px}}
@media(max-width:430px){.skin-mode-panel{padding-inline:12px}.mode-form,.mode-summary{padding:12px}.mode-item-grid{grid-template-columns:1fr}}