.profile-page{margin:5em}@media (width<=768px){.profile-page{margin:2em}}.profile-page h1{color:#fff;margin-bottom:.5em;font-family:Roboto Condensed,sans-serif;font-size:clamp(1.8em,5vw,2.5em);font-weight:700}.profile-page .profile-intro{color:#ffffffb3;margin-bottom:2em}.profile-header{margin-bottom:2em}.profile-loading,.profile-login-required{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:1em;padding:3em 2em;box-shadow:0 4px 24px #0003}.profile-loading h1,.profile-login-required h1{margin-bottom:.5em}.profile-loading p,.profile-login-required p{color:#ffffffb3;margin-bottom:1.5em;line-height:1.6}.profile-loading{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.profile-loading .loading-spinner{border:3px solid #333;border-top-color:#faaf40;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-button{color:#fff;cursor:pointer;background:#5865f233;border:1px solid #5865f24d;border-radius:.5em;justify-content:center;align-items:center;gap:.5em;padding:.75em 1.5em;font-family:Roboto Condensed,sans-serif;font-size:1em;font-weight:700;transition:all .3s;display:inline-flex}.login-button .discord-icon{width:20px;height:20px}.login-button:hover{background:#5865f266;border-color:#5865f280;box-shadow:0 0 20px #5865f24d}.save-result{border-radius:.5em;margin-bottom:1.5em;padding:1em;font-family:Roboto Condensed,sans-serif}.save-result.success{color:#4caf50;background:#4caf5026;border:1px solid #4caf504d}.save-result.error{color:#f44336;background:#f4433626;border:1px solid #f443364d}.profile-form{flex-direction:column;gap:2em;display:flex}.profile-form label{text-transform:uppercase;letter-spacing:.05em;color:#fffc;margin-bottom:.5em;font-family:Roboto Condensed,sans-serif;font-size:.85em;font-weight:600;display:block}.profile-form input{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:.75em;width:100%;padding:.65em 1em;font-family:Roboto,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 16px #0003}.profile-form input::placeholder{color:#fff6}.profile-form input:hover{border-color:#4ecdc44d}.profile-form input:focus{border-color:#faaf40;outline:none;box-shadow:0 4px 20px #0006,0 0 0 2px #faaf4026}.form-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:1em;padding:1.5em;box-shadow:0 4px 24px #0003}.form-section h2{color:#fff;align-items:center;gap:.5em;margin:0 0 1em;font-family:Roboto Condensed,sans-serif;font-size:1.25em;font-weight:700;display:flex}.form-section h2 .section-icon{color:#4ecdc4}.form-section .section-description{color:#fff9;margin-top:-.5em;margin-bottom:1em;font-size:.9em}.form-group{margin-bottom:1em}.form-group:last-child{margin-bottom:0}.form-group small{color:#ffffff80;margin-top:.3em;font-size:.8em;display:block}.form-group .error-text{color:#f44336}.form-group .input-error{border-color:#f4433680}.form-group .input-error:focus{border-color:#f44336;box-shadow:0 4px 20px #0006,0 0 0 2px #f4433626}.form-row{grid-template-columns:1fr 1fr;gap:1em;margin-bottom:1em;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.form-row .form-group,.form-row:last-child{margin-bottom:0}.input-with-icon{position:relative}.input-with-icon .input-icon{color:#fff6;pointer-events:none;position:absolute;top:50%;left:1em;transform:translateY(-50%)}.input-with-icon .input-icon.discord{color:#5865f2}.input-with-icon .input-icon.twitch{color:#9146ff}.input-with-icon .input-icon.bluesky{color:#1185fe}.input-with-icon .input-icon.youtube{color:red}.input-with-icon input{padding-left:2.75em}.form-actions{justify-content:flex-end;gap:.75em;padding-top:1em;display:flex}.form-actions .cancel-button,.form-actions .save-button{text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-sizing:border-box;border-radius:.5em;justify-content:center;align-items:center;gap:.6em;min-height:44px;padding:.75em 1.5em;font-family:Roboto Condensed,sans-serif;font-size:.9em;font-weight:700;transition:all .2s;display:inline-flex}.form-actions .cancel-button svg,.form-actions .save-button svg{font-size:1em}.form-actions .cancel-button:disabled,.form-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.form-actions .cancel-button{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff26}.form-actions .cancel-button:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff4d}.form-actions .save-button{color:#fff;background-color:#8a5d3b;border:1px solid #faaf40}.form-actions .save-button:hover:not(:disabled){background-color:#8a5d3be6;transform:translateY(-1px);box-shadow:0 4px 12px #faaf404d}.runner-info-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:.75em;max-width:400px;padding:1.25em;box-shadow:0 4px 24px #0003}.runner-info-card .runner-identity{align-items:center;gap:.75em;margin-bottom:.75em;display:flex}.runner-info-card .runner-identity .runner-avatar-img{object-fit:cover;border:2px solid #4ecdc466;border-radius:50%;width:48px;height:48px}.runner-info-card .runner-identity .runner-name-block{flex-direction:column;gap:.1em;display:flex}.runner-info-card .runner-identity .runner-name-block .runner-name{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:1.2em;font-weight:700}.runner-info-card .runner-identity .runner-name-block .runner-pronouns{color:#ffffff80;font-size:.85em}.runner-info-card .runner-contact{margin-bottom:.75em}.runner-info-card .runner-contact .contact-item{color:#ffffffb3;align-items:center;gap:.5em;margin-bottom:.25em;font-size:.85em;display:flex}.runner-info-card .runner-contact .contact-item:last-child{margin-bottom:0}.runner-info-card .runner-contact .contact-item svg{color:#faaf40;width:14px}.runner-info-card .runner-socials{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:.4em;margin-bottom:1em;padding-bottom:1em;display:flex}.runner-info-card .runner-socials .social-link{border-radius:.35em;align-items:center;gap:.4em;padding:.35em .65em;font-family:Roboto,sans-serif;font-size:.75em;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.runner-info-card .runner-socials .social-link svg{font-size:1em}.runner-info-card .runner-socials .social-link.twitch{color:#9146ff;background:#9146ff26;border:1px solid #9146ff4d}.runner-info-card .runner-socials .social-link.twitch:hover{background:#9146ff40;border-color:#9146ff}.runner-info-card .runner-socials .social-link.bluesky{color:#208bfe;background:#208bfe26;border:1px solid #208bfe4d}.runner-info-card .runner-socials .social-link.bluesky:hover{background:#208bfe40;border-color:#208bfe}.runner-info-card .runner-socials .social-link.youtube{color:#f44;background:#ff00001f;border:1px solid #ff000040}.runner-info-card .runner-socials .social-link.youtube:hover{background:#f003;border-color:#f44}.runner-info-card .profile-card-actions{flex-direction:column;gap:.5em;display:flex}.runner-info-card .profile-card-actions .action-btn{text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-sizing:border-box;border-radius:.5em;justify-content:center;align-items:center;gap:.6em;min-height:44px;padding:.75em 1.5em;font-family:Roboto Condensed,sans-serif;font-size:.9em;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.runner-info-card .profile-card-actions .action-btn svg{font-size:1em}.runner-info-card .profile-card-actions .edit-profile-btn{color:#4ecdc4;background:#4ecdc426;border:1px solid #4ecdc44d}.runner-info-card .profile-card-actions .edit-profile-btn:hover{background:#4ecdc440;border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc433}.runner-info-card .profile-card-actions .my-submissions-btn{color:#faaf40;background:#faaf4026;border:1px solid #faaf404d}.runner-info-card .profile-card-actions .my-submissions-btn:hover{background:#faaf4040;border-color:#faaf40;box-shadow:0 0 15px #faaf4033}.runner-info-card .profile-card-actions .submissions-closed-notice{color:#fff9;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5em;padding:.75em 1em;font-size:.85em;line-height:1.4}.submissions-closed-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:1em;max-width:400px;padding:2em;box-shadow:0 4px 24px #0003}.submissions-closed-card h2{color:#fff;margin:0 0 .5em;font-family:Roboto Condensed,sans-serif;font-size:1.4em;font-weight:700}.submissions-closed-card p{color:#fff9;margin-bottom:1.5em;line-height:1.5}.submissions-closed-card .action-btn{text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-sizing:border-box;border-radius:.5em;justify-content:center;align-items:center;gap:.6em;min-height:44px;padding:.75em 1.5em;font-family:Roboto Condensed,sans-serif;font-size:.9em;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.submissions-closed-card .my-submissions-btn{color:#faaf40;background:#faaf4026;border:1px solid #faaf404d}.submissions-closed-card .my-submissions-btn:hover{background:#faaf4040;border-color:#faaf40;box-shadow:0 0 15px #faaf4033}
