.save-load-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:30000;font-family:"Press Start 2P",cursive}.save-load-menu{background:#1a1a1a;border:4px solid #444;border-radius:8px;padding:20px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 20px #000c}.save-load-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #444}.save-load-title{font-size:18px;color:#fff;margin:0;text-shadow:2px 2px 0 #000}.save-load-close{background:#333;border:2px solid #666;color:#fff;font-size:20px;width:32px;height:32px;cursor:pointer;border-radius:4px;font-family:"Press Start 2P",cursive;line-height:1}.save-load-close:hover{background:#555;border-color:#888}.save-load-close:active{transform:scale(.95)}.save-load-content{display:flex;flex-direction:column;gap:20px}.save-slots{display:flex;flex-direction:column;gap:10px}.save-slot{background:#2a2a2a;border:3px solid #444;border-radius:6px;padding:15px;cursor:pointer;transition:all .2s ease;min-height:100px}.save-slot:hover{border-color:#666;background:#333}.save-slot-selected{border-color:#0f0;background:#1a3a1a;box-shadow:0 0 10px #00ff0080}.save-slot-content{display:flex;flex-direction:column;gap:10px}.save-slot-header{display:flex;justify-content:space-between;align-items:center}.save-slot-number{font-size:14px;color:#0f0;text-shadow:1px 1px 0 #000}.save-slot-date{font-size:10px;color:#aaa}.save-slot-empty-text{font-size:14px;color:#666;text-align:center;padding:20px 0;text-transform:uppercase}.save-slot-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:10px}.save-slot-detail{display:flex;gap:5px}.save-slot-label{color:#888}.save-slot-value{color:#fff}.save-load-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-top:10px;border-top:2px solid #444}.save-load-btn{background:#333;border:3px solid #666;color:#fff;font-size:12px;padding:10px 20px;cursor:pointer;border-radius:4px;font-family:"Press Start 2P",cursive;text-transform:uppercase;transition:all .2s ease;min-width:100px}.save-load-btn:hover{background:#444;border-color:#888;transform:translateY(-2px)}.save-load-btn:active{transform:translateY(0)}.save-btn{background:#1a4a1a;border-color:#0f0;color:#0f0}.save-btn:hover{background:#2a5a2a;border-color:#0f8}.load-btn{background:#1a1a4a;border-color:#08f;color:#08f}.load-btn:hover{background:#2a2a5a;border-color:#0af}.delete-btn{background:#4a1a1a;border-color:red;color:red}.delete-btn:hover{background:#5a2a2a;border-color:#f44}.cancel-btn{background:#2a2a2a;border-color:#666}@media (max-width: 768px){.save-load-menu{width:95%;padding:15px}.save-slot-details{grid-template-columns:1fr}.save-load-actions{flex-direction:column}.save-load-btn{width:100%}}.save-load-menu::-webkit-scrollbar{width:10px}.save-load-menu::-webkit-scrollbar-track{background:#1a1a1a}.save-load-menu::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.save-load-menu::-webkit-scrollbar-thumb:hover{background:#666}