* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;font-family:'Arial', sans-serif;margin:0;padding:0;}html{scroll-behavior:smooth;}.project-card:hover .project-card__image{transform:scale(1.05);}.service-card:hover .service-card__icon{transform:scale(1.1) rotate(5deg);}.process-step__content strong{color:#1a1a1a;display:block;font-size:1.2rem;margin-bottom:0.5rem;}.process-step__content p{color:#666;line-height:1.6;margin:0;}.game-hero h1{color:var(--dark);font-size:2.5rem;margin-bottom:1rem;}.game-hero p{color:var(--teal);font-size:1.1rem;margin:0 auto 2rem;max-width:700px;}.game-description h2{border-bottom:2px solid var(--beige);color:var(--burgundy);padding-bottom:0.5rem;}.roadmap h2{border-bottom:2px solid var(--beige);color:var(--bg-color);font-size:2rem;margin-bottom:2rem;padding-bottom:0.5rem;text-align:center;}.roadmap-item{background-color:rgba(255, 255, 255, 0.1);border-bottom:1px dashed var(--beige);border-left:4px solid var(--header-color);border-radius:4px;margin-bottom:1rem;padding:1rem;padding-bottom:1.5rem;}.roadmap-item:last-child{border-bottom:none;}.roadmap-item h3{color:var(--text-color);font-size:1.3rem;margin-bottom:0.5rem;}body{background-color:var(--bg-color);color:var(--text-color);font-family:'Arial', sans-serif;line-height:1.6;margin:0;overflow-x:hidden;padding:0;}header{align-items:center;backdrop-filter:blur(10px);background-color:var(--header-color);box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);color:var(--light);display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;transition:all 0.3s ease;z-index:100;}.logo{color:var(--bg-color);font-size:1.5rem;font-weight:bold;text-decoration:none;}nav a{color:var(--bg-color);font-weight:500;margin:0 1rem;text-decoration:none;transition:color 0.3s ease;}.game-hero img{border-radius:10px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);height:auto;max-width:100%;}footer{background-color:var(--footer-text-color);border-top:1px solid rgba(114, 186, 169, 0.2);color:var(--text-color);font-size:0.9rem;margin-top:2rem;padding:2rem;text-align:center;}:root{--accent-color:#8E44AD;--accent-light:#D5E7B5;--accent-teal:#72BAA9;--bg-color:#6E1A37;--bg-very-dark:#612D53;--button-color:#612D53;--card-bg:#f8f8f8;--card-text:#333;--community-bg:#3A2B3E;--footer-bg:#1A1A1A;--footer-text:#F3F4F4;--footer-text-color:#1A1A1A;--form-bg:#2A1B2E;--header-color:#72BAA9;--highlight-color:#D5E7B5;--input-bg:#3A2B3E;--neutral-bg:#f0f0f0;--neutral-text:#666;--placeholder-bg:#1a1a2e;--project-bg:#2A1B2E;--section-bg:#2A1B2E;--text-color:#F3F4F4;--text-dark:#1a1a1a;--text-gray:#aaa;--text-light:#F3F4F4;undefined:undefined;}nav ul{display:flex;gap:2rem;list-style:none;}nav a:hover{color:var(--highlight-color);}.hero h1{color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem;}.hero p{color:var(--text-gray);font-size:1.2rem;margin:0 auto;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;}.project-info h3{color:var(--bg-color);font-size:1.3rem;margin-bottom:0.5rem;}.project-info p{color:var(--footer-text-color);font-size:0.9rem;}.roadmap-step h3{color:var(--text-light);margin-bottom:0.5rem;}.roadmap p{color:var(--text-gray);font-size:1rem;}.social-buttons h3{color:var(--accent-teal);font-size:1.5rem;margin-bottom:2rem;}.footer-text a{color:var(--accent-teal);text-decoration:none;}.footer-text a:hover{text-decoration:underline;}.roadmap-step, .hero h1, .hero p, .roadmap h2{animation:fadeInUp 0.8s ease-out forwards;}nav ul li a{color:var(--footer-text);font-weight:500;text-decoration:none;transition:color 0.3s;}nav ul li a:hover{color:var(--highlight-color);}main{margin:0 auto;max-width:1200px;padding:2rem;}.projects h2{font-size:2rem;margin-bottom:2rem;text-align:center;}.project-card img{height:200px;object-fit:cover;width:100%;}.project-card h3{font-size:1.5rem;margin-bottom:1rem;}.project-card p{margin-bottom:1rem;}.roadmap-steps li{background-color:rgba(255, 255, 255, 0.1);border-radius:5px;margin-bottom:1rem;padding:1rem;transition:background-color 0.3s;}.roadmap-steps li:hover{background-color:rgba(255, 255, 255, 0.2);}.socials h2{font-size:2rem;margin-bottom:2rem;}footer a{color:var(--highlight-color);text-decoration:none;}footer a:hover{text-decoration:underline;}.itch-btn{background-color:var(--button-color);border-radius:4px;color:var(--text-color);font-weight:bold;padding:0.5rem 1rem;text-decoration:none;transition:background-color 0.3s ease;}.itch-btn:hover{background-color:var(--highlight-color);color:var(--bg-color);}.roadmap-step p{font-size:0.9rem;}.full-roadmap a{color:var(--button-color);font-weight:bold;text-decoration:none;}.page-title{animation:fadeIn 1s ease-in-out;background-color:var(--bg-color);color:var(--highlight-color);font-size:2.5rem;margin-bottom:1rem;padding:3rem 2rem;text-align:center;}.back-link a{background-color:var(--button-color);border-radius:4px;color:var(--text-color);display:inline-block;font-weight:bold;padding:0.7rem 1.5rem;text-decoration:none;transition:background-color 0.3s ease;}.back-link a:hover{background-color:var(--highlight-color);color:var(--bg-color);}.project-header h3{color:var(--text-color);font-size:1.3rem;}.project-header span{color:var(--text-color);font-size:1.5rem;}.project-content img{border-radius:4px;margin-bottom:1rem;width:100%;}.project-content video{border-radius:4px;margin-bottom:1rem;width:100%;}.project-content p{font-size:1rem;margin-bottom:1rem;}.project-header h2{color:var(--bg-color);font-size:2rem;margin-bottom:0.5rem;}.project-content img, .project-content video{border-radius:4px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);width:100%;}.project-content .media{display:flex;flex-direction:column;gap:1rem;}.sticky-nav ul{display:flex;flex-direction:column;gap:0.5rem;list-style:none;}.sticky-nav a{background-color:var(--header-color);border-radius:4px;color:var(--text-color);display:block;font-weight:bold;padding:0.5rem;text-decoration:none;transition:background-color 0.3s ease;}.sticky-nav a:hover{background-color:var(--highlight-color);color:var(--bg-color);}.project-header p{color:var(--footer-text-color);font-size:1.1rem;font-weight:500;}.project-details ul{list-style-type:disc;padding-left:1.5rem;}.project-media img, .project-media video{border-radius:4px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);display:block;margin-bottom:1rem;width:100%;}.project-features h3{color:var(--header-color);font-size:1.3rem;margin-bottom:1rem;}.project-features ul{list-style-type:disc;padding-left:1.5rem;}.roadmap-container{background-color:#2a1b2e;border-radius:8px;margin-bottom:3rem;padding:2rem;}.roadmap-section{background-color:#2a1b2e;border-radius:8px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);margin-bottom:2rem;padding:1.5rem;}.roadmap-header{align-items:center;border-bottom:2px solid var(--header-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:0.5rem;}.roadmap-header h2{color:var(--highlight-color);font-size:1.8rem;}.roadmap-status{background-color:var(--header-color);border-radius:4px;color:var(--bg-color);font-size:0.9rem;font-weight:bold;padding:0.3rem 0.8rem;}.roadmap-item p{color:var(--text-color);font-size:1rem;}.roadmap-item.completed{border-left-color:var(--button-color);opacity:0.7;}.roadmap-item.in-progress{border-left-color:var(--highlight-color);}.roadmap-item.planned{border-left-color:var(--header-color);}.project-features li{margin-bottom:0.5rem;}.project-visual img{height:100%;object-fit:cover;width:100%;}.project-visual .placeholder{background-color:rgba(0, 0, 0, 0.5);border-radius:4px;color:var(--text-color);padding:1rem;position:absolute;}.form-group label{color:var(--header-color);font-weight:bold;margin-bottom:0.5rem;}.form-group input, .form-group textarea{background-color:var(--input-bg);border:1px solid rgba(255, 255, 255, 0.2);border-radius:4px;color:var(--text-color);font-family:inherit;padding:0.8rem;}.form-group input:focus, .form-group textarea:focus{background-color:rgba(58, 43, 62, 0.9);outline:2px solid var(--header-color);}.form-group textarea{min-height:150px;resize:vertical;}.social-section h2{color:var(--highlight-color);font-size:1.8rem;margin-bottom:1.5rem;}.social-card h3{color:var(--header-color);margin-bottom:0.8rem;}.business-info h2{color:var(--highlight-color);margin-bottom:1.5rem;}.info-item h3{color:var(--header-color);margin-bottom:0.5rem;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes float{0%, 100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@keyframes pulse{0%, 100%{transform:scale(1);}50%{transform:scale(1.05);}}@keyframes rotate-slow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes float-orb{0%, 100%{transform:translate(0, 0) scale(1);}50%{transform:translate(-30px, 30px) scale(1.1);}}@keyframes pulse-icon{0%, 100%{opacity:1;transform:scale(1);}50%{opacity:0.6;transform:scale(1.1);}}@keyframes float-window{0%, 100%{transform:translateY(0) scale(1);}50%{transform:translateY(-20px) scale(1.02);}}@keyframes line-appear{from{opacity:0;transform:translateX(-20px);}to{opacity:0.7;transform:translateX(0);}}@keyframes orbit-circle{0%, 100%{transform:translate(0, 0) rotate(0deg);}25%{transform:translate(20px, -10px) rotate(90deg);}50%{transform:translate(0, -20px) rotate(180deg);}75%{transform:translate(-20px, -10px) rotate(270deg);}}@keyframes orbit-square{0%, 100%{transform:translate(0, 0) rotate(0deg);}33%{transform:translate(-15px, 20px) rotate(120deg);}66%{transform:translate(25px, 15px) rotate(240deg);}}@keyframes twinkle{0%{opacity:0.3;}100%{opacity:1;}}@keyframes shimmer{0%{opacity:0.2;}100%{opacity:0.8;}}@keyframes orbit{0%{transform:translate(-50%, -50%) rotate(0deg) translateX(80px) rotate(0deg);}100%{transform:translate(-50%, -50%) rotate(360deg) translateX(80px) rotate(-360deg);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@media (max-width: 768px){nav ul{flex-wrap:wrap;gap:1rem;justify-content:center;}.hero h1{font-size:2.5rem;}.hero p{font-size:1rem;}header{flex-direction:column;gap:1rem;}.sticky-nav ul{flex-direction:row;flex-wrap:wrap;justify-content:center;}}@keyframes float-1{0%, 100%{transform:translate(0, 0) rotate(0deg);}25%{transform:translate(20px, -20px) rotate(5deg);}50%{transform:translate(-10px, 20px) rotate(-5deg);}75%{transform:translate(15px, 10px) rotate(3deg);}}@keyframes float-card-1{0%, 100%{transform:translate(0, 0) rotate(0deg);}25%{transform:translate(15px, -15px) rotate(2deg);}50%{transform:translate(-10px, 10px) rotate(-2deg);}75%{transform:translate(10px, 5px) rotate(1deg);}}@keyframes float-2{0%, 100%{transform:translate(0, 0) rotate(0deg);}33%{transform:translate(-15px, 25px) rotate(-8deg);}66%{transform:translate(25px, -15px) rotate(8deg);}}@keyframes float-card-2{0%, 100%{transform:translate(0, 0) rotate(0deg);}33%{transform:translate(-20px, 15px) rotate(-3deg);}66%{transform:translate(15px, -10px) rotate(3deg);}}@keyframes float-3{0%, 100%{transform:translate(0, 0) scale(1);}50%{transform:translate(10px, -30px) scale(1.1);}}@keyframes float-card-3{0%, 100%{transform:translate(0, 0) rotate(0deg);}50%{transform:translate(20px, -20px) rotate(4deg);}}