.save-slots-modal{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.save-slots-modal h2{font-size:22px;line-height:1.4;margin:8px 0 12px}.slot-description{font-size:13px;line-height:1.7;margin:0 0 14px}.save-slot-list{display:grid;gap:10px;margin-bottom:12px}.save-slot{position:relative;border:2px solid #a8b9c3;border-radius:10px;padding:9px 12px;background:#f7f7ee}.save-slot.last-played{border-color:#cc829e}.slot-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px}.slot-heading span{font-size:11px;color:#9b4c6c}.slot-select{display:grid;gap:3px;text-align:left;width:100%;padding:7px 64px 5px 0;border:0;background:transparent;color:#334a60;min-height:76px;line-height:1.4;font-size:13px}.slot-select strong{font-size:16px;overflow-wrap:anywhere}.slot-select small{font-size:11px}.slot-select:disabled{color:#777;opacity:1}.slot-erase{position:absolute;right:10px;bottom:12px;min-width:54px;min-height:44px;background:#f2e5e3;border:1px solid #c7a9a5;border-radius:7px;color:#8d4f53;font-size:13px}.slot-erase:disabled{opacity:.4}.save-slots-modal button:focus-visible{outline:3px solid #4489a2;outline-offset:2px}.save-slots-modal .confirm-row{flex-wrap:wrap}.save-slots-modal .confirm-row button{flex:1 1 140px;white-space:normal}
@media(max-width:600px){.save-slots-modal{padding:18px 16px}.save-slots-modal .modal-kicker{font-size:10px}.save-slots-modal h2{font-size:20px}.save-slot{padding:8px 10px}.slot-description{margin-bottom:10px;font-size:12px}.slot-select{min-height:72px}.save-slot-list{gap:8px}}
@media(max-width:600px){.save-slots-modal .save-slot{padding:6px 10px}.save-slots-modal .slot-select{gap:1px;padding-top:5px;padding-bottom:3px}.save-slots-modal .save-slot-list{gap:6px}.save-slots-modal .slot-description{margin-bottom:8px}}