/* assets/css/main.css - Built: 2025-09-03T07-53-12 */
:root{--primary-green:#4CAF50;--secondary-green:#2E7D32;--accent-yellow:#FFC107;--accent-orange:#FF9800;--text-dark:#1f1235;--text-light:#666;--text-muted:#999;--text-white:#FFFFFF;--bg-white:#FFFFFF;--bg-light:#f8f9fa;--bg-dark:#1a1a1a;--bg-gradient:linear-gradient(135deg,var(--primary-green),var(--secondary-green));--grid-size:20px;--block-size:40px;--grid-color:rgba(76,175,80,0.1);--grid-color-dark:rgba(76,175,80,0.2);--block-border:2px solid var(--primary-green);--block-shadow:0 4px 8px rgba(0,0,0,0.1);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--spacing-2xl:6rem;--border-radius:0px;--border-radius-sm:0px;--border-radius-lg:0px;--box-shadow:0 4px 16px rgba(0,0,0,0.1);--box-shadow-hover:0 8px 32px rgba(0,0,0,0.15);--transition:0.3s ease;--transition-fast:0.15s ease;--transition-slow:0.5s ease;--font-primary:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--container-max-width:1200px;--navbar-height:80px;--section-padding:5rem 0;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height);font-size:16px;}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-dark);background:var(--bg-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);z-index:-1;pointer-events:none;}.block-pattern{background-image:linear-gradient(var(--grid-color-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color-dark) 1px,transparent 1px);background-size:var(--block-size) var(--block-size);position:relative;}.block-pattern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 45deg,transparent,transparent 2px,var(--grid-color) 2px,var(--grid-color) 4px );opacity:0.3;pointer-events:none;}.square-card{background:var(--bg-white);border:var(--block-border);box-shadow:var(--block-shadow);padding:var(--spacing-md);position:relative;transition:all var(--transition);overflow:hidden;}.square-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-green);}.square-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-hover);border-color:var(--secondary-green);}.square-card.small{padding:var(--spacing-sm);}.square-card.large{padding:var(--spacing-lg);}.grid-container{display:grid;gap:var(--spacing-md);width:100%;}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}.block-section{position:relative;padding:var(--section-padding);background:var(--bg-white);border-bottom:var(--block-border);}.block-section:nth-child(even){background:var(--bg-light);}.block-section::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:var(--primary-green);}.btn-square{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-green);color:var(--text-white);border:var(--block-border);text-align:center;text-transform:uppercase;font-weight:600;letter-spacing:1px;transition:all var(--transition);position:relative;overflow:hidden;}.btn-square::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left var(--transition-slow);}.btn-square:hover{background:var(--secondary-green);transform:translateY(-2px);box-shadow:var(--box-shadow-hover);}.btn-square:hover::before{left:100%;}.btn-square.secondary{background:transparent;color:var(--primary-green);border-color:var(--primary-green);}.btn-square.secondary:hover{background:var(--primary-green);color:var(--text-white);}.navbar{background:var(--bg-white);border-bottom:var(--block-border);box-shadow:var(--box-shadow);position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-height);}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md);}.nav-brand{display:flex;align-items:center;}.nav-brand .logo{height:50px;width:auto;border:var(--block-border);padding:4px;background:var(--bg-white);}.nav-links{display:flex;gap:var(--spacing-md);list-style:none;margin:0;padding:0;}.nav-links li{margin:0;}.nav-links a{padding:var(--spacing-sm) var(--spacing-md);border:var(--block-border);background:var(--bg-white);color:var(--text-dark);text-transform:uppercase;font-weight:600;letter-spacing:1px;transition:all var(--transition);display:block;text-decoration:none;}.nav-links a:hover,.nav-links a.active{background:var(--primary-green);color:var(--text-white);transform:translateY(-2px);}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-white);position:relative;overflow:hidden;}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--grid-color) 25%,transparent 25%),linear-gradient(-45deg,var(--grid-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--grid-color) 75%),linear-gradient(-45deg,transparent 75%,var(--grid-color) 75%);background-size:var(--block-size) var(--block-size);background-position:0 0,0 calc(var(--block-size) / 2),calc(var(--block-size) / 2) calc(-1 * var(--block-size) / 2),calc(-1 * var(--block-size) / 2) 0px;opacity:0.3;animation:blockMove 20s linear infinite;}@keyframes blockMove{0%{transform:translate(0,0);}100%{transform:translate(var(--block-size),var(--block-size));}}.hero-content{text-align:center;z-index:2;position:relative;background:var(--bg-white);border:var(--block-border);padding:var(--spacing-xl);box-shadow:var(--box-shadow);opacity:0;transform:translateY(30px);transition:all 0.8s ease;}.hero h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);color:var(--primary-green);text-transform:uppercase;letter-spacing:2px;}.hero p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--text-light);}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;}.characters{padding:var(--section-padding);background:var(--bg-light);}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);}.character-card{background:var(--bg-white);border:var(--block-border);padding:var(--spacing-lg);position:relative;transition:all var(--transition);}.character-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:var(--primary-green);}.character-card:hover{transform:translateY(-8px);box-shadow:var(--box-shadow-hover);}.character-image{width:100%;height:200px;background:var(--grid-color);border:var(--block-border);margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all var(--transition);}.character-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(var(--grid-color-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color-dark) 1px,transparent 1px);background-size:20px 20px;}.character-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md);}.stat-item{background:var(--bg-light);border:1px solid var(--grid-color);padding:var(--spacing-sm);text-align:center;font-size:var(--font-size-sm);font-weight:600;}.screenshots{padding:var(--section-padding);background:var(--bg-white);}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-xl);}.screenshot-item{position:relative;border:var(--block-border);overflow:hidden;transition:all var(--transition);}.screenshot-item:hover{transform:scale(1.05);box-shadow:var(--box-shadow-hover);}.screenshot-item img{width:100%;height:200px;object-fit:cover;display:block;}.community{padding:var(--section-padding);background:var(--bg-light);}.community-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);}.stat-block{background:var(--bg-white);border:var(--block-border);padding:var(--spacing-lg);text-align:center;position:relative;}.stat-block::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-yellow);}.stat-number{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary-green);margin-bottom:var(--spacing-sm);}.contact{padding:var(--section-padding);background:var(--bg-white);}.contact-form{max-width:600px;margin:0 auto;background:var(--bg-white);border:var(--block-border);padding:var(--spacing-xl);box-shadow:var(--box-shadow);}.form-group{margin-bottom:var(--spacing-md);}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:var(--block-border);background:var(--bg-white);font-family:inherit;transition:all var(--transition);}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-green);box-shadow:0 0 0 3px rgba(76,175,80,0.1);}.footer{background:var(--bg-dark);color:var(--text-white);padding:var(--spacing-xl) 0;border-top:var(--block-border);}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md);}.footer-section{border:1px solid rgba(255,255,255,0.1);padding:var(--spacing-md);}.footer-section h3{color:var(--primary-green);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px;}.footer-section ul{list-style:none;}.footer-section ul li{margin-bottom:var(--spacing-sm);}.footer-section ul li a{color:var(--text-white);transition:color var(--transition);}.footer-section ul li a:hover{color:var(--primary-green);}.legal-content{padding-top:calc(var(--navbar-height) + var(--spacing-lg));min-height:100vh;background:var(--bg-white);}.legal-header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0;background:var(--bg-light);border:var(--block-border);}.legal-header h1{font-size:var(--font-size-4xl);color:var(--primary-green);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:2px;}.legal-header p{font-size:var(--font-size-lg);color:var(--text-light);}.legal-sections{max-width:800px;margin:0 auto;}.legal-section{background:var(--bg-white);border:var(--block-border);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--block-shadow);position:relative;}.legal-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-green);}.legal-section h2{font-size:var(--font-size-3xl);color:var(--primary-green);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px;}.legal-section h3{font-size:var(--font-size-xl);color:var(--text-dark);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:600;}.legal-section p{margin-bottom:var(--spacing-md);line-height:1.7;}.legal-section ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg);}.legal-section ul li{margin-bottom:var(--spacing-sm);line-height:1.6;}.last-updated{font-style:italic;color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);}.contact-info{background:var(--bg-light);border:1px solid var(--grid-color);padding:var(--spacing-lg);margin-top:var(--spacing-lg);}.contact-info p{margin-bottom:var(--spacing-sm);}.contact-info strong{color:var(--primary-green);}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-sm);}.section{padding:var(--section-padding);}.text-center{text-align:center;}.mb-1{margin-bottom:var(--spacing-xs);}.mb-2{margin-bottom:var(--spacing-sm);}.mb-3{margin-bottom:var(--spacing-md);}.mb-4{margin-bottom:var(--spacing-lg);}.mb-5{margin-bottom:var(--spacing-xl);}.mt-1{margin-top:var(--spacing-xs);}.mt-2{margin-top:var(--spacing-sm);}.mt-3{margin-top:var(--spacing-md);}.mt-4{margin-top:var(--spacing-lg);}.mt-5{margin-top:var(--spacing-xl);}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}.fade-in-up{animation:fadeInUp 0.6s ease-out;}.fade-in-left{animation:fadeInLeft 0.6s ease-out;}.fade-in-right{animation:fadeInRight 0.6s ease-out;}@media (max-width:768px){:root{--grid-size:15px;--block-size:30px;--section-padding:3rem 0;}.navbar .nav-links{display:none;}.hero h1{font-size:var(--font-size-3xl);}.hero-buttons{flex-direction:column;align-items:center;}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}.character-grid{grid-template-columns:1fr;}.community-stats{grid-template-columns:repeat(2,1fr);}.legal-content{padding-top:calc(var(--navbar-height) + var(--spacing-md));}.legal-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-md);}.legal-header h1{font-size:var(--font-size-3xl);}.legal-section h2{font-size:var(--font-size-2xl);}}@media (max-width:480px){:root{--grid-size:10px;--block-size:20px;}.hero-content{padding:var(--spacing-md);}.community-stats{grid-template-columns:1fr;}.character-stats{grid-template-columns:1fr;}.legal-section{padding:var(--spacing-md);}.legal-header{padding:var(--spacing-md) 0;}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}@media (prefers-contrast:high){:root{--grid-color:rgba(76,175,80,0.3);--grid-color-dark:rgba(76,175,80,0.4);}}@media print{.navbar,.footer{display:none;}.block-section{break-inside:avoid;}.square-card{border:1px solid #000;box-shadow:none;}.hero::before{display:none;}body::before{display:none;}.legal-content{padding-top:0;}.legal-section{border:1px solid #000;box-shadow:none;}}