*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #0a0e0f;--color-bg-darker: #050708;--color-bg-light: #1a2225;--color-primary: #d4af37;--color-primary-hover: #f0c856;--color-secondary: #3d7a4a;--color-secondary-hover: #4a9558;--color-accent: #8b7d3a;--color-text-light: #e8e8e8;--color-text-gray: #a0a0a0;--color-text-dark: #4a4a4a;--color-success: #4a9558;--color-error: #c44a4a;--color-border: #2a3538;--font-family: Verdana, Geneva, Tahoma, sans-serif;--font-size-base: 16px;--font-size-large: 1.25rem;--font-size-xlarge: 1.5rem;--font-size-xxlarge: 2rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-bg-dark);color:var(--color-text-light);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#1a222580;border-radius:4px}*::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("./media/background-FCSY43DP.png");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:.3;z-index:-1}body:has(.home-page):before{opacity:.7}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.page-title{font-size:var(--font-size-xxlarge);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-xl);text-shadow:0 0 15px rgba(212,175,55,.6)}.section-title{font-size:var(--font-size-xxlarge);color:var(--color-primary);margin-bottom:var(--spacing-md);text-align:center;font-weight:700}.header-actions{display:flex;align-items:center;gap:1rem}@media screen and (min-width: 768px){.page-header-with-action{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-header-with-action .page-title{text-align:left;margin:0}}@media screen and (max-width: 768px){.page-header-with-action .header-actions{display:none}.header-actions{flex-direction:column;gap:.5rem}}.form-control{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;background:#0a0e0f80;color:var(--color-text-light);font-size:var(--font-size-base);transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #d4af374d}.form-control:disabled{opacity:.5;cursor:not-allowed;background:#0a0e0f80}.form-control.error{border-color:var(--color-error)}textarea.form-control{resize:vertical;min-height:80px;font-family:inherit}select.form-control{cursor:pointer}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--color-primary);font-size:.9rem}.form-group .form-text{display:block;margin-top:.25rem;font-size:.85rem;color:#fff9}.form-sub-field{margin-top:1rem}.form-sub-field label{font-size:.9rem;font-weight:400;color:#fffc}.form-section{padding:var(--spacing-lg);background:#1a22254d;border:1px solid var(--color-border);border-radius:8px;margin-bottom:var(--spacing-lg)}.form-section h3{color:var(--color-primary);margin-bottom:var(--spacing-md)}.error-message{display:block;color:var(--color-error);font-size:.9rem;margin-top:var(--spacing-xs)}.success-message{display:block;color:var(--color-success);font-size:.9rem;margin-top:var(--spacing-xs)}.input-with-button{display:flex;gap:var(--spacing-sm)}.input-with-button .form-control{flex:1}.input-with-button .btn{flex-shrink:0;white-space:nowrap}.help-text{display:block;margin-top:var(--spacing-xs);font-size:.85rem;color:var(--color-text-gray)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:5px;font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #0000004d}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-large)}.btn-primary{background:linear-gradient(135deg,var(--color-secondary-hover),var(--color-secondary));color:var(--color-text-light)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));box-shadow:0 0 20px #3d7a4a99;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-bg-dark)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));box-shadow:0 0 20px #d4af3799;transform:translateY(-2px)}.secondary-links{display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.btn-secondary-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#2a353866;border:1px solid var(--color-border);border-radius:25px;color:var(--color-text-light);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary-link:hover{background:#2a3538b3;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3733}.btn-secondary-link .link-icon{width:18px;height:18px;flex-shrink:0}.btn-training{background:#4a955826;border-color:#4a955866;color:var(--color-secondary-hover)}.btn-training:hover{background:#4a955840;border-color:#4a955899;color:#5fb876;box-shadow:0 4px 12px #4a95584d}.btn-discord{background:#5865f226;border-color:#5865f266;color:#7289da}.btn-discord:hover{background:#5865f240;border-color:#5865f299;color:#8da3ff;box-shadow:0 4px 12px #5865f24d}.seeds-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.seeds-title{font-size:var(--font-size-large);color:var(--color-primary);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:2px}.seeds-container{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}.seed-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:var(--font-size-large);font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;border:2px solid transparent}.seed-available{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-bg-dark);border-color:var(--color-primary)}.seed-available:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px #d4af3766;border-color:var(--color-primary-hover)}.seed-locked{background:#4a4a4a4d;color:var(--color-text-gray);border-color:var(--color-border);cursor:not-allowed}.seed-expired{background:#c44a4a33;color:var(--color-text-gray);border-color:#c44a4a80;cursor:not-allowed}.seed-late{background:linear-gradient(135deg,#ffa50033,#ff8c004d);color:orange;border-color:#ffa50099;animation:pulse-orange 2s infinite}.seed-late:hover{background:linear-gradient(135deg,#ffa50059,#ff8c0073);border-color:#ffa500cc;transform:translateY(-2px);box-shadow:0 5px 20px #ffa50066}@keyframes pulse-orange{0%,to{box-shadow:0 0 #ffa500b3}50%{box-shadow:0 0 0 10px #ffa50000}}.seed-btn:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#1a2225fa,#0a0e0ffa);color:var(--color-text-light);font-size:.9rem;font-weight:400;font-family:Monaco,Menlo,Consolas,Courier New,monospace;border-radius:8px;white-space:pre-line;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;border:2px solid var(--color-primary);box-shadow:0 4px 20px #d4af374d,0 0 0 1px #00000080;z-index:1000;line-height:1.6;max-width:250px;min-width:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seed-btn:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#0a0e0ff2;opacity:0;pointer-events:none;transition:opacity .3s ease}.seed-btn:hover:before{opacity:1;transform:translate(-50%) translateY(-5px)}.seed-btn:hover:after{opacity:1;transform:translate(-50%) translateY(-5px)}.score-cell{font-weight:700;color:var(--color-secondary-hover)}.run-cell{font-size:var(--font-size-base)}.run-link{color:var(--color-secondary-hover);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:3px;transition:all .3s ease;display:inline-block;cursor:pointer}.run-link:hover{color:var(--color-primary);background:#d4af3733;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-light);border:2px solid var(--color-primary);border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;animation:slideDown .3s ease}.modal-content.error{border-color:var(--color-error)}.modal-content.success{border-color:var(--color-success)}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--color-border)}.modal-header h2{color:var(--color-primary);margin:0}.modal-close,.close{background:none;border:none;color:var(--color-text-light);font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover,.close:hover,.close:focus{background:#ffffff1a}.modal-body{padding:1.5rem}.modal-body h2{color:var(--color-primary);margin-bottom:var(--spacing-md)}.modal-body p{margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.tooltip-text{cursor:help;text-decoration:underline dotted;text-decoration-color:var(--color-primary);text-underline-offset:3px;transition:all .2s ease}.tooltip-text:hover{text-decoration-color:var(--color-primary-hover);color:var(--color-primary-hover)}.auth-section{margin-bottom:var(--spacing-xl)}.auth-required{text-align:center;padding:var(--spacing-xl);background:#1a222599;border-radius:10px;border:2px solid var(--color-border)}.auth-message h2{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-xlarge)}.auth-message p{color:var(--color-text-gray);margin-bottom:var(--spacing-lg);font-size:var(--font-size-large)}.btn-twitch{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:#9146ff;color:#fff;border:none;border-radius:5px;font-size:var(--font-size-large);font-weight:700;cursor:pointer;transition:all .3s ease}.btn-twitch:hover{background:#772ce8;transform:translateY(-2px);box-shadow:0 5px 15px #9146ff66}.twitch-icon{width:24px;height:24px}@media screen and (max-width: 768px){.btn-twitch{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-xs)}.twitch-icon{width:18px;height:18px}}.user-info-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#1a222599;border-radius:10px;border:2px solid var(--color-border)}.user-details{flex:1}.user-name{font-size:var(--font-size-large);font-weight:700;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.user-login{font-size:var(--font-size-base);color:var(--color-text-gray)}.btn-logout{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;color:var(--color-text-gray);border:1px solid var(--color-border);border-radius:5px;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#ffffff26;color:var(--color-text-light);border-color:var(--color-primary)}@media screen and (max-width: 768px){.user-info-card{flex-direction:column;text-align:center}.user-details{text-align:center}}.twitch-user-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-light);transition:all .2s ease}.twitch-user-link:hover{color:var(--color-primary)}.twitch-user-link:hover .user-avatar-small{border-color:var(--color-primary);transform:scale(1.05)}.user-avatar-small{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);transition:all .2s ease;object-fit:cover}.user-avatar-tiny{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border);object-fit:cover;margin-right:.5rem}.form-control-readonly{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#1a22254d;border:2px solid var(--color-border);border-radius:5px;min-height:50px}.user-avatar-inline{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-primary);object-fit:cover;flex-shrink:0}.user-info-inline{display:flex;flex-direction:column;gap:2px;flex:1}.user-display-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-light)}.user-login-text{font-size:var(--font-size-small);color:var(--color-text-gray)}.btn-logout-inline{width:28px;height:28px;padding:0;background:#ffffff0d;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-gray);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-logout-inline:hover{background:#ff454533;border-color:#ff454580;color:#ff4545}.btn-icon{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:3px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin:0 2px}@media screen and (max-width: 768px){.form-control-readonly{flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xs)}.user-info-inline{flex-basis:calc(100% - 80px)}}.table-container{background:#1a2225e6;border-radius:10px;padding:var(--spacing-lg);box-shadow:0 8px 24px #00000080;overflow-x:auto;margin:var(--spacing-sm) 0}app-root{display:flex;flex-direction:column;min-height:100vh}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}@media screen and (max-width: 992px){.container{padding:0 var(--spacing-sm)}.navbar .container{flex-direction:column;gap:var(--spacing-md)}.nav-links{gap:var(--spacing-md)}.filter-container{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select,.search-input{min-width:100%;width:100%}}@media screen and (max-width: 768px){:root{--font-size-base: 14px}.seeds-title{font-size:var(--font-size-base)}.seed-btn{width:45px;height:45px;font-size:var(--font-size-base)}.page-title{font-size:var(--font-size-xlarge)}.table-container{padding:var(--spacing-sm)}.form-container{padding:var(--spacing-md)}.btn-icon{font-size:1rem;padding:2px 6px}.modal-content{max-height:100%;border:none}}@media screen and (max-width: 480px){.table-container{padding:0}.seeds-container{gap:var(--spacing-xs)}.seed-btn{width:40px;height:40px;font-size:.9rem}.seed-btn:before{font-size:.75rem;padding:.3rem .5rem;max-width:200px;white-space:normal;text-align:center}.btn{padding:var(--spacing-sm) var(--spacing-md)}}