@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--soil-dark: #3d2914;--soil: #5c4023;--grass-dark: #2d5016;--grass: #4a7c23;--grass-light: #7cb342;--wheat: #d4a853;--wheat-light: #f0d58c;--sky: #87ceeb;--sky-light: #b8e4f9;--sunset: #ff7f50;--sunset-pink: #ffb6c1;--wood: #8b5a2b;--wood-light: #b8860b;--cream: #fef9e7;--white: #fefefe;--pixel-shadow: #1a1a2e;--joy-color: #ff6b9d;--tim-color: #4ecdc4;--daniel-color: #ffe66d;--pixel-color: #c9a0dc}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:VT323,monospace;background:linear-gradient(180deg,var(--sky-light) 0%,var(--sky) 30%,var(--grass-light) 70%,var(--grass) 100%);min-height:100vh;color:var(--soil-dark);image-rendering:pixelated;overflow-x:hidden}.pixel-border{border:4px solid var(--soil-dark);box-shadow:4px 4px 0 var(--soil-dark),-4px -4px 0 var(--wheat-light) inset}.pixel-border-light{border:4px solid var(--wood);box-shadow:4px 4px 0 var(--wood),-4px -4px 0 var(--cream) inset}.app{position:relative}.clouds{position:fixed;top:0;left:0;width:100%;height:200px;pointer-events:none;overflow:hidden;z-index:0}.cloud{position:absolute;background:var(--white);border-radius:4px;animation:float-cloud linear infinite;box-shadow:0 8px 0 var(--white),8px 8px 0 var(--white),16px 0 0 var(--white),16px 8px 0 var(--white),-8px 8px 0 var(--white),24px 8px 0 var(--white)}.cloud:nth-child(1){width:32px;height:16px;top:40px;animation-duration:25s}.cloud:nth-child(2){width:48px;height:24px;top:80px;animation-duration:35s;animation-delay:-10s}.cloud:nth-child(3){width:24px;height:12px;top:30px;animation-duration:20s;animation-delay:-5s}@keyframes float-cloud{0%{left:-100px}to{left:calc(100% + 100px)}}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--wood);border-bottom:4px solid var(--soil-dark);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 0 var(--soil-dark)}.nav-logo{font-family:"Press Start 2P",cursive;font-size:14px;color:var(--wheat-light);text-shadow:2px 2px 0 var(--soil-dark);display:flex;align-items:center;gap:12px}.goldfinch{display:inline-block;vertical-align:middle;animation:hop .6s ease-in-out infinite alternate}.goldfinch svg{display:block}.nav-logo .goldfinch{width:28px;height:28px}.hero-goldfinch{width:56px;height:56px;margin-right:12px}@keyframes hop{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-4px) rotate(3deg)}}.nav-links{display:flex;gap:24px;list-style:none}.nav-links a{font-family:"Press Start 2P",cursive;font-size:10px;color:var(--cream);text-decoration:none;padding:8px 16px;background:var(--grass);border:3px solid var(--soil-dark);transition:all .1s;box-shadow:3px 3px 0 var(--soil-dark)}.nav-links a:hover{background:var(--grass-light);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--soil-dark)}.nav-links a:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--soil-dark)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 24px 60px;position:relative;z-index:1}.hero-content{background:var(--cream);padding:48px 64px;border:6px solid var(--soil-dark);box-shadow:8px 8px 0 var(--soil-dark),-6px -6px 0 var(--wheat-light) inset;position:relative;max-width:800px}.hero-content:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid var(--soil-dark)}.hero h1{font-family:"Press Start 2P",cursive;font-size:clamp(24px,5vw,48px);color:var(--grass-dark);text-shadow:4px 4px 0 var(--wheat),-2px -2px 0 var(--grass-light);margin-bottom:16px;line-height:1.4}.hero .tagline{font-family:VT323,monospace;font-size:clamp(20px,3vw,32px);color:var(--wood);margin-bottom:32px}.hero .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.pixel-btn{font-family:"Press Start 2P",cursive;font-size:12px;padding:16px 32px;border:4px solid var(--soil-dark);cursor:pointer;transition:all .1s;text-decoration:none;display:inline-block}.pixel-btn-primary{background:var(--grass);color:var(--cream);box-shadow:6px 6px 0 var(--soil-dark)}.pixel-btn-primary:hover{background:var(--grass-light);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--soil-dark)}.pixel-btn-secondary{background:var(--wheat);color:var(--soil-dark);box-shadow:6px 6px 0 var(--soil-dark)}.pixel-btn-secondary:hover{background:var(--wheat-light);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--soil-dark)}.pixel-btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--soil-dark)}.ground-decoration{position:absolute;bottom:0;left:0;right:0;height:120px;background:repeating-linear-gradient(90deg,var(--grass) 0px,var(--grass) 16px,var(--grass-dark) 16px,var(--grass-dark) 32px);border-top:8px solid var(--grass-dark)}.ground-decoration:before{content:"";position:absolute;top:8px;left:0;right:0;height:100%;background:repeating-linear-gradient(90deg,var(--soil) 0px,var(--soil) 16px,var(--soil-dark) 16px,var(--soil-dark) 32px)}.crops{position:absolute;bottom:100px;left:0;right:0;height:60px;display:flex;justify-content:center;gap:40px;z-index:2}.crop{font-size:40px;animation:sway 2s ease-in-out infinite}.crop:nth-child(odd){animation-delay:-1s}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.about{padding:80px 24px;background:linear-gradient(180deg,var(--grass) 0%,var(--soil) 100%);position:relative;z-index:1}.section-title{font-family:"Press Start 2P",cursive;font-size:clamp(18px,3vw,28px);color:var(--wheat-light);text-shadow:3px 3px 0 var(--soil-dark);text-align:center;margin-bottom:48px}.about-content{max-width:800px;margin:0 auto;background:var(--cream);padding:40px;border:6px solid var(--soil-dark);box-shadow:8px 8px 0 var(--soil-dark)}.about-content p{font-size:24px;line-height:1.6;color:var(--soil-dark);margin-bottom:20px}.about-content p:last-child{margin-bottom:0}.highlight{color:var(--grass-dark);font-weight:700;background:var(--wheat-light);padding:2px 8px}.team{padding:80px 24px;background:linear-gradient(180deg,var(--soil) 0%,var(--wood) 100%);position:relative;z-index:1}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}@media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.team-grid{grid-template-columns:1fr}}.team-card{background:var(--cream);border:5px solid var(--soil-dark);box-shadow:6px 6px 0 var(--soil-dark);padding:24px 16px;text-align:center;transition:all .2s}.team-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--soil-dark)}.pixel-avatar{width:96px;height:96px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.pixel-avatar svg{image-rendering:pixelated;filter:drop-shadow(2px 2px 0 var(--soil-dark))}.team-card-queen{background:linear-gradient(135deg,var(--cream) 0%,#e8e8f0 100%);border-color:#8888a0;box-shadow:6px 6px #8888a0}.team-card-queen:hover{box-shadow:9px 9px #8888a0}.team-card h3{font-family:"Press Start 2P",cursive;font-size:16px;color:var(--grass-dark);margin-bottom:12px;text-shadow:2px 2px 0 var(--wheat-light)}.team-card .role{font-size:20px;color:var(--wood);background:var(--wheat-light);display:inline-block;padding:4px 12px;border:2px solid var(--soil-dark)}.game{padding:80px 24px;background:linear-gradient(180deg,var(--wood) 0%,var(--sky-light) 50%,var(--grass-light) 100%);position:relative;z-index:1}.game-showcase{max-width:900px;margin:0 auto}.game-card{background:var(--cream);border:8px solid var(--soil-dark);box-shadow:12px 12px 0 var(--soil-dark);overflow:hidden}.game-preview{background:linear-gradient(180deg,var(--sky) 0%,var(--grass-light) 60%,var(--soil) 100%);height:300px;position:relative;border-bottom:6px solid var(--soil-dark);display:flex;align-items:center;justify-content:center;overflow:hidden}.game-preview-content{text-align:center;z-index:2}.game-preview h2{font-family:"Press Start 2P",cursive;font-size:clamp(24px,5vw,40px);color:var(--cream);text-shadow:4px 4px 0 var(--grass-dark),-2px -2px 0 var(--wheat);margin-bottom:16px}.game-preview .coming-soon{font-family:"Press Start 2P",cursive;font-size:14px;color:var(--wheat-light);background:var(--grass-dark);padding:8px 16px;border:3px solid var(--soil-dark);display:inline-block;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.farm-scene{position:absolute;bottom:0;left:0;right:0;height:150px;display:flex;justify-content:space-around;align-items:flex-end;padding:0 40px}.farm-element{font-size:48px;animation:bounce 1s ease-in-out infinite}.farm-element:nth-child(1){animation-delay:0s}.farm-element:nth-child(2){animation-delay:.2s}.farm-element:nth-child(3){animation-delay:.4s}.farm-element:nth-child(4){animation-delay:.6s}.farm-element:nth-child(5){animation-delay:.8s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-info{padding:32px}.game-info h3{font-family:"Press Start 2P",cursive;font-size:18px;color:var(--grass-dark);margin-bottom:16px}.game-info p{font-size:22px;line-height:1.6;color:var(--soil-dark);margin-bottom:24px}.game-features{display:flex;flex-wrap:wrap;gap:12px}.feature-tag{font-family:"Press Start 2P",cursive;font-size:10px;padding:8px 16px;background:var(--grass-light);color:var(--soil-dark);border:3px solid var(--soil-dark);box-shadow:3px 3px 0 var(--soil-dark)}footer{background:var(--soil-dark);padding:40px 24px;text-align:center;position:relative;z-index:1}footer p{font-family:"Press Start 2P",cursive;font-size:10px;color:var(--wheat-light);margin-bottom:16px}.social-links{display:flex;justify-content:center;gap:16px}.social-link{width:48px;height:48px;background:var(--grass);border:3px solid var(--wheat-light);display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .1s;box-shadow:3px 3px 0 var(--wheat-light)}.social-link:hover{background:var(--grass-light);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--wheat-light)}.pixel-divider{height:16px;background:repeating-linear-gradient(90deg,var(--wheat) 0px,var(--wheat) 8px,var(--grass) 8px,var(--grass) 16px);border-top:4px solid var(--soil-dark);border-bottom:4px solid var(--soil-dark)}@media(max-width:768px){nav{flex-direction:column;gap:16px}.nav-links{gap:12px}.nav-links a{font-size:8px;padding:6px 12px}.hero-content{padding:32px 24px}.pixel-btn{font-size:10px;padding:12px 20px}.team-grid{grid-template-columns:1fr}.crops{gap:20px}.crop{font-size:28px}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.03;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px)}.team-card:hover .pixel-avatar{animation:wiggle .5s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}section{scroll-margin-top:80px}nav.scrolled{background:#8b5a2bf2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-card:hover .farm-element{animation:bounce .5s ease-in-out infinite}.feature-tag{transition:all .1s ease}.feature-tag:hover{background:#4a7c23;color:#fef9e7;transform:translate(-2px,-2px);box-shadow:5px 5px #3d2914}.social-link:active{transform:translate(2px,2px);box-shadow:1px 1px #f0d58c}@media(max-width:600px){.nav-links{flex-wrap:wrap;justify-content:center}.hero .cta-buttons{flex-direction:column;align-items:center}.pixel-btn{width:100%;max-width:250px;text-align:center}}@media(prefers-reduced-motion:reduce){.cloud,.crop,.goldfinch,.farm-element,.coming-soon{animation:none}*{transition-duration:.01ms!important}}
