@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.description{margin:var(--spacing-xl) 0}.game-form{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;flex-direction:column;margin:var(--spacing-xl) auto 100px;max-width:600px;padding:var(--spacing-xl)}.form-content,.game-form{color:var(--text-primary)}.role-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.role-row{align-items:center;gap:var(--spacing-sm)}.role-inputs-container{display:flex;flex-direction:row;flex-grow:1;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.role-inputs-container input{margin:0}.number-input{color:var(--text-primary);margin-left:auto;margin-right:var(--spacing-md);text-align:center;width:60px}.number-input-container{align-items:center;display:flex;gap:var(--spacing-sm)}.label{color:var(--text-primary);font-size:var(--font-size-sm);margin-left:var(--spacing-md);margin-right:var(--spacing-xs);min-width:150px;text-align:left}.floating-submit-button{background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);color:var(--color-white);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xl);overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:fixed;transition:all var(--transition-fast);z-index:1000}.floating-submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.floating-submit-button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 8px 25px -8px #007bff66;transform:translateX(-50%) translateY(-3px)}.floating-submit-button:hover:before{left:100%}.floating-submit-button:active{transform:translateX(-50%) translateY(-1px)}.floating-submit-button:disabled{box-shadow:var(--shadow-md);cursor:not-allowed;opacity:.6}.floating-submit-button:disabled,.floating-submit-button:disabled:hover{background-color:var(--color-gray-400);border-color:var(--color-gray-400);transform:translateX(-50%)}.floating-submit-button:disabled:before{display:none}.table-cell{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm);text-align:left;vertical-align:top}.section{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-md)}.label-correct{color:var(--color-success)}.label-correct,.label-implausible{font-weight:var(--font-weight-bold)}.label-implausible{color:var(--color-warning)}.label-illogical{color:var(--color-danger);font-weight:var(--font-weight-bold)}.label-button{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:all var(--transition-fast)}.label-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.label-button:hover{background-color:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.label-button:hover:before{left:100%}.label-button:active{transform:translateY(0)}.label-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.label-button:disabled:before{display:none}.label-button-correct{background-color:var(--color-success);border-color:var(--color-success);box-shadow:var(--shadow-md);color:var(--color-white)}.label-button-correct:hover{background-color:#218838;border-color:#218838;box-shadow:var(--shadow-lg)}.label-button-implausible{background-color:var(--color-warning);border-color:var(--color-warning);box-shadow:var(--shadow-md);color:var(--color-white)}.label-button-implausible:hover{background-color:#e0a800;border-color:#e0a800;box-shadow:var(--shadow-lg)}.label-button-illogical{background-color:var(--color-danger);border-color:var(--color-danger);box-shadow:var(--shadow-md);color:var(--color-white)}.label-button-illogical:hover{background-color:#c82333;border-color:#c82333;box-shadow:var(--shadow-lg)}.game-state{margin-bottom:var(--spacing-xs)}.player-list{padding-left:0}.player-item{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}.remove-player-button{background-color:var(--color-danger);border:2px solid var(--color-danger);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-left:var(--spacing-sm);overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:all var(--transition-fast)}.remove-player-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.remove-player-button:hover{background-color:#c82333;border-color:#c82333;box-shadow:var(--shadow-md);transform:translateY(-1px)}.remove-player-button:hover:before{left:100%}.remove-player-button:active{transform:translateY(0)}.remove-player-button:disabled{background-color:var(--color-gray-400);border-color:var(--color-gray-400);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.remove-player-button:disabled:before{display:none}.resource-category-options{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.resource-category-option{align-items:center;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);justify-content:center;min-height:60px;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast)}.resource-category-option:hover{background-color:var(--bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.resource-category-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.resource-category-option input[type=radio]:checked+span{color:var(--color-white)}.resource-category-option input[type=radio]:checked+*,.resource-category-option input[type=radio]:checked~*,.resource-category-option:has(input[type=radio]:checked){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.resource-category-option.checked{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-white)}.resource-category-option.checked span{color:var(--color-white)}.resource-category-option input[type=radio]:disabled+span{opacity:.6}.resource-category-option.disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.resource-category-option.disabled:hover{background-color:var(--bg-tertiary);border-color:var(--border-color);box-shadow:none;transform:none}.resource-category-option:before{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;content:"";height:12px;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);transition:all var(--transition-fast);width:12px}.resource-category-option.checked:before{background-color:var(--color-white);border-color:var(--color-white);box-shadow:inset 0 0 0 3px var(--color-primary)}.resource-category-option.disabled:before{opacity:.5}@media (max-width:480px){.resource-category-options{gap:var(--spacing-sm);grid-template-columns:1fr}.resource-category-option{min-height:50px;padding:var(--spacing-sm)}}.role-section{margin-bottom:var(--spacing-xl)}.custom-categories{border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.custom-category-row{align-items:center;display:flex;margin-bottom:var(--spacing-xs)}.custom-category-input{flex-grow:1;margin-right:var(--spacing-sm)}.game-settings{background-color:var(--bg-tertiary);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.game-settings h3{margin-top:0}.game-settings p{color:var(--text-primary);margin:var(--spacing-xs) 0 var(--spacing-sm) 0;white-space:pre-wrap}.game-settings strong{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.submissions-section{margin-top:var(--spacing-xl)}.submissions-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.no-submissions{color:var(--text-secondary);font-style:italic;padding:var(--spacing-lg);text-align:center}.submissions-container{overflow-x:auto;width:100%}.submissions-table{background-color:var(--bg-secondary);border-collapse:collapse;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-top:var(--spacing-sm);overflow:hidden;width:100%}.submissions-table th{background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:var(--font-weight-semibold);padding:var(--spacing-md);text-align:left}.submissions-table td{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);vertical-align:top}.submissions-table tr:last-child td{border-bottom:none}.submissions-table tr:hover{background-color:var(--bg-tertiary)}.game-state-section{margin-bottom:var(--spacing-xl)}.game-state{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.game-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.game-controls .button{flex:1 1;min-width:200px}.game-settings{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.game-settings h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.settings-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);text-align:left}.setting-item{align-items:center;display:flex;padding:var(--spacing-sm) 0}.setting-label{color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-right:var(--spacing-md);min-width:180px}.setting-value{color:var(--text-primary);flex:1 1}.player-section{margin-top:var(--spacing-xl)}.player-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.game-id-container{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.game-id-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.game-id{background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:monospace;font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm)}.loading-indicator,.no-players{color:var(--text-secondary);font-style:italic;text-align:center}.no-players{padding:var(--spacing-lg)}.player-list,.player-list-container{width:100%}.player-item{background-color:var(--bg-primary);border:none;padding:var(--spacing-md)}.player-name{flex:1 1}.qr-code-section{margin-top:var(--spacing-lg)}.qr-code-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.join-url{color:var(--text-secondary);font-size:var(--font-size-sm);max-width:100%;padding:var(--spacing-sm);word-break:break-all}.category-selection,.join-url{background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm)}.category-selection{border:1px solid var(--border-color);min-width:250px;padding:var(--spacing-md)}.category-selection-header{color:var(--text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.category-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.category-option input[type=checkbox]{margin:0}.category-selection-buttons{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.label-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.info-message{background-color:#2196f31a;border:1px solid #2196f34d;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.info-message p{color:#1976d2;font-size:var(--font-size-sm);line-height:1.4;margin:0}:root{--color-primary:#007bff;--color-primary-dark:#0056b3;--color-primary-light:#cce0ff;--color-secondary:#6c757d;--color-secondary-light:#b8c3cd;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-white:#fff;--color-black:#000;--color-gray-100:#f8f9fa;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#adb5bd;--color-gray-600:#6c757d;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#212529;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#495057;--text-muted:#6c757d;--text-light:#adb5bd;--border-color:#dee2e6;--border-color-dark:#ced4da;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--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-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 1px 2px 0 #0000001a;--shadow-md:0 4px 6px -1px #00000026;--shadow-lg:0 10px 15px -3px #0003;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--container-max-width:800px;--container-padding:var(--spacing-md)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.btn{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:inline-block;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.btn:hover{opacity:.9}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.form-label{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.form-control,.form-label{color:var(--text-primary);display:block}.form-control{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);line-height:1.5;padding:var(--spacing-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem #007bff40;outline:0}.alert{border:1px solid #0000;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:var(--color-success)}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:var(--color-danger)}.alert-warning{background-color:#fff3cd;border-color:#ffeeba;color:var(--color-warning)}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:var(--color-info)}.container{margin:0 auto;max-width:var(--container-max-width);padding:var(--container-padding)}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.section{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.button,.section-title{color:var(--text-primary)}.button{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-width:100px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:center;text-decoration:none;transition:all var(--transition-fast)}.button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.button:hover{background-color:var(--bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.button:hover:before{left:100%}.button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.6}.button:disabled,.button:disabled:hover{background-color:var(--bg-tertiary);box-shadow:none;transform:none}.button:disabled:hover{border-color:var(--border-color)}.button:disabled:before{display:none}.button-primary{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-white)}.button-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-lg)}.button-primary:disabled{background-color:var(--color-gray-400);border-color:var(--color-gray-400);color:var(--color-white)}.button-danger{background-color:var(--color-danger);border-color:var(--color-danger);box-shadow:var(--shadow-md);color:var(--color-white)}.button-danger:hover{background-color:#c82333;border-color:#c82333;box-shadow:var(--shadow-lg)}.button-danger:disabled{background-color:var(--color-gray-400);border-color:var(--color-gray-400);color:var(--color-white)}.button-success{background-color:var(--color-success);border-color:var(--color-success);box-shadow:var(--shadow-md);color:var(--color-white)}.button-success:hover{background-color:#218838;border-color:#218838;box-shadow:var(--shadow-lg)}.button-success:disabled{background-color:var(--color-gray-400);border-color:var(--color-gray-400);color:var(--color-white)}.input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--text-primary);display:block;font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #cce0ff;box-shadow:0 0 0 2px var(--color-primary-light,#cce0ff);outline:none}.error{color:var(--color-danger)}.error,.success{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs)}.success{color:var(--color-success)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);resize:vertical;width:100%}.textarea:disabled{cursor:not-allowed}.textarea:disabled,body{background-color:var(--bg-secondary)}body{color:var(--text-primary);font-family:Poppins,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}body:before{content:"";opacity:.2;z-index:-2}.overlay,body:before{height:100%;left:0;position:fixed;top:0;width:100%}.overlay{background-color:#000000d9;z-index:-1}.login-container{align-items:center;background-color:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.login-shape{animation:morphing 4s ease-in-out infinite;border-radius:50%;filter:blur(2px);height:400px;mix-blend-mode:screen;position:absolute;width:400px}.login-shape-primary{animation:morphFirst 20s ease-in-out infinite;background:linear-gradient(var(--color-primary-light),var(--color-primary));left:-200px;top:20%}.login-shape-secondary{animation:morphLast 20s ease-in-out infinite;background:linear-gradient(var(--color-secondary-light),var(--color-secondary));right:-200px;top:60%}.login-form{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);padding:var(--spacing-xl);position:relative;width:400px;z-index:1}.login-form h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);text-align:center}.login-form label{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.login-form input,.login-form label{color:var(--text-primary);display:block;font-size:var(--font-size-md)}.login-form input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.login-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #cce0ff;box-shadow:0 0 0 2px var(--color-primary-light,#cce0ff);outline:none}.login-form input::placeholder{color:var(--text-secondary)}.login-button{background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xl);overflow:hidden;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.login-button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(0)}.login-button:disabled{box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.6}.login-button:disabled,.login-button:disabled:hover{background-color:var(--color-gray-400);border-color:var(--color-gray-400);transform:none}.login-button:disabled:before{display:none}.signup-button{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-md);overflow:hidden;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast);width:100%}.signup-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.signup-button:hover{background-color:var(--bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.signup-button:hover:before{left:100%}.signup-button:active{transform:translateY(0)}.signup-button:disabled{background-color:var(--bg-tertiary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.signup-button:disabled:hover{background-color:var(--bg-tertiary);border-color:var(--border-color);transform:none}.signup-button:disabled:before{display:none}.join-game-container{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.join-game-container p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.join-game-button{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.join-game-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.join-game-button:hover{background-color:var(--bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.join-game-button:hover:before{left:100%}.join-game-button:active{transform:translateY(0)}.join-game-button:disabled{background-color:var(--bg-tertiary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.join-game-button:disabled:hover{background-color:var(--bg-tertiary);border-color:var(--border-color);transform:none}.join-game-button:disabled:before{display:none}.error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);text-align:center}.social{display:flex;margin-top:30px}.social div{background:red;background-color:#ffffff45;border-radius:3px;color:#eaf0fb;padding:5px 10px 10px 5px;text-align:center;width:150px}.social div:hover{background-color:#ffffff78}.social .fb{margin-left:25px}.social i{margin-right:4px}@keyframes morphFirst{0%{border-radius:50%;opacity:.8;transform:translate(0) scale(1) rotate(0deg)}50%{border-radius:40% 60% 60% 40%;opacity:.9;transform:translate(100px,300px) scale(1.4) rotate(180deg)}to{border-radius:50%;opacity:.8;transform:translate(0) scale(1) rotate(1turn)}}@keyframes morphLast{0%{border-radius:50%;opacity:.8;transform:translate(0) scale(1) rotate(0deg)}50%{border-radius:60% 40% 30% 70%;opacity:.9;transform:translate(-100px,-300px) scale(1.4) rotate(-180deg)}to{border-radius:50%;opacity:.8;transform:translate(0) scale(1) rotate(-1turn)}}@keyframes morphing{0%{border-radius:50%;transform:rotate(0deg) scale(1)}50%{border-radius:40% 60% 60% 40%;transform:rotate(180deg) scale(1.2)}to{border-radius:50%;transform:rotate(1turn) scale(1)}}@media screen and (max-width:480px){.login-form{padding:var(--spacing-lg);width:90%}.login-form h3{font-size:var(--font-size-xl)}.login-shape{height:300px;width:300px}.login-shape-primary{left:-150px}.login-shape-secondary{right:-150px}}@media screen and (max-width:375px){.login-form{padding:var(--spacing-md)}.login-form h3{font-size:var(--font-size-lg)}.login-button,.signup-button{font-size:var(--font-size-md);padding:var(--spacing-sm)}}@media screen and (max-height:812px) and (max-width:480px){.login-form{max-height:80vh;overflow-y:auto;top:50%}}@media screen and (max-height:480px){.login-form{left:0;margin:20px auto;max-height:none;position:relative;top:0;transform:none}}@supports (-webkit-touch-callout:none){.login-form{padding-bottom:25px;padding-top:25px}.login-form input{-webkit-appearance:none;border-radius:3px}}.game-display{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);margin:0 auto;max-width:800px;padding:var(--spacing-md)}.game-header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.game-header,.game-header h2{align-items:center;display:flex}.game-header h2{color:var(--text-primary);gap:var(--spacing-sm);margin:0}.timer-display{background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.share-icons{display:flex;gap:var(--spacing-sm)}.icon-button{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;overflow:hidden;padding:var(--spacing-sm);position:relative;transition:all var(--transition-fast)}.icon-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.icon-button:hover{background-color:var(--bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-1px)}.icon-button:hover:before{left:100%}.icon-button:active{transform:translateY(0)}.qr-container{align-items:center;border-radius:var(--border-radius-md);display:flex;flex-direction:column;margin:var(--spacing-md) 0;padding:var(--spacing-md)}.close-button,.qr-container{background-color:var(--bg-secondary)}.close-button{border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.close-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.close-button:hover{background-color:var(--bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.close-button:hover:before{left:100%}.close-button:active{transform:translateY(0)}.game-section{margin-bottom:var(--spacing-lg)}.game-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.game-content{color:var(--text-primary);white-space:pre-wrap}.game-content,.qualified-section{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.qualified-section{margin:var(--spacing-md) 0}.qualified-title{color:var(--text-primary);margin-bottom:var(--spacing-md)}.qualified-list{list-style:none;margin:0;padding:0}.qualified-item{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm)}.qualified-item:last-child{border-bottom:none}.qualified-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.qualified-text{flex:1 1;font-size:.95rem;line-height:1.4}.qualified-meta{color:var(--text-secondary);font-size:.8rem;font-style:italic;opacity:.7}.list-item{align-items:center;color:var(--text-primary);display:flex;margin-bottom:var(--spacing-sm)}.label{color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:200px}.value{color:var(--text-primary)}.player-list{list-style:none;margin:0;padding:0}.player-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.player-item:last-child{border-bottom:none}.player-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.player-role{color:var(--text-secondary);font-size:var(--font-size-sm)}.game-status{border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.status-active{background-color:#d4edda;color:#155724}.status-completed{background-color:#cce5ff;color:#004085}.status-cancelled{background-color:#f8d7da;color:#721c24}.disconnect-btn{background-color:var(--color-danger);border:2px solid var(--color-danger);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;font-weight:var(--font-weight-medium);margin-right:var(--spacing-md);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-fast);width:100%}.disconnect-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.disconnect-btn:hover{background-color:#c82333;border-color:#c82333;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.disconnect-btn:hover:before{left:100%}.disconnect-btn:active{transform:translateY(0)}.home-container{margin:0 auto;max-width:var(--container-max-width);padding-bottom:var(--spacing-lg);text-align:center}.home-container h1{margin-bottom:var(--spacing-md)}.actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.test-link{background-color:var(--color-success);border:2px solid var(--color-success);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--color-white);display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-fast)}.test-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.test-link:hover{background-color:#218838;border-color:#218838;box-shadow:var(--shadow-lg);opacity:1;transform:translateY(-2px)}.test-link:hover:before{left:100%}.test-link:active{transform:translateY(0)}.home-container button{background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.home-container button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.home-container button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);opacity:1;transform:translateY(-2px)}.home-container button:hover:before{left:100%}.home-container button:active{transform:translateY(0)}.loading{font-size:var(--font-size-lg);margin-top:var(--spacing-xl);text-align:center}.feedback-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);margin:0 auto;margin-bottom:var(--spacing-md);max-width:800px;padding:var(--spacing-md)}.feedback-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.feedback-header h2{color:var(--text-primary);margin:0}.feedback-header p{color:var(--text-secondary);margin:var(--spacing-xs) 0 0}.feedback-section{margin-bottom:var(--spacing-lg)}.feedback-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.feedback-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.submit-button{align-self:flex-start;font-size:var(--font-size-md)}.success-message{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.loading{color:var(--text-secondary);font-style:italic}.resources-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.resource-item{align-items:center;background-color:#fffc;border:1px solid #ffffff80;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);transition:all var(--transition-fast)}.resource-item:last-child{margin-bottom:0}.resource-name{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.resource-values{align-items:center;display:flex;gap:var(--spacing-xs)}.resource-remaining{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);min-width:30px;text-align:right}.resource-separator{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.resource-total{color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:30px;text-align:left}.overspent{animation:pulse 2s infinite;background-color:#f443361a;border-radius:var(--border-radius-sm);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs);padding:2px 6px}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.resource-remaining.negative{animation:shake .5s ease-in-out;color:var(--color-error)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.submission-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.submission-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.submission-card.disabled{opacity:.7;pointer-events:none}.submission-text{color:var(--text-primary);font-size:var(--font-size-lg);line-height:1.5;margin-bottom:var(--spacing-md);white-space:pre-wrap}.categories-container{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.category-input-group{align-items:center;display:flex;gap:var(--spacing-xs)}.category-input-group label{color:var(--text-primary);font-weight:var(--font-weight-medium);min-width:80px}.category-input-group input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);padding:var(--spacing-xs);text-align:center;width:80px}.category-input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);outline:none}.game-page{margin:0 auto;max-width:1200px;padding:var(--spacing-md)}.login-form h2{color:var(--text-primary)}.login-form h2,.role-info-box{margin-bottom:var(--spacing-md)}.role-info-box{background-color:var(--bg-tertiary);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.common-section{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}.submission-text{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);margin:var(--spacing-xs) 0;padding:var(--spacing-md)}.submission-time{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.just-submitted{color:var(--color-success);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0}.submit-error{color:var(--color-danger);margin:var(--spacing-xs) 0}.submit-button{background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.submit-button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-button:hover:before{left:100%}.submit-button:active{transform:translateY(0)}.submit-button:disabled{box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.6}.submit-button:disabled,.submit-button:disabled:hover{background-color:var(--color-gray-400);border-color:var(--color-gray-400);transform:none}.submit-button:disabled:before{display:none}.join-button-container{margin:var(--spacing-xl) 0;text-align:center}.join-button{background-color:var(--color-success);border:2px solid var(--color-success);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-fast)}.join-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.join-button:hover{background-color:#218838;border-color:#218838;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.join-button:hover:before{left:100%}.join-button:active{transform:translateY(-1px)}.join-button:disabled{box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.6}.join-button:disabled,.join-button:disabled:hover{background-color:var(--color-gray-400);border-color:var(--color-gray-400);transform:none}.join-button:disabled:before{display:none}.join-error,.leave-error{color:var(--color-danger);margin-top:var(--spacing-xs)}.guest-option{border-top:1px solid #fff3;margin-top:1rem;padding-top:1rem;text-align:center}.guest-option p{color:#ffffffb3;margin:.5rem 0}.guest-button{background:#0000;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.7rem 1.5rem;transition:all .3s ease}.guest-button:hover{background:#ffffff1a;border-color:#fff9}.guest-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:1rem;padding:1rem;text-align:center}.login-link{background:#0000;border:1px solid #ffffff80;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.3rem .8rem;transition:all .3s ease}.login-link:hover{background:#fff3;border-color:#fff}.player-actions{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;margin:1rem 0;padding:1rem}.leave-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.7rem 1.5rem;transition:all .3s ease}.leave-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.leave-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.leave-error{color:#dc3545;font-size:.9rem;margin-top:.5rem}.login-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:400px;overflow-y:auto;padding:2rem;width:90%}.login-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.login-modal-header h3{color:#333;margin:0}.close-modal{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-modal:hover{background:#f0f0f0;color:#333}
/*# sourceMappingURL=main.8398acf1.css.map*/