body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.App{background-color:var(--background-primary);margin:0;min-height:100vh;overflow:visible;position:relative;text-align:center;transition:background-color var(--transition-medium)}.public-page-content{overflow-y:auto;padding-top:80px;position:relative;z-index:1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--background-secondary);color:var(--text-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--text-link)}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.content-wrapper{position:relative;z-index:1}:root{--color-primary:#ff6f61;--color-primary-light:#ff8a7a;--color-primary-dark:#e55a4b;--color-secondary:#3ddc97;--color-secondary-light:#5fe5ab;--color-secondary-dark:#2bc078;--color-accent:#ffd166;--color-accent-light:#ffdb85;--color-accent-dark:#e6bc5a;--color-success:#3ddc97;--color-warning:#ffd166;--color-error:#ff6f61;--color-info:#60a5fa;--color-warm-cream:#fff8f1;--color-charcoal:#333;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-display:2rem;--font-size-hero:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-full:9999px;--transition-short:0.15s ease;--transition-medium:0.3s ease;--transition-long:0.5s ease;--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:100;--z-index-modal:1000;--z-index-tooltip:1500;--header-height:70px;--header-top-offset:10px;--header-total-height:calc(var(--header-height) + var(--header-top-offset))}.theme-light{--text-primary:var(--color-charcoal);--text-secondary:#6b7280;--text-disabled:#9ca3af;--text-hint:#6b7280;--text-link:var(--color-primary-dark);--text-inverse:#fff;--background-primary:var(--color-warm-cream);--background-secondary:#fff;--background-tertiary:#f5f1ea;--background-elevated:#fff;--background-paper:#fff;--background-input:#fff;--background-hover:rgba(255,111,97,.05);--background-active:rgba(255,111,97,.1);--background-accent:rgba(255,209,102,.1);--surface-default:#fff;--surface-paper:#fff;--surface-raised:#fff;--border-light:#f5f1ea;--border-main:#9ca3af;--border-focus:var(--color-primary);--border-accent:var(--color-accent);--shadow-light:rgba(0,0,0,.1);--shadow-main:rgba(255,111,97,.2);--shadow-card:0 2px 8px rgba(0,0,0,.06);--shadow-elevated:0 4px 12px rgba(0,0,0,.08);--button-primary:var(--color-primary);--button-primary-hover:var(--color-primary-light);--button-primary-active:var(--color-primary-dark);--button-primary-text:#fff;--button-primary-text-hover:#fff;--button-secondary:var(--color-secondary);--button-secondary-hover:var(--color-secondary-light);--button-secondary-active:var(--color-secondary-dark);--button-secondary-text:#fff;--button-secondary-text-hover:#fff;--button-accent:var(--color-accent);--button-accent-hover:var(--color-accent-light);--button-accent-active:var(--color-accent-dark);--button-accent-text:var(--color-charcoal);--button-accent-text-hover:var(--color-charcoal);--button-disabled:#f5f1ea;--button-disabled-text:#9ca3af;--accent:var(--color-accent);--accent-hover:var(--color-accent-light);--accent-active:var(--color-accent-dark);--status-online:var(--color-success);--status-away:var(--color-warning);--status-offline:#9ca3af;--gradient-main:linear-gradient(to right,var(--color-primary),var(--color-primary-light));--gradient-secondary:linear-gradient(to right,var(--color-secondary),var(--color-secondary-light));--gradient-accent:linear-gradient(to right,var(--color-accent),var(--color-accent-light));--gradient-playful:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));--gradient-hover:linear-gradient(to right,var(--color-primary-light),var(--color-primary))}.theme-dark{--text-primary:#fff;--text-secondary:#9ca3af;--text-disabled:#6b7280;--text-hint:#9ca3af;--text-link:var(--color-primary-light);--text-inverse:var(--color-charcoal);--background-primary:#1f2937;--background-secondary:#1a1f2c;--background-tertiary:#252d3d;--background-elevated:#151923;--background-paper:#1e2433;--background-input:rgba(30,36,51,.8);--background-hover:rgba(255,111,97,.1);--background-active:rgba(255,111,97,.3);--background-accent:rgba(255,209,102,.15);--surface-default:#1e2433;--surface-paper:#252d3d;--surface-raised:#2d364b;--border-light:#2d364b;--border-main:#3a4257;--border-focus:var(--color-primary);--border-accent:var(--color-accent);--shadow-light:rgba(0,0,0,.4);--shadow-main:rgba(255,111,97,.3);--shadow-card:0 4px 12px rgba(0,0,0,.2);--shadow-elevated:0 8px 16px rgba(0,0,0,.3);--button-primary:var(--color-primary);--button-primary-hover:var(--color-primary-light);--button-primary-active:var(--color-primary-dark);--button-primary-text:#fff;--button-primary-text-hover:#fff;--button-secondary:var(--color-secondary);--button-secondary-hover:var(--color-secondary-light);--button-secondary-active:var(--color-secondary-dark);--button-secondary-text:#fff;--button-secondary-text-hover:#fff;--button-accent:var(--color-accent);--button-accent-hover:var(--color-accent-light);--button-accent-active:var(--color-accent-dark);--button-accent-text:var(--color-charcoal);--button-accent-text-hover:var(--color-charcoal);--button-disabled:#6b7280;--button-disabled-text:#9ca3af;--accent:var(--color-accent);--accent-hover:var(--color-accent-light);--accent-active:var(--color-accent-dark);--status-online:var(--color-success);--status-away:var(--color-warning);--status-offline:#6b7280;--gradient-main:linear-gradient(180deg,rgba(31,41,55,.95),rgba(51,51,51,.98));--gradient-secondary:linear-gradient(to right,var(--color-secondary),var(--color-secondary-light));--gradient-accent:linear-gradient(to right,var(--color-accent),var(--color-accent-light));--gradient-playful:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));--gradient-hover:linear-gradient(180deg,rgba(31,41,55,.95),rgba(51,51,51,.98))}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.text-link{color:var(--text-link)}.text-inverse{color:var(--text-inverse)}.bg-primary{background-color:var(--background-primary)}.bg-secondary{background-color:var(--background-secondary)}.bg-tertiary{background-color:var(--background-tertiary)}.bg-elevated{background-color:var(--background-elevated)}.bg-primary-brand{background-color:#ff6f61;background-color:var(--color-primary)}.bg-secondary-brand{background-color:#3ddc97;background-color:var(--color-secondary)}.bg-accent-brand{background-color:#ffd166;background-color:var(--color-accent)}.text-primary-brand{color:#ff6f61;color:var(--color-primary)}.text-secondary-brand{color:#3ddc97;color:var(--color-secondary)}.text-accent-brand{color:#ffd166;color:var(--color-accent)}.btn-primary{background-color:var(--button-primary);color:var(--button-primary-text);transition:background-color .15s ease;transition:background-color var(--transition-short)}.btn-primary:hover{background-color:var(--button-primary-hover)}.btn-primary:active{background-color:var(--button-primary-active)}.btn-secondary{background-color:var(--button-secondary);color:var(--button-secondary-text);transition:background-color .15s ease;transition:background-color var(--transition-short)}.btn-secondary:hover{background-color:var(--button-secondary-hover)}.btn-secondary:active{background-color:var(--button-secondary-active)}.btn-accent{background-color:var(--button-accent);color:var(--button-accent-text);transition:background-color .15s ease;transition:background-color var(--transition-short)}.btn-accent:hover{background-color:var(--button-accent-hover)}.btn-accent:active{background-color:var(--button-accent-active)}.btn-disabled{background-color:var(--button-disabled);color:var(--button-disabled-text);cursor:not-allowed}.bg-gradient-primary{background:linear-gradient(90deg,#ff6f61,#ff8a7a);background:linear-gradient(to right,var(--color-primary),var(--color-primary-light))}.bg-gradient-secondary{background:linear-gradient(90deg,#3ddc97,#5fe5ab);background:linear-gradient(to right,var(--color-secondary),var(--color-secondary-light))}.bg-gradient-accent{background:linear-gradient(90deg,#ffd166,#ffdb85);background:linear-gradient(to right,var(--color-accent),var(--color-accent-light))}.bg-gradient-playful{background:linear-gradient(135deg,#ff6f61,#3ddc97,#ffd166);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent))}.bg-gradient-dark{background:linear-gradient(180deg,rgba(31,41,55,.95),rgba(51,51,51,.98))}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-regular{font-weight:400;font-weight:var(--font-weight-regular)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-md{font-size:1rem;font-size:var(--font-size-md)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-display{font-size:2rem;font-size:var(--font-size-display)}.text-hero{font-size:3rem;font-size:var(--font-size-hero)}.transition-short{transition:all .15s ease;transition:all var(--transition-short)}.transition-medium{transition:all .3s ease;transition:all var(--transition-medium)}.transition-long{transition:all .5s ease;transition:all var(--transition-long)}body{background-color:var(--background-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-medium),color var(--transition-medium)}li,p,td,th{line-height:1.75;line-height:var(--line-height-relaxed)}h1,h2,h3,h4,h5,h6{line-height:1.2;line-height:var(--line-height-tight);margin-bottom:1rem;margin-bottom:var(--spacing-md);margin-top:1.5rem;margin-top:var(--spacing-lg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button,button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;text-align:center;transition:all .15s ease;transition:all var(--transition-short);vertical-align:middle}.primary-button,button.primary{background-color:var(--button-primary);border:none;color:var(--button-primary-text);text-decoration:none}.primary-button:hover,button.primary:hover{background-color:var(--button-primary-hover);box-shadow:0 10px 20px rgba(255,111,97,.3);color:var(--button-primary-text-hover);text-decoration:none}.secondary-button,button.secondary{background-color:var(--button-secondary);border:none;color:var(--button-secondary-text);text-decoration:none}.secondary-button:hover,button.secondary:hover{background-color:var(--button-secondary-hover);color:var(--button-secondary-text-hover);text-decoration:none}.button:disabled,.primary-button:disabled,.secondary-button:disabled,button:disabled{background-color:var(--button-disabled);color:var(--button-disabled-text);cursor:not-allowed;opacity:.7;pointer-events:none}a{color:var(--text-link);text-decoration:none;transition:color .15s ease;transition:color var(--transition-short)}a:hover{color:var(--accent-hover);text-decoration:underline}input,select,textarea{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-short)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--shadow-main);outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:9999px;border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.card{background-color:var(--surface-default);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:1rem;padding:var(--spacing-md);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:box-shadow var(--transition-medium),-webkit-transform var(--transition-medium);transition:transform var(--transition-medium),box-shadow var(--transition-medium);transition:transform var(--transition-medium),box-shadow var(--transition-medium),-webkit-transform var(--transition-medium)}.card:hover{box-shadow:var(--shadow-elevated);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.form-input{margin-bottom:1rem;margin-bottom:var(--spacing-md);width:100%}.form-input label{color:var(--text-secondary);display:block;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-input input,.form-input select,.form-input textarea{width:100%}.modal-overlay{-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.modal-content{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background-color:var(--background-secondary);box-shadow:0 10px 30px var(--shadow-main)}.modal-close{transition:all .2s ease;z-index:1}.modal-header{border-bottom:1px solid var(--border-light);margin-bottom:0;padding:30px 30px 0}.modal-header h2{font-weight:var(--font-weight-semibold);margin:0 0 20px;padding-right:40px}.modal-body{padding:30px}.modal-content:not(:has(.modal-header)) .modal-body{padding-top:50px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group:not(:first-child){margin-top:25px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:var(--font-weight-semibold);margin-bottom:8px}.modal-body .field-description{color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.4;margin-bottom:12px}.modal-body input,.modal-body select,.modal-body textarea{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal-body select{-webkit-appearance:none;appearance:none;background-color:var(--background-input);background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}[data-theme=light] .modal-body select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark] .modal-body select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2);outline:none}.modal-body textarea{min-height:80px;resize:vertical}.modal-actions{border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.modal-actions .btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-medium);min-width:80px;padding:10px 20px;text-transform:none;transition:all .2s ease}.modal-actions .btn-primary{background-color:var(--button-primary);color:var(--button-primary-text)}.modal-actions .btn-primary:hover{background-color:var(--button-primary-hover)}.modal-actions .btn-primary:disabled{background-color:var(--background-disabled);color:var(--text-disabled);cursor:not-allowed}.modal-actions .btn-secondary{background-color:initial;border:1px solid var(--border-light);color:var(--text-secondary)}.modal-actions .btn-secondary:hover{background-color:var(--background-hover);color:var(--text-primary)}.modal-body .error-message{color:var(--error);font-size:.9rem;margin-top:8px}.modal-body .success-message{color:var(--feedback-success);font-size:.9rem;margin-top:8px}.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px}.modal-loading .loading-spinner{margin-bottom:15px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-body,.modal-header{padding:20px}.modal-header h2{font-size:1.3rem}.modal-actions{flex-direction:column-reverse;margin-top:20px}.modal-actions .btn{margin:0;width:100%}}@media (max-width:480px){.modal-overlay{padding:5px}.modal-body,.modal-header{padding:15px}.modal-header h2{font-size:1.2rem;padding-right:35px}.modal-close{font-size:1.3rem;height:25px;right:15px;top:10px;width:25px}}.spinner-container{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg) 0;width:100%}.spinner{display:inline-block;height:64px;position:relative;width:64px}.spinner-dot{-webkit-animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-radius:var(--border-radius-full);height:8px;position:absolute;width:8px}.spinner-dot:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s;background:var(--accent);left:29px;top:6px}.spinner-dot:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s;background:var(--accent);left:18px;top:18px}.spinner-dot:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s;background:var(--accent);left:6px;top:29px}.spinner-dot:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;background:var(--accent);left:18px;top:40px}.spinner-dot:nth-child(5){-webkit-animation-delay:.15s;animation-delay:.15s;background:var(--accent);left:29px;top:52px}.spinner-dot:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s;background:var(--accent);left:40px;top:40px}.spinner-dot:nth-child(7){-webkit-animation-delay:.45s;animation-delay:.45s;background:var(--accent);left:52px;top:29px}.spinner-dot:nth-child(8){-webkit-animation-delay:.6s;animation-delay:.6s;background:var(--accent);left:40px;top:18px}@-webkit-keyframes spinner{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes spinner{0%,80%,to{opacity:0}40%{opacity:1}}.pack-selection-container{margin-bottom:24px}.pack-selection-header{align-items:flex-start;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;text-align:left}.pack-selection-title{width:100%}.pack-search-container{position:relative;width:100%}.pack-search-input{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:12px 40px 12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pack-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2);outline:none}.pack-search-icon{color:var(--text-secondary);height:16px;pointer-events:none;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;z-index:1}.packs-scroll-container{display:flex;gap:16px;overflow-x:auto;padding:12px 0;scrollbar-color:var(--border-color) transparent;scrollbar-width:thin}.packs-scroll-container::-webkit-scrollbar{height:6px}.packs-scroll-container::-webkit-scrollbar-track{background:transparent}.packs-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.packs-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.pack-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;flex:0 0 auto;overflow:hidden;position:relative;transition:all .2s ease;width:200px}.pack-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--shadow-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pack-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.pack-image-container{background:var(--bg-secondary);height:0;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.pack-image{object-fit:cover}.pack-image,.pack-image-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.pack-image-placeholder{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--border-color) 100%);display:flex;justify-content:center}.pack-image-placeholder img{height:100%;object-fit:cover;opacity:.6;width:100%}.pack-selected-overlay{background:rgba(0,0,0,.7);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:5}.pack-selected-checkmark,.pack-selected-overlay{align-items:center;display:flex;justify-content:center}.pack-selected-checkmark{background:#3ddc97;border-radius:50%;color:#fff;font-size:20px;font-weight:700;height:40px;-webkit-transform:scale(.8);transform:scale(.8);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:40px}.pack-card.selected .pack-selected-overlay{opacity:1}.pack-card.selected .pack-selected-checkmark{-webkit-transform:scale(1);transform:scale(1)}.pack-content{padding:12px}.pack-title{color:var(--text-color);font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.pack-description,.pack-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pack-description{color:var(--text-secondary);font-size:12px;line-height:1.4}.pack-count{background:rgba(0,0,0,.7);border-radius:4px;color:#fff;font-size:11px;font-weight:500;left:8px;padding:2px 6px;position:absolute;top:8px;z-index:10}.no-packs-message{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);padding:40px 20px;text-align:center}.no-packs-icon{margin-bottom:12px}.loading-packs,.no-packs-icon{display:flex;justify-content:center}.loading-packs{align-items:center;color:var(--text-secondary);padding:40px}.loading-packs .loading-spinner{margin-right:12px}.form-group label,.pack-selection-title label{color:var(--text-color);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.form-group label,form .form-group label{color:var(--text-color)!important;display:block!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;margin-bottom:4px!important}.form-group{margin-bottom:24px}.form-group .field-description{margin-bottom:12px}@media (max-width:768px){.pack-card{width:160px}.pack-search-container{width:100%}}.actions-panel{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 20px var(--shadow-light);margin-bottom:30px;padding:30px}.actions-panel-header{margin-bottom:30px;text-align:center}.actions-panel-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:var(--font-weight-semibold);margin-bottom:8px}.actions-panel-header p{color:var(--text-secondary);font-size:1rem;margin:0}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px}.action-card{align-items:center;background-color:var(--background-primary);border:2px solid var(--border-light);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:140px;overflow:hidden;padding:25px 20px;position:relative;text-align:center;transition:all .3s ease}.action-card:hover{border-color:var(--accent);box-shadow:0 10px 25px var(--shadow-main);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.action-card:before{background:linear-gradient(135deg,rgba(var(--accent-rgb),.1) 0,rgba(var(--accent-rgb),0) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:0}.action-card:hover:before{opacity:1}.action-icon{height:50px;margin-bottom:15px;position:relative;width:50px;z-index:1}.action-icon svg{color:var(--accent);height:100%;transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,transform .3s ease;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease;width:100%}.action-card:hover .action-icon svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.action-content{position:relative;z-index:1}.action-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:8px;transition:color .3s ease}.action-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0;transition:color .3s ease}.action-card:hover .action-content p{color:var(--text-primary)}.action-card.create-game:hover{border-color:var(--color-secondary)}.action-card.create-game:hover:before{background:linear-gradient(135deg,rgba(61,220,151,.1),rgba(61,220,151,0))}.action-card.create-game .action-icon svg{color:var(--color-secondary)}.action-card.join-game:hover{border-color:var(--button-primary)}.action-card.join-game:hover:before{background:linear-gradient(135deg,rgba(255,111,97,.1),rgba(255,111,97,0))}.action-card.join-game .action-icon svg{color:var(--button-primary)}.action-card.store:hover{border-color:#8b5cf6}.action-card.store:hover:before{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,0))}.action-card.store .action-icon svg{color:#8b5cf6}.action-card.admin:hover{border-color:#f59e0b}.action-card.admin:hover:before{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,0))}.action-card.admin .action-icon svg{color:#f59e0b}.action-card:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-card:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2);outline:none}@media (max-width:768px){.actions-panel{margin-bottom:20px;padding:20px}.actions-panel-header h2{font-size:1.5rem}.actions-grid{gap:15px;grid-template-columns:1fr}.action-card{min-height:120px;padding:20px 15px}.action-icon{height:40px;margin-bottom:12px;width:40px}.action-content h3{font-size:1.1rem}.action-content p{font-size:.85rem}}@media (max-width:480px){.actions-panel{padding:15px}.actions-panel-header{margin-bottom:20px}.actions-panel-header h2{font-size:1.3rem}.actions-panel-header p{font-size:.9rem}.action-card{min-height:110px;padding:18px 12px}.action-icon{height:35px;margin-bottom:10px;width:35px}.action-content h3{font-size:1rem}.action-content p{font-size:.8rem}}@-webkit-keyframes cardSlideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.action-card{-webkit-animation:cardSlideIn .4s ease-out;animation:cardSlideIn .4s ease-out}.action-card:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.action-card:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.action-card:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.user-games{margin-bottom:40px;width:100%}.games-error,.games-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.games-loading p{color:var(--text-secondary);margin-top:16px}.games-error{background:var(--card-background);border:1px solid var(--error-color);border-radius:12px}.games-error p{color:var(--error-color);margin-bottom:16px}.games-toggle{background:var(--background-primary);border:2px solid var(--border-main);border-radius:16px;display:flex;gap:0;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px;padding:6px}.toggle-btn{background:transparent;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.toggle-btn:hover:not(.active){background:var(--background-secondary);color:var(--text-primary)}.toggle-btn.active{background:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.games-section{margin-bottom:32px}.game-card,.games-grid{display:flex;flex-direction:column;gap:16px;width:100%}.game-card{background:var(--background-secondary);border:2px solid var(--border-main);border-radius:16px;cursor:pointer;padding:24px;position:relative;transition:all .3s ease}.game-card:hover{background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-hover) 100%);border-color:var(--color-primary);box-shadow:0 8px 25px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.game-card-row{align-items:center;display:flex;justify-content:space-between;width:100%}.game-packs-row{border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);margin:8px 0;padding-bottom:16px;padding-top:16px}.game-footer-row{align-items:center;display:flex;justify-content:space-between}.game-code-section{margin-left:auto}.user-games-game-status{align-items:center;background:transparent;border:2px solid;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:6px 16px;text-transform:capitalize}.user-games-game-meta{align-items:center;display:flex;gap:16px}.user-games-creator{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:500;gap:4px}.user-games-creator:before{content:"👤";font-size:12px}.user-games-rounds{align-items:center;background:var(--background-hover);border:1px solid var(--border-main);border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:600;padding:4px 10px}.game-packs-display{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;gap:12px;overflow-x:auto;overflow-y:visible;padding:4px 0;scroll-behavior:smooth}.game-packs-display::-webkit-scrollbar{height:6px}.game-packs-display::-webkit-scrollbar-track{background:var(--background-primary);border-radius:3px}.game-packs-display::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:3px}.game-packs-display::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.user-games-pack-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:96px}.user-games-pack-logo-large{background:transparent;border:1px solid var(--border-main);border-radius:12px;box-sizing:border-box;height:96px;overflow:hidden;position:relative;width:96px}.user-games-pack-image-large{display:block;height:100%;object-fit:cover;width:100%}.user-games-pack-placeholder-large{align-items:center;background:var(--background-primary);border:1px solid var(--border-main);border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.user-games-pack-placeholder-large img{height:100%;object-fit:cover;opacity:.5;width:100%}.user-games-pack-type-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(60,60,60,.65);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.25);color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.user-games-pack-type-icon.proposition svg{color:#fff}.user-games-pack-type-icon.spectrum span{-webkit-filter:brightness(1.2) contrast(1.2);filter:brightness(1.2) contrast(1.2)}.user-games-pack-name{word-wrap:break-word;color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.2;max-width:96px;text-align:center}.pagination-controls{gap:16px;margin-top:24px;padding:16px 0}.pagination-btn,.pagination-controls{align-items:center;display:flex;justify-content:center}.pagination-btn{background:var(--background-secondary);border:1px solid var(--border-main);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;gap:8px;min-width:100px;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(.disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.pagination-btn.disabled{background:var(--background-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500;padding:0 16px;white-space:nowrap}.empty-state,.no-games-state{align-items:center;background:var(--background-secondary);border:1px solid var(--border-main);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon,.no-games-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3,.no-games-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p,.no-games-state p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0;max-width:400px}@-webkit-keyframes slideInCard{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInCard{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.game-card{-webkit-animation:slideInCard .3s ease-out;animation:slideInCard .3s ease-out}@media (max-width:768px){.games-header h2{font-size:24px}.games-toggle{margin-bottom:24px;max-width:100%}.toggle-btn{font-size:14px;padding:12px 16px}.game-card{gap:12px;padding:20px}.copy-feedback{font-size:11px;padding:5px 10px;top:-35px}.game-footer-row,.game-header-row{align-items:center;flex-direction:row;gap:12px}.game-packs-row{align-items:flex-start;flex-direction:column;gap:12px}.game-participants{flex:1 1;min-width:0}.game-packs-row{margin:6px 0;padding-bottom:12px;padding-top:12px}.game-packs-display{gap:10px}.pack-item{min-width:80px}.user-games-pack-logo-large{border:1px solid var(--border-main);box-sizing:border-box;height:80px;width:80px}.user-games-pack-placeholder-large img{height:100%;object-fit:cover;width:100%}.user-games-pack-name{font-size:11px;max-width:80px}.user-games-game-meta{gap:12px}.pagination-controls{gap:12px;margin-top:20px;padding:12px 0}.pagination-btn{font-size:13px;gap:6px;min-width:80px;padding:8px 12px}.pagination-info{font-size:13px;padding:0 12px}}@media (max-width:480px){.games-header{align-items:flex-start;flex-direction:column;gap:16px}.games-header h2{font-size:22px}.games-toggle{margin-bottom:20px;padding:4px}.toggle-btn{font-size:13px;padding:10px 14px}.game-card{gap:10px;padding:16px}.game-code{font-size:16px;height:28px;padding:4px 12px}.copy-btn{min-height:28px;min-width:28px;padding:6px}.copy-feedback{font-size:10px;padding:4px 8px;top:-32px}.copy-feedback:after{border-width:5px;right:8px}.game-footer-row,.game-header-row,.game-participants{gap:8px}.user-games-game-meta{flex:1 1;gap:6px;min-width:0}.user-games-creator{font-size:14px}.user-games-rounds{font-size:12px}.participant-avatar,.participant-overflow{height:32px;width:32px}.participant-overflow{font-size:11px}.participants-count{font-size:13px}.user-games-pack-item{min-width:72px}.user-games-pack-logo-large{border:1px solid var(--border-main);box-sizing:border-box;height:72px;width:72px}.user-games-pack-placeholder-large img{height:100%;object-fit:cover;width:100%}.user-games-pack-name{font-size:10px;max-width:72px}.game-packs-display{gap:8px}.user-games-pack-type-icon{height:20px;width:20px}.pagination-controls{flex-direction:column;gap:8px;margin-top:16px;padding:10px 0}.pagination-btn{font-size:14px;min-width:120px;padding:10px 16px}.pagination-info{font-size:12px;margin-bottom:8px;order:-1}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.refresh-btn:active svg{-webkit-animation:spin .5s ease-in-out;animation:spin .5s ease-in-out}.player-stats-overview{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-card);margin-bottom:24px;padding:20px;transition:all .3s ease}.player-stats-overview:hover{box-shadow:var(--shadow-elevated);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.player-stats-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:12px}.player-stats-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin:0}.player-stats-header h3:before{content:"📈";font-size:1.2rem}.player-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{align-items:center;background:var(--background-secondary);border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.stat-card:before{background:var(--color-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.stat-card:hover{background:var(--background-hover);box-shadow:var(--shadow-small);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.stat-card:hover:before{opacity:1}.stat-card.games-overview:before{background:var(--color-secondary)}.stat-card.wins-overview:before{background:var(--color-accent)}.stat-card.win-rate:before{background:var(--color-primary)}.stat-card.guesser-performance:before{background:#4a90e2}.stat-card.lodden-performance:before{background:#f5a623}.stat-card.perfect-scores:before{background:#9b59b6}.stat-icon{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex-shrink:0;font-size:1.8rem;height:40px;justify-content:center;width:40px}.stat-content{flex:1 1;min-width:0}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:2px}.stat-label{font-size:.85rem;line-height:1.3}.stat-sublabel{color:var(--text-tertiary);font-size:.75rem;font-style:italic;margin-top:2px}.player-stats-error,.player-stats-loading{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:120px}.player-stats-error p{color:var(--color-error);font-weight:500;margin:0}.player-stats-empty{background:var(--background-tertiary);border:1px solid var(--border-subtle);border-radius:8px;margin-top:16px;padding:20px;text-align:center}.player-stats-empty p{color:var(--text-secondary);font-style:italic;margin:0}@media (max-width:768px){.player-stats-overview{margin-bottom:20px;padding:16px}.player-stats-header h3{font-size:1.25rem}.player-stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{gap:10px;padding:12px}.stat-icon{font-size:1.5rem;height:36px;width:36px}.stat-value{font-size:1.3rem}.stat-label{font-size:.8rem}.stat-sublabel{font-size:.7rem}}@media (max-width:480px){.player-stats-overview{padding:12px}.player-stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;gap:8px;padding:10px;text-align:center}.stat-icon{font-size:1.4rem;height:32px;margin-bottom:4px;width:32px}.stat-value{font-size:1.2rem}.stat-label{font-size:.75rem}.stat-sublabel{font-size:.65rem}}.player-stats-overview,.stat-card{-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out}.stat-card{-webkit-animation-fill-mode:both;animation-fill-mode:both}.stat-card:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.stat-card:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.stat-card:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.stat-card:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.stat-card:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}.stat-card:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:0;right:0}.modal-content{-webkit-animation:modal-appear .3s ease-out;animation:modal-appear .3s ease-out;background-color:var(--background-primary);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.5);padding:0;width:90%}@-webkit-keyframes modal-appear{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modal-appear{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.modal-header{padding:16px 20px}.modal-header h2{color:var(--text-primary);font-size:1.5rem}.close-modal-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;margin:0;padding:0;transition:color .2s}.close-modal-btn:hover{color:var(--accent)}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:16px 20px}.install-instructions{margin-bottom:20px}.install-instructions h3{color:var(--text-primary);margin-bottom:16px;margin-top:0}.browser-note{background-color:rgba(245,158,11,.15);background-color:rgba(var(--accent-rgb,245,158,11),.15);border-left:3px solid var(--accent);border-radius:4px;color:var(--text-primary);font-size:.95rem;margin-bottom:15px;padding:10px 15px}.install-instructions ol{margin-bottom:20px;padding-left:24px}.install-instructions li{color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.install-message{color:var(--text-primary);font-size:1.1rem;margin-bottom:20px}@media (max-width:480px){.modal-content{width:95%}.modal-header h2{font-size:1.25rem}.install-instructions ol{padding-left:20px}}.main-screen{flex:1 1}.main-container,.main-screen{display:flex;flex-direction:column}.main-container{flex:1 1}.content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.pwa-install-banner{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:24px;padding:20px}.pwa-install-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.pwa-install-text h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 4px}.pwa-install-text p{color:hsla(0,0%,100%,.9);font-size:.9rem;margin:0}.pwa-install-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-weight:500;padding:8px 16px;transition:all .2s ease}.pwa-install-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.pwa-install-content{flex-direction:column;gap:12px;text-align:center}.pwa-install-btn{width:100%}}.dashboard-welcome{margin-bottom:40px;padding:30px 20px;text-align:center}.dashboard-welcome h1{color:var(--text-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:12px}.dashboard-welcome p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:600px}.header{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem 2rem}.header h1{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.user-profile{align-items:center;display:flex;gap:.75rem}.user-info{display:flex;flex-direction:column;text-align:right}.user-name{color:var(--text-primary);font-weight:600}.user-role{color:var(--text-secondary);font-size:.85rem}.theme-toggle-btn{align-items:center;background:none;background-color:var(--background-hover);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.theme-toggle-btn:hover{background-color:var(--background-active)}.user-avatar{align-items:center;background-color:var(--accent);border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}@media (max-width:768px){.content{padding:1.5rem}.dashboard-welcome{margin-bottom:30px;padding:20px 10px}.dashboard-welcome h1{font-size:2rem}.dashboard-welcome p{font-size:1rem}}@media (max-width:480px){.content{padding:1rem}.dashboard-welcome{margin-bottom:25px;padding:15px 5px}.dashboard-welcome h1{font-size:1.8rem;margin-bottom:10px}.dashboard-welcome p{font-size:.95rem}}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:10px}.checkbox-label{align-items:center;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:8px 12px;transition:background-color .2s ease}.checkbox-label:hover{background-color:var(--background-hover)}.checkbox-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:16px;margin:0;width:16px}.checkbox-label span{flex:1 1}.image-upload-container{margin-bottom:20px}.image-upload-area{align-items:center;background-color:var(--background-primary);border:2px dashed var(--border-light);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:200px;overflow:hidden;position:relative;transition:all .3s ease}.image-upload-area:hover{background-color:var(--background-secondary);border-color:var(--accent)}.image-upload-area.dragging{background-color:rgba(var(--accent-rgb),.1);border-color:var(--accent)}.upload-placeholder{color:var(--text-secondary);padding:40px 20px;text-align:center}.upload-icon{color:var(--text-muted);height:48px;margin:0 auto 16px;width:48px}.upload-icon svg{height:100%;width:100%}.upload-placeholder p{color:var(--text-primary);font-size:1.1rem;font-weight:var(--font-weight-medium);margin:0 0 8px}.upload-hint{color:var(--text-muted);font-size:.9rem}.image-preview{height:100%;min-height:200px;position:relative;width:100%}.image-preview img{display:block;height:100%;object-fit:cover;width:100%}.image-overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.image-preview:hover .image-overlay{opacity:1}.image-actions{display:flex;flex-direction:column;gap:12px}.change-image-btn,.remove-image-btn{background-color:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-medium);min-width:120px;padding:8px 16px;transition:all .2s ease}.change-image-btn:hover{background-color:var(--accent);border-color:var(--accent);color:#fff}.remove-image-btn:hover{background-color:var(--error);border-color:var(--error);color:#fff}.upload-error{background-color:rgba(var(--error-rgb),.1);border:1px solid var(--error);border-radius:var(--border-radius-md);color:var(--error);font-size:.9rem;font-weight:var(--font-weight-medium);margin-top:12px;padding:12px 16px}@media (max-width:768px){.image-upload-area{min-height:160px}.upload-placeholder{padding:30px 15px}.upload-icon{height:40px;margin-bottom:12px;width:40px}.upload-placeholder p{font-size:1rem}.upload-hint{font-size:.8rem}.image-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.change-image-btn,.remove-image-btn{font-size:.8rem;min-width:100px;padding:6px 12px}}@media (max-width:480px){.image-upload-area{min-height:140px}.upload-placeholder{padding:25px 10px}.upload-icon{height:36px;margin-bottom:10px;width:36px}.upload-placeholder p{font-size:.95rem;margin-bottom:6px}.upload-hint{font-size:.75rem}.change-image-btn,.remove-image-btn{font-size:.75rem;min-width:90px;padding:6px 10px}}.proposition-pack-modal-step-indicator{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;padding:0 1rem}.proposition-pack-modal-step{flex-direction:column;margin:0 15px;min-width:120px;position:relative}.proposition-pack-modal-step,.proposition-pack-modal-step span{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.proposition-pack-modal-step span{background:#e5e5e5;background:var(--neutral-lightGrey,#e5e5e5);border-radius:50%;color:#666;color:var(--neutral-darkGrey,#666);font-size:1rem;font-weight:600;height:50px;margin-bottom:.5rem;width:50px}.proposition-pack-modal-step.active span{background:var(--primary-main);box-shadow:0 4px 12px rgba(255,111,97,.3);color:#fff}.proposition-pack-modal-step{color:var(--text-secondary);font-size:.9rem;font-weight:600;line-height:1.2;text-align:center}.proposition-pack-modal-step.active{color:var(--text-primary)}.proposition-pack-modal-step:not(:last-child):after{background:#e5e5e5;background:var(--neutral-lightGrey,#e5e5e5);content:"";height:2px;left:calc(100% - 15px);position:absolute;top:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;z-index:-1}.flow-selection{text-align:center}.flow-options{gap:1.5rem;margin:2rem auto;max-width:500px}.flow-option-card,.flow-options{display:flex;flex-direction:column}.flow-option-card{align-items:center;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;min-height:160px;padding:2rem;text-align:center;transition:all .3s ease}.flow-option-card:hover{background:var(--background-secondary);background:var(--background-hover,var(--background-secondary));border-color:var(--primary-main);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.flow-option-card.selected{background:rgba(255,111,97,.1);border-color:var(--primary-main)}.flow-icon{font-size:3rem;margin-bottom:1rem}.flow-option-card h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.flow-option-card p{color:var(--text-secondary);line-height:1.5;margin:0;max-width:300px}.proposition-pack-modal-form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.proposition-pack-modal-form-group{flex:1 1}.proposition-pack-modal-single-form-group{margin-bottom:1.5rem}.proposition-pack-modal-form-group label,.proposition-pack-modal-single-form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem;text-align:left}.proposition-pack-modal-form-group input,.proposition-pack-modal-form-group select,.proposition-pack-modal-form-group textarea,.proposition-pack-modal-single-form-group input,.proposition-pack-modal-single-form-group select,.proposition-pack-modal-single-form-group textarea{background:var(--background-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.proposition-pack-modal-form-group select,.proposition-pack-modal-single-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}@media (prefers-color-scheme:dark){.proposition-pack-modal-form-group select,.proposition-pack-modal-single-form-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}}.proposition-pack-modal-form-group input:focus,.proposition-pack-modal-form-group select:focus,.proposition-pack-modal-form-group textarea:focus,.proposition-pack-modal-single-form-group input:focus,.proposition-pack-modal-single-form-group select:focus,.proposition-pack-modal-single-form-group textarea:focus{border-color:var(--primary-main);box-shadow:0 0 0 3px rgba(255,111,97,.1);outline:none}.search-form,.search-propositions{margin-bottom:2rem}.search-actions{display:flex;gap:1rem;margin:1rem 0}.search-results{margin-top:2rem}.search-results-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.selected-count{color:var(--primary-main);font-weight:600}.search-results-list{max-height:400px;overflow-y:auto}.search-result-item{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.search-result-item:hover{border-color:var(--primary-light)}.search-result-item.selected{background:rgba(61,220,151,.1);border-color:var(--secondary-main)}.proposition-meta,.proposition-text{margin-bottom:.5rem}.proposition-meta{color:var(--text-secondary);font-size:.9rem;gap:1rem}.proposition-topics{gap:.25rem;margin-bottom:.5rem}.proposition-actions{align-items:center;gap:1rem}.selected-badge{background:var(--secondary-main);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.review-header,.review-propositions{margin-bottom:2rem}.review-header{display:flex;flex-direction:column;gap:1rem}.review-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.review-header p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.review-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.manual-proposition-form{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;margin:1rem 0;padding:1.5rem}.manual-form-actions{display:flex;gap:1rem;margin-top:1rem}.propositions-list{margin-bottom:2rem;max-height:500px;overflow-y:auto}.proposition-item{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.proposition-item:hover{border-color:var(--primary-light);box-shadow:0 2px 8px rgba(0,0,0,.1)}.proposition-item.approved{background:rgba(61,220,151,.05);border-color:var(--secondary-main)}.proposition-content{display:flex;flex:1 1;flex-direction:column;gap:1rem}.proposition-text{font-size:1.1rem;margin:0}.proposition-text:after,.proposition-text:before{color:var(--text-secondary);content:'"'}.proposition-meta{display:flex;flex-direction:column;gap:.5rem}.proposition-author-year{color:var(--text-secondary);font-size:.95rem;font-style:italic}.proposition-topics{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.proposition-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.75rem}.proposition-pack-modal-approved-badge{background:var(--secondary-main);border-radius:8px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;min-width:100px;padding:.6rem 1.2rem;text-align:center}.proposition-pack-modal-error{background:rgba(255,111,97,.1);border:1px solid rgba(255,111,97,.2);border-radius:8px;color:var(--primary-main);margin-bottom:1rem;padding:1rem}.proposition-pack-modal-success{background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.2);border-radius:8px;color:var(--secondary-main);margin-bottom:1rem;padding:1rem}@media (max-width:768px){.proposition-pack-modal-form-row{flex-direction:column;gap:0}.proposition-pack-modal-step-indicator{padding:0 .5rem}.proposition-pack-modal-step{margin:0 8px;min-width:80px}.proposition-pack-modal-step span{font-size:.875rem;height:40px;margin-bottom:.25rem;width:40px}.proposition-pack-modal-step{font-size:.8rem}.proposition-pack-modal-step:not(:last-child):after{left:calc(100% - 8px);top:20px;width:16px}.flow-options{gap:1rem;margin:1.5rem auto}.flow-option-card{min-height:140px;padding:1.5rem}.flow-option-card h4{font-size:1.1rem}.flow-option-card p{font-size:.9rem}.search-actions{flex-direction:column;gap:.5rem}.review-actions{gap:.5rem}.manual-form-actions{gap:.5rem}.manual-form-actions,.proposition-item,.success-actions{flex-direction:column}.proposition-item{gap:1rem;padding:1rem}.proposition-actions{flex-direction:row;gap:.5rem;justify-content:space-between}.proposition-pack-modal-btn-approve,.proposition-pack-modal-btn-reject{flex:1 1;min-width:auto}.review-actions{flex-direction:column;gap:.75rem}.proposition-pack-modal-form-group select,.proposition-pack-modal-single-form-group select{background-size:1.2em 1.2em;padding-right:2rem}}.proposition-pack-modal-btn-primary{background-color:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;min-width:80px!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.proposition-pack-modal-btn-primary:hover{background-color:var(--color-primary-light)!important;border-color:var(--color-primary-light)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.proposition-pack-modal-btn-primary:disabled{background-color:#e5e5e5!important;background-color:var(--neutral-lightGrey,#e5e5e5)!important;border-color:#e5e5e5!important;border-color:var(--neutral-lightGrey,#e5e5e5)!important;color:#999!important;color:var(--text-disabled,#999)!important;cursor:not-allowed!important;-webkit-transform:none!important;transform:none!important}.proposition-pack-modal-btn-secondary{background-color:var(--color-secondary)!important;border:2px solid var(--color-secondary)!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;min-width:80px!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.proposition-pack-modal-btn-secondary:hover{background-color:var(--color-secondary-light)!important;border-color:var(--color-secondary-light)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.proposition-pack-modal-btn-select{background:transparent!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;color:var(--color-primary)!important;cursor:pointer!important;font-size:.85rem!important;font-weight:600!important;padding:.5rem 1rem!important;transition:all .3s ease!important}.proposition-pack-modal-btn-select:hover{background:var(--color-primary)!important;color:#fff!important}.proposition-pack-modal-btn-outline-danger{background:transparent!important;border:2px solid var(--color-primary)!important;border-radius:8px!important;color:var(--color-primary)!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.proposition-pack-modal-btn-outline-danger:hover{background:var(--color-primary)!important;color:#fff!important}.proposition-pack-modal-btn-approve{background:var(--color-secondary)!important;border:2px solid var(--color-secondary)!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;min-width:100px!important;padding:.6rem 1.2rem!important;transition:all .3s ease!important}.proposition-pack-modal-btn-approve:hover{background:var(--color-secondary-light)!important;border-color:var(--color-secondary-light)!important;box-shadow:0 4px 12px rgba(61,220,151,.3)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.proposition-pack-modal-btn-reject{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;min-width:100px!important;padding:.6rem 1.2rem!important;transition:all .3s ease!important}.proposition-pack-modal-btn-reject:hover{background:var(--color-primary-light)!important;border-color:var(--color-primary-light)!important;box-shadow:0 4px 12px rgba(255,111,97,.3)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.proposition-pack-modal-btn-success{background:var(--color-secondary)!important;border:2px solid var(--color-secondary)!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.proposition-pack-modal-btn-success:hover{background:var(--color-secondary-light)!important;border-color:var(--color-secondary-light)!important;box-shadow:0 4px 12px rgba(61,220,151,.3)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.proposition-pack-modal-topic-tag{background:var(--color-primary)!important;border:1px solid var(--color-primary)!important;border-radius:6px!important;color:#fff!important;display:inline-block!important;font-size:.85rem!important;font-weight:500!important;padding:.4rem .8rem!important}.spectrum-pack-modal-step-indicator{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;padding:0 1rem}.spectrum-pack-modal-step{flex-direction:column;margin:0 15px;min-width:120px;position:relative}.spectrum-pack-modal-step,.spectrum-pack-modal-step span{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.spectrum-pack-modal-step span{background:#e5e5e5;background:var(--neutral-lightGrey,#e5e5e5);border-radius:50%;color:#666;color:var(--neutral-darkGrey,#666);font-size:1rem;font-weight:600;height:50px;margin-bottom:.5rem;width:50px}.spectrum-pack-modal-step.active span{background:var(--primary-main);box-shadow:0 4px 12px rgba(255,111,97,.3);color:#fff}.spectrum-pack-modal-step{color:var(--text-secondary);font-size:.9rem;font-weight:600;line-height:1.2;text-align:center}.spectrum-pack-modal-step.active{color:var(--text-primary)}.spectrum-pack-modal-step:not(:last-child):after{background:#e5e5e5;background:var(--neutral-lightGrey,#e5e5e5);content:"";height:2px;left:calc(100% - 15px);position:absolute;top:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;z-index:-1}.spectrum-creation-form{margin-bottom:2rem}.spectrums-list{margin:2rem 0}.spectrum-form-item{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;transition:border-color .3s ease}.spectrum-form-item:hover{border-color:var(--primary-main)}.spectrum-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.spectrum-header h4{color:var(--text-primary);font-weight:600;margin:0}.remove-spectrum-btn{align-items:center;background:transparent;border:2px solid var(--primary-main);border-radius:50%;color:var(--primary-main);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-spectrum-btn:hover{background:var(--primary-main);color:#fff}.spectrum-values-row{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.spectrum-values-row .spectrum-pack-modal-form-group{flex:1 1;min-width:0}.spectrum-divider{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:1.8rem;font-weight:700;height:2.5rem;justify-content:center;line-height:1;margin:2.3rem .5rem 0}.add-spectrum-btn{align-items:center;background:var(--secondary-main);border:2px solid var(--secondary-main);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin:1rem 0;padding:.75rem 1.5rem;transition:all .3s ease}.add-spectrum-btn:hover{background:var(--secondary-dark);border-color:var(--secondary-dark);box-shadow:0 4px 12px rgba(61,220,151,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.pack-form{margin-top:2rem}.pack-preview{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.pack-preview h4{color:var(--text-primary);margin:0 0 1rem}.spectrum-preview-list{display:flex;flex-direction:column;gap:1rem}.spectrum-preview-item{background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.spectrum-preview-item h5{color:var(--primary-main);font-weight:600;margin:0 0 .5rem}.spectrum-preview-values{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.spectrum-preview-description{color:var(--text-secondary);font-size:.9rem;font-style:italic}.spectrum-pack-modal-form-group,.spectrum-pack-modal-single-form-group{margin-bottom:1.5rem}.spectrum-pack-modal-form-group label,.spectrum-pack-modal-single-form-group label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.spectrum-pack-modal-form-group input,.spectrum-pack-modal-form-group select,.spectrum-pack-modal-form-group textarea,.spectrum-pack-modal-single-form-group input,.spectrum-pack-modal-single-form-group select,.spectrum-pack-modal-single-form-group textarea{background:var(--background-primary);border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.875rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.spectrum-pack-modal-form-group select,.spectrum-pack-modal-single-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}@media (prefers-color-scheme:dark){.spectrum-pack-modal-form-group select,.spectrum-pack-modal-single-form-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}}.spectrum-pack-modal-form-group input:focus,.spectrum-pack-modal-form-group select:focus,.spectrum-pack-modal-form-group textarea:focus,.spectrum-pack-modal-single-form-group input:focus,.spectrum-pack-modal-single-form-group select:focus,.spectrum-pack-modal-single-form-group textarea:focus{border-color:var(--primary-main);box-shadow:0 0 0 3px rgba(255,111,97,.1);outline:none}.spectrum-pack-modal-btn-success{background:var(--secondary-main);border:2px solid var(--secondary-main);border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.spectrum-pack-modal-btn-success:hover{background:var(--secondary-dark);border-color:var(--secondary-dark);box-shadow:0 4px 12px rgba(61,220,151,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.modal-success{padding:2rem;text-align:center}.success-icon{font-size:3rem;margin-bottom:1rem}.success-message{color:var(--secondary-main);font-size:1.2rem;margin-bottom:2rem}.success-actions{display:flex;gap:1rem;justify-content:center}.spectrum-pack-modal-error{background:rgba(255,111,97,.1);border:1px solid rgba(255,111,97,.2);border-radius:8px;color:var(--primary-main);margin-bottom:1rem;padding:1rem}.spectrum-pack-modal-success{background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.2);border-radius:8px;color:var(--secondary-main);margin-bottom:1rem;padding:1rem}.spectrum-pack-modal-spectrum-list{margin-bottom:2rem}.spectrum-pack-modal-spectrum-item{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:border-color .3s ease}.spectrum-pack-modal-spectrum-item:hover{border-color:var(--primary-main)}.spectrum-pack-modal-spectrum-number{color:var(--primary-main);font-weight:600;margin-bottom:.5rem}.spectrum-pack-modal-spectrum-values{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.spectrum-pack-modal-spectrum-description{color:var(--text-secondary);font-style:italic}@media (max-width:768px){.spectrum-pack-modal-step-indicator{padding:0 .5rem}.spectrum-pack-modal-step{margin:0 8px;min-width:80px}.spectrum-pack-modal-step span{font-size:.875rem;height:40px;margin-bottom:.25rem;width:40px}.spectrum-pack-modal-step{font-size:.8rem}.spectrum-pack-modal-step:not(:last-child):after{left:calc(100% - 8px);top:20px;width:16px}.spectrum-pack-modal-spectrum-values,.spectrum-preview-values{align-items:flex-start;flex-direction:column;gap:.5rem}.spectrum-values-row{align-items:stretch;flex-direction:column;gap:1rem}.spectrum-values-row .spectrum-pack-modal-form-group{flex:none;width:100%}.spectrum-divider{align-items:center;align-self:center;display:flex;font-size:1.5rem;height:auto;justify-content:center;margin:1rem 0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.modal-success .success-actions,.success-actions{flex-direction:column!important;gap:.75rem!important}.spectrum-pack-modal-btn-primary,.spectrum-pack-modal-btn-secondary{min-width:auto!important;width:100%!important}.spectrum-form-item{padding:1rem}.spectrum-header{align-items:flex-start;flex-direction:column;gap:.5rem}.remove-spectrum-btn{align-self:flex-end}.spectrum-pack-modal-form-group select,.spectrum-pack-modal-single-form-group select{background-size:1.2em 1.2em;padding-right:2rem}}.spectrum-pack-modal-btn-primary{background-color:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;min-width:80px!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.spectrum-pack-modal-btn-primary:hover{background-color:var(--color-primary-light)!important;border-color:var(--color-primary-light)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.spectrum-pack-modal-btn-primary:disabled{background-color:#e5e5e5!important;background-color:var(--neutral-lightGrey,#e5e5e5)!important;border-color:#e5e5e5!important;border-color:var(--neutral-lightGrey,#e5e5e5)!important;color:#999!important;color:var(--text-disabled,#999)!important;cursor:not-allowed!important;-webkit-transform:none!important;transform:none!important}.spectrum-pack-modal-btn-secondary{background-color:var(--color-secondary)!important;border:2px solid var(--color-secondary)!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;min-width:80px!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.spectrum-pack-modal-btn-secondary:hover{background-color:var(--color-secondary-light)!important;border-color:var(--color-secondary-light)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.modal-success{padding:2rem!important;text-align:center!important}.modal-success .success-icon{font-size:3rem!important;margin-bottom:1rem!important}.modal-success h3{color:var(--text-primary)!important;font-size:1.5rem!important;font-weight:600!important;margin:0 0 1rem!important}.modal-success .success-message{color:var(--color-secondary)!important;font-size:1.2rem!important;line-height:1.5!important;margin-bottom:2rem!important}.modal-success .success-actions{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;justify-content:center!important}.back-button{align-items:center;background:var(--background-secondary);border:1px solid var(--border-main);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto 24px;padding:10px 16px;transition:all .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.back-button:hover{background:var(--background-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.back-button:active{box-shadow:var(--shadow-sm);-webkit-transform:translateY(0);transform:translateY(0)}.back-button-arrow{color:var(--color-primary);font-size:16px;font-weight:700;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.back-button:hover .back-button-arrow{-webkit-transform:translateX(-2px);transform:translateX(-2px)}.back-button-text{white-space:nowrap}@media (max-width:768px){.back-button{font-size:13px;margin-bottom:20px;padding:8px 14px}.back-button-arrow{font-size:14px}}@media (max-width:480px){.back-button{font-size:12px;margin-bottom:16px;padding:7px 12px}.back-button-arrow{font-size:13px}}.admin-panel-container{background-color:var(--background-primary);color:var(--text-primary);min-height:100vh;padding-top:80px}.admin-panel-main-container{margin:0 auto;max-width:1200px;padding:2rem}.admin-panel-header{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 20px var(--shadow-light);margin-bottom:40px;padding:30px 20px;position:relative;text-align:center}.admin-panel-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:12px}.admin-panel-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin:0 auto 20px;max-width:600px}.admin-panel-back-button{background-color:var(--button-primary);border:none;border-radius:var(--border-radius-md);color:var(--button-primary-text);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-medium);padding:10px 20px;transition:all .2s ease}.admin-panel-back-button:hover{background-color:var(--button-primary-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.admin-panel-actions{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 20px var(--shadow-light);padding:30px}.admin-panel-actions-header{margin-bottom:30px;text-align:center}.admin-panel-actions-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:var(--font-weight-semibold);margin-bottom:8px}.admin-panel-actions-header p{color:var(--text-secondary);font-size:1rem;margin:0}.admin-panel-actions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:800px}.admin-panel-action-card{align-items:center;background-color:var(--background-primary);border:2px solid var(--border-light);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:160px;overflow:hidden;padding:30px 25px;position:relative;text-align:center;transition:all .3s ease}.admin-panel-action-card:hover{border-color:var(--accent);box-shadow:0 12px 30px var(--shadow-main);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.admin-panel-action-card:before{background:linear-gradient(135deg,rgba(var(--accent-rgb),.1) 0,rgba(var(--accent-rgb),0) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:0}.admin-panel-action-card:hover:before{opacity:1}.admin-panel-action-icon{height:60px;margin-bottom:18px;position:relative;width:60px;z-index:1}.admin-panel-action-icon svg{height:100%;transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,transform .3s ease;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease;width:100%}.admin-panel-action-card:hover .admin-panel-action-icon svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.admin-panel-action-content{position:relative;z-index:1}.admin-panel-action-content h3{color:var(--text-primary);font-size:1.3rem;font-weight:var(--font-weight-semibold);margin-bottom:10px;transition:color .3s ease}.admin-panel-action-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;transition:color .3s ease}.admin-panel-action-card:hover .admin-panel-action-content p{color:var(--text-primary)}.admin-panel-action-card.proposition-pack:hover{border-color:var(--color-secondary)}.admin-panel-action-card.proposition-pack:hover:before{background:linear-gradient(135deg,rgba(61,220,151,.15),rgba(61,220,151,0))}.admin-panel-action-card.proposition-pack .admin-panel-action-icon svg{color:var(--color-secondary)}.admin-panel-action-card.spectrum-pack:hover{border-color:#f59e0b}.admin-panel-action-card.spectrum-pack:hover:before{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,0))}.admin-panel-action-card.spectrum-pack .admin-panel-action-icon svg{color:#f59e0b}.admin-panel-action-card:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.admin-panel-action-card:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2);outline:none}@media (max-width:768px){.admin-panel-main-container{padding:1.5rem}.admin-panel-header{margin-bottom:30px;padding:25px 20px}.admin-panel-header h1{font-size:2rem}.admin-panel-header p{font-size:1rem}.admin-panel-actions{padding:25px 20px}.admin-panel-actions-header h2{font-size:1.5rem}.admin-panel-actions-grid{gap:20px;grid-template-columns:1fr}.admin-panel-action-card{min-height:140px;padding:25px 20px}.admin-panel-action-icon{height:50px;margin-bottom:15px;width:50px}.admin-panel-action-content h3{font-size:1.2rem}.admin-panel-action-content p{font-size:.9rem}}@media (max-width:480px){.admin-panel-main-container{padding:1rem}.admin-panel-header{margin-bottom:25px;padding:20px 15px}.admin-panel-header h1{font-size:1.8rem;margin-bottom:10px}.admin-panel-header p{font-size:.95rem;margin-bottom:15px}.admin-panel-actions{padding:20px 15px}.admin-panel-actions-header{margin-bottom:25px}.admin-panel-actions-header h2{font-size:1.3rem}.admin-panel-actions-header p{font-size:.9rem}.admin-panel-action-card{min-height:130px;padding:22px 18px}.admin-panel-action-icon{height:45px;margin-bottom:12px;width:45px}.admin-panel-action-content h3{font-size:1.1rem;margin-bottom:8px}.admin-panel-action-content p{font-size:.85rem}.admin-panel-back-button{font-size:.85rem;padding:8px 16px}}.game-screen{flex:1 1}.game-screen,.game-screen-container{display:flex;flex-direction:column;width:100%}.game-screen-container{box-sizing:border-box;flex:1 1;gap:24px;margin:0 auto;max-width:1200px;padding:24px}.game-screen-connection-status{left:0;position:fixed;right:0;z-index:1000}.game-screen-connection-status.bottom{bottom:0}.game-screen-connection-indicator{background:var(--color-accent);box-shadow:var(--shadow-md);color:#fff;font-size:14px;font-weight:600;padding:12px;text-align:center}.game-screen-connection-indicator.offline{background:var(--color-error)}.game-screen-header{align-items:center;background:var(--background-secondary);border:1px solid var(--border-main);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px}.game-screen-header-left{align-items:center;display:flex;flex:1 1;min-width:0}.game-screen-header-center{align-items:center;display:flex;flex-shrink:0;justify-content:center}.game-screen-header-right{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end}.game-participants{align-items:center;display:flex;gap:16px;justify-content:flex-start}.participants-avatars{align-items:center;display:flex;margin-left:8px}.participant-avatar{height:36px;margin-left:-8px;position:relative;width:36px;z-index:1}.participant-avatar:first-child{margin-left:0}.participant-avatar:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:2}.participant-image{object-fit:cover}.participant-image,.participant-placeholder{border:3px solid var(--background-secondary);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);height:100%;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:100%}.participant-placeholder{background:var(--color-primary);font-size:14px;font-weight:700}.participant-overflow,.participant-placeholder{align-items:center;color:#fff;display:flex;justify-content:center}.participant-overflow{background:var(--text-secondary);border:3px solid var(--background-secondary);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:12px;font-weight:600;height:36px;margin-left:-8px;width:36px}.participants-count{color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left;white-space:nowrap}.game-code-section{align-items:center;display:flex;gap:12px;position:relative}.game-code{background:var(--background-hover);border:1px solid var(--border-focus);border-radius:8px;box-sizing:border-box;color:var(--color-primary);font-family:Monaco,Menlo,SF Mono,monospace;font-size:20px;font-weight:700;height:32px;letter-spacing:1px;padding:4px 16px}.copy-btn,.game-code{align-items:center;display:flex}.copy-btn{background:transparent;border:1px solid var(--border-main);border-radius:8px;color:var(--text-secondary);cursor:pointer;justify-content:center;min-height:32px;min-width:32px;padding:8px;transition:all .2s ease}.copy-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}.copy-btn.copy-success,.copy-btn:hover{color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.copy-btn.copy-success{background:var(--color-secondary);border-color:var(--color-secondary)}.copy-feedback{-webkit-animation:copyFeedbackSlide 2s ease-out forwards;animation:copyFeedbackSlide 2s ease-out forwards;background:var(--color-secondary);border-radius:8px;box-shadow:var(--shadow-md);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:0;top:-40px;white-space:nowrap;z-index:10}.copy-feedback:after{border:6px solid transparent;border-top:6px solid var(--color-secondary);content:"";position:absolute;right:12px;top:100%}.game-screen-status{align-items:center;border:2px solid;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;padding:6px 16px;text-transform:capitalize}.game-screen-info-item{align-items:center;background:var(--background-hover);border:1px solid var(--border-main);border-radius:8px;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.game-screen-info-item:before{font-size:12px}.game-screen-rounds:before{content:"🎮"}.game-screen-players:before{content:"👥"}.game-screen-error,.game-screen-loading{align-items:center;background:var(--background-secondary);border:1px solid var(--border-main);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.game-screen-error h2{color:var(--color-error);font-size:24px;font-weight:600;margin-bottom:16px}.game-screen-error p{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.game-screen-content{align-items:center;background:var(--background-secondary);border:1px solid var(--border-main);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:flex-start;min-height:300px;padding:24px}.game-screen-round-info{background:var(--background-hover);border:1px solid var(--border-main);border-radius:12px;color:var(--color-primary);font-size:16px;font-weight:600;max-width:800px;padding:12px 16px;text-align:center}.game-screen-waiting{max-width:800px;text-align:center;width:100%}.game-screen-start-section h2,.game-screen-waiting-section h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:16px}.game-screen-start-section p,.game-screen-waiting-section p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:24px}.game-screen-btn-start{align-items:center;background:var(--color-secondary);border:none;border-radius:12px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .2s ease}.game-screen-btn-start:before{content:"🚀";font-size:18px}.game-screen-btn-start:hover:not(:disabled){background:var(--color-secondary-dark);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.game-screen-btn-start:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.game-screen-code-share{background:var(--background-hover);border:1px solid var(--border-focus);border-radius:16px;box-shadow:var(--shadow-sm);margin-top:32px;padding:24px}.game-screen-code-share p{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0 0 16px}.game-screen-code-display{background:var(--background-primary);border:2px solid var(--color-primary);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--color-primary);font-family:Monaco,Menlo,SF Mono,monospace;font-size:28px;font-weight:700;letter-spacing:3px;margin:0;padding:16px 24px}.game-screen-players-section{background:var(--background-secondary);border:1px solid var(--border-main);border-radius:16px;box-shadow:var(--shadow-sm);padding:20px}.game-screen-players-section h3{display:none}.game-screen-players-list{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;overflow-x:auto;padding:8px 0;scroll-behavior:smooth}.game-screen-players-list::-webkit-scrollbar{height:6px}.game-screen-players-list::-webkit-scrollbar-track{background:var(--background-primary);border-radius:3px}.game-screen-players-list::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:3px}.game-screen-players-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (max-width:768px){.game-screen-players-list{flex-wrap:nowrap;justify-content:flex-start}}.game-screen-player-card{align-items:center;background:var(--background-hover);border:1px solid var(--border-main);border-radius:12px;display:flex;flex-direction:column;padding:16px 12px;position:relative;transition:all .2s ease;width:110px}.game-screen-player-card:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.game-screen-player-avatar{height:64px;margin-bottom:12px;position:relative;width:64px}.game-screen-avatar-image{border:3px solid var(--color-primary);border-radius:50%;box-shadow:var(--shadow-sm);height:100%;object-fit:cover;width:100%}.game-screen-avatar-placeholder{background:var(--color-primary);border:3px solid var(--color-primary);border-radius:50%;font-size:24px;height:100%;width:100%}.game-screen-avatar-placeholder,.game-screen-creator-badge{align-items:center;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-weight:700;justify-content:center}.game-screen-creator-badge{background:var(--color-accent);font-size:14px;height:26px;top:-4px;width:26px}.game-screen-creator-badge,.game-screen-turn-status{border:2px solid var(--background-secondary);border-radius:50%;position:absolute;right:-4px}.game-screen-turn-status{align-items:center;bottom:-4px;box-shadow:var(--shadow-sm);display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.game-screen-turn-status.waiting{background:var(--color-error);color:#fff}.game-screen-turn-status.submitted{background:var(--color-secondary);color:#fff}.game-screen-player-name{box-sizing:border-box;color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3;margin-bottom:6px;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.game-screen-join-order{background:var(--background-primary);border:1px solid var(--border-main);border-radius:10px;color:var(--text-secondary);font-size:11px;font-weight:500;padding:3px 8px}.game-screen-player-score{background:var(--color-secondary);border-radius:12px;box-shadow:var(--shadow-sm);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;text-align:center}.game-screen-player-score.player-score-styled{background:var(--background-primary);border:2px solid var(--color-secondary);border-radius:12px;box-shadow:none;color:var(--color-secondary);font-size:12px;font-weight:600;padding:6px 12px;text-align:center}.game-screen-packs-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.game-screen-packs-info{grid-template-columns:1fr}}.game-screen-pack-section{background:var(--background-secondary);border:1px solid var(--border-main);border-radius:16px;box-shadow:var(--shadow-sm);padding:20px}.game-screen-pack-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.game-screen-pack-section.proposition h4:before{content:"💬";font-size:14px}.game-screen-pack-section.spectrum h4:before{content:"⚖️";font-size:14px}.game-screen-pack-list{display:flex;flex-direction:column;gap:10px}.game-screen-pack-item{align-items:center;background:var(--background-hover);border:1px solid var(--border-main);border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.game-screen-pack-item:hover{background:var(--background-primary);-webkit-transform:translateX(4px);transform:translateX(4px)}.game-screen-pack-image{border:1px solid var(--border-main);border-radius:8px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.game-screen-pack-image img{height:100%;object-fit:cover;width:100%}.game-screen-pack-placeholder{align-items:center;background:var(--background-primary);border:1px solid var(--border-main);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.game-screen-pack-placeholder img{height:100%;object-fit:cover;opacity:.5;width:100%}.game-screen-pack-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.game-screen-pack-name{color:var(--text-primary);font-size:14px;font-weight:600}.game-screen-pack-count{background:var(--color-primary);border-radius:10px;box-shadow:var(--shadow-sm);color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.game-screen-active,.game-screen-finished{max-width:800px;text-align:center;width:100%}.game-screen-finished h2{color:var(--color-secondary);font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.game-screen-finished p{color:var(--text-secondary);font-size:16px;line-height:1.6;text-align:center}.final-standings{margin:0 auto;max-width:600px;width:100%}.final-standings h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:24px;text-align:center}.standings-list{display:flex;flex-direction:column;gap:12px}.standing-item{align-items:center;background:var(--background-hover);border:1px solid var(--border-main);border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.standing-item.current-user-standing{background:var(--background-secondary);border:2px solid var(--color-secondary)}.standing-item.current-user-standing .standing-score,.standing-item.current-user-standing .standing-username{color:var(--color-secondary);font-weight:600}.standing-item.current-user-standing .standing-placement{color:var(--color-secondary)}.standing-placement{font-size:24px;font-weight:700;min-width:40px;text-align:center}.standing-avatar{flex-shrink:0;height:48px;position:relative;width:48px}.standing-avatar-image{object-fit:cover}.standing-avatar-image,.standing-avatar-placeholder{border:3px solid var(--color-primary);border-radius:50%;box-shadow:var(--shadow-sm);height:100%;width:100%}.standing-avatar-placeholder{align-items:center;background:var(--color-primary);color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center}.standing-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.standing-username{color:var(--text-primary);font-size:16px;font-weight:600}.standing-score{color:var(--text-secondary);font-size:14px;font-weight:500}.standing-credits{align-items:center;background:var(--background-primary);border:2px solid var(--color-secondary);border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:6px;padding:6px 10px}.standing-credits,.standing-credits .credits-amount{color:var(--color-secondary)}.turn-results-overlay{align-items:center;-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.turn-results-content{-webkit-animation:slideInScale .4s ease-out;animation:slideInScale .4s ease-out;background:var(--background-secondary);border:1px solid var(--border-main);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow-y:auto;padding:32px;text-align:center;width:90%}.turn-results-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:24px}.turn-results-header h3{color:var(--color-secondary);font-size:24px;font-weight:700;margin:0}.turn-results-countdown{background:var(--color-primary);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.turn-results-summary{align-items:center;background:var(--background-primary);border:2px solid var(--border-main);border-radius:12px;display:flex;flex-shrink:0;margin-bottom:24px;padding:16px 24px}.rating-summary-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.rating-label{color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rating-value{font-size:28px;font-weight:700;line-height:1}.rating-value.actual-rating{color:var(--color-primary)}.rating-value.average-rating{color:var(--color-secondary)}.turn-results-info{display:flex;flex-direction:column;flex-grow:1;gap:20px;overflow-y:auto;padding-right:8px}.turn-results-info::-webkit-scrollbar{width:6px}.turn-results-info::-webkit-scrollbar-track{background:var(--background-hover);border-radius:3px}.turn-results-info::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:3px}.turn-results-info::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.lodden-player-score{background:var(--background-secondary);border:2px solid var(--color-accent);border-radius:8px;margin-bottom:16px;padding:12px}.lodden-player-score.current-user-score{background:var(--background-secondary);border:2px solid var(--color-secondary)}.lodden-player-score.current-user-score .player-name{color:var(--color-secondary);font-weight:600}.lodden-player-score.current-user-score .stat-value{color:var(--color-secondary)}.results-scores{display:flex;flex-direction:column;gap:12px}.player-score{background:var(--background-hover);border-left:4px solid var(--color-secondary);border-radius:12px;padding:16px}.player-score.current-user-score{background:var(--background-secondary);border:2px solid var(--color-secondary)}.player-score.other-user-score{border-left-color:var(--color-primary)}.player-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.score-avatar-image{height:100%;object-fit:cover;width:100%}.score-avatar-placeholder{align-items:center;background:var(--color-accent);color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;width:100%}.player-card-content{display:flex;flex-direction:column;gap:12px;width:100%}.player-name-row{align-items:center;display:flex;justify-content:space-between}.player-name-group{align-items:center;display:flex;gap:12px}.player-emoji,.player-name{font-size:16px}.player-name{color:var(--text-primary);font-weight:600}.player-values{justify-content:space-around;width:100%}.player-values,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;gap:2px}.stat-label{color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:14px;font-weight:600}.player-score.current-user-score .player-name{color:var(--color-secondary);font-weight:600}.player-score.current-user-score .stat-value{color:var(--color-secondary)}.turn-results-actions{border-top:1px solid var(--border-main);flex-shrink:0;margin-top:24px;padding-top:20px}.next-turn-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.next-turn-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.description-modal-overlay{align-items:center;-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.description-modal-content{-webkit-animation:slideInScale .3s ease-out;animation:slideInScale .3s ease-out;background:var(--background-secondary);border:1px solid var(--border-main);border-radius:16px;box-shadow:var(--shadow-lg);max-width:400px;width:90%}.description-modal-header{align-items:center;border-bottom:1px solid var(--border-main);display:flex;justify-content:space-between;padding:20px 24px 16px}.description-modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.description-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.description-modal-close:hover{background:var(--background-hover);color:var(--text-primary)}.description-modal-body{padding:20px 24px 24px}.spectrum-range{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.spectrum-range .spectrum-value1{border:2px solid var(--color-primary);border-radius:8px;color:var(--color-primary)}.spectrum-range .spectrum-value1,.spectrum-range .spectrum-value2{background:var(--background-primary);font-size:14px;font-weight:600;padding:6px 12px}.spectrum-range .spectrum-value2{border:2px solid var(--color-secondary);border-radius:8px;color:var(--color-secondary)}.spectrum-arrow{color:var(--text-secondary);font-size:18px;font-weight:700}.description-modal-body .spectrum-description{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0;text-align:center}.proposition-metadata{display:flex;flex-direction:column;gap:12px;margin-top:20px}.metadata-item{align-items:center;border-bottom:1px solid var(--border-main);display:flex;justify-content:space-between;padding:8px 0}.metadata-label{color:var(--text-primary);font-size:14px;font-weight:600}.metadata-value{color:var(--text-secondary);font-size:14px;max-width:60%;text-align:right}.proposition-full-text{border-bottom:1px solid var(--border-main);color:var(--text-primary);font-size:16px;font-style:italic;line-height:1.5;margin:0;padding:0 0 16px;text-align:center}.game-screen-turn-display{display:flex;flex-direction:column;gap:16px;max-width:800px;width:100%}.game-screen-turn-header{align-items:center;background:var(--background-hover);border:1px solid var(--border-main);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:0;padding:16px 24px}.game-screen-turn-header h2{color:var(--color-primary);font-size:18px;font-weight:600;margin:0}.game-screen-lodden-info{align-items:center;display:flex;gap:12px;margin:0}.game-screen-lodden-avatar{height:36px;position:relative;width:36px}.lodden-image{object-fit:cover}.lodden-image,.lodden-placeholder{border:3px solid var(--color-accent);border-radius:50%;box-shadow:var(--shadow-md);height:100%;width:100%}.lodden-placeholder{align-items:center;background:var(--color-accent);color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center}.game-screen-lodden-name{color:var(--text-secondary);font-size:14px;font-weight:500}.game-screen-proposition{background:var(--background-hover);border:1px solid var(--border-main);border-radius:16px;padding:32px 24px;position:relative;text-align:center}.proposition-text{color:var(--text-primary);font-size:20px;font-style:italic;font-weight:500;line-height:1.6;margin-bottom:16px}.proposition-author{color:var(--text-secondary);font-size:16px;font-weight:600}.proposition-info-button{align-items:center;background:var(--color-error);border:2px solid var(--color-error);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:-16px;top:-16px;transition:all .2s ease;width:28px;z-index:10}.proposition-info-button:hover{background:#d73027;background:var(--color-error-dark,#d73027);border-color:#d73027;border-color:var(--color-error-dark,#d73027);box-shadow:var(--shadow-md);-webkit-transform:scale(1.1);transform:scale(1.1)}.game-screen-instruction{background:var(--color-primary);border-radius:12px;box-shadow:var(--shadow-sm);color:#fff;margin:0;padding:16px 24px;text-align:center}.game-screen-instruction p{font-size:16px;font-weight:500;line-height:1.4;margin:0}.game-screen-instruction strong{font-weight:700}.game-screen-spectrum{background:var(--background-hover);border:1px solid var(--border-main);border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:32px 24px;position:relative}.spectrum-labels{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between;position:relative}.spectrum-value1{border:2px solid var(--color-primary);border-radius:12px;color:var(--color-primary)}.spectrum-value1,.spectrum-value2{background:var(--background-primary);padding:8px 16px}.spectrum-value2{border:2px solid var(--color-secondary);border-radius:12px;color:var(--color-secondary)}.spectrum-info-button{align-items:center;background:var(--color-error);border:2px solid var(--color-error);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:-16px;top:-16px;transition:all .2s ease;width:28px;z-index:10}.spectrum-info-button:hover{background:#d73027;background:var(--color-error-dark,#d73027);border-color:#d73027;border-color:var(--color-error-dark,#d73027);box-shadow:var(--shadow-md);-webkit-transform:scale(1.1);transform:scale(1.1)}.spectrum-slider-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;position:relative;width:100%}.spectrum-slider{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));border-radius:4px;box-sizing:border-box;cursor:pointer;height:8px;margin:0;outline:none;padding:0;width:100%}.spectrum-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border:3px solid var(--color-accent);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:24px;margin-left:0;margin-right:0;margin-top:-8px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.spectrum-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);-webkit-transform:scale(1.1);transform:scale(1.1)}.spectrum-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.spectrum-slider::-moz-range-track{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;height:8px;width:100%}.spectrum-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;height:8px;width:100%}.spectrum-slider:disabled{cursor:not-allowed;opacity:.6}.spectrum-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.spectrum-value-display{background:transparent;border:2px solid var(--color-accent);border-radius:20px;box-shadow:var(--shadow-sm);color:var(--color-accent);font-size:18px;font-weight:700;min-width:60px;padding:8px 16px;text-align:center}.game-screen-instruction-text{color:var(--text-secondary);font-size:15px;font-weight:500;margin-top:8px;text-align:center}.game-screen-instruction-text strong{color:var(--text-primary);font-weight:600}.instruction-with-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.username-with-avatar{align-items:center;display:inline-flex;gap:6px;margin:0 4px}.instruction-avatar{border-radius:50%;flex-shrink:0;height:24px;overflow:hidden;width:24px}.instruction-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.instruction-avatar-placeholder{align-items:center;background:var(--color-accent);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;width:100%}.spectrum-description{border-top:1px solid var(--border-main);color:var(--text-secondary);font-size:14px;font-style:italic;padding-top:8px;text-align:center}.game-screen-actions{display:flex;gap:16px;justify-content:center}.game-screen-submit-btn{align-items:center;background:var(--color-secondary);border:none;border-radius:12px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .2s ease}.game-screen-submit-btn:before{content:"✓";font-size:18px}.game-screen-submit-btn:hover:not(:disabled){background:var(--color-secondary-dark);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.game-screen-submit-btn:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.game-screen-waiting-for-lodden{background:var(--background-hover);border:1px solid var(--border-main);border-radius:12px;padding:24px;text-align:center}.game-screen-waiting-for-lodden p{color:var(--text-secondary);font-size:16px;font-style:italic;margin:0}.game-screen-guess-submitted,.game-screen-waiting-for-guesses{background:var(--background-hover);border:1px solid var(--border-main);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.game-screen-guess-submitted p,.game-screen-waiting-for-guesses p{color:var(--text-secondary);font-size:16px;font-style:italic;margin:0}.guess-progress{background:var(--background-primary);border:1px solid var(--border-main);border-radius:8px;padding:12px 16px}.guess-progress span{color:var(--color-primary);font-size:14px;font-weight:600}.game-screen-guess-instruction{margin-bottom:16px;text-align:center}.game-screen-guess-instruction p{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.game-screen-turn-complete{background:var(--color-secondary);border-radius:12px;box-shadow:var(--shadow-md);color:#fff;font-weight:600;padding:24px;text-align:center}.game-screen-turn-complete p{font-size:16px;margin:0}.game-screen-submit-btn.btn-secondary{background:var(--color-primary);border-color:var(--color-primary)}.game-screen-submit-btn.btn-secondary:before{content:"🤔"}.game-screen-submit-btn.btn-secondary:hover:not(:disabled){background:var(--color-primary-dark)}.game-screen-action-completed{background:var(--color-secondary);border-radius:12px;box-shadow:var(--shadow-md);color:#fff;padding:24px;text-align:center}.game-screen-action-completed p{font-size:16px;font-weight:600;margin:0 0 12px}.turn-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:8px;padding:8px 16px}.turn-progress span{font-size:14px;font-weight:500}.game-screen-waiting-status{background:var(--background-primary);border:2px solid var(--color-secondary);border-radius:16px;color:var(--color-secondary);margin-bottom:16px;padding:24px;text-align:center}.game-screen-waiting-status p{color:var(--color-secondary);font-size:16px;font-weight:600;margin-bottom:12px}.waiting-details{color:var(--text-secondary);font-size:14px;font-weight:500;opacity:.8}.game-screen-loading-turn{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.game-screen-loading-turn p{color:var(--text-secondary);font-size:16px;margin:0}@media (max-width:768px){.game-screen-container{gap:16px;padding:12px}.game-screen{gap:20px;padding:16px}.game-screen-header{gap:12px;padding:16px}.game-screen-header-left{flex:1 1;justify-content:flex-start;min-width:0}.game-screen-header-center{flex-shrink:0;justify-content:center}.game-screen-header-right{flex-shrink:0;justify-content:flex-end}.game-participants{gap:12px}.game-participants .participants-avatars{margin-left:0}.game-code{font-size:18px;height:28px;padding:4px 12px}.copy-btn{min-height:28px;min-width:28px;padding:6px}.copy-feedback{font-size:11px;padding:5px 10px;top:-35px}.participant-avatar,.participant-overflow{height:32px;width:32px}.participant-overflow{font-size:11px}.participants-count{font-size:13px}.game-screen-content{gap:12px;padding:16px}.game-screen-turn-display{gap:12px}.game-screen-round-info{padding:8px 12px}.spectrum-value1,.spectrum-value2{font-size:14px;padding:6px 12px}.spectrum-labels{font-size:14px}.game-screen-proposition,.game-screen-spectrum{padding:20px 16px}.proposition-text{font-size:17px;line-height:1.5}.game-screen-instruction-text{font-size:13px}.game-screen-start-section h2,.game-screen-waiting-section h2{font-size:24px}.game-screen-start-section p,.game-screen-waiting-section p{font-size:15px}.game-screen-code-display{font-size:22px;letter-spacing:2px;padding:14px 20px}.game-screen-player-card{padding:12px 8px;width:95px}.game-screen-player-avatar{height:56px;width:56px}.game-screen-pack-section,.game-screen-players-section{padding:16px}.game-screen-pack-image,.game-screen-pack-placeholder{height:36px;width:36px}.game-screen-pack-placeholder img{height:100%;object-fit:cover;width:100%}.final-standings{max-width:100%;padding:0 8px}.final-standings h3{font-size:18px;margin-bottom:16px}.turn-results-summary{margin-bottom:20px;padding:12px 16px}.rating-label{font-size:9px}.rating-value{font-size:24px}.standings-list{gap:8px}.standing-item{gap:12px;padding:12px 16px}.standing-placement{font-size:20px;min-width:32px}.standing-avatar{height:40px;width:40px}.standing-username{font-size:15px}.standing-score{font-size:13px}.standing-credits{font-size:13px;padding:6px 10px}.lodden-player-score,.player-score{padding:12px}.player-card-content{gap:10px}.player-name-row{justify-content:space-between}.player-name-group{align-items:center;display:flex;gap:10px}.player-emoji,.player-name{font-size:16px}.player-name{font-weight:600}.player-values{justify-content:space-around}.stat-item{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px}.stat-value{font-size:13px}}@media (max-width:480px){.game-screen-container{gap:12px;padding:8px}.game-screen{gap:16px;padding:12px}.game-screen-header{gap:8px;padding:12px}.game-code{font-size:16px;height:24px;letter-spacing:1px;padding:4px 10px}.copy-btn{min-height:24px;min-width:24px;padding:4px}.copy-feedback{font-size:10px;padding:4px 8px;top:-32px}.copy-feedback:after{border-width:5px;right:8px}.participant-avatar,.participant-overflow{height:28px;width:28px}.participant-overflow{font-size:10px}.participants-count{font-size:12px}.game-participants{gap:8px}.game-screen-content{gap:10px;padding:12px}.game-screen-turn-display{gap:10px}.game-screen-round-info{font-size:14px;padding:6px 10px}.spectrum-value1,.spectrum-value2{font-size:12px;padding:4px 8px}.spectrum-labels{font-size:12px}.game-screen-proposition,.game-screen-spectrum{padding:16px 12px}.proposition-text{font-size:15px;line-height:1.4}.game-screen-instruction-text{font-size:12px}.game-screen-btn-start{font-size:15px;padding:14px 24px}.game-screen-pack-item{gap:8px;padding:10px 12px}.game-screen-pack-image,.game-screen-pack-placeholder{height:32px;width:32px}.game-screen-pack-placeholder img{height:100%;object-fit:cover;width:100%}.game-screen-pack-name{font-size:13px}.game-screen-pack-count{font-size:11px;padding:3px 8px}.final-standings{padding:0 4px}.final-standings h3{font-size:16px;margin-bottom:12px}.turn-results-summary{margin-bottom:16px;padding:10px 12px}.rating-label{font-size:9px}.rating-value{font-size:20px}.standings-list{gap:6px}.standing-item{gap:10px;padding:10px 12px}.standing-placement{font-size:18px;min-width:28px}.standing-avatar{height:36px;width:36px}.standing-username{font-size:14px}.standing-score{font-size:12px}.standing-credits{font-size:12px;padding:5px 8px}}@-webkit-keyframes slideInPlayer{0%{opacity:0;-webkit-transform:translateY(20px) scale(.95);transform:translateY(20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes slideInPlayer{0%{opacity:0;-webkit-transform:translateY(20px) scale(.95);transform:translateY(20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes copyFeedbackSlide{0%{opacity:0;-webkit-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8)}15%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}85%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{opacity:0;-webkit-transform:translateY(-5px) scale(.9);transform:translateY(-5px) scale(.9)}}@keyframes copyFeedbackSlide{0%{opacity:0;-webkit-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8)}15%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}85%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{opacity:0;-webkit-transform:translateY(-5px) scale(.9);transform:translateY(-5px) scale(.9)}}.game-screen-player-card{-webkit-animation:slideInPlayer .4s ease-out;animation:slideInPlayer .4s ease-out}.game-screen-loading p{-webkit-animation:pulse 1.8s ease-in-out infinite;animation:pulse 1.8s ease-in-out infinite}.game-screen-btn-start:hover:not(:disabled){-webkit-animation:float .3s ease;animation:float .3s ease}.store-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:30px;position:relative}.store-owned-filter{background-color:var(--background-secondary);border:2px solid var(--border-light);border-radius:var(--border-radius-lg);display:flex;max-width:90vw;padding:4px;width:400px}.store-filter-button{background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:var(--font-weight-medium);padding:8px 16px;text-align:center;transition:all .3s ease;white-space:nowrap}.store-filter-button:hover{background-color:var(--background-primary);color:var(--text-primary)}.store-filter-button.active{background-color:var(--color-secondary);color:#fff;font-weight:var(--font-weight-semibold)}.store-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px 0}.store-tab-selector-row{display:flex;justify-content:center;width:100%}.store-tab-selector{background-color:var(--background-secondary);border:2px solid var(--border-light);border-radius:var(--border-radius-lg);display:flex;max-width:90vw;padding:4px;width:400px}.store-tab-button{background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:var(--font-weight-medium);padding:12px 24px;text-align:center;transition:all .3s ease;white-space:nowrap}.store-tab-button:hover{background-color:var(--background-primary);color:var(--text-primary)}.store-tab-button.active{background-color:var(--color-secondary);color:#fff;font-weight:var(--font-weight-semibold)}.store-search-bar{flex-shrink:0;max-width:90vw;position:relative;width:400px}.store-search-bar svg{color:var(--text-secondary);left:15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.store-search-bar input{background-color:var(--background-secondary);border:2px solid var(--border-light);border-radius:var(--border-radius-lg);box-sizing:border-box;color:var(--text-primary);font-size:1rem;min-width:250px;padding:12px 15px 12px 45px;transition:all .3s ease;width:100%}.store-search-bar input:focus{background-color:var(--background-primary);border-color:var(--color-secondary);outline:none}.store-search-bar input::-webkit-input-placeholder{color:var(--text-secondary)}.store-search-bar input::placeholder{color:var(--text-secondary)}.store-content{margin-top:30px;min-height:400px;position:relative}.store-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:400px;justify-content:center}.store-loading p,.store-no-packs{color:var(--text-secondary);font-size:1.1rem}.store-no-packs{align-items:center;display:flex;height:300px;justify-content:center}.store-packs-grid{grid-gap:20px!important;align-items:start!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(3,1fr)!important;margin:0 auto!important;max-width:1200px!important;width:100%!important}.store-pack-card{background-color:var(--background-secondary)!important;border:2px solid var(--border-light)!important;border-radius:var(--border-radius-lg)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;max-width:350px!important;overflow:hidden!important;position:relative!important;transition:all .3s ease!important;width:100%!important}.store-pack-card:hover{border-color:var(--color-secondary);box-shadow:0 10px 25px var(--shadow-main);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.store-pack-card.owned{background-color:var(--background-primary)}.store-pack-card.owned,.store-pack-card.owned:hover{border-color:var(--color-secondary)}.store-pack-image{aspect-ratio:1!important;background-color:var(--background-primary)!important;height:200px!important;overflow:hidden!important;position:relative!important;width:100%!important}.store-pack-image img{height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.store-pack-card:hover .store-pack-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.store-owned-overlay{align-items:center;background:linear-gradient(135deg,rgba(61,220,151,.9),rgba(61,220,151,.7));bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease}.store-owned-badge{align-items:center;background:hsla(0,0%,100%,.98);border:2px solid var(--color-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.2);color:var(--color-secondary);display:flex;font-size:1rem;font-weight:var(--font-weight-bold);gap:8px;padding:10px 16px}.store-pack-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:20px;width:100%}.store-pack-name{color:var(--text-primary);font-size:1.3rem;font-weight:var(--font-weight-semibold);line-height:1.3;margin:0 0 10px}.store-pack-description{color:var(--text-secondary);flex:1 1;font-size:.95rem;line-height:1.5;margin:0 0 15px}.store-pack-details{align-items:center;border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 0}.store-pack-count{color:var(--text-secondary);font-size:.9rem}.store-pack-price{color:var(--color-secondary);font-size:1.2rem;font-weight:var(--font-weight-semibold)}.store-pack-guarantees,.store-pack-previews{margin:15px 0}.store-pack-guarantees h4,.store-pack-previews h4{color:var(--text-primary);font-size:.95rem;font-weight:var(--font-weight-semibold);margin:0 0 8px}.store-pack-guarantees ul,.store-pack-previews ul{list-style:none;margin:0;padding:0}.store-pack-guarantees li,.store-pack-previews li{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-bottom:4px;padding-left:15px;position:relative}.store-pack-guarantees li:before{content:"✓"}.store-pack-guarantees li:before,.store-pack-previews li:before{color:var(--color-secondary);font-weight:700;left:0;position:absolute}.store-pack-previews li:before{content:"•"}.store-pack-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;width:100%}.store-btn-purchase,.store-btn-view-contents{align-items:center;border:none;border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;display:flex;font-size:1rem;font-weight:var(--font-weight-semibold);gap:8px;justify-content:center;min-height:48px;padding:12px 20px;transition:all .3s ease;white-space:nowrap;width:100%}.store-btn-view-contents{background-color:var(--background-primary);border:2px solid var(--border-light);color:var(--text-primary)}.store-btn-view-contents:hover{border-color:var(--color-secondary);color:var(--color-secondary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.store-btn-purchase{background-color:var(--color-secondary);color:#fff}.store-btn-purchase:hover:not(.disabled):not(:disabled){background-color:var(--color-secondary-dark);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.store-btn-purchase.disabled,.store-btn-purchase:disabled{background-color:var(--text-secondary);color:var(--background-secondary);cursor:not-allowed;opacity:.6}.store-btn-purchase:disabled{pointer-events:none}.store-btn-purchase-container{position:relative;width:100%}.store-purchase-loading-overlay{align-items:center;background-color:var(--color-secondary);border-radius:var(--border-radius-md);bottom:0;color:#fff;display:flex;font-weight:var(--font-weight-semibold);gap:8px;justify-content:center;left:0;opacity:.95;position:absolute;right:0;top:0;z-index:10}.store-component-modal-header{border-bottom:1px solid var(--border-light)!important;flex-direction:column!important;gap:20px!important;padding:30px 30px 20px!important}.store-component-modal-header,.store-component-modal-pack-image{align-items:center!important;display:flex!important;flex-shrink:0!important}.store-component-modal-pack-image{background-color:var(--background-secondary)!important;border:2px solid var(--border-light)!important;border-radius:var(--border-radius-md)!important;height:120px!important;justify-content:center!important;overflow:hidden!important;width:120px!important}.store-component-modal-pack-image img{border-radius:var(--border-radius-md)!important;height:100%!important;object-fit:contain!important;width:100%!important}.store-component-modal-header-text{flex:1 1!important;min-width:0!important;text-align:center!important;width:100%!important}.store-component-modal-header h2{color:var(--text-primary)!important;font-size:1.8rem!important;font-weight:var(--font-weight-bold)!important;margin:0 0 10px!important}.store-component-modal-header h2,.store-component-pack-modal-description{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;overflow-wrap:break-word!important}.store-component-pack-modal-description{color:var(--text-secondary)!important;font-size:1rem!important;line-height:1.5!important;margin:0!important}.store-component-modal-content{box-sizing:border-box!important;contain:layout style paint!important;flex:1 1!important;max-width:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px 30px 30px!important;width:100%!important}.modal-content .modal-body:has(.store-component-pack-contents-modal),.store-component-pack-contents-modal{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:auto!important;max-height:85vh!important;overflow:hidden!important;padding:0!important}.modal-content .store-component-pack-contents-modal,.modal-content:has(.store-component-pack-contents-modal){box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:auto!important;max-height:90vh!important;max-width:90vw!important;overflow:hidden!important;padding:0!important;width:800px!important}.store-component-pack-contents-modal{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;padding:0!important;width:100%!important}.store-component-contents-loading{align-items:center!important;display:flex!important;flex-direction:column!important;gap:15px!important;height:200px!important;justify-content:center!important}.store-component-pack-contents h3{word-wrap:break-word!important;color:var(--text-primary)!important;font-size:1.3rem!important;font-weight:var(--font-weight-semibold)!important;margin:0 0 20px!important;overflow-wrap:break-word!important}.store-component-contents-list{display:flex!important;flex-direction:column!important;gap:15px!important;overflow-x:hidden!important}.store-component-content-item,.store-component-contents-list{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.store-component-content-item{word-wrap:break-word!important;background-color:var(--background-secondary)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius-md)!important;flex-shrink:1!important;-webkit-hyphens:auto!important;hyphens:auto!important;min-width:0!important;overflow:hidden!important;overflow-wrap:break-word!important;padding:15px!important}.store-component-proposition-item{display:flex!important;flex-direction:column!important;gap:8px!important}.store-component-proposition-item,.store-component-proposition-text{max-width:100%!important;text-align:center!important;width:100%!important}.store-component-proposition-text{word-wrap:break-word!important;box-sizing:border-box!important;color:var(--text-primary)!important;display:block!important;font-size:1rem!important;font-style:italic!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.5!important;margin:0!important;overflow-wrap:anywhere!important;overflow-wrap:break-word!important;white-space:pre-wrap!important;word-break:break-word!important}.store-component-proposition-meta{align-items:center!important;display:flex!important;flex-wrap:wrap!important;font-size:.9rem!important;gap:8px!important;justify-content:center!important;width:100%!important}.store-component-author{word-wrap:break-word!important;font-weight:var(--font-weight-medium)!important;overflow-wrap:break-word!important}.store-component-author,.store-component-year{color:var(--text-secondary)!important}.store-component-topics{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important;margin-top:5px!important;width:100%!important}.store-component-topic-tag{word-wrap:break-word!important;background-color:initial!important;border:1px solid var(--color-secondary)!important;border-radius:var(--border-radius-sm)!important;color:var(--color-secondary)!important;font-size:.75rem!important;font-weight:var(--font-weight-medium)!important;max-width:100%!important;overflow-wrap:break-word!important;padding:2px 8px!important}.store-component-spectrum-item{display:flex!important;flex-direction:column!important;gap:8px!important;max-width:100%!important;text-align:center!important;width:100%!important}.store-component-spectrum-values{align-items:center!important;color:var(--text-primary)!important;display:flex!important;flex-wrap:wrap!important;font-weight:var(--font-weight-semibold)!important;gap:12px!important;justify-content:center!important;width:100%!important}.store-component-value1,.store-component-value2{word-wrap:break-word!important;background-color:var(--background-primary)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius-sm)!important;flex-shrink:1!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:40%!important;overflow-wrap:break-word!important;padding:6px 12px!important}.store-component-separator{color:var(--color-secondary)!important;flex-shrink:0!important;font-size:1.2rem!important}.store-component-spectrum-description{word-wrap:break-word!important;color:var(--text-secondary)!important;font-size:.95rem!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.4!important;margin:0!important;max-width:100%!important;overflow-wrap:break-word!important;text-align:center!important;white-space:pre-wrap!important}@media (min-width:1200px){.store-packs-grid{align-items:start!important;gap:25px!important;grid-template-columns:repeat(4,1fr)!important}}@media (max-width:1199px) and (min-width:900px){.store-packs-grid{align-items:start!important;gap:20px!important;grid-template-columns:repeat(3,1fr)!important}}@media (max-width:899px) and (min-width:600px){.store-packs-grid{align-items:start!important;gap:18px!important;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:599px){.store-packs-grid{align-items:start!important;gap:20px!important;grid-template-columns:1fr!important}}@media (max-width:768px){.store-container{padding:20px}.store-owned-filter,.store-search-bar,.store-tab-selector{max-width:none;width:100%}.store-filter-button,.store-tab-button{flex:1 1;justify-content:center;text-align:center}.store-filter-button{flex:1 1;text-align:center}.store-packs-grid{gap:20px;grid-template-columns:1fr}.modal-content:has(.store-component-pack-contents-modal),.store-component-pack-contents-modal{max-width:none!important;width:95vw!important}.store-component-modal-header{gap:15px!important;padding:20px 20px 15px!important}.store-component-modal-pack-image{height:100px!important;width:100px!important}.store-component-modal-content{padding:15px 20px 20px!important}.store-component-value1,.store-component-value2{max-width:45%!important}}@media (max-width:480px){.store-container,.store-pack-content{padding:15px}.store-pack-name{font-size:1.2rem}.store-pack-details{align-items:flex-start;flex-direction:column;gap:8px}.store-tab-button{font-size:.9rem;padding:10px 16px}.store-component-pack-contents-modal{border-radius:0!important;max-height:100vh!important;width:100vw!important}.store-component-modal-header{padding:15px 15px 10px!important}.store-component-modal-content{padding:10px 15px 15px!important}.store-component-modal-header h2{font-size:1.5rem!important}.store-component-modal-pack-image{height:80px!important;width:80px!important}.store-component-spectrum-values{align-items:center!important;flex-direction:column!important;gap:8px!important}.store-component-value1,.store-component-value2{max-width:100%!important}.store-component-separator{font-size:1rem!important;-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}}@-webkit-keyframes storeCardSlideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes storeCardSlideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.store-pack-card{-webkit-animation:storeCardSlideIn .5s ease-out;animation:storeCardSlideIn .5s ease-out}.store-pack-card:nth-child(odd){-webkit-animation-delay:.1s;animation-delay:.1s}.store-pack-card:nth-child(2n){-webkit-animation-delay:.2s;animation-delay:.2s}.modal{align-items:center;background:rgba(0,0,0,.5);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal,.modal.show{display:flex}.modal-content{background:var(--background-paper);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 30px var(--shadow-main);max-height:90vh;max-width:500px;opacity:1;overflow-y:auto;position:relative;scrollbar-color:var(--accent) transparent;scrollbar-width:thin;width:100%}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:transparent;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;margin:4px}.modal-content::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--accent);border:3px solid transparent;border-radius:10px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:var(--accent);font-size:24px;letter-spacing:2px;margin:0;text-transform:uppercase}.close-modal{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;padding:0}.close-modal:hover{color:var(--text-primary)}.modal-body{padding:24px}.form-container{display:flex;flex-direction:column;gap:16px}.avatar-section{background:var(--background-input);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:8px;padding:24px 16px}.avatar-container,.avatar-section{align-items:center;display:flex;flex-direction:column;gap:16px}.avatar-display{border:4px solid var(--accent);border-radius:50%;box-shadow:0 4px 12px var(--shadow-main);height:120px;overflow:hidden;position:relative;width:120px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:var(--button-primary);color:#fff;font-size:48px;font-weight:700;height:100%;text-transform:uppercase;width:100%}.avatar-placeholder,.avatar-uploading-overlay{align-items:center;display:flex;justify-content:center}.avatar-uploading-overlay{background:rgba(0,0,0,.7);border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.avatar-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.avatar-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all var(--transition-short)}.avatar-btn.upload{background-color:var(--button-primary);color:#fff}.avatar-btn.upload:hover:not(:disabled){background-color:var(--button-primary-hover);box-shadow:0 4px 8px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.avatar-btn.remove{background-color:initial;border:1px solid var(--color-error);color:var(--color-error)}.avatar-btn.remove:hover:not(:disabled){background-color:var(--color-error);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.avatar-btn:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500}.modal-content .form-group input{background-color:var(--background-input);border:1px solid var(--accent)!important;border-radius:var(--border-radius-md);box-shadow:0 0 2px var(--shadow-light);color:var(--text-primary);font-size:16px;padding:12px 16px;transition:all var(--transition-short)}.modal-content .form-group input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.button-group{display:flex;gap:12px;margin-top:8px}.button-group button{border:none;border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short)}.button-group button:first-child{background-color:var(--button-primary);color:#fff}.button-group button:first-child:hover{background-color:var(--button-primary-hover);box-shadow:0 4px 8px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button-group button:last-child{background-color:initial;border:1px solid var(--button-primary);color:var(--button-primary)}.button-group button:last-child:hover{background-color:rgba(var(--primary-color-rgb),.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.membership-info{background-color:var(--background-paper-light);border-radius:var(--border-radius-md);border-top:1px solid var(--border-color);margin-top:32px;padding:24px}.membership-info h3{color:var(--text-primary);font-size:18px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.membership-info ul{list-style-type:none;margin:0 0 20px;padding:0}.membership-info li{color:var(--text-secondary);font-size:14px;padding:8px 0 8px 28px;position:relative}.membership-info li:before{color:var(--success);content:"✓";font-weight:700;left:0;position:absolute}.upgrade-button{background-color:var(--accent);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short);width:100%}.upgrade-button:hover{background-color:var(--accent-hover);box-shadow:0 4px 8px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.theme-toggle{align-items:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-short);width:40px}.theme-toggle,.theme-toggle:before{border-radius:var(--border-radius-full)}.theme-toggle:before{background-color:var(--background-hover);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-short);z-index:-1}.theme-toggle:hover:before{opacity:1}.theme-toggle:active:before{background-color:var(--background-active)}.theme-toggle svg{transition:-webkit-transform var(--transition-medium);transition:transform var(--transition-medium);transition:transform var(--transition-medium),-webkit-transform var(--transition-medium)}.theme-toggle:hover svg{-webkit-transform:rotate(15deg) scale(1.1);transform:rotate(15deg) scale(1.1)}.theme-dark .theme-toggle,.theme-light .theme-toggle{color:var(--accent)}.header-container{align-items:center;box-sizing:border-box;color:var(--color-secondary);display:flex;font-size:30px;height:var(--header-height);justify-content:space-between;left:0;letter-spacing:2px;padding:0 20px;position:absolute;text-shadow:2px 2px 4px var(--shadow-main);text-transform:uppercase;top:var(--header-top-offset);width:100%;z-index:1000}.header-title{cursor:pointer}.header-tagline{font-size:16px;margin-top:5px;text-align:center}.header-actions{gap:10px}.header-credits{align-items:center;background:var(--background-secondary);border:1px solid var(--color-secondary);border-radius:20px;cursor:pointer;display:flex;gap:6px;height:40px;padding:6px 12px;transition:all var(--transition-short)}.header-credits:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.credits-icon{font-size:14px}.credits-amount{color:var(--color-secondary);font-size:14px;font-weight:600;min-width:20px;text-align:center}.header-button{align-items:center;background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--button-primary-text);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:8px;letter-spacing:1px;padding:10px 20px;text-shadow:none;text-transform:uppercase;transition:all var(--transition-short)}.header-button:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--button-primary-text);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.header-container .header-actions .header-avatar-button{align-items:center;background:transparent;border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding:0;transition:all var(--transition-short);width:44px}.header-container .header-actions .header-avatar-button:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-1px) scale(1.05);transform:translateY(-1px) scale(1.05)}.header-container .header-actions .header-avatar-button .header-user-avatar-only{border:none!important;border-radius:50%!important;box-shadow:none!important;display:block!important;height:100%!important;object-fit:cover!important;width:100%!important}.header-container .header-actions .header-button .header-user-avatar-desktop{border:1px solid var(--background-secondary)!important;border-radius:50%!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important;display:block!important;flex-shrink:0!important;height:24px!important;object-fit:cover!important;width:24px!important}.header-button-circle{align-items:center;background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:50%;color:var(--button-primary-text);cursor:pointer;display:flex;font-size:18px;font-weight:var(--font-weight-semibold);height:40px;justify-content:center;overflow:hidden;position:relative;text-shadow:none;text-transform:uppercase;transition:all var(--transition-short);width:40px}.header-button-circle:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--button-primary-text);-webkit-transform:scale(1.05);transform:scale(1.05)}.header-container .header-actions .header-button-circle .header-user-avatar-mobile{border:none!important;border-radius:50%!important;box-shadow:none!important;display:block!important;height:100%!important;left:0!important;object-fit:cover!important;position:absolute!important;top:0!important;width:100%!important}.header-how-to-play{align-items:center;background:var(--color-error);border:2px solid var(--color-error);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.header-how-to-play:hover{background:#d73027;background:var(--color-error-dark,#d73027);border-color:#d73027;border-color:var(--color-error-dark,#d73027);box-shadow:var(--shadow-md);-webkit-transform:scale(1.1);transform:scale(1.1)}.how-to-play-overlay{align-items:center;-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.how-to-play-content{-webkit-animation:slideInScale .3s ease-out;animation:slideInScale .3s ease-out;background:var(--background-secondary);border:1px solid var(--border-main);border-radius:16px;box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.how-to-play-header{align-items:center;border-bottom:1px solid var(--border-main);display:flex;justify-content:space-between;padding:20px 24px 16px}.how-to-play-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.how-to-play-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.how-to-play-close:hover{background:var(--background-hover);color:var(--text-primary)}.how-to-play-body{padding:20px 24px 24px}.how-to-play-rules{margin-bottom:24px}.how-to-play-rules h4{color:var(--color-primary);font-size:16px;font-weight:600;margin:0 0 16px}.how-to-play-rules ol{color:var(--text-primary);margin:0;padding-left:20px}.how-to-play-rules li{font-size:15px;line-height:1.5;margin-bottom:12px}.how-to-play-background h4{color:var(--color-primary);font-size:16px;font-weight:600;margin:0 0 12px}.how-to-play-background p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}@-webkit-keyframes slideInScale{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.9);transform:translateY(-20px) scale(.9)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes slideInScale{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.9);transform:translateY(-20px) scale(.9)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@media (max-width:768px){.header-tagline{display:none}}.public-header{background-color:var(--background-paper);box-shadow:0 2px 10px var(--shadow-light);height:auto;left:0;padding:15px 0;position:fixed;top:0;width:100%;z-index:1000}.public-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.logo-container{align-items:flex-start;display:flex;flex-direction:column;z-index:5}.logo{color:var(--color-secondary);font-size:30px;letter-spacing:2px;text-shadow:2px 2px 4px var(--shadow-main);text-transform:uppercase;transition:color var(--transition-short)}.logo,.logo:hover{text-decoration:none}.logo:hover{color:var(--color-secondary-light)}.tagline{color:var(--text-secondary);font-size:10px;letter-spacing:1px;text-transform:uppercase}.nav-links{display:flex;gap:30px;z-index:4}.nav-links a{color:var(--text-primary);font-size:14px;font-weight:500;letter-spacing:1px;padding:5px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color var(--transition-short);white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:var(--color-secondary)}.nav-links a.active:after{background-color:var(--color-secondary);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.header-actions{align-items:center;display:flex;gap:20px;z-index:5}.app-button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:700;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all var(--transition-short)}.app-button,.app-button:hover{color:var(--button-primary-text);text-decoration:none}.app-button:hover{background-color:var(--color-primary-light);box-shadow:0 4px 8px rgba(255,111,97,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.menu-toggle-container{display:none;position:relative}.mobile-menu-toggle{align-items:center;background:transparent;border:none;border-radius:var(--border-radius-full);color:var(--color-secondary);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-short);width:40px}.mobile-menu-toggle:before{background-color:var(--background-hover);border-radius:var(--border-radius-full);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-short);z-index:-1}.mobile-menu-toggle:hover:before{opacity:1}.mobile-menu-toggle:active:before{background-color:var(--background-active)}.theme-dark .mobile-menu-toggle,.theme-light .mobile-menu-toggle{color:var(--color-secondary)}@media (min-width:769px){.public-header-container{padding:0 30px}.nav-links{background:var(--background-paper);left:50%;padding:0 10px;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}.logo-container{margin-right:20px;min-width:160px}.header-actions{justify-content:flex-end;margin-left:20px;min-width:160px}@media (min-width:1200px){.nav-links{padding:0 20px}.header-actions,.logo-container{min-width:200px}}}@media (max-width:768px){.nav-links{display:none;position:static;-webkit-transform:none;transform:none;width:100%}.public-header{align-items:center;display:flex;justify-content:center}.public-header-container{display:flex;justify-content:space-between;max-width:100%;min-height:60px;padding:0;position:relative;width:100%}.menu-toggle-container{display:flex;left:15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}.logo-container{align-items:center;left:50%;pointer-events:auto;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;z-index:5}.tagline{display:none}.header-actions{display:flex;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}.public-header.menu-open .nav-links{background-color:var(--background-paper);box-shadow:0 4px 8px var(--shadow-light);display:flex;flex-direction:column;gap:15px;left:0;max-height:80vh;overflow-y:auto;padding:20px;position:absolute;top:100%;-webkit-transform:none;transform:none;width:100%;z-index:1001}}@media (max-width:480px){.menu-toggle-container{left:10px}.header-actions{gap:5px;right:10px}.logo{font-size:22px}.app-button{font-size:12px;padding:8px 12px}.public-header{padding:8px 0}}@-webkit-keyframes pulse{0%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes glow{0%{box-shadow:0 0 5px var(--color-secondary)}50%{box-shadow:0 0 20px var(--color-secondary),0 0 30px rgba(61,220,151,.5)}to{box-shadow:0 0 5px var(--color-secondary)}}@keyframes glow{0%{box-shadow:0 0 5px var(--color-secondary)}50%{box-shadow:0 0 20px var(--color-secondary),0 0 30px rgba(61,220,151,.5)}to{box-shadow:0 0 5px var(--color-secondary)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-secondary)}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-secondary)}}@-webkit-keyframes removeCursor{to{border-right-color:transparent}}@keyframes removeCursor{to{border-right-color:transparent}}@-webkit-keyframes brainGlow{0%{-webkit-filter:drop-shadow(0 0 5px rgba(255,111,97,.3)) brightness(1);filter:drop-shadow(0 0 5px rgba(255,111,97,.3)) brightness(1)}50%{-webkit-filter:drop-shadow(0 0 15px rgba(255,111,97,.6)) brightness(1.1);filter:drop-shadow(0 0 15px rgba(255,111,97,.6)) brightness(1.1)}to{-webkit-filter:drop-shadow(0 0 5px rgba(255,111,97,.3)) brightness(1);filter:drop-shadow(0 0 5px rgba(255,111,97,.3)) brightness(1)}}@keyframes brainGlow{0%{-webkit-filter:drop-shadow(0 0 5px rgba(255,111,97,.3)) brightness(1);filter:drop-shadow(0 0 5px rgba(255,111,97,.3)) brightness(1)}50%{-webkit-filter:drop-shadow(0 0 15px rgba(255,111,97,.6)) brightness(1.1);filter:drop-shadow(0 0 15px rgba(255,111,97,.6)) brightness(1.1)}to{-webkit-filter:drop-shadow(0 0 5px rgba(255,111,97,.3)) brightness(1);filter:drop-shadow(0 0 5px rgba(255,111,97,.3)) brightness(1)}}@-webkit-keyframes brainPulse{0%{-webkit-transform:scale(1) rotate(var(--rotation));transform:scale(1) rotate(var(--rotation))}50%{-webkit-transform:scale(1.05) rotate(var(--rotation));transform:scale(1.05) rotate(var(--rotation))}to{-webkit-transform:scale(1) rotate(var(--rotation));transform:scale(1) rotate(var(--rotation))}}@keyframes brainPulse{0%{-webkit-transform:scale(1) rotate(var(--rotation));transform:scale(1) rotate(var(--rotation))}50%{-webkit-transform:scale(1.05) rotate(var(--rotation));transform:scale(1.05) rotate(var(--rotation))}to{-webkit-transform:scale(1) rotate(var(--rotation));transform:scale(1) rotate(var(--rotation))}}.bouncing-brains-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.bouncing-brain{-webkit-animation:brainGlow 3s ease-in-out infinite;animation:brainGlow 3s ease-in-out infinite;-webkit-filter:drop-shadow(0 0 8px rgba(255,111,97,.4)) brightness(1.1);filter:drop-shadow(0 0 8px rgba(255,111,97,.4)) brightness(1.1);height:40px;object-fit:contain;opacity:.7;position:absolute;transition:opacity .3s ease;width:40px;will-change:transform,left,top}.bouncing-brain:hover{-webkit-animation-duration:1.5s;animation-duration:1.5s;opacity:.9}[data-theme=dark] .bouncing-brain{-webkit-animation:brainGlow 3s ease-in-out infinite;animation:brainGlow 3s ease-in-out infinite;-webkit-filter:drop-shadow(0 0 10px rgba(61,220,151,.5)) brightness(1.2);filter:drop-shadow(0 0 10px rgba(61,220,151,.5)) brightness(1.2);opacity:.6}[data-theme=dark] .bouncing-brain:hover{opacity:.8}.landing-page>section{z-index:10}.hero-section{position:relative;z-index:10}:root{--landing-bg-light:var(--background-primary,#fff);--landing-bg-dark:var(--background-primary,#111827);--landing-primary-rgb:255,111,97;--landing-secondary-rgb:61,220,151;--landing-dot-color-light:var(--text-secondary,#4b5563);--landing-dot-color-dark:var(--text-secondary,#9ca3af)}.landing-page{background-color:#fff;background-color:var(--landing-bg-light);background-image:linear-gradient(to bottom right,hsla(0,0%,100%,.8),rgba(61,220,151,.05),hsla(0,0%,100%,.8));background-size:400% 400%;color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-relaxed);max-width:100%;overflow-x:hidden;overflow-y:auto;position:relative}.landing-page,[data-theme=dark] .landing-page{-webkit-animation:gradientFlow 30s ease infinite;animation:gradientFlow 30s ease infinite}[data-theme=dark] .landing-page{background-color:#111827;background-color:var(--landing-bg-dark);background-image:linear-gradient(to bottom right,rgba(17,24,39,.8),rgba(61,220,151,.05),rgba(17,24,39,.8))}.main-logo{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;-webkit-filter:drop-shadow(0 4px 6px var(--shadow-main));filter:drop-shadow(0 4px 6px var(--shadow-main));height:auto;margin-bottom:var(--spacing-md);width:200px}.landing-page>section{background:transparent;padding:100px 20px;position:relative;text-align:center;z-index:1}.coming-soon-section h2,.cta-section h2,.features-section h2,.how-it-works-section h2{color:var(--color-secondary);display:inline-block;font-size:3rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);opacity:0;position:relative;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity var(--transition-medium),-webkit-transform var(--transition-medium);transition:transform var(--transition-medium),opacity var(--transition-medium);transition:transform var(--transition-medium),opacity var(--transition-medium),-webkit-transform var(--transition-medium)}.coming-soon-section.visible h2,.cta-section.visible h2,.features-section.visible h2,.how-it-works-section.visible h2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;overflow:hidden;padding:120px 20px}.hero-section:after{background:linear-gradient(to bottom,rgba(0,0,0,.3),var(--background-primary));bottom:-50px;content:"";height:50px;left:0;position:absolute;width:100%;z-index:1}[data-theme=dark] .hero-section:after{background:linear-gradient(to bottom,rgba(0,0,0,.8),var(--background-primary))}.hero-content{align-items:center;-webkit-animation:fadeInUp 1.5s ease forwards;animation:fadeInUp 1.5s ease forwards;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:860px;opacity:0;padding:20px;position:relative;z-index:2}.hero-section h1{color:var(--color-secondary);display:block;font-size:4rem;font-weight:var(--font-weight-bold);letter-spacing:2px;margin-bottom:var(--spacing-md);position:relative;text-align:center;text-shadow:2px 2px 4px var(--shadow-main);text-transform:uppercase;width:100%}.hero-section h1:after,.hero-section h1:before{-webkit-animation:pulse 4s infinite;animation:pulse 4s infinite;background:linear-gradient(90deg,transparent,var(--color-secondary),transparent);content:"";height:3px;left:10%;position:absolute;width:80%}.hero-section h1:before{top:-15px}.hero-section h1:after{bottom:-15px}.hero-subtitle{color:var(--text-secondary);display:block;font-size:1.5rem;margin-bottom:var(--spacing-xl);max-width:100%;text-align:center;width:100%}.hero-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.primary-button,.secondary-button{align-items:center;border:none;border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;font-weight:var(--font-weight-medium);height:45px;justify-content:center;letter-spacing:1px;line-height:1;margin:0;min-width:150px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all var(--transition-short);vertical-align:middle;z-index:1}.primary-button{background-color:var(--button-primary)!important;color:var(--button-primary-text)!important}.secondary-button{box-shadow:inset 0 0 0 2px var(--color-secondary);color:var(--button-secondary-text)}.primary-button:hover,.secondary-button:hover{text-decoration:none;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.primary-button:hover{background-color:var(--button-primary-hover)!important;box-shadow:0 10px 20px rgba(255,111,97,.3);box-shadow:0 10px 20px rgba(var(--landing-primary-rgb),.3);color:var(--button-primary-text-hover)!important}.secondary-button:hover{background-color:var(--color-secondary-light);box-shadow:inset 0 0 0 2px var(--color-secondary),0 10px 20px var(--shadow-light);color:var(--button-secondary-text)}.secondary-button.install-button{background-color:rgba(61,220,151,.1);border:2px solid var(--color-secondary);color:var(--color-secondary);font-weight:600}.secondary-button.install-button:hover{background-color:var(--color-secondary);box-shadow:0 8px 20px rgba(61,220,151,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.hero-actions{flex-direction:column;gap:12px}}.features-section{background-color:var(--background-primary)}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.coming-soon-feature,.feature-card,.step{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 20px var(--shadow-light);opacity:0;overflow:hidden;padding:var(--spacing-lg);position:relative;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all var(--transition-medium)}.coming-soon-feature.visible,.feature-card.visible,.step.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.coming-soon-feature:hover,.feature-card:hover,.step:hover{box-shadow:0 15px 30px var(--shadow-main);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.feature-card:before{background:linear-gradient(135deg,rgba(61,220,151,.1),rgba(61,220,151,0));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-medium);width:100%;z-index:-1}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;background:var(--background-primary);border-radius:50%;color:var(--color-secondary);display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto var(--spacing-md);width:80px}.feature-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.how-it-works-section{background-color:var(--background-secondary)}.steps-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;position:relative}.step:nth-child(2).visible{transition-delay:.2s}.step:nth-child(3).visible{transition-delay:.4s}.step:nth-child(4).visible{transition-delay:.6s}.steps-container:before{background:linear-gradient(90deg,transparent 0,var(--color-secondary) 10%,var(--color-secondary) 90%,transparent 100%);content:"";height:2px;left:0;opacity:.3;position:absolute;top:20%;width:100%;z-index:0}.step-number{align-items:center;background-color:var(--color-secondary);border-radius:50%;box-shadow:0 5px 15px rgba(61,220,151,.5);color:#fff;display:flex;font-size:1.5rem;font-weight:var(--font-weight-bold);height:50px;justify-content:center;margin:0 auto var(--spacing-md);position:relative;width:50px;z-index:1}.step h3{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.step p{color:var(--text-secondary)}.coming-soon-section{background-color:var(--background-primary)}.coming-soon-features{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin:0 auto;max-width:1200px}.coming-soon-feature{padding:var(--spacing-lg);width:300px}.coming-soon-feature:nth-child(2).visible{transition-delay:.2s}.coming-soon-feature:nth-child(3).visible{transition-delay:.4s}.coming-soon-feature:after{background:linear-gradient(90deg,var(--color-secondary) 0,rgba(61,220,151,.5) 50%,var(--color-secondary) 100%);bottom:0;content:"";height:3px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform var(--transition-medium);transition:transform var(--transition-medium);transition:transform var(--transition-medium),-webkit-transform var(--transition-medium);width:100%}.coming-soon-feature:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.feature-badge{background-color:var(--color-secondary);border-radius:var(--border-radius-full);color:#fff;display:inline-block;font-size:.8rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);position:relative}.feature-badge:before{background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,0) 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;-webkit-transform:scale(0);transform:scale(0);transition:opacity var(--transition-short),-webkit-transform var(--transition-short);transition:transform var(--transition-short),opacity var(--transition-short);transition:transform var(--transition-short),opacity var(--transition-short),-webkit-transform var(--transition-short);width:200%}.coming-soon-feature:hover .feature-badge:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.coming-soon-feature p{color:var(--text-secondary);font-size:1.1rem}.cta-section{background-color:var(--background-secondary);padding-bottom:100px}.cta-section p{color:var(--text-secondary);font-size:1.2rem;margin:0 auto var(--spacing-xl);max-width:600px;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity var(--transition-medium),-webkit-transform var(--transition-medium);transition:transform var(--transition-medium),opacity var(--transition-medium);transition:transform var(--transition-medium),opacity var(--transition-medium),-webkit-transform var(--transition-medium);transition-delay:.2s}.cta-section.visible p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.landing-cta-button{align-items:center;background-color:var(--button-primary)!important;border:none;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--button-primary-text)!important;display:inline-flex;font-weight:var(--font-weight-medium);height:45px;justify-content:center;letter-spacing:1px;line-height:1;margin:0 auto;max-width:200px;min-width:150px;opacity:0;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all var(--transition-medium);transition-delay:.4s;vertical-align:middle;z-index:1}.cta-section.visible .landing-cta-button{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.landing-cta-button:hover{background-color:var(--button-primary-hover)!important;box-shadow:0 10px 20px rgba(255,111,97,.3);box-shadow:0 10px 20px rgba(var(--landing-primary-rgb),.3);color:var(--button-primary-text-hover)!important;text-decoration:none;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.animate-on-scroll{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity var(--transition-medium),-webkit-transform var(--transition-medium);transition:opacity var(--transition-medium),transform var(--transition-medium);transition:opacity var(--transition-medium),transform var(--transition-medium),-webkit-transform var(--transition-medium)}.animate-on-scroll.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.hero-section h1{font-size:3rem}.hero-subtitle{font-size:1.2rem}.main-logo{width:180px}.features-grid,.steps-container{grid-template-columns:1fr}.landing-cta-button,.primary-button,.secondary-button{height:42px;width:140px}.landing-cta-button{max-width:none;min-width:0;min-width:auto}.landing-page>section{padding:60px 15px}.cta-section{margin-bottom:80px;padding-bottom:60px}}@media (max-width:480px){.hero-section h1{font-size:2.5rem}.hero-subtitle{font-size:1rem}.main-logo{width:160px}.coming-soon-section h2,.cta-section h2,.features-section h2,.how-it-works-section h2{font-size:2rem}.landing-page>section{padding:40px 12px}.coming-soon-feature,.feature-card,.step{padding:var(--spacing-md)}.hero-section{min-height:70vh;padding:80px 15px}.landing-cta-button,.primary-button,.secondary-button{font-size:.9rem;height:38px;padding:var(--spacing-xs) var(--spacing-sm);width:120px}.landing-cta-button{max-width:none;min-width:0;min-width:auto}.cta-section{margin-bottom:100px;padding-bottom:80px}}.modal-overlay{z-index:2001}.form-group{text-align:left}.form-group input{box-sizing:border-box}.form-group input:focus{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.form-actions{display:flex;flex-direction:column;gap:15px}.loading-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1001}.loading-overlay p{color:var(--text-primary);margin-top:15px}@media (max-width:480px){.email-signup-modal,.verification-message-container{margin:10px;padding:20px}.pricing-header h2{font-size:1.5rem}.captcha-wrapper{-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:center;transform-origin:center}}.loading-overlay{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;background-color:rgba(0,0,0,.5);height:100%;width:100%;z-index:1000}.loading-message{color:var(--text-primary);font-size:16px;margin-top:16px}.auth-loading{align-items:center;background-color:initial;display:flex;flex-direction:column;padding:40px;text-align:center}.auth-loading p{color:var(--text-primary);margin-top:16px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-screen{align-items:center;background-color:var(--background-primary);color:var(--text-primary);display:flex;justify-content:center;min-height:100vh;padding:80px 20px 20px}.auth-container{border-radius:var(--border-radius-lg);box-shadow:0 8px 30px var(--shadow-main);margin-top:20px;max-width:500px}.auth-container,.auth-loading-card{background-color:var(--background-secondary);display:flex;overflow:hidden;position:relative;width:100%}.auth-loading-card{border-radius:8px;border-radius:var(--border-radius-lg,8px);box-shadow:0 8px 30px rgba(0,0,0,.1);box-shadow:0 8px 30px var(--shadow-main,rgba(0,0,0,.1));flex-direction:column;margin:0 auto}.auth-content{display:flex;flex-direction:column;justify-content:center;padding:40px;width:100%}.auth-image{display:none}@media (max-width:768px){.auth-container{min-height:auto}.auth-content{padding:30px 20px}.auth-form h2{font-size:1.5rem}.form-actions{margin-top:20px}.form-group label{font-size:.85rem}.form-group input{padding:10px 12px}}.loading-overlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.loading-overlay p{font-size:1.2rem;margin-top:20px}.auth-form{width:100%}.auth-form h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:10px;text-align:center}.form-subtitle{color:var(--text-secondary);margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:8px;text-align:left}.form-group input{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(218,0,0,.2);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2);outline:none}.password-input-container{position:relative}.form-actions{margin-top:30px}.primary-button,.secondary-button,.text-button{cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-medium);transition:all .2s ease}.primary-button{align-items:center;background-color:var(--accent);border:none;border-radius:var(--border-radius-md);color:#fff;display:flex;font-size:1rem;justify-content:center;padding:12px 20px;width:100%}.primary-button:hover{background-color:var(--accent-hover);box-shadow:0 5px 15px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.secondary-button{align-items:center;background-color:initial;border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);display:flex;font-size:1rem;justify-content:center;padding:12px 20px;width:100%}.secondary-button:hover{background-color:rgba(218,0,0,.1);background-color:rgba(var(--accent-rgb),.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.text-button{background:none;border:none;color:var(--accent);font-size:.9rem;padding:0;text-decoration:underline}.text-button:hover{color:var(--accent-hover)}.auth-error{font-size:.9rem;padding:10px 15px}.auth-error,.auth-error-with-action{background-color:rgba(244,67,54,.1);background-color:rgba(var(--error-rgb),.1);border:1px solid rgba(244,67,54,.2);border:1px solid rgba(var(--error-rgb),.2);border-radius:var(--border-radius-md);color:var(--feedback-error);color:var(--error);margin-bottom:20px}.auth-error-with-action{display:flex;flex-direction:column;gap:10px;padding:15px;text-align:center}.auth-error-with-action p{font-size:.9rem;margin:0}.password-reset-success{padding:20px;text-align:center}.success-icon{color:var(--feedback-success);color:var(--success);margin-bottom:20px}.password-reset-success p{color:var(--text-secondary);margin-bottom:25px}.auth-form-footer{display:flex;flex-direction:column;gap:15px;margin-top:30px;text-align:center}.terms-agreement{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.terms-agreement a{color:var(--accent);margin:0 3px;text-decoration:none}.terms-agreement a:hover{text-decoration:underline}.captcha-wrapper{align-items:center;flex-direction:column;margin:15px 0 25px}.g-recaptcha{display:inline-block;-webkit-transform-origin:center;transform-origin:center}.captcha-error{color:var(--feedback-error);color:var(--error);font-size:.85rem;margin-top:10px;text-align:center}:root{--error-rgb:var(--error-rgb,244,67,54);--accent-rgb:var(--accent-rgb,218,0,0);--success:var(--success,var(--feedback-success));--error:var(--error,var(--feedback-error))}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.email-signup-modal{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px var(--shadow-main);max-height:90vh;max-width:450px;overflow-y:auto;padding:30px;position:relative;width:100%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:5px;position:absolute;right:20px;top:15px;transition:background-color .2s ease;width:30px}.modal-close:hover{background-color:var(--background-hover);color:var(--text-primary)}.email-signup-form{text-align:center}.email-signup-form h3{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:10px}.email-signup-form p{color:var(--text-secondary);margin-bottom:25px}.email-signup-form .form-group{margin-bottom:20px;text-align:left}.email-signup-form input{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:12px 15px;width:100%}.email-signup-form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(218,0,0,.2);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2);outline:none}.email-error,.input-error{color:var(--feedback-error);color:var(--error);font-size:.9rem;margin-top:8px;text-align:left}.email-error-with-action{display:flex;flex-direction:column;gap:10px;margin-top:8px}.email-error-with-action p{margin:0;text-align:center}.email-error-with-action p,.error-action-btn{color:var(--feedback-error);color:var(--error);font-size:.9rem}.error-action-btn{align-self:center;background-color:initial;border:1px solid var(--error);border-radius:var(--border-radius-md);cursor:pointer;font-weight:var(--font-weight-medium);padding:8px 15px;transition:all .2s ease}.error-action-btn:hover{background-color:rgba(244,67,54,.1);background-color:rgba(var(--error-rgb),.1)}.captcha-wrapper{display:flex;justify-content:center;margin:20px 0;min-height:78px}.email-signup-form .form-actions{display:flex;flex-direction:column;gap:15px}.verification-message-container{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px var(--shadow-main);max-width:500px;padding:30px;width:100%}.verification-message{text-align:center}.verification-icon{color:var(--feedback-success);margin-bottom:20px}.verification-message h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px}.verification-message p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:20px}.verification-actions{display:flex;gap:15px;justify-content:center}@media (max-width:768px){.verification-actions{flex-direction:column;gap:10px}.verification-actions button{width:100%}}@media (max-width:480px){.email-signup-modal,.verification-message-container{margin:10px;padding:20px}.captcha-wrapper{-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:center;transform-origin:center}}.app-layout{background-color:var(--background-primary);color:var(--text-primary);min-height:100vh;padding-top:var(--header-total-height)}.app-layout-content{display:flex;flex-direction:column;height:100%;width:100%}
/*# sourceMappingURL=main.1b8803b7.css.map*/