.modal-overlay{z-index:10100;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.modal-content{border-radius:var(--radius-card,14px);background:#141418;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-card,14px) 12px 0 0;background:#141418;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:background-color .2s}.modal-close:hover{background-color:#1a1a1e}.modal-error{color:#ef5350;background-color:#c628281f;border:1px solid #ef44444d;border-radius:8px;margin:1rem 1.5rem 0;padding:1rem}.modal-form{flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-group label{color:#f4f4f5;margin-bottom:.5rem;font-weight:600;display:block}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{border:1px solid var(--border-color,#e2e8f0);background-color:#141418;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f4f4f5;outline:none}.form-group select{cursor:pointer}.form-group select:disabled,.form-group select.disabled{opacity:.5;cursor:not-allowed;background-color:#1a1a1e}.form-group input[type=file]{cursor:pointer;border:2px dashed #27272a;border-radius:8px;width:100%;padding:.5rem}.image-preview{border-radius:var(--radius-button,10px);max-width:300px;margin-top:1rem;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-actions{background:#141418;border-top:1px solid #27272a;border-radius:0 0 12px 12px;flex-shrink:0;gap:1rem;padding:1.5rem;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.btn-cancel{color:#f4f4f5;background-color:#1a1a1e}.btn-cancel:hover{background-color:#27272a}.btn-submit{background:var(--accent-gradient,linear-gradient(135deg, #7c3aed, #6d28d9));color:#fff}.btn-submit:hover{filter:brightness(1.15)}.btn-submit:disabled{color:#71717a;cursor:not-allowed;opacity:.7;background:#3f3f46}.category-input-row{align-items:center;gap:.75rem;display:flex}.category-input-row select,.category-input-row .new-category-input{flex:1;margin:0}.category-separator{color:#a1a1aa;white-space:nowrap;font-size:.9rem;font-weight:600}.new-category-input{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.new-category-input:focus{border-color:var(--accent-color,#7c3aed);outline:none}.category-error{color:#c62828;margin-top:.5rem;font-size:.875rem;display:block}.images-upload-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:.5rem;display:grid}.checkbox-group{margin-bottom:1rem}.checkbox-group label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.release-dates{border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-button,10px);background-color:#1a1a1e;padding:1rem}.release-date-field{margin-bottom:1rem}.release-date-field:last-child{margin-bottom:0}.release-date-field label{color:#f4f4f5;margin-bottom:.5rem;font-weight:600;display:block}.release-date-field input[type=datetime-local]{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.release-date-field input[type=datetime-local]:focus{border-color:#f4f4f5;outline:none}.release-date-field small{color:#a1a1aa;margin-top:.25rem;font-size:.85rem;display:block}.disabled-section{opacity:.5;pointer-events:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;color:#71717a;background-color:#1a1a1e}.checkbox-hint{color:var(--accent-color,#7c3aed);margin-top:.5rem;margin-left:1.75rem;font-size:.85rem;font-style:italic;display:block}.purchase-limit-section{border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-button,10px);background-color:#1a1a1e;padding:1rem}.purchase-limit-section .form-row{margin-bottom:1rem}.purchase-limit-section .form-row:last-of-type{margin-bottom:.5rem}.purchase-limit-section .form-group{margin-bottom:0}.purchase-limit-section .checkbox-hint{margin-top:.75rem;margin-left:0}@media (max-width:640px){.modal-overlay{align-items:stretch;padding:0}.modal-content{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}.modal-header{z-index:2;border-radius:0;padding:1rem;position:sticky;top:0}.modal-header h2{font-size:1.15rem}.modal-form{padding:1rem 1rem 1.25rem}.form-group{margin-bottom:1.1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.category-input-row{flex-direction:column;align-items:stretch;gap:.5rem}.category-separator{text-align:center;font-size:.8rem}.images-upload-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.modal-actions{padding:.75rem 1rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px));z-index:2;background:#141418;border-radius:0;position:sticky;bottom:0;box-shadow:0 -8px 16px #00000059}.btn-cancel,.btn-submit{padding:.85rem 1rem;font-size:.95rem}.release-dates,.purchase-limit-section{border-width:1px;padding:.75rem}.release-date-field{margin-bottom:.75rem}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea,.form-group input[type=file],.new-category-input,.release-date-field input[type=datetime-local]{padding:.7rem .75rem;font-size:16px}}@media (max-width:380px){.modal-header,.modal-form{padding:.85rem}.modal-actions{padding:.6rem .85rem;padding-bottom:max(.6rem, env(safe-area-inset-bottom,0px));gap:.5rem}.images-upload-grid{grid-template-columns:1fr 1fr}}
.event-modal-scope .modal-overlay,.event-modal-scope.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.event-modal-scope .modal-content,.event-modal-scope .modal-content-large{background:#141418;border:1px solid #27272a;border-radius:14px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 48px #0009}.event-modal-scope .modal-header{background:#141418;border-bottom:1px solid #27272a;border-radius:14px 14px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.event-modal-scope .modal-header h2{color:#f4f4f5;margin:0;font-size:1.25rem;font-weight:700}.event-modal-scope .modal-close{cursor:pointer;color:#a1a1aa;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .15s;display:flex}.event-modal-scope .modal-close:hover{color:#f4f4f5;background-color:#27272a}.event-modal-scope .modal-error{color:#fca5a5;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin:1rem 1.5rem 0;padding:.75rem 1rem;font-size:.9rem}.event-modal-scope .modal-form{color:#f4f4f5;flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.event-modal-scope .form-group{margin-bottom:1.25rem}.event-modal-scope .form-group label{color:#f4f4f5;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.event-modal-scope .form-group input[type=text],.event-modal-scope .form-group input[type=number],.event-modal-scope .form-group input[type=datetime-local],.event-modal-scope .form-group input[type=file],.event-modal-scope .form-group select,.event-modal-scope .form-group textarea{color:#f4f4f5;background-color:#0f0f12;border:1px solid #27272a;border-radius:8px;width:100%;padding:.65rem .75rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.event-modal-scope .form-group input:focus,.event-modal-scope .form-group select:focus,.event-modal-scope .form-group textarea:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed33}.event-modal-scope .form-group textarea{resize:vertical;min-height:90px;font-family:inherit}.event-modal-scope .form-actions{background:#141418;border-top:1px solid #27272a;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.event-modal-scope .btn-primary,.event-modal-scope .btn-secondary{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .15s}.event-modal-scope .btn-primary{color:#fff;background:linear-gradient(90deg,#7c3aed,#a855f7)}.event-modal-scope .btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#6d28d9,#9333ea);box-shadow:0 4px 16px #a855f759}.event-modal-scope .btn-primary:disabled{opacity:.5;cursor:not-allowed}.event-modal-scope .btn-secondary{color:#d4d4d8;background:0 0;border-color:#27272a}.event-modal-scope .btn-secondary:hover{color:#fff;background:#18181b;border-color:#3f3f46}.event-modal-scope .image-preview{border:1px solid #27272a;border-radius:10px;max-height:260px;margin-top:.75rem;overflow:hidden}.event-modal-scope .image-preview img{object-fit:cover;width:100%;height:auto;max-height:260px;display:block}.modal-content-large{flex-direction:column;max-width:700px;max-height:90vh;display:flex;overflow:hidden}.game-mode-selector{align-items:center;margin-bottom:1rem;display:flex}.mode-btn{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;background-color:#141418;border-radius:4px;padding:.5rem 1rem;transition:all .2s}.mode-btn:hover{background-color:#1a1a1e}.mode-btn.active{color:#fff;background-color:#007bff;border-color:#007bff}.create-game-form{flex-direction:column;gap:.5rem;display:flex}.create-game-form input{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:.75rem;font-size:1rem}.rewards-section{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-button,10px);background-color:#1a1a1e;padding:1rem}.reward-input-row{gap:.75rem;margin-bottom:1rem;display:flex}.reward-type-select{border:1px solid var(--border-color,#e2e8f0);background-color:#141418;border-radius:8px;min-width:100px;max-width:120px;padding:.75rem;font-size:1rem}.reward-product-select{border:1px solid var(--border-color,#e2e8f0);background-color:#141418;border-radius:8px;flex:1;padding:.75rem;font-size:1rem}.reward-input-row select{border:1px solid var(--border-color,#e2e8f0);background-color:#141418;border-radius:8px;padding:.75rem;font-size:1rem}.reward-input-row input{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;flex:1;padding:.75rem;font-size:1rem}.add-reward-btn{background-color:var(--accent-color,#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;transition:background-color .2s;display:flex}.add-reward-btn:hover{background-color:var(--accent-hover,#6d28d9)}.rewards-list{flex-direction:column;gap:.5rem;display:flex}.reward-item{border:1px solid var(--border-color,#e2e8f0);background-color:#141418;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.reward-type-badge{border-radius:var(--radius-card,14px);white-space:nowrap;background-color:#27272a;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.reward-content{color:#f4f4f5;flex:1}.remove-reward-btn{color:#fff;cursor:pointer;background-color:#d32f2f;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.remove-reward-btn:hover{background-color:#b71c1c}.checkbox-group{margin-bottom:1rem}.checkbox-group label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}
