.collection-modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.collection-modal{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;flex-direction:column;width:100%;max-width:440px;max-height:80vh;animation:.2s ease-out collectionModalSlideIn;display:flex;box-shadow:0 20px 60px #00000080}@keyframes collectionModalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.collection-modal .modal-header{border-bottom:1px solid var(--color-border-default);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.collection-modal .modal-header h2,.collection-modal .modal-header h3{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.collection-modal .close-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.75rem;transition:all .2s;display:flex}.collection-modal .close-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.collection-modal .modal-body{flex:1;padding:16px 24px 24px;overflow-y:auto}.collection-modal .game-name-label{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default);white-space:nowrap;text-overflow:ellipsis;margin-bottom:16px;padding-bottom:12px;font-size:.85rem;overflow:hidden}.collection-modal .error-message{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.85rem}.collection-modal .loading-state,.collection-modal .empty-state{text-align:center;color:var(--color-text-secondary);padding:24px 0;font-size:.9rem}.collection-modal .auth-required{text-align:center;padding:20px 0}.collection-modal .auth-required p{color:var(--color-text-secondary);margin-bottom:16px}.collection-modal .login-link{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;padding:10px 24px;font-weight:500;text-decoration:none;display:inline-block}.collection-modal .collections-list{flex-direction:column;gap:4px;max-height:300px;margin-bottom:16px;display:flex;overflow-y:auto}.collection-modal .collection-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.collection-modal .collection-item:hover{background:#ffffff0d}.collection-modal .collection-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;flex-shrink:0;width:18px;height:18px}.collection-modal .collection-item-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;overflow:hidden}.collection-modal .collection-item-meta{color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;font-size:.8rem}.collection-modal .create-form{border-top:1px solid var(--color-border-default);padding-top:16px}.collection-modal .create-form input[type=text]{border:1px solid var(--color-border-default);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:8px;margin-bottom:10px;padding:10px 12px;font-size:.9rem}.collection-modal .create-form input[type=text]:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #6366f133}.collection-modal .public-toggle{cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;display:flex}.collection-modal .public-toggle input[type=checkbox]{accent-color:#6366f1;cursor:pointer}.collection-modal .create-form-actions{justify-content:flex-end;gap:8px;display:flex}.collection-modal .cancel-btn{border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .2s}.collection-modal .cancel-btn:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0d}.collection-modal .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:all .2s}.collection-modal .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c7ff7,#6366f1)}.collection-modal .submit-btn:disabled,.collection-modal .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.collection-modal .form-group{margin-bottom:16px}.collection-modal .form-group label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.9rem;display:block}.collection-modal .form-group input[type=text]{border:1px solid var(--color-border-default);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:8px;padding:10px 12px;font-size:.9rem}.collection-modal .form-group input[type=text]:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #6366f133}.collection-modal .checkbox-group{margin-bottom:16px}.collection-modal .checkbox-label{cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.collection-modal .checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer}.collection-modal .modal-actions{justify-content:flex-end;gap:10px;display:flex}.collection-modal .modal-actions .create-collection-btn{width:auto}.collection-modal .create-collection-btn{border:1px dashed var(--color-border-default);width:100%;color:var(--color-primary-500);cursor:pointer;background:0 0;border-radius:8px;padding:10px;font-size:.9rem;transition:all .2s}.collection-modal .create-collection-btn:hover:not(:disabled){border-color:var(--color-primary-500);background:#6366f11a}.collection-modal .create-collection-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:520px){.collection-modal-overlay{padding:10px}.collection-modal .modal-header{padding:16px 20px}.collection-modal .modal-body{padding:16px 20px 20px}}