@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Fira+Code:wght@400;700&display=swap";:root{--bg-light: #e8d4a8;--bg-medium: #d4b896;--bg-tertiary: #c9a96e;--primary-brown: #8b5a2b;--dark-brown: #5c3a1e;--text-dark: #2c1810;--accent-orange: #c67c3b;--accent-orange-light: #d4935a;--accent-gold: #ffd89b;--text-light: #f4e4c1;--game-bg: #a7b682;--retro-green: #8b5a2b;--retro-bg-dark: #5c3a1e;--retro-bg-panel: #d4b896;--retro-bg-lighter: #e8d4a8;--retro-grid: rgba(139, 90, 43, .1);--retro-black: #2c1810;--retro-gray-dark: #5c3a1e;--retro-gray: #8b5a2b;--retro-gray-med: #c67c3b;--retro-gray-light: #d4b896;--retro-white: #f4e4c1;--retro-yellow: #ffd89b;--retro-red: #c67c3b;--font-ui: "Inter", sans-serif;--font-code: "Fira Code", monospace;--font-retro: "Press Start 2P", cursive;--ui-header-height: 56px;--ui-edge-gutter: 20px;--app-height: 100dvh;--app-width: 100vw}html,body{width:100%;min-height:var(--app-height);height:var(--app-height)}body{background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-ui);overflow:hidden;width:100%;height:var(--app-height);-webkit-user-select:none;user-select:none}.hidden{display:none!important}.pixel-border{border:4px solid var(--retro-white);box-shadow:-4px 0 0 0 var(--retro-black),4px 0 0 0 var(--retro-black),0 -4px 0 0 var(--retro-black),0 4px 0 0 var(--retro-black);background:var(--retro-bg-lighter)}.pixel-btn{background:var(--retro-gray);border:4px solid var(--retro-white);padding:8px;box-shadow:inset -4px -4px 0 0 var(--retro-bg-lighter),inset 4px 4px 0 0 var(--retro-gray-light);cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;pointer-events:auto;color:var(--retro-white);font-family:var(--font-retro)}.pixel-btn:active{box-shadow:inset 4px 4px 0 0 var(--retro-bg-lighter),inset -4px -4px 0 0 var(--retro-gray-light);transform:translateY(2px)}.pixel-btn.active{border-color:var(--retro-green);color:var(--retro-green)}.pixel-btn:hover:not(:disabled){border-color:var(--retro-green);box-shadow:inset -4px -4px 0 0 var(--retro-bg-lighter),inset 4px 4px 0 0 var(--retro-gray-light),0 0 12px #00ff414d}.custom-scrollbar::-webkit-scrollbar,*::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--retro-black)}.custom-scrollbar::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--retro-gray-light);border:2px solid var(--retro-white)}.custom-scrollbar::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--retro-gray-med)}.custom-scrollbar,*{scrollbar-width:thin;scrollbar-color:var(--retro-gray-light) var(--retro-black)}.text-retro-xs{font-size:6px}.text-retro-sm{font-size:7px}.text-retro-base{font-size:8px}.text-retro-md{font-size:9px}.text-retro-lg{font-size:10px}.blurred-variable-line,.blurred-variable-values{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;transition:filter .3s ease}:root{--bg-light: #e8d4a8;--bg-medium: #d4b896;--primary-brown: #8b5a2b;--dark-brown: #5c3a1e;--text-dark: #2c1810;--text-light: #f4e4c1;--accent-orange: #c67c3b;--accent-orange-light: #d4935a;--game-bg: #c9a96e;--accent-gold: #ffd89b;--retro-black: #000}*{margin:0;padding:0;box-sizing:border-box}html,body{height:auto;min-height:100%}body{font-family:"Press Start 2P",cursive;background:var(--bg-light);color:var(--text-dark);overflow-x:hidden;overflow-y:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(139,90,43,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(139,90,43,.15) 1px,transparent 1px);background-size:40px 40px;animation:mapDrift 60s linear infinite;opacity:.55;pointer-events:none;z-index:4}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(92,58,30,.25) 100%);pointer-events:none;z-index:3}body>*{position:relative;z-index:2}@keyframes mapDrift{0%{transform:rotate(5deg) translate(0)}50%{transform:rotate(5deg) translate(-50px,-50px)}to{transform:rotate(5deg) translate(0)}}.section-title{text-align:center;font-size:2rem;margin-bottom:4rem;color:var(--text-dark);text-shadow:3px 3px 0 var(--bg-medium),6px 6px 0 rgba(92,58,30,.3);position:relative;-webkit-user-select:none;user-select:none}.section-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--accent-orange);box-shadow:0 2px 0 var(--dark-brown)}.main-nav{background:var(--bg-medium);border-bottom:4px solid var(--primary-brown);padding:0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 4px #5c3a1e66}.nav-container{max-width:1400px;margin:10px auto;display:flex;justify-content:space-between;align-items:center;padding:12px 22px}.logo h1{font-size:1.2rem;color:var(--text-dark);text-shadow:2px 2px 0 var(--text-light);letter-spacing:2px}.nav-links{display:flex;list-style:none;gap:16px;align-items:center}.nav-links a{display:inline-flex;align-items:center;justify-content:center;color:var(--text-dark);text-decoration:none;font-size:.7rem;transition:all .1s;padding:8px 16px;position:relative;overflow:visible;background-color:var(--bg-light);border:3px solid var(--primary-brown);box-shadow:inset 2px 2px #ffffff80,0 6px 0 var(--dark-brown),0 12px 10px #00000026}.nav-links a:hover{transform:translate(1px,1px);box-shadow:inset 2px 2px #fffc,0 4px 0 var(--dark-brown),0 8px 8px #0000002e;background:#fff}.nav-links a:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #0003,0 2px 0 var(--dark-brown)}.btn-play{background:var(--accent-orange)!important;color:var(--text-light)!important;border:4px solid var(--text-dark)!important;padding:8px 20px!important;font-weight:700;box-shadow:inset 2px 2px #ffffff80,0 6px 0 var(--dark-brown),0 12px 10px #00000026!important;transition:all .1s!important}.btn-play:hover{transform:translateY(-2px)!important;box-shadow:inset 2px 2px #fffc,0 8px 0 var(--dark-brown),0 14px 14px #0003!important;background:var(--accent-orange-light)!important;color:var(--text-dark)!important}.btn-play:active{transform:translateY(6px)!important;box-shadow:inset 2px 2px #0003,0 0 0 var(--dark-brown)!important}.btn-play:before,.btn-play:after{position:absolute;top:50%;opacity:0;width:0;overflow:hidden;pointer-events:none;transition:all .2s ease;color:var(--text-light)}.btn-play:before{content:"[";left:15px;transform:translateY(-50%) translate(8px)}.btn-play:after{content:"]";right:10px;transform:translateY(-50%) translate(-8px)}.btn-play:hover:before,.btn-play:hover:after{opacity:1;width:10px;color:var(--text-dark)}.btn-play:hover:before{transform:translateY(-50%) translate(-8px)}.btn-play:hover:after{transform:translateY(-50%) translate(8px)}.burger-menu{display:none;position:relative;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:36px;height:36px;padding:0;background:transparent;border:none;z-index:1001;overflow:visible;flex:0 0 36px;--burger-offset: 8px}.burger-line{position:absolute;left:50%;top:50%;width:26px;height:3px;background:var(--text-dark);transition:all .3s ease;box-shadow:2px 2px 0 var(--dark-brown);transform-origin:center}.burger-line:nth-child(1){transform:translate(-50%,calc(-50% - var(--burger-offset)))}.burger-line:nth-child(2){transform:translate(-50%,-50%)}.burger-line:nth-child(3){transform:translate(-50%,calc(-50% + var(--burger-offset)))}.burger-menu.active .burger-line:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.burger-menu.active .burger-line:nth-child(2){opacity:0}.burger-menu.active .burger-line:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:72px;right:20px;width:min(420px,calc(100vw - 40px));background:var(--bg-medium);border:4px solid var(--primary-brown);box-shadow:inset 2px 2px #ffffff59,0 10px 0 var(--dark-brown),0 18px 20px #00000040;z-index:999;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.98);transition:max-height .35s ease,opacity .2s ease,transform .2s ease}.mobile-menu.active{max-height:520px;opacity:1;transform:translateY(0) scale(1)}.mobile-menu ul{list-style:none;padding:12px;border-top:2px dashed rgba(139,90,43,.45)}.mobile-menu li{margin-bottom:10px}.mobile-menu a{display:block;color:var(--text-dark);text-decoration:none;font-size:.7rem;padding:12px;background:var(--bg-light);border:3px solid var(--primary-brown);transition:all .1s;text-align:center;box-shadow:inset 2px 2px #ffffff80,0 4px 0 var(--dark-brown),0 9px 10px #00000026}.mobile-menu a:hover,.mobile-menu a.btn-play{background:var(--accent-orange);color:var(--text-light);transform:translateY(-2px);box-shadow:inset 2px 2px #fffc,0 8px 0 var(--dark-brown),0 14px 14px #0003}.mobile-menu a:active{transform:translateY(4px);box-shadow:inset 2px 2px #0003,0 0 0 var(--dark-brown)}@media(max-width:1200px){.desktop-nav{display:none}.burger-menu{display:flex}.mobile-menu{display:block}}@media(max-width:768px){.nav-container{padding:6px 66px}.logo h1{font-size:.8rem}}@media(max-width:480px){.logo h1{font-size:.6rem;letter-spacing:1px}.burger-menu{width:32px;height:32px;flex-basis:20px;--burger-offset: 7px}.burger-line{width:22px;height:2px}.mobile-menu{top:60px;right:14px;width:calc(100vw - 28px)}.mobile-menu a{font-size:.6rem;padding:10px;border-width:2px}}@media(max-width:360px){.logo h1{font-size:.5rem}}.hero-section{margin-top:80px;padding:6rem 2rem 4rem;background:var(--bg-light);position:relative;min-height:clamp(420px,60vh,760px);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-container{max-width:1000px;margin:0 auto;position:relative;z-index:2}.running-character{--runner-frame-count: 6;--runner-height: 64px;--runner-frame-width: 32px;--runner-travel-padding: 100px;--runner-run-duration: 8s;--runner-sprite-duration: .6s;position:absolute;bottom:0;left:calc(-1 * var(--runner-travel-padding));width:var(--runner-frame-width);height:var(--runner-height);background-image:url(/fed/2025/t4/assets/Adam_run_16x16_landing-WgHhPWcp.png);background-size:calc(var(--runner-frame-width) * var(--runner-frame-count)) var(--runner-height);background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;z-index:1;animation:runAcross var(--runner-run-duration) linear infinite,spriteRun var(--runner-sprite-duration) steps(6,end) infinite;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:left,background-position}@keyframes spriteRun{0%{background-position-x:0}to{background-position-x:calc(-1 * var(--runner-frame-width) * var(--runner-frame-count))}}@keyframes runAcross{0%{left:calc(-1 * var(--runner-travel-padding));opacity:0}5%{opacity:1}95%{opacity:1}to{left:calc(100% + var(--runner-travel-padding));opacity:0}}.pixel-border-box{background:var(--bg-medium);border:6px solid var(--primary-brown);box-shadow:inset 3px 3px #fff6,0 10px 0 var(--dark-brown),0 16px 10px #00000026;padding:3rem 4rem;position:relative;text-align:center;min-height:clamp(280px,48vh,400px)}.pixel-border-box:before{content:"";position:absolute;inset:12px;border:3px dashed rgba(139,90,43,.3)}.hero-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;-webkit-user-select:none;user-select:none}.title-line-1,.title-line-2,.title-line-3{font-size:3rem;color:var(--text-dark);text-shadow:4px 4px 0 var(--bg-medium),8px 8px 0 rgba(92,58,30,.3);line-height:1.2;opacity:0;transform:translateY(30px);-webkit-user-select:none;user-select:none}.hero-subtitle{font-family:Fira Code,monospace;font-size:14px;color:var(--accent-orange);letter-spacing:4px;font-weight:700;text-transform:uppercase;background:#ffffff80;padding:4px 8px;border-radius:4px;display:inline-block;margin:0 auto 3rem;opacity:0;transform:translateY(20px);-webkit-user-select:none;user-select:none}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(20px)}.hero-btn-primary,.hero-btn-secondary{position:relative;font-family:"Press Start 2P",cursive;font-size:12px;padding:18px 30px;border:4px solid var(--primary-brown);text-decoration:none;transition:all .1s;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;overflow:visible}.hero-btn-primary{background:var(--accent-orange);color:var(--text-light);border-color:var(--text-dark);box-shadow:inset 2px 2px #ffffff80,0 6px 0 var(--dark-brown),0 12px 10px #00000026}.hero-btn-primary:hover{background:var(--accent-orange-light);color:var(--text-dark);transform:translateY(-2px);box-shadow:inset 2px 2px #fffc,0 8px 0 var(--dark-brown),0 14px 14px #0003}.hero-btn-primary:active{transform:translateY(6px);box-shadow:inset 2px 2px #0003,0 0 0 var(--dark-brown)}.hero-btn-secondary{background:var(--bg-medium);color:var(--text-dark);box-shadow:inset 2px 2px #ffffff80,0 6px 0 var(--dark-brown),0 12px 10px #00000026}.hero-btn-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:inset 2px 2px #fffc,0 8px 0 var(--dark-brown),0 14px 14px #0003}.hero-btn-secondary:active{transform:translateY(6px);box-shadow:inset 2px 2px #0003,0 0 0 var(--dark-brown)}.hero-btn-primary:before,.hero-btn-primary:after,.hero-btn-secondary:before,.hero-btn-secondary:after{display:inline-block;opacity:0;width:0;overflow:hidden;transition:all .2s ease;position:absolute}.hero-btn-primary:before,.hero-btn-secondary:before{content:"[";left:8px;transform:translate(6px)}.hero-btn-primary:after,.hero-btn-secondary:after{content:"]";right:8px;transform:translate(-6px)}.hero-btn-primary:hover:before,.hero-btn-primary:hover:after,.hero-btn-secondary:hover:before,.hero-btn-secondary:hover:after{opacity:1;width:10px}.hero-btn-primary:hover:before,.hero-btn-secondary:hover:before{transform:translate(0)}.hero-btn-primary:hover:after,.hero-btn-secondary:hover:after{transform:translate(0)}.pixel-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.pixel-star{position:absolute;font-size:2rem;color:var(--accent-gold);opacity:0;animation:twinkle 2s infinite;-webkit-user-select:none;user-select:none}.pixel-star-1{top:80px;left:120px;animation-delay:0s}.pixel-star-2{top:100px;right:150px;animation-delay:.7s}.pixel-star-3{bottom:120px;left:100px;animation-delay:1.4s}@keyframes twinkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media(max-width:768px){.hero-section{padding:4rem 1rem 3rem;min-height:clamp(360px,50vh,620px)}.pixel-border-box{padding:2rem 1.5rem;border-width:4px;min-height:clamp(260px,44vh,350px)}.title-line-1,.title-line-2,.title-line-3{font-size:1.8rem}.hero-subtitle{font-size:10px;letter-spacing:2px}.hero-btn-primary,.hero-btn-secondary{font-size:10px;padding:14px 20px;border-width:3px}.running-character{--runner-height: 48px;--runner-frame-width: 24px;--runner-travel-padding: 72px;bottom:0}.pixel-star{font-size:1.5rem}.pixel-star-1{top:60px;left:80px}.pixel-star-2{top:70px;right:100px}.pixel-star-3{bottom:90px;left:70px}}@media(max-width:480px){.hero-section{margin-top:60px;padding:3rem 1rem 2rem;min-height:clamp(320px,46vh,520px)}.pixel-border-box{padding:1.5rem 1rem;border-width:3px;min-height:clamp(220px,40vh,300px)}.pixel-border-box:before{inset:8px;border-width:2px}.title-line-1,.title-line-2,.title-line-3{font-size:1.4rem;text-shadow:3px 3px 0 var(--bg-medium),6px 6px 0 rgba(92,58,30,.3)}.hero-subtitle{font-size:8px;letter-spacing:1px;padding:3px 6px}.hero-buttons{flex-direction:column;gap:1rem}.hero-btn-primary,.hero-btn-secondary{font-size:8px;padding:12px 16px;width:100%;border-width:3px;box-shadow:inset 2px 2px #ffffff80,0 4px 0 var(--dark-brown),0 8px 8px #0000001a}.hero-btn-primary:hover,.hero-btn-secondary:hover{box-shadow:inset 2px 2px #fffc,0 6px 0 var(--dark-brown),0 10px 10px #00000026}.running-character{--runner-height: 32px;--runner-frame-width: 16px;--runner-travel-padding: 56px;bottom:0}.pixel-star{font-size:1.2rem}.pixel-star-1{top:40px;left:30px}.pixel-star-2{top:50px;right:40px}.pixel-star-3{bottom:60px;left:25px}}@media(max-width:360px){.title-line-1,.title-line-2,.title-line-3{font-size:1.2rem}.hero-subtitle{font-size:7px}.hero-btn-primary,.hero-btn-secondary{font-size:7px;padding:10px 14px}}.features-section{padding:6rem 2rem;background:var(--bg-medium);position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:repeating-linear-gradient(90deg,var(--primary-brown) 0px,var(--primary-brown) 20px,var(--accent-orange) 20px,var(--accent-orange) 40px);z-index:2}.feature{max-width:1200px;margin:0 auto 6rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.feature.visible{opacity:1;transform:translate(0)!important}.feature:nth-child(2){transform:translateY(50px)}.feature:nth-child(2) .feature-image{order:1}.feature:nth-child(2) .feature-content{order:2}.feature:nth-child(3){transform:translate(50px)}.feature:nth-child(3) .feature-image{order:2}.feature:nth-child(3) .feature-content{order:1}.feature:nth-child(4){transform:translate(-50px)}.feature:nth-child(4) .feature-image{order:1}.feature:nth-child(4) .feature-content{order:2}.feature-content{padding:1rem}.feature-content h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--text-dark);text-shadow:2px 2px 0 var(--text-light);word-wrap:break-word;line-height:1.6;-webkit-user-select:none;user-select:none}.feature-content p{font-family:Fira Code,monospace;font-size:15px;line-height:1.8;color:var(--dark-brown);word-wrap:break-word}.feature-image{background:var(--bg-light);border:4px solid var(--primary-brown);box-shadow:inset 2px 2px #fff6,0 6px 0 var(--dark-brown),0 10px 10px #00000026;padding:3rem;display:flex;align-items:center;justify-content:center;min-height:280px;position:relative;overflow:hidden}.feature-image:before{content:"";position:absolute;inset:12px;border:2px dashed rgba(139,90,43,.3);pointer-events:none;z-index:1}.feature-img{max-width:100%;max-height:250px;width:auto;height:auto;object-fit:contain;image-rendering:auto;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.2));-webkit-user-select:none;user-select:none;pointer-events:none}.characters-section{padding:6rem 2rem;background:var(--bg-light);text-align:center}.characters-grid{max-width:600px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem}.character-card{background:var(--bg-medium);border:4px solid var(--primary-brown);box-shadow:inset 2px 2px #fff6,0 6px 0 var(--dark-brown),0 10px 10px #00000026;padding:2rem;transition:all .1s ease;cursor:pointer;position:relative}.character-card:hover{transform:translateY(-2px);box-shadow:inset 2px 2px #fff9,0 8px 0 var(--dark-brown),0 12px 12px #0003}.character-card:active{transform:translateY(6px);box-shadow:inset 2px 2px #0003,0 0 0 var(--dark-brown)}.character-card:before{content:"";position:absolute;inset:8px;border:2px dashed rgba(139,90,43,.2)}.character-placeholder{width:200px;height:200px;margin:0 auto 1.5rem;background:var(--accent-orange);border:4px solid var(--text-dark);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 2px 2px #ffffff4d}.character-placeholder:after{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);border:2px dashed rgba(244,228,193,.3);pointer-events:none}.character-img{--idle-frame-width: 64px;--idle-height: 128px;--idle-cycle-duration: 1.4s;width:var(--idle-frame-width);height:var(--idle-height);background-image:url(/fed/2025/t4/assets/Adam_idle_landing_16x16-CedijmdH.png);background-size:calc(var(--idle-frame-width) * 6) var(--idle-height);background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;animation:adamPhoneIdle var(--idle-cycle-duration) steps(6,end) infinite;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes adamPhoneIdle{0%{background-position-x:0}35%{background-position-x:calc(-1 * var(--idle-frame-width) * 6)}35.01%,to{background-position-x:0}}.character-card h3{font-size:.9rem;margin-bottom:.5rem;color:var(--text-dark);-webkit-user-select:none;user-select:none}.character-desc{font-family:Fira Code,monospace;font-size:10px;color:var(--dark-brown);margin-top:.5rem;line-height:1.5}.levels-section{padding:6rem 2rem;background:var(--bg-medium);text-align:center}.level-slider{max-width:1000px;margin:0 auto 2rem;position:relative;display:flex;align-items:center;gap:2rem}.slider-arrow{width:50px;height:50px;background:var(--accent-orange);border:4px solid var(--text-dark);box-shadow:4px 4px 0 var(--dark-brown);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease;font-size:1.5rem;flex-shrink:0;color:var(--text-light);-webkit-user-select:none;user-select:none}.slider-arrow:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dark-brown);background:var(--accent-orange-light)}.slider-arrow:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--dark-brown)}.level-content{flex:1;background:var(--bg-light);border:4px solid var(--primary-brown);box-shadow:inset 2px 2px #fff6,0 6px 0 var(--dark-brown),0 10px 10px #00000026;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.level-preview{width:100%;max-width:500px;height:250px;background:var(--game-bg);border:4px solid var(--primary-brown);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 2px 2px #0000001a}.level-preview:before{content:"";position:absolute;inset:8px;border:2px dashed rgba(139,90,43,.3);pointer-events:none;z-index:1}.level-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-rendering:auto;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.level-info h3{font-size:1rem;color:var(--text-dark);margin-bottom:1rem;text-shadow:2px 2px 0 var(--text-light);-webkit-user-select:none;user-select:none}.level-description{font-family:Fira Code,monospace;font-size:15px;color:var(--dark-brown);margin-bottom:1rem;line-height:1.6}.level-dots{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.dot{width:15px;height:15px;background:var(--primary-brown);border:3px solid var(--dark-brown);cursor:pointer;transition:all .1s ease;box-shadow:2px 2px 0 var(--dark-brown)}.dot:hover{background:var(--accent-orange);transform:scale(1.2)}.dot.active{background:var(--accent-orange);box-shadow:0 0 0 3px var(--accent-gold)}.reviews-section{padding:6rem 2rem;background:var(--bg-light)}.reviews-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.review-card{background:var(--bg-medium);border:4px solid var(--primary-brown);box-shadow:inset 2px 2px #fff6,0 6px 0 var(--dark-brown),0 10px 10px #00000026;padding:2rem;position:relative;transition:all .1s ease}.review-card:hover{transform:translateY(-2px);box-shadow:inset 2px 2px #fff9,0 8px 0 var(--dark-brown),0 12px 12px #0003}.review-card:before{content:"";position:absolute;inset:8px;border:2px dashed rgba(139,90,43,.2)}.review-stars{font-size:1.5rem;color:var(--accent-gold);margin-bottom:1rem;text-shadow:2px 2px 0 rgba(92,58,30,.3);-webkit-user-select:none;user-select:none}.review-text{font-family:Fira Code,monospace;font-size:15px;line-height:1.8;color:var(--dark-brown);margin-bottom:1.5rem}.review-author{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:2px solid var(--primary-brown)}.author-avatar{width:50px;height:50px;background:var(--accent-orange);border:3px solid var(--text-dark);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;-webkit-user-select:none;user-select:none;box-shadow:inset 1px 1px #ffffff4d}.author-info{flex:1}.author-name{font-size:.8rem;color:var(--text-dark);font-weight:700;margin-bottom:.3rem}.author-role{font-family:Fira Code,monospace;font-size:12px;color:var(--primary-brown)}.faq-section{padding:6rem 2rem;background:var(--bg-light)}.faq-container{max-width:900px;margin:0 auto}.faq-item{background:var(--bg-medium);border:4px solid var(--primary-brown);box-shadow:inset 2px 2px #ffffff4d,0 4px 0 var(--dark-brown);margin-bottom:1.5rem;overflow:hidden;transition:all .2s ease}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;transition:all .1s ease;color:var(--text-dark);-webkit-user-select:none;user-select:none}.faq-question:hover{background:#ffffff4d}.faq-icon{transition:transform .3s ease;font-size:1rem;flex-shrink:0;margin-left:1rem;color:var(--primary-brown);-webkit-user-select:none;user-select:none}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),opacity .5s ease;padding:0 1.5rem;opacity:0;border-top:2px solid transparent}.faq-item.active .faq-answer{max-height:500px;padding:1.5rem;opacity:1;border-top:2px solid var(--primary-brown)}.faq-answer p{font-family:Fira Code,monospace;color:var(--dark-brown);line-height:1.8;font-size:14px}footer{background:var(--bg-medium);border-top:4px solid var(--primary-brown);padding:3rem 2rem 1rem;box-shadow:0 -4px #5c3a1e4d}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;text-align:center;margin-bottom:2rem}.footer-section h3{font-size:.9rem;color:var(--text-dark);margin-bottom:1rem;text-shadow:2px 2px 0 var(--text-light)}.footer-section p{font-family:Fira Code,monospace;font-size:10px;color:var(--dark-brown);line-height:1.6;margin-bottom:.5rem}.footer-motto{font-style:italic;color:var(--accent-orange)!important;font-weight:700}.footer-bottom{text-align:center;padding-top:2rem;border-top:2px solid var(--primary-brown)}.footer-bottom p{font-family:Fira Code,monospace;font-size:9px;color:var(--dark-brown);opacity:.7}@media(max-width:1024px){.level-preview{height:200px}.feature-content h3{font-size:1.1rem}}@media(max-width:768px){.section-title{font-size:1.4rem;margin-bottom:3rem}.section-title:after{width:80px;height:3px}.features-section{padding:4rem 1rem}.feature{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.feature:nth-child(2) .feature-image,.feature:nth-child(3) .feature-image,.feature:nth-child(4) .feature-image{order:1}.feature:nth-child(2) .feature-content,.feature:nth-child(3) .feature-content,.feature:nth-child(4) .feature-content{order:2}.feature-content h3{font-size:.9rem}.feature-content p{font-size:9px}.feature-image{min-height:200px;padding:2rem;border-width:3px}.feature-img{max-height:180px}.characters-section{padding:4rem 1rem}.characters-grid{grid-template-columns:1fr;gap:2rem}.character-card{border-width:3px}.character-placeholder{width:150px;height:150px;border-width:3px}.character-img{--idle-frame-width: 48px;--idle-height: 96px}.character-card h3{font-size:.7rem}.character-desc{font-size:8px}.levels-section{padding:4rem 1rem}.level-slider{flex-direction:row;gap:1rem;align-items:stretch}.slider-arrow{width:45px;height:45px;font-size:1.2rem;align-self:center;border-width:3px}.level-content{width:auto;padding:1.5rem;border-width:3px}.level-preview{height:150px;border-width:3px}.level-info h3{font-size:.8rem}.level-description{font-size:9px}.reviews-section{padding:4rem 1rem}.reviews-container{grid-template-columns:1fr}.review-card{border-width:3px}.review-text{font-size:10px}.author-avatar{width:45px;height:45px;border-width:2px}.author-name{font-size:.7rem}.author-role{font-size:8px}.faq-section{padding:4rem 1rem}.faq-item{border-width:3px}.faq-question{font-size:10px;padding:1.2rem}.faq-answer p{font-size:9px}footer{padding:2rem 1rem 1rem;border-top-width:3px}.footer-content{margin-bottom:1.5rem}.footer-section h3{font-size:.8rem}.footer-section p{font-size:9px}}@media(max-width:480px){.section-title{font-size:1.2rem;margin-bottom:2rem;text-shadow:2px 2px 0 var(--bg-medium),4px 4px 0 rgba(92,58,30,.3)}.section-title:after{width:60px;height:3px;bottom:-.75rem}.features-section{padding:3rem 1rem}.features-section:before{height:6px}.feature{margin-bottom:3rem;gap:1.5rem}.feature-content{padding:.5rem}.feature-content h3{font-size:.8rem;margin-bottom:1rem}.feature-content p{font-size:8px;line-height:1.6}.feature-image{min-height:150px;padding:1.5rem;border-width:3px}.feature-image:before{inset:8px}.feature-img{max-height:120px}.characters-section{padding:3rem 1rem}.character-card{padding:1.5rem;border-width:3px}.character-placeholder{width:120px;height:120px;border-width:3px;margin-bottom:1rem}.character-img{--idle-frame-width: 32px;--idle-height: 64px}.character-card h3{font-size:.6rem}.character-desc{font-size:7px}.levels-section{padding:3rem 1rem}.level-slider{gap:.5rem}.slider-arrow{width:40px;height:40px;font-size:1rem;border-width:3px;box-shadow:3px 3px 0 var(--dark-brown)}.slider-arrow:hover{box-shadow:2px 2px 0 var(--dark-brown)}.level-content{padding:1rem;gap:1rem;border-width:3px}.level-preview{height:120px;border-width:3px}.level-info h3{font-size:.7rem;margin-bottom:.75rem}.level-description{font-size:8px;margin-bottom:.75rem}.level-dots{gap:.75rem}.dot{width:12px;height:12px;border-width:2px}.reviews-section{padding:3rem 1rem}.review-card{padding:1.5rem;border-width:3px}.review-stars{font-size:1.2rem;margin-bottom:.75rem}.review-text{font-size:9px;line-height:1.6;margin-bottom:1rem}.review-author{gap:.75rem;padding-top:.75rem}.author-avatar{width:40px;height:40px;font-size:1.2rem;border-width:2px}.author-name{font-size:.6rem}.author-role{font-size:7px}.faq-section{padding:3rem 1rem}.faq-item{margin-bottom:1rem;border-width:3px}.faq-question{font-size:8px;padding:1rem}.faq-icon{font-size:.9rem}.faq-item.active .faq-answer{padding:1rem}.faq-answer p{font-size:8px;line-height:1.6}footer{padding:2rem 1rem .75rem;border-top-width:3px}.footer-content{margin-bottom:1.5rem}.footer-section h3{font-size:.7rem;margin-bottom:.75rem}.footer-section p{font-size:8px}.footer-bottom{padding-top:1.5rem}.footer-bottom p{font-size:7px}}@media(max-width:360px){.section-title{font-size:1rem}.feature-content h3{font-size:.7rem}.feature-content p{font-size:7px}.level-info h3{font-size:.6rem}.level-description{font-size:7px}}