:root{--primary-color:hsl(28,100%,55%);--secondary-color:hsl(15,80%,50%);--glass-bg:rgba(25,18,16,0.5);--border-color:rgba(255,150,100,0.2);--text-primary:#f5eadd;--text-secondary:#c0b0a0;--background-dark:#0a0604;--background-mid:hsl(25,20%,8%);--grid-color:rgba(255,150,100,0.07)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow:hidden}html,body{width:100%;overflow-x:hidden}body{font-family:'Poppins',sans-serif;background-color:var(--background-dark);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;min-height:100vh;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes pan-grid{0%{background-position:0% 0%}100%{background-position:200px 200px}}.background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),radial-gradient(ellipse at center,var(--background-mid) 0%,hsl(23,30%,5%) 40%,var(--background-dark) 75%);background-size:50px 50px,50px 50px,auto;animation:pan-grid 20s linear infinite;opacity:0.5}.content-wrapper{height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative;z-index:1;width:100%}.parallax-item{transition:transform 0.1s ease-out}.parallax-item,footer{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.hero-section{text-align:center;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.hero-section h1{font-size:clamp(3rem,6vw,5rem);font-weight:700;letter-spacing:0em;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 10px var(--primary-color)}.hero-section p{font-size:1.2rem;font-weight:300;color:var(--text-secondary);max-width:600px;margin:1rem auto 2.5rem}.server-logo{height:clamp(7rem,9vw,12rem);width:auto;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(255,120,0,0.3));user-drag:none;-webkit-user-drag:none}.server-info{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.ip-box{background:var(--glass-bg);border:1px solid var(--border-color);backdrop-filter:blur(8px);border-radius:8px;padding:0.75rem;display:flex;align-items:center;gap:1rem;font-size:1rem;box-shadow:0 4px 20px rgba(0,0,0,0.3)}#ip-text{color:var(--text-primary);font-weight:400}#copy-btn{background:var(--primary-color);color:white;border:none;padding:0.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;transition:background-color 0.3s ease}#copy-btn:hover{background-color:var(--secondary-color)}.discord-btn{background:none;border:2px solid var(--primary-color);color:var(--primary-color);padding:0.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s ease}.discord-btn:hover{background:var(--primary-color);color:var(--background-dark)}.minigames-section{width:100%;padding:4rem 2rem;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.minigames-section h2{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:3rem;text-transform:uppercase;letter-spacing:0.1em}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.game-card{background:var(--glass-bg);border:1px solid var(--border-color);backdrop-filter:blur(8px);border-radius:12px;padding:2rem;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.game-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 10px 30px rgba(0,0,0,0.4)}.game-icon{font-size:3rem;margin-bottom:1rem;flex-shrink:0}.game-card h3{font-size:1.5rem;margin-bottom:0.75rem;color:var(--text-primary)}.game-card p{color:var(--text-secondary);font-weight:300;flex-grow:1}.game-card.dev span{position:absolute;top:15px;right:-30px;background:var(--primary-color);color:var(--background-dark);padding:4px 30px;font-size:0.8rem;font-weight:600;transform:rotate(45deg);box-shadow:0 0 10px rgba(0,0,0,0.5)}footer{position:relative;z-index:1;text-align:center;color:var(--text-secondary);font-size:0.9rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;gap:1.5rem}@media (max-width:768px){.content-wrapper{padding-top:5vh;padding-bottom:5vh;gap:5rem;min-height:auto}.hero-section{padding-top:0}}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease-in-out}.modal-container.active{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,6,4,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content-box{position:relative;background:var(--glass-bg);border:1px solid var(--border-color);width:90%;max-width:600px;padding:2.5rem 3rem;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.4);transform:translateY(20px);transition:transform 0.3s cubic-bezier(0.25,1,0.5,1),opacity 0.3s ease;opacity:0}.modal-container.active .modal-content-box{transform:translateY(0);opacity:1;transition-delay:0.05s}.modal-close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--text-secondary);font-size:2.5rem;line-height:1;cursor:pointer;transition:color 0.2s ease;z-index:10}.modal-close-btn:hover{color:var(--text-primary)}#modal-title{display:flex;gap:1rem;font-size:2rem;margin-bottom:0.5rem}#modal-title .game-icon{font-size:2rem}#modal-status{color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;font-size:0.9rem;letter-spacing:1px}.modal-details ul{list-style:none;padding-left:0}.modal-details li{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.modal-details li::before{content:'»';color:var(--primary-color);position:absolute;left:0;font-weight:700}.modal-details p{color:var(--text-secondary);line-height:1.6}.server-info{margin-bottom:4rem}.tech-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-top:-1.5rem;margin-bottom:2rem}.tech-tags span{background-color:rgba(36,26,23,0.6);border:1px solid var(--border-color);padding:0.4rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:500;color:var(--text-secondary);backdrop-filter:blur(4px)}.clickable-tag{background-color:rgba(36,26,23,0.6);border:1px solid var(--border-color);padding:0.4rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:500;color:var(--text-secondary);backdrop-filter:blur(4px);transition:transform 0.2s ease,border-color 0.2s ease}.clickable-tag:hover{cursor:pointer;transform:translateY(-2px);border-color:var(--primary-color)}.scroll-indicator{position:absolute;left:50%;transform:translateX(-50%);bottom:3rem}.scroll-indicator a{color:var(--text-secondary);transition:color 0.3s ease,transform 0.3s ease}.scroll-indicator a:hover{color:var(--primary-color);transform:translateY(5px)}.scroll-indicator svg{animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.philosophy-section{width:100%;max-width:700px;margin:0 auto;text-align:center;display:flex;flex-direction:column;justify-content:center;height:100vh;height:100dvh;padding:2rem;position:relative}.philosophy-section h2{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:2rem}.philosophy-section p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.philosophy-section p:last-of-type{margin-top:1rem;color:var(--text-primary)}footer{position:relative;z-index:1;width:100%;text-align:center;color:var(--text-secondary);font-size:0.9rem;display:flex;flex-direction:column;gap:1.5rem;scroll-snap-align:start}.social-links{display:flex;justify-content:center;gap:1.5rem}.social-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.3s ease}.social-links a:hover{color:var(--primary-color)}.hero-section,.philosophy-section,.minigames-section{scroll-snap-align:start;width:100%}.snap-container{height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.snap-container::-webkit-scrollbar{display:none}.hero-section,.philosophy-section{scroll-snap-align:start}.main-navigation{position:fixed;top:50%;right:30px;transform:translateY(-50%);z-index:1001}.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.nav-dot{display:block;width:12px;height:12px;background-color:rgba(245,234,221,0.3);border-radius:50%;position:relative;transition:all 0.3s ease}.nav-dot:hover{background-color:var(--primary-color);transform:scale(1.2)}.nav-dot.active{background-color:var(--primary-color);transform:scale(1.5);box-shadow:0 0 10px var(--primary-color)}.nav-dot.active::before{opacity:1;transform:translateY(-50%) scale(1)}.nav-dot::before{content:attr(data-label);position:absolute;top:50%;right:25px;transform:translateY(-50%) scale(0.9);background-color:var(--glass-bg);color:var(--text-primary);padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:all 0.3s ease}.nav-dot:hover::before{opacity:1;transform:translateY(-50%) scale(1)}.nav-dot.active::before{opacity:1;transform:translateY(-50%) scale(1)}@media (max-width:1250px){.main-navigation ul{visibility:collapse}}.footer-content{width:100%;max-width:1100px;padding:0 2rem;margin:0 auto}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding-bottom:3rem;border-bottom:1px solid var(--border-color)}.footer-column h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem}.footer-column a{color:var(--text-secondary);text-decoration:none;transition:color 0.2s ease,padding-left 0.2s ease}.footer-column a:hover{color:var(--primary-color);padding-left:5px}.brand-column .footer-logo{height:60px;width:auto;margin-bottom:1rem}.brand-column p{color:var(--text-secondary);font-style:italic;max-width:250px}.footer-bottom{padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:0.9rem;color:var(--text-secondary)}.legal-links{display:flex;gap:1.5rem}.legal-links a{color:var(--text-secondary);text-decoration:none;transition:color 0.2s ease}.legal-links a:hover{color:var(--text-primary)}@media (max-width:768px){.footer-main{text-align:center}.brand-column{align-items:center;display:flex;flex-direction:column}.footer-bottom{flex-direction:column;justify-content:center;text-align:center}}.patch-timeline{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;position:relative}.patch-timeline::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-color),transparent);z-index:0}.patch-card{background:var(--glass-bg);border:1px solid var(--border-color);backdrop-filter:blur(8px);border-radius:16px;padding:1.5rem;position:relative;transition:all 0.4s ease;margin-left:4rem;opacity:0;transform:translateX(50px);animation:slideInPatch 0.8s ease forwards}.patch-card:nth-child(1){animation-delay:0.1s}.patch-card:nth-child(2){animation-delay:0.3s}.patch-card:nth-child(3){animation-delay:0.5s}@keyframes slideInPatch{to{opacity:1;transform:translateX(0)}}.patch-card::before{content:'';position:absolute;left:-4.5rem;top:2rem;width:16px;height:16px;background:var(--primary-color);border-radius:50%;border:3px solid var(--background-dark);box-shadow:0 0 15px var(--primary-color);z-index:2}.patch-card.latest::before{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.patch-card:hover{transform:translateX(10px);border-color:var(--primary-color);box-shadow:0 10px 40px rgba(255,140,26,0.2)}.patch-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.patch-version{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-shadow:0 0 10px rgba(255,140,26,0.3)}.patch-date{color:var(--text-secondary);font-weight:500;font-size:0.95rem}.patch-badge{background:var(--primary-color);color:var(--background-dark);padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.latest-badge{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,100%{opacity:1}50%{opacity:0.8}}.patch-content{display:flex;flex-direction:column;gap:1.5rem}.patch-category h4{font-size:1.1rem;font-weight:600;margin-bottom:0.8rem;display:flex;align-items:center;gap:0.5rem}.patch-category.additions h4{color:#4ade80}.patch-category.improvements h4{color:#60a5fa}.patch-category.fixes h4{color:#f97316}.patch-category ul{list-style:none;padding-left:0;margin:0}.patch-category li{color:var(--text-secondary);line-height:1.6;margin-bottom:0.5rem;padding-left:1.2rem;position:relative}.patch-category.additions li::before{content:'+';color:#4ade80;font-weight:bold;position:absolute;left:0}.patch-category.improvements li::before{content:'→';color:#60a5fa;font-weight:bold;position:absolute;left:0}.patch-category.fixes li::before{content:'⚡';position:absolute;left:0}.load-more-container{display:flex;justify-content:center;margin-bottom:3rem}.load-more-btn{background:linear-gradient(45deg,var(--glass-bg),rgba(25,18,16,0.8));border:2px solid var(--border-color);color:var(--text-primary);padding:1rem 2rem;border-radius:12px;font-weight:600;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;transition:background-color 0.3s ease;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(8px)}.load-more-btn:hover{border-color:var(--primary-color);background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:var(--background-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,140,26,0.3)}@media (max-width:768px){.patch-timeline::before{left:28px}.patch-card{margin-left:2.5rem}.patch-card::before{left:-3rem}.patch-header{flex-direction:column;align-items:flex-start;gap:0.5rem}.patch-content{gap:1rem}}.patchnotes-section{width:100%;padding:4rem 2rem;height:100vh;height:100dvh;display:flex;flex-direction:column;scroll-snap-align:start;overflow:hidden}.patchnotes-section h2{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase;letter-spacing:0.1em;flex-shrink:0}.patch-container{flex:1;overflow-y:auto;padding-right:1rem;scrollbar-width:none;-ms-overflow-style:none}.patch-container::-webkit-scrollbar{display:none}.patch-timeline{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;position:relative;padding-bottom:2rem}.details-btn{margin-top:1rem;padding:0.7rem 1.2rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem;width:100%}.details-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,140,26,0.4)}.patch-card:hover .details-btn{background:linear-gradient(45deg,var(--secondary-color),var(--primary-color))}.patches-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.loading-spinner-small{width:30px;height:30px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.patch-card-generated{background:var(--glass-bg);border:1px solid var(--border-color);backdrop-filter:blur(8px);border-radius:16px;padding:2rem;position:relative;transition:all 0.4s ease;margin-left:4rem;opacity:0;transform:translateX(50px);animation:slideInPatch 0.8s ease forwards;cursor:pointer}.patch-card-generated:hover{transform:translateX(10px);border-color:var(--primary-color);box-shadow:0 10px 40px rgba(255,140,26,0.2)}.patch-header-preview{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.patch-header-left{display:flex;align-items:center;gap:1rem}.patch-summary-preview{color:var(--text-secondary);font-size:0.95rem;line-height:1.5;margin-bottom:1.5rem}.patch-categories-preview{display:flex;flex-direction:column;gap:1rem}.category-preview{display:flex;flex-direction:column;gap:0.5rem}.category-preview h4{font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:0.5rem}.category-preview.additions h4{color:#4ade80}.category-preview.improvements h4{color:#60a5fa}.category-preview.fixes h4{color:#f97316}.category-preview ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.3rem}.category-preview li{color:var(--text-secondary);font-size:0.9rem;padding-left:1.2rem;position:relative;line-height:1.4}.category-preview.additions li::before{content:'+';color:#4ade80;font-weight:bold;position:absolute;left:0}.category-preview.improvements li::before{content:'→';color:#60a5fa;font-weight:bold;position:absolute;left:0}.category-preview.fixes li::before{content:'⚡';position:absolute;left:0}.patch-actions{display:flex;gap:1rem;margin-top:1.5rem;align-items:center}.view-details-btn{flex:1;padding:0.8rem 1.5rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;text-align:center;font-size:0.9rem}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,140,26,0.4);color:white}.quick-modal-btn{padding:0.8rem 1rem;background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem}.quick-modal-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width:768px){.patch-header-preview{flex-direction:column;align-items:flex-start}.patch-actions{flex-direction:column}.view-details-btn,.quick-modal-btn{width:100%}}new{display:none}soon{display:none}