.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);background-color:rgba(var(--bg-color),.85);background-color:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar{background-color:color-mix(in srgb,var(--bg-color) 85%,transparent)}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width);padding:0 var(--spacing-md)}.brand{font-weight:800;font-size:1.25rem;letter-spacing:-.025em;color:var(--accent-color)}.nav-links{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{font-weight:500;font-size:.95rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px}.nav-link:hover,.nav-link.active{color:var(--accent-color);background-color:#0000000d}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{background-color:#ffffff0d}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle{padding:var(--spacing-xs);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.theme-toggle:hover{background-color:var(--border-color)}.status-indicator{width:10px;height:10px;border-radius:50%;background-color:#9ca3af;margin-right:5px}.status-online{background-color:var(--success-color);box-shadow:0 0 8px var(--success-color)}.social-link{display:flex;align-items:center}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger div{width:25px;height:3px;background-color:var(--text-color);transition:.3s}@media(max-width:768px){.nav-links{display:none;position:absolute;top:var(--navbar-height);left:0;width:100%;background-color:var(--bg-color);flex-direction:column;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a}.nav-links.open,.hamburger{display:flex}}.premid-container{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:0;width:100%;margin-top:var(--navbar-height);font-size:.9rem;position:sticky;top:var(--navbar-height);z-index:900}.premid-content{display:flex;align-items:center;gap:var(--spacing-md);max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);min-height:52px}.premid-label{font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:var(--text-secondary);flex-shrink:0}.premid-activity{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;overflow:hidden;height:100%}.premid-activity.is-clickable{text-decoration:none;cursor:pointer;transition:background-color .2s;border-radius:0;padding-right:var(--spacing-sm)}.premid-activity.is-clickable:hover{background-color:#ffffff0d}.premid-icon{height:52px;width:52px;border-radius:0;object-fit:cover;flex-shrink:0}.premid-icon-placeholder{color:var(--text-secondary);opacity:.6;margin:0 var(--spacing-xs)}.premid-details{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premid-name{font-weight:600;color:var(--text-color)}.premid-state{font-size:.8rem;color:var(--text-secondary)}.premid-offline{font-style:italic;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:scale(.95);animation:scaleIn .3s forwards}.modal-image{max-width:100%;max-height:85vh;object-fit:contain;box-shadow:0 0 20px #00000080;border-radius:4px}.modal-close{position:absolute;top:-40px;right:0;color:#fff;font-size:2rem;background:none;border:none;cursor:pointer;opacity:.8;transition:opacity .2s;padding:10px}.modal-close:hover{opacity:1}.pixelated{image-rendering:pixelated}@keyframes fadeIn{to{opacity:1}}@keyframes scaleIn{to{transform:scale(1)}}.pixel-section{padding:var(--spacing-xl) 0}.pixel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;width:100%}@media(min-width:768px){.pixel-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.pixel-item{position:relative;overflow:hidden;aspect-ratio:1 / 1;cursor:pointer;background-color:var(--card-bg)}.pixel-img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform .3s cubic-bezier(.4,0,.2,1)}.pixel-item:hover .pixel-img{transform:scale(1.1)}.photo-section{padding:var(--spacing-xl) 0}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;width:100%}@media(min-width:768px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.photo-item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;background-color:var(--card-bg)}.photo-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.photo-item:hover .photo-img{transform:scale(1.05)}.astro-section{padding:var(--spacing-xl) 0}.astro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;width:100%}@media(min-width:768px){.astro-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.astro-item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;background-color:#000}.astro-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.astro-item:hover .astro-img{transform:scale(1.03)}.interests-section{padding:var(--spacing-xl) 0;background-color:var(--card-bg)}.interests-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg);align-items:flex-start;padding:1rem}.interest-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:16px;box-shadow:0 4px 12px #00000014;width:160px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);cursor:pointer;position:relative;overflow:hidden}.interest-item:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 8px 24px #0000001f}.interest-item.active{width:300px;border-color:var(--accent-color);background-color:var(--card-bg)}.interest-icon{color:var(--accent-color);width:48px;height:48px;display:flex;align-items:center;justify-content:center}.interest-name{font-weight:600;text-align:center}.interest-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.interest-inline-description{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease;text-align:center;width:100%}.interest-item.active .interest-inline-description{max-height:300px;opacity:1;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.interest-inline-description p{margin:0;color:var(--text-primary);font-size:1rem;line-height:1.6;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-socials{display:flex;justify-content:center;gap:2rem;margin:3rem 0}.about-social-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary)}.about-social-link:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.about-social-link.twitter:hover{color:#1da1f2;border-color:#1da1f2}.about-social-link.youtube:hover{color:red;border-color:red}.about-social-link.ngl:hover{color:#ff3b5c;border-color:#ff3b5c}.about-social-link span{font-size:1rem}.interest-item.active{border-color:var(--accent-color);background-color:var(--card-bg);transform:translateY(-5px)}@media(max-width:768px){.interest-item.active{width:100%;max-width:340px}.about-socials{flex-direction:column;align-items:center;gap:1rem}.about-social-link{width:200px;justify-content:center}}.games-section{padding:var(--spacing-xl) 0}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;width:100%}@media(min-width:768px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.game-card{position:relative;display:block;overflow:hidden;cursor:pointer;background-color:var(--card-bg)}.game-icon{width:100%;height:auto;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.game-card:hover .game-icon{transform:scale(1.05)}.game-card:focus-visible{outline:2px solid var(--accent-color);z-index:10}:root{--bg-color: #ffffff;--text-color: #331818;--text-secondary: #7f3232;--accent-color: #800000;--accent-hover: #600000;--border-color: #fad1d1;--card-bg: #fff0f5;--success-color: #10b981;--max-width: 1200px;--navbar-height: 70px;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem}[data-theme=dark]{--bg-color: #2e020d;--text-color: #ffe4e6;--text-secondary: #fda4af;--accent-color: #be123c;--accent-hover: #9f1239;--border-color: #5c0f20;--card-bg: #4c0519}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;width:100%}body{min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}a{text-decoration:none;color:inherit;transition:color .2s ease}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section-title{font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;text-align:center;position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background-color:var(--accent-color);margin:var(--spacing-sm) auto 0;border-radius:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}