:root{--bg-dark: #1a1a1a;--bg-surface: #252525;--bg-surface-hover: #2d2d2d;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--accent-orange: #FF8A00;--accent-orange-light: #FFB347;--max-width: 1080px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background:var(--bg-dark);position:relative;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.gradient-bg{position:absolute;width:200%;height:200%;background:linear-gradient(45deg,var(--bg-dark) 0%,#1a1a1a 25%,rgba(255,138,0,.03) 50%,var(--bg-dark) 75%,#1a1a1a 100%);animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%,to{transform:translate(0)}50%{transform:translate(-25%,-25%)}}.star{position:absolute;width:6px;height:6px;background:var(--accent-orange);box-shadow:0 0 8px #ff8a0099;animation:fall linear infinite;opacity:0}.star:before{content:"";position:absolute;top:-3px;left:-3px;width:12px;height:12px;background:linear-gradient(90deg,transparent 40%,var(--accent-orange) 40%,var(--accent-orange) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,var(--accent-orange) 40%,var(--accent-orange) 60%,transparent 60%);opacity:.8}@keyframes fall{0%{transform:translateY(-100px) translate(-100px) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(100vh) translate(200px) rotate(360deg);opacity:0}}.star:nth-child(1){left:10%;animation-duration:8s;animation-delay:0s}.star:nth-child(2){left:20%;animation-duration:10s;animation-delay:1s}.star:nth-child(3){left:30%;animation-duration:7s;animation-delay:2s}.star:nth-child(4){left:40%;animation-duration:9s;animation-delay:.5s}.star:nth-child(5){left:50%;animation-duration:11s;animation-delay:1.5s}.star:nth-child(6){left:60%;animation-duration:8.5s;animation-delay:2.5s}.star:nth-child(7){left:70%;animation-duration:9.5s;animation-delay:.8s}.star:nth-child(8){left:80%;animation-duration:10.5s;animation-delay:1.8s}.star:nth-child(9){left:90%;animation-duration:7.5s;animation-delay:.3s}.star:nth-child(10){left:15%;animation-duration:12s;animation-delay:3s}.star:nth-child(11){left:25%;animation-duration:8s;animation-delay:2.2s}.star:nth-child(12){left:35%;animation-duration:9s;animation-delay:1.2s}.star:nth-child(13){left:45%;animation-duration:10s;animation-delay:.6s}.star:nth-child(14){left:55%;animation-duration:11s;animation-delay:2.8s}.star:nth-child(15){left:65%;animation-duration:7.5s;animation-delay:1.4s}.star:nth-child(16){left:75%;animation-duration:9.5s;animation-delay:3.2s}.star:nth-child(17){left:85%;animation-duration:8.5s;animation-delay:.9s}.star:nth-child(18){left:95%;animation-duration:10.5s;animation-delay:2.6s}.star:nth-child(19){left:5%;animation-duration:9s;animation-delay:1.7s}.star:nth-child(20){left:72%;animation-duration:11s;animation-delay:3.5s}.star:nth-child(21){left:42%;animation-duration:8.5s;animation-delay:1.1s}.star:nth-child(22){left:88%;animation-duration:9.5s;animation-delay:2.3s}.star:nth-child(23){left:12%;animation-duration:10s;animation-delay:.7s}.star:nth-child(24){left:58%;animation-duration:7.5s;animation-delay:2.9s}.star:nth-child(25){left:33%;animation-duration:11s;animation-delay:1.6s}.click-star{position:fixed;background:var(--star-color, var(--accent-orange));box-shadow:0 0 12px var(--star-color, rgba(255, 138, 0, .8));animation:clickShoot 3s ease-out forwards;z-index:1;pointer-events:none;transform:translate(-50%,-50%)}.click-star:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent 40%,var(--star-color, var(--accent-orange)) 40%,var(--star-color, var(--accent-orange)) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,var(--star-color, var(--accent-orange)) 40%,var(--star-color, var(--accent-orange)) 60%,transparent 60%);opacity:.9}@keyframes clickShoot{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(-50%,-50%) translate(var(--offset-x)) translateY(var(--offset-y)) rotate(1080deg);opacity:0}}.combo-counter{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;color:var(--accent-orange);text-shadow:0 0 10px rgba(255,138,0,.8),0 0 20px rgba(255,138,0,.6),0 0 30px rgba(255,138,0,.4);z-index:9999;pointer-events:none;animation:comboPulse .3s ease-in-out;letter-spacing:.1em}@keyframes comboPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.combo-counter.rainbow{animation:rainbowGlow 1s linear infinite,comboPulse .3s ease-in-out;font-size:4rem}@keyframes rainbowGlow{0%{color:red;text-shadow:0 0 20px #ff0000,0 0 40px #ff0000,0 0 60px #ff0000}16%{color:#f80;text-shadow:0 0 20px #ff8800,0 0 40px #ff8800,0 0 60px #ff8800}33%{color:#ff0;text-shadow:0 0 20px #ffff00,0 0 40px #ffff00,0 0 60px #ffff00}50%{color:#0f0;text-shadow:0 0 20px #00ff00,0 0 40px #00ff00,0 0 60px #00ff00}66%{color:#0ff;text-shadow:0 0 20px #00ffff,0 0 40px #00ffff,0 0 60px #00ffff}83%{color:#f0f;text-shadow:0 0 20px #ff00ff,0 0 40px #ff00ff,0 0 60px #ff00ff}to{color:red;text-shadow:0 0 20px #ff0000,0 0 40px #ff0000,0 0 60px #ff0000}}.secret-message{position:fixed;top:20%;left:50%;transform:translate(-50%);font-size:2rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.6);z-index:99999;pointer-events:none;animation:secretFadeIn .5s ease-out,secretFloat 3s ease-in-out infinite;letter-spacing:.2em}@keyframes secretFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes secretFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@media (prefers-reduced-motion: reduce){.gradient-bg,.star,.click-star,.combo-counter{animation:none}}nav{background:#252525f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(255,138,0,.1);position:sticky;top:0;z-index:100}.nav-container{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{text-decoration:none;display:flex;align-items:center}.logo-main{height:40px;width:auto;object-fit:contain}.nav-links{list-style:none;display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;position:relative;padding-bottom:.25rem}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-orange);border-radius:2px}.nav-socials{display:flex;gap:1rem;list-style:none}.nav-socials a{color:var(--text-secondary);font-size:1.2rem;transition:opacity .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center}.nav-socials a:hover{opacity:.7;transform:translateY(-2px)}.social-icon{height:24px;width:24px;object-fit:contain;transition:opacity .2s ease}.nav-socials a:hover .social-icon{opacity:.8}main{flex:1;padding:3rem 2rem;max-width:var(--max-width);margin:0 auto;width:100%;position:relative}h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:700;letter-spacing:.02em}h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600;letter-spacing:.02em}h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600}p{margin-bottom:1rem;line-height:1.8;color:var(--text-secondary)}.card{background:var(--bg-surface);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff8a001a}.card img{width:100%;height:auto;display:block}.card-content{padding:1.5rem}.post-grid{display:flex;flex-direction:column;gap:2rem}.post-card{background:var(--bg-surface);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05)}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff8a0026}.post-card.expanded{box-shadow:0 12px 32px #ff8a0040;border-color:#ff8a0033}.post-card-header{cursor:pointer}.post-card img{width:100%;height:300px;object-fit:cover}.post-date{display:inline-block;background:var(--accent-orange);color:var(--bg-dark);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.post-title{font-size:1.75rem;margin-bottom:.75rem;color:var(--text-primary)}.post-excerpt{color:var(--text-secondary);line-height:1.6}.post-body{padding:2rem;background:#0003;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease-out;color:var(--text-primary);line-height:1.8}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:2000px;padding-top:2rem;padding-bottom:2rem}}.post-body h1,.post-body h2,.post-body h3{color:var(--text-primary);margin-top:1.5rem;margin-bottom:1rem}.post-body h1{font-size:2rem;border-bottom:2px solid var(--accent-orange);padding-bottom:.5rem}.post-body h2{font-size:1.5rem}.post-body h3{font-size:1.25rem}.post-body p{margin-bottom:1rem}.post-body ul,.post-body ol{margin-bottom:1rem;padding-left:2rem}.post-body li{margin-bottom:.5rem}.post-body a{color:var(--accent-orange);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.post-body a:hover{border-bottom-color:var(--accent-orange)}.post-body code{background:#ff8a001a;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.post-body pre{background:#0006;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem}.post-body pre code{background:none;padding:0}.post-body blockquote{border-left:4px solid var(--accent-orange);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--text-secondary)}.post-body img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.game-card{background:var(--bg-surface);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);cursor:pointer}.game-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #ff8a0033}.game-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.game-card-content{padding:1.5rem}.game-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.game-tagline{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.game-links{display:flex;gap:.75rem;flex-wrap:wrap}.game-link{display:inline-block;padding:.5rem 1rem;background:#ff8a001a;color:var(--accent-orange);border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:600;transition:background .2s ease,transform .2s ease}.game-link:hover{background:var(--accent-orange);color:var(--bg-dark);transform:scale(1.05)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.team-card{background:var(--bg-surface);border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05)}.team-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff8a0026}.team-portrait{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 1.5rem;border:3px solid var(--accent-orange)}.team-name{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.team-role{color:var(--accent-orange);font-weight:600;margin-bottom:1rem;font-size:.95rem}.team-bio{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.contact-container{max-width:600px;margin:2rem auto;text-align:center}.contact-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.contact-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-surface);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);min-width:120px}.contact-link:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff8a0026;color:var(--accent-orange)}.contact-icon{font-size:2rem}.contact-logo{width:48px;height:48px;object-fit:contain}.pagination{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.pagination button{padding:.75rem 1.5rem;background:var(--bg-surface);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.pagination button:hover:not(:disabled){background:var(--accent-orange);color:var(--bg-dark);border-color:var(--accent-orange)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state h2{color:var(--text-secondary);margin-bottom:1rem}.not-found{text-align:center;padding:4rem 2rem}.not-found h1{font-size:4rem;color:var(--accent-orange);margin-bottom:1rem}.not-found p{font-size:1.25rem;margin-bottom:2rem}.btn-primary{display:inline-block;padding:1rem 2rem;background:var(--accent-orange);color:var(--bg-dark);text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary:hover{background:var(--accent-orange-light);transform:translateY(-2px);box-shadow:0 4px 12px #ff8a004d}footer{background:var(--bg-surface);color:var(--text-secondary);text-align:center;padding:1.5rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);font-size:.9rem}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px;border-radius:4px}@media (max-width: 768px){nav{padding:1rem}.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem;font-size:.9rem}main{padding:2rem 1rem}h1{font-size:2rem}h2{font-size:1.5rem}.games-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.team-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:stretch}}