body,html{max-width:100vw;overflow-x:hidden;width:100%}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-color:#17284a;--secondary-color:#1e3a8a;--main-color-light:#2a3f6b;--secondary-color-light:#3b82f6;--navbar-gradient:linear-gradient(135deg,#0f1a2e,#1e3a8a 50%,#c2a618);--accent-color:#c2a618;--text-primary:#1f2937;--text-secondary:#6b7280;--background-light:#f9fafb;--border-color:#e5e7eb;--success-color:#22c55e;--success-bg:#f0fdf4;--error-color:#ef4444;--error-bg:#fef2f2}html{scroll-behavior:smooth}@media screen and (max-width:768px){html{font-size:14px}}.App{max-width:100vw;overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;font-size:calc(10px + 2vmin);justify-content:center;padding:0;position:relative}.App-header,.App-header:before{background-color:var(--main-color)}.App-header:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@media (max-width:768px){.App-header{font-size:calc(8px + 2vmin)}}@media (max-width:480px){.App-header{font-size:calc(8px + 2vmin)}}.App-link{color:#61dafb}.header-content{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;padding:108px 0 48px}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;padding:104px 16px 24px;text-align:center}.header-content h1{font-size:1.5rem;margin:0}.header-content h2{font-size:1.2rem;margin:0}}@media (max-width:480px){.header-content{padding:124px 16px 24px}}.welcome-text{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6;margin:0 auto;max-width:50%;text-align:center}@media (max-width:768px){.welcome-text{font-size:1.1rem;line-height:1.5;margin:0 auto 24px;max-width:90%}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:pixel-castle;src:url(/static/media/Jacquard12-Regular.63b2624f5ce2d2d5f5e4.ttf)}.sections{align-items:center;background-color:var(--main-color);display:flex;flex-direction:column;font-family:pixel-castle;gap:48px;max-width:100vw;overflow-x:hidden;padding:0 16px;width:100%}@media (max-width:768px){.sections{align-items:stretch;box-sizing:border-box;gap:32px;max-width:100vw;overflow-x:hidden;padding:0 8px;width:100%}.sections h1{font-size:1.8rem;margin:16px 0;text-align:center;width:100%}}.introduction{align-items:center}.headshot{aspect-ratio:1/1;border-radius:12px;box-shadow:0 4px 12px #0003;cursor:pointer;max-width:200px;object-fit:cover;object-position:center 30%;transition:transform .2s,box-shadow .2s;width:100%}.headshot:hover{box-shadow:0 8px 20px #0000004d;transform:scale(1.05)}@media (max-width:768px){.headshot{max-width:150px}}.experience-icons,.project-icons{background-color:var(--main-color);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:32px}@media (max-width:768px){.experience-icons,.project-icons{align-items:stretch;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px 8px;width:100%}}.single-experience-icon{background-color:var(--accent-color);border-radius:12px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;font-family:pixel-castle;min-width:0;overflow:hidden;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s;width:calc(45% - 24px)}.single-experience-icon:hover{box-shadow:0 8px 16px #0003;transform:translateY(-4px)}.single-project-icon{background-color:var(--accent-color);border-radius:12px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;font-family:pixel-castle;min-width:0;overflow:hidden;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s;width:calc(45% - 24px)}.single-project-icon:hover{box-shadow:0 8px 16px #0003;transform:translateY(-4px)}@media (max-width:768px){.single-experience-icon,.single-project-icon{box-sizing:border-box;flex:1 1 100%;margin:0;max-width:100%;min-width:0;padding:16px;width:100%}.single-experience-icon h3,.single-project-icon h3{font-size:1.2rem;margin:8px 0}.single-experience-icon p,.single-project-icon p{font-size:.9rem;line-height:1.4}}.experience-image,.project-image{aspect-ratio:1/1;border-radius:8px;box-shadow:0 2px 8px #00000026;margin-bottom:12px;max-width:300px;object-fit:cover;transition:transform .2s ease;width:100%}.experience-image:hover,.project-image:hover{transform:scale(1.02)}@media (max-width:768px){.experience-image,.project-image{aspect-ratio:1/1;margin-bottom:10px;max-width:140px}}@media (max-width:480px){.experience-image,.project-image{aspect-ratio:1/1;margin-bottom:8px;max-width:120px}.experience-icons,.project-icons{gap:12px;padding:12px 4px}.single-experience-icon,.single-project-icon{padding:12px}}.tags-section{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem;max-width:100%;overflow:hidden}@media (max-width:768px){.tags-section{box-sizing:border-box;flex-wrap:wrap;gap:.3rem;margin-top:.3rem;max-width:100%;overflow:hidden;width:100%}.tags-section .tag{word-wrap:break-word;flex:0 1 auto;font-size:.7rem;max-width:calc(50% - .15rem);min-width:0;padding:.2rem .5rem;white-space:normal}.single-experience-icon,.single-project-icon{box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;width:100%!important}}.tag{background-color:var(--main-color);border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#fff;flex-shrink:0;font-family:pixel-castle,sans-serif;font-size:.75rem;max-width:100%;overflow:hidden;padding:.25rem .6rem;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.tags-section{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;max-width:100%;overflow:hidden}.tags-section .tag{word-wrap:break-word;font-size:.7rem;max-width:calc(50% - .15rem);padding:.2rem .5rem;white-space:normal}.single-experience-icon,.single-project-icon{max-width:100%;min-width:0;overflow:hidden}}.comments-ticker{background-color:var(--main-color);box-sizing:border-box;max-width:100vw;overflow:hidden;padding:1rem 0;position:relative;white-space:nowrap;width:100%}@media (max-width:768px){.comments-ticker{max-width:100vw;overflow:hidden;padding:.5rem 0;width:100%}}.ticker-track{align-items:flex-start;display:flex;max-width:none;position:relative;width:max-content}.comments-section{align-items:center;margin-bottom:1rem;max-width:100vw;overflow:hidden;width:100%}.comment,.comments-section{display:flex;flex-direction:column}.comment{word-wrap:break-word;align-self:flex-start;background-color:#1e293bc6;border-radius:999px;box-shadow:0 2px 5px #0003;color:red;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;margin-right:4rem;max-width:300px;min-width:150px;padding:.5rem 1rem;white-space:normal}@media (max-width:768px){.comment{font-size:.8rem;margin-right:2rem;max-width:200px;min-width:120px;padding:.4rem .8rem;white-space:normal}}@media (max-width:480px){.comment{font-size:.7rem;margin-right:1.5rem;max-width:150px;min-width:100px;padding:.3rem .6rem}}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.add-comment-form{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:2rem;max-width:400px;width:100%}@media (max-width:768px){.add-comment-form{gap:10px;margin-bottom:1.5rem;max-width:90%}}.comment-input{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;box-sizing:border-box;color:var(--text-primary);font-family:pixel-castle;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}@media (max-width:768px){.comment-input{font-size:.9rem;padding:10px 14px}}.comment-input:focus{border-color:var(--secondary-color-light);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-input::placeholder{color:var(--text-secondary)}.comment-submit-btn{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-family:pixel-castle;font-size:1rem;font-weight:500;padding:8px 16px;transition:background-color .2s,color .2s}@media (max-width:768px){.comment-submit-btn{font-size:.9rem;padding:8px 14px}}.comment-submit-btn:hover{background-color:#e0e7ff}.comment-submit-btn:active{background-color:var(--secondary-color);color:#fff}.comment .delete-btn{background-color:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:pixel-castle;font-size:.7rem;margin-left:8px;padding:4px 8px;transition:background-color .2s}.comment .delete-btn:hover{background-color:#b91c1c}@media (max-width:768px){.comment .delete-btn{font-size:.6rem;margin-left:6px;padding:3px 6px}}.delete-confirmation{background-color:var(--main-color);border:2px solid var(--secondary-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;font-family:pixel-castle;left:50%;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.delete-confirmation p{font-size:1.1rem;margin:0 0 20px}.delete-confirmation button{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-family:pixel-castle;font-size:1rem;font-weight:500;margin:0 8px;padding:8px 16px;transition:background-color .2s,color .2s}.delete-confirmation button:hover{background-color:#e0e7ff}.delete-confirmation button:first-of-type{background-color:#dc2626;border-color:#dc2626;color:#fff}.delete-confirmation button:first-of-type:hover{background-color:#b91c1c}@media (max-width:768px){.delete-confirmation{margin:0 16px;max-width:300px;padding:20px;width:calc(100% - 32px)}.delete-confirmation p{font-size:1rem;margin-bottom:16px}.delete-confirmation button{font-size:.9rem;margin:0 4px;padding:6px 12px}}.add-comment-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:1rem;padding:.5rem 1rem;z-index:10}.single-experience-icon button,.single-project-icon button{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-family:pixel-castle;font-weight:500;margin-top:8px;padding:8px 16px;transition:background-color .2s,color .2s}@media (max-width:768px){.single-experience-icon button,.single-project-icon button{font-size:.9rem;margin-top:6px;padding:6px 12px}}.single-experience-icon button:hover,.single-project-icon button:hover{background-color:#e0e7ff}.detail-page{background-color:var(--main-color);color:#fff;min-height:100vh;padding:20px}@media (max-width:768px){.detail-page{padding:16px 8px}}.detail-container{background-color:var(--main-color);border-radius:12px;margin:0 auto;max-width:800px;padding:32px;text-align:center}@media (max-width:768px){.detail-container{margin:0 8px;padding:20px 16px}}.detail-container h2{color:#fff;font-family:pixel-castle;font-size:2.5rem;margin-bottom:24px}@media (max-width:768px){.detail-container h2{font-size:1.8rem;margin-bottom:16px}}.detail-image{border-radius:12px;box-shadow:0 4px 12px #0003;cursor:pointer;margin-bottom:24px;max-width:400px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.detail-image:hover{box-shadow:0 8px 25px #0000004d;transform:scale(1.05)}@media (max-width:768px){.detail-image{margin-bottom:16px;max-width:100%}}.detail-description{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.2rem;line-height:1.6;margin-bottom:24px}@media (max-width:768px){.detail-description{font-size:1rem;line-height:1.5;margin-bottom:16px}}.detail-container .tags-section{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.detail-container .tag{box-shadow:0 1px 2px #0000001a;font-family:pixel-castle,sans-serif;font-size:.85rem;padding:.5rem 1rem;white-space:nowrap}.detail-container .tag,.experience-form,.project-form{background-color:var(--accent-color);border-radius:12px;color:#fff}.experience-form,.project-form{box-shadow:0 4px 12px #0003;margin:32px auto;max-width:600px;padding:32px;text-align:center;width:100%}@media (max-width:768px){.experience-form,.project-form{margin:16px 8px;padding:20px 16px}}.experience-form h3,.project-form h3{color:#fff;font-family:pixel-castle;font-size:1.8rem;margin-bottom:24px}@media (max-width:768px){.experience-form h3,.project-form h3{font-size:1.4rem;margin-bottom:16px}}.experience-form form,.project-form form{align-items:center;display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.experience-form form,.project-form form{gap:12px}}.experience-form input,.experience-form textarea,.project-form input,.project-form textarea{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;box-sizing:border-box;color:var(--text-primary);font-family:pixel-castle;font-size:1rem;max-width:400px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.experience-form textarea,.project-form textarea{line-height:1.4;min-height:100px;resize:vertical}.experience-form input[type=file],.project-form input[type=file]{cursor:pointer;padding:8px 16px}.experience-form input[type=file]::file-selector-button,.project-form input[type=file]::file-selector-button{background-color:var(--secondary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:pixel-castle;font-size:.9rem;margin-right:12px;padding:8px 16px;transition:background-color .2s}.experience-form input[type=file]::file-selector-button:hover,.project-form input[type=file]::file-selector-button:hover{background-color:var(--secondary-color-light)}@media (max-width:768px){.experience-form input,.experience-form textarea,.project-form input,.project-form textarea{font-size:.9rem;max-width:100%;padding:10px 14px}.experience-form textarea,.project-form textarea{min-height:80px}}.experience-form input:focus,.experience-form textarea:focus,.project-form input:focus,.project-form textarea:focus{border-color:var(--secondary-color-light);box-shadow:0 0 0 3px #3b82f61a;outline:none}.experience-form input::placeholder,.experience-form textarea::placeholder,.project-form input::placeholder,.project-form textarea::placeholder{color:var(--text-secondary)}.tag-inputs{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}@media (max-width:768px){.tag-inputs{gap:8px;max-width:100%}}.tag-inputs input{max-width:400px;width:100%}.experience-form button,.project-form button{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-family:pixel-castle;font-size:1rem;font-weight:500;margin-top:8px;padding:8px 16px;transition:background-color .2s,color .2s}@media (max-width:768px){.experience-form button,.project-form button{font-size:.9rem;margin-top:6px;padding:6px 12px}}.experience-form button:hover,.project-form button:hover{background-color:#e0e7ff}.experience-form button:active,.project-form button:active{background-color:var(--secondary-color);color:#fff}@media (max-width:768px){.experience-icons .single-experience-icon,.project-icons .single-project-icon{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.experience-icons .single-experience-icon .tags-section,.project-icons .single-project-icon .tags-section{box-sizing:border-box!important;flex-wrap:wrap!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.experience-icons .single-experience-icon .tags-section .tag,.project-icons .single-project-icon .tags-section .tag{word-wrap:break-word!important;flex:0 1 auto!important;font-size:.7rem!important;max-width:calc(50% - .15rem)!important;min-width:0!important;padding:.2rem .5rem!important;white-space:normal!important}}.navbar{background:var(--navbar-gradient);box-shadow:0 2px 8px #0000004d;padding:.75rem 1.5rem;position:fixed;top:0;width:100%;z-index:1000}.nav-container,.navbar{display:flex;justify-content:center}.nav-container{align-items:center;flex-wrap:wrap;gap:1.5rem}.nav-link{color:#fff;font-family:pixel-castle,sans-serif;font-size:1rem;text-decoration:none;transition:color .3s ease;white-space:nowrap}.nav-link:hover{color:#61dafb}@media (max-width:768px){.navbar{padding:.5rem}.nav-container{flex-wrap:wrap;gap:.8rem}.nav-link{font-size:.8rem;padding:.3rem .5rem}}@media (max-width:480px){.navbar{padding:.4rem .3rem}.nav-container{gap:.5rem}.nav-link{font-size:.7rem;padding:.2rem .3rem}}.auth-page{align-items:flex-start;background-color:var(--main-color);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:60px 20px 20px}@media (max-width:768px){.auth-page{min-height:calc(100vh - 150px);padding:40px 8px 16px}}.auth-container{background-color:var(--accent-color);border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;max-width:400px;padding:40px;text-align:center;width:100%}@media (max-width:768px){.auth-container{margin:0 8px;padding:24px 16px}}.auth-container h2{color:#fff;font-family:pixel-castle;font-size:2rem;margin-bottom:32px}@media (max-width:768px){.auth-container h2{font-size:1.5rem;margin-bottom:24px}}.auth-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (max-width:768px){.auth-form{gap:12px;margin-bottom:20px}}.auth-form input{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;box-sizing:border-box;color:var(--text-primary);font-family:pixel-castle;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s}@media (max-width:768px){.auth-form input{font-size:.9rem;padding:10px 14px}}.auth-form input:focus{border-color:var(--secondary-color-light);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-form input::placeholder{color:var(--text-secondary)}.auth-form button{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-family:pixel-castle;font-size:1rem;font-weight:500;padding:12px 16px;transition:background-color .2s,color .2s}@media (max-width:768px){.auth-form button{font-size:.9rem;padding:10px 14px}}.auth-form button:hover{background-color:#e0e7ff}.auth-form button:active{background-color:var(--secondary-color);color:#fff}.auth-error{background-color:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;font-family:pixel-castle;font-size:.9rem;margin-top:16px;padding:8px 12px}@media (max-width:768px){.auth-error{font-size:.8rem;margin-top:12px;padding:6px 10px}}.auth-toggle{color:#fff;cursor:pointer;font-family:pixel-castle;font-size:.9rem;font-weight:500;margin-top:24px;text-decoration:underline;transition:color .2s}@media (max-width:768px){.auth-toggle{font-size:.8rem;margin-top:20px}}.auth-toggle:hover{color:#e0e7ff}.chess-profile-container{background-color:var(--main-color);color:#fff;min-height:100vh;padding:20px}@media (max-width:768px){.chess-profile-container{padding:16px 8px}}.chess-username{margin-bottom:10px;text-align:center}.chess-username a{color:#fff;font-size:1.5em;font-weight:700;text-decoration:none}@media (max-width:768px){.chess-username a{font-size:1.2em}}.chess-username a:hover{text-decoration:underline}.chess-followers{color:#e0e7ff;margin-bottom:20px;text-align:center}@media (max-width:768px){.chess-followers{font-size:.9rem;margin-bottom:16px}}.online-status-container{background-color:var(--main-color);display:flex;justify-content:center;margin-bottom:16px;padding:16px}@media (max-width:768px){.online-status-container{margin-bottom:12px;padding:12px}}.online-status-button{background-color:#fff;border:2px solid;border-radius:20px;cursor:default;font-weight:500;padding:8px 16px;transition:all .2s}@media (max-width:768px){.online-status-button{font-size:.9rem;padding:6px 12px}}.online-status-button.online{border-color:var(--success-color);color:var(--success-color)}.online-status-button.offline{border-color:var(--error-color);color:var(--error-color)}.game-mode-selector{display:flex;gap:10px;justify-content:center;margin-bottom:16px}@media (max-width:768px){.game-mode-selector{flex-wrap:wrap;gap:6px;margin-bottom:12px}}.game-mode-button{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s,color .2s}@media (max-width:768px){.game-mode-button{font-size:.8rem;padding:6px 10px}}.game-mode-button:hover{background-color:#e0e7ff}.game-mode-button.selected{background-color:var(--secondary-color);color:#fff}.game-card{background-color:var(--accent-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s;width:100%}@media (max-width:768px){.game-card{margin-bottom:12px;padding:12px}}.game-result-header{border-bottom:1px solid #fff3;color:#fff;font-size:1.5em;font-weight:700;margin-bottom:12px;padding-bottom:8px;text-align:center}@media (max-width:768px){.game-result-header{font-size:1.2em;margin-bottom:8px;padding-bottom:6px}}.game-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.game-header{align-items:center;display:flex;margin-bottom:12px}@media (max-width:768px){.game-header{margin-bottom:8px}}.game-players{flex:1 1}.player{align-items:center;border-radius:4px;display:flex;gap:8px;margin-bottom:4px;padding:4px 8px;transition:background-color .2s}@media (max-width:768px){.player{gap:6px;margin-bottom:3px;padding:3px 6px}}.color-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}@media (max-width:768px){.color-indicator{height:10px;width:10px}}.white-dot{background-color:#f0f0f0;border:1px solid #ccc}.black-dot{background-color:#333;border:1px solid #666}.player.winner{background-color:initial;border-left:none}.player.fabinho.winner{background-color:var(--success-bg);border-left:3px solid var(--success-color)}.player.fabinho:not(.winner){background-color:var(--error-bg);border-left:3px solid var(--error-color)}.winner-marker{font-size:1.1em;margin-left:4px}@media (max-width:768px){.winner-marker{font-size:1em;margin-left:3px}}.player.black,.player.white{color:#fff}.player-name{color:#fff;font-weight:500}@media (max-width:768px){.player-name{font-size:.9rem}}.player.fabinho .player-name{color:#fff;font-weight:600}.player.fabinho.winner .player-name,.player.fabinho:not(.winner) .player-name{color:#000}.player-rating{color:#000;font-size:.9em}@media (max-width:768px){.player-rating{font-size:.8em}}.game-result{color:#fff;font-size:1.2em;font-weight:700}.game-details{border-bottom:1px solid #fff3;border-top:1px solid #fff3;margin-bottom:12px;padding:12px 0}.game-opening{margin-bottom:8px}.game-opening a{color:#e0e7ff;font-weight:500;text-decoration:none}.game-opening a:hover{color:#fff;text-decoration:underline}.game-info{color:#e0e7ff;display:flex;font-size:.9em;gap:12px}.game-actions{display:flex;justify-content:center}.view-game-btn{background-color:var(--secondary-color);border-radius:4px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .2s}.view-game-btn:hover{background-color:var(--secondary-color-light)}.chess-profile-container p{color:#fff;text-align:center}.chess-profile-container .loading-text,.chess-profile-container .no-more-text{color:#e0e7ff;font-style:italic;text-align:center}.chess-profile-container>div:last-child{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:50%}.spotify-stats{background-color:var(--main-color);min-height:100vh;padding:20px}@media (max-width:768px){.spotify-stats{padding:16px 8px}}.cards-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:50%}@media (max-width:768px){.cards-container{max-width:95%}}.profile-link-container{background-color:var(--main-color);border-bottom:2px solid #ffffff1a;margin-bottom:24px;padding:16px;text-align:center}@media (max-width:768px){.profile-link-container{margin-bottom:16px;padding:12px}}.profile-link{color:#fff;font-size:1.2em;font-weight:500;text-decoration:none;transition:color .2s}@media (max-width:768px){.profile-link{font-size:1em}}.profile-link:hover{color:#e0e7ff;text-decoration:underline}.profile-picture-container{cursor:pointer;display:inline-block;position:relative}.profile-picture{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;height:100px;object-fit:cover;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100px}@media (max-width:768px){.profile-picture{height:80px;width:80px}}.profile-picture-container:hover .profile-picture{border-color:#e0e7ff;box-shadow:0 12px 24px #0006;transform:scale(1.12) rotate(3deg);z-index:10}.profile-picture-container:hover{transform:translateY(-5px)}.profile-hover-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000e6;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9em;font-weight:600;left:50%;opacity:0;padding:10px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;white-space:nowrap}.profile-picture-container:hover .profile-hover-text{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.view-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:16px}@media (max-width:768px){.view-toggle{gap:8px;margin-bottom:12px}}.view-toggle button{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s,color .2s}@media (max-width:768px){.view-toggle button{font-size:.9rem;padding:6px 12px}}.view-toggle button:hover{background-color:#e0e7ff}.view-toggle button.active{background-color:var(--secondary-color);color:#fff}.time-range-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:16px}@media (max-width:768px){.time-range-toggle{flex-wrap:wrap;gap:6px;margin-bottom:12px}}.time-range-toggle button{background-color:#fff;border:2px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s,color .2s}@media (max-width:768px){.time-range-toggle button{font-size:.8rem;padding:6px 10px}}.time-range-toggle button:hover{background-color:#e0e7ff}.time-range-toggle button.active{background-color:var(--secondary-color);color:#fff}.artist-card,.song-card{align-items:center;background-color:var(--accent-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin:8px 0;padding:16px;position:relative;transition:all .3s ease;width:100%}@media (max-width:768px){.artist-card,.song-card{margin:6px 0;padding:12px}}.artist-card:hover,.song-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.artist-rank,.song-rank{color:#fff;font-size:24px;font-weight:700;margin-right:16px;min-width:40px;transition:all .3s ease}@media (max-width:768px){.artist-rank,.song-rank{font-size:20px;margin-right:12px;min-width:30px}}.artist-card:hover .artist-rank,.song-card:hover .song-rank{text-shadow:0 0 8px #ffffff80;transform:scale(1.1)}.artist-info,.song-info{flex:1 1}.artist-image,.song-image{border-radius:8px;box-shadow:0 4px 8px #0003;height:100px;margin-left:16px;object-fit:cover;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100px}@media (max-width:768px){.artist-image,.song-image{height:80px;margin-left:12px;width:80px}}.artist-image-container,.song-image-container{cursor:pointer;display:inline-block;margin-left:16px;position:relative;text-decoration:none;transition:all .3s ease}@media (max-width:768px){.artist-image-container,.song-image-container{margin-left:12px}}.artist-image-container:hover .artist-image,.song-image-container:hover .song-image{border-radius:12px;box-shadow:0 12px 24px #0006;transform:scale(1.15) rotate(2deg);z-index:10}.artist-image-container:hover,.song-image-container:hover{transform:translateY(-5px)}.artist-hover-text,.song-hover-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000e6;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9em;font-weight:600;left:50%;opacity:0;padding:10px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;white-space:nowrap}.artist-image-container:hover .artist-hover-text,.song-image-container:hover .song-hover-text{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.artist-info h3,.song-info h3{color:#fff;margin:0 0 8px}@media (max-width:768px){.artist-info h3,.song-info h3{font-size:1rem;margin:0 0 6px}}.artist-info p,.song-info p{color:#e0e7ff;margin:0}@media (max-width:768px){.artist-info p,.song-info p{font-size:.9rem}}.song-info a{color:var(--secondary-color);font-weight:500;text-decoration:none}.song-info a:hover{text-decoration:underline}.currently-playing{background-color:var(--secondary-color);border-radius:8px;color:#fff;margin:0 auto 24px;max-width:50%;padding:40px 20px;text-align:center}@media (max-width:768px){.currently-playing{margin:0 auto 16px;max-width:95%;padding:24px 16px}}.currently-playing h3{font-size:18px;margin:0 0 24px;opacity:.8}@media (max-width:768px){.currently-playing h3{font-size:16px;margin:0 0 16px}}.currently-playing-content{align-items:center;display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.currently-playing-content{gap:16px}}.album-image-container{cursor:pointer;display:inline-block;position:relative;text-decoration:none}.currently-playing-image{border-radius:16px;box-shadow:0 6px 16px #0000004d;height:40vw;max-height:450px;max-width:450px;object-fit:cover;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:40vw}@media (max-width:768px){.currently-playing-image{height:60vw;max-height:300px;max-width:300px;width:60vw}}.album-image-container:hover .currently-playing-image{border-radius:20px;box-shadow:0 16px 32px #00000080;transform:scale(1.08) rotate(1deg);z-index:10}.album-image-container:hover{transform:translateY(-8px)}.album-hover-text{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000000e6;border-radius:10px;box-shadow:0 6px 16px #0006;color:#fff;font-size:1.1em;font-weight:600;left:50%;opacity:0;padding:12px 20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;white-space:nowrap}.album-image-container:hover .album-hover-text{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.currently-playing-info{align-items:center;display:flex;flex-direction:column;gap:8px}.currently-playing-info .track-name{font-size:20px;font-weight:500;margin:0}@media (max-width:768px){.currently-playing-info .track-name{font-size:16px}}.currently-playing-info .artist-name{font-size:16px;margin:0;opacity:.8}@media (max-width:768px){.currently-playing-info .artist-name{font-size:14px}}.spotify-link{border:1px solid #fff;border-radius:20px;color:#fff;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.spotify-link:hover{background-color:#ffffff1a}.genres-section{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}@media (max-width:768px){.genres-section{gap:.3rem;margin-top:.3rem}}.genre-tag{background-color:var(--main-color);border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#fff;font-family:pixel-castle,sans-serif;font-size:.75rem;padding:.25rem .6rem;white-space:nowrap}@media (max-width:768px){.genre-tag{font-size:.7rem;padding:.2rem .5rem}}
/*# sourceMappingURL=main.4331d243.css.map*/