@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.container{position:relative;overflow:visible;animation:fadeInUp .8s ease}.hero{text-align:center;padding:40px 20px 50px;position:relative;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}.hero:before{content:"";position:absolute;top:50%;left:50%;width:700px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,203,47,.65) 0%,rgba(236,72,153,.85) 30%,rgba(167,139,250,.2) 60%,transparent 100%);filter:blur(70px);animation:softGlow 10s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes softGlow{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:.5}25%{transform:translate(-40%,-60%) scale(1.15) rotate(90deg);opacity:.7}50%{transform:translate(-60%,-40%) scale(1.1) rotate(180deg);opacity:.6}75%{transform:translate(-45%,-55%) scale(1.2) rotate(270deg);opacity:.75}to{transform:translate(-50%,-50%) scale(1) rotate(360deg);opacity:.5}}.hero-box{background:#fff;border:8px solid #000;box-shadow:12px 12px #000;padding:35px;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:0;gap:20px;box-sizing:border-box;margin-bottom:20px;overflow:visible}.hero h1{font-family:"Press Start 2P",cursive;font-size:2rem;margin:0;color:#000;background:linear-gradient(90deg,#9333ea,#db2777,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.hero-icons{font-size:1.5rem}.hero .tagline{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#000;z-index:2;position:relative}.tagline-highlight{background:gold;border:4px solid #000;padding:10px 20px;box-shadow:6px 6px #000;display:inline-block;margin-left:10px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.feature-card-link{text-decoration:none;display:block}.feature-card{position:relative;border:8px solid #000;border-radius:0;padding:40px 30px 30px;text-align:left;transition:all .3s;box-shadow:12px 12px #000;min-height:350px;display:flex;flex-direction:column}.feature-card:hover{transform:translate(-4px,-4px);box-shadow:16px 16px #000}.sticky-note{position:absolute;top:-15px;right:20px;width:80px;height:80px;background:gold;border:4px solid #000;transform:rotate(8deg);box-shadow:4px 4px #0000004d;display:flex;align-items:center;justify-content:center;z-index:10}.sticky-icon{font-size:2.5rem;transform:rotate(-8deg)}.feature-title{font-family:"Press Start 2P",cursive;font-size:1.5rem;color:#fff;margin-bottom:20px;line-height:1.4;letter-spacing:1px}.feature-description{color:#fff;line-height:1.8;margin-bottom:auto;font-size:.75rem;font-family:"Press Start 2P",cursive}.feature-tags{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.feature-tag{font-family:"Press Start 2P",cursive;background:#ffffff4d;border:3px solid #fff;color:#fff;padding:8px 12px;font-size:.6rem;font-weight:700;letter-spacing:1px;backdrop-filter:blur(10px)}.getting-started{background:#fff;border:8px solid #000;padding:50px 40px;margin:60px 0;box-shadow:12px 12px #000;position:relative}.getting-started h2{font-family:"Press Start 2P",cursive;color:#000;text-align:center;margin-bottom:50px;font-size:2rem;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:20px}.getting-started h2:before,.getting-started h2:after{content:"✨";font-size:2rem}.more-info-list{list-style:none;padding:0;margin:0 auto 30px;display:flex;flex-direction:column;align-items:center;gap:25px}.more-info-list li{width:fit-content}.more-info-list a{font-family:"Press Start 2P",cursive;font-size:.9rem;color:#000;text-decoration:none;background:gold;border:4px solid #000;box-shadow:6px 6px #000;padding:12px 20px;display:inline-block;transition:all .2s ease}.more-info-list a:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #000;background:#ffb300}#home-more-info p{line-height:2.5}#signoff{color:#c71b54}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{text-align:center;padding:20px}.step-emoji{font-size:4rem;margin-bottom:20px;display:block}.step-number{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#000;margin-bottom:15px}.step p{color:#666;line-height:1.6;font-size:.95rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero{padding:35px 20px 45px}.hero-box:before{width:500px;height:500px;filter:blur(60px)}.hero-box{padding:28px 45px;margin-bottom:18px}.hero h1{font-size:2.8rem}.hero-icon-left{left:-18px}.hero-icon-right{right:-18px}.hero .tagline{font-size:1rem}.tagline-highlight{padding:8px 16px;border:3px solid #000;box-shadow:5px 5px #000}.getting-started h2{font-size:1.5rem;gap:15px}.getting-started h2:before,.getting-started h2:after{font-size:1.5rem}.step-emoji{font-size:3.5rem}.step-number{font-size:1rem}.features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature-card{padding:35px 25px 25px;min-height:320px}.sticky-note{width:70px;height:70px}.sticky-icon{font-size:2rem}.feature-title{font-size:1.2rem}}@media(max-width:768px){.hero{padding:30px 15px 40px}.hero-box:before{width:450px;height:450px;filter:blur(55px)}.hero-box{padding:20px 35px;border:6px solid #000;box-shadow:8px 8px #000;margin-bottom:15px}.hero h1,.hero-icons{font-size:2rem}.hero-icon-left{left:-12px}.hero-icon-right{right:-12px}.hero .tagline{font-size:.8rem}.tagline-highlight{padding:8px 14px;border:3px solid #000;box-shadow:4px 4px #000;margin-left:5px}.getting-started{padding:35px 20px;border:6px solid #000;box-shadow:8px 8px #000}.getting-started h2{font-size:1.2rem;margin-bottom:35px;gap:10px;flex-wrap:wrap}.getting-started h2:before,.getting-started h2:after{font-size:1.2rem}.steps{grid-template-columns:1fr;gap:30px}.step-emoji{font-size:3rem;margin-bottom:15px}.step-number{font-size:.9rem;margin-bottom:12px}.step p{font-size:.9rem}.features{grid-template-columns:1fr;gap:20px;margin:30px 0}.feature-card{padding:30px 20px 25px;min-height:300px;border:6px solid #000;box-shadow:8px 8px #000}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #000}.sticky-note{width:60px;height:60px;top:-10px;right:15px;border:3px solid #000}.sticky-icon{font-size:1.8rem}.feature-title{font-size:1rem;margin-bottom:15px}.feature-description{font-size:.9rem;line-height:1.6}.feature-tags{gap:8px;margin-top:20px}.feature-tag{font-size:.5rem;padding:6px 10px;border:2px solid #fff}}@media(max-width:480px){.hero{padding:25px 10px 35px}.hero-box:before{width:400px;height:400px;filter:blur(50px)}.hero-box{padding:15px 25px;border:5px solid #000;box-shadow:6px 6px #000;margin-bottom:12px}.hero h1{font-size:1.4rem}.hero-icons{font-size:1.3rem}.hero-icon-left{left:-10px}.hero-icon-right{right:-10px}.hero .tagline{font-size:.6rem}.tagline-highlight{padding:6px 10px;border:2px solid #000;box-shadow:3px 3px #000;margin-left:4px}.getting-started{padding:25px 15px;border:5px solid #000;box-shadow:6px 6px #000}.getting-started h2{font-size:1rem;margin-bottom:30px;gap:8px}.getting-started h2:before,.getting-started h2:after{font-size:1rem}.steps{gap:25px}.step-emoji{font-size:2.5rem;margin-bottom:12px}.step-number{font-size:.75rem;margin-bottom:10px}.step p{font-size:.85rem}.features{margin:20px 0;gap:15px}.feature-card{padding:25px 15px 20px;min-height:280px;border:5px solid #000;box-shadow:6px 6px #000}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.sticky-note{width:55px;height:55px;top:-8px;right:10px}.sticky-icon{font-size:1.5rem}.feature-title{font-size:.85rem;margin-bottom:12px}.feature-description{font-size:.85rem}.feature-tags{gap:6px;margin-top:15px}.feature-tag{font-size:.45rem;padding:5px 8px}}@media(max-width:768px)and (orientation:landscape){.hero{padding:25px 15px 35px}.hero-box:before{width:420px;height:420px;filter:blur(52px)}.hero-box{padding:15px 30px;margin-bottom:12px}.hero h1{font-size:1.5rem}.hero-icons{font-size:1.3rem}.hero .tagline{font-size:.65rem}.tagline-highlight{padding:6px 12px;border:2px solid #000;box-shadow:3px 3px #000}.getting-started{padding:30px 20px}.getting-started h2{font-size:1.1rem;margin-bottom:30px}.steps{grid-template-columns:repeat(3,1fr);gap:20px}.step-emoji{font-size:2.5rem}.step-number{font-size:.7rem}.step p{font-size:.8rem}.features{grid-template-columns:repeat(2,1fr);gap:15px}.feature-card{padding:25px 20px 20px;min-height:280px}.sticky-note{width:55px;height:55px;top:-8px}.sticky-icon{font-size:1.5rem}.feature-title{font-size:.9rem}.feature-description{font-size:.85rem}.feature-tags{gap:6px;margin-top:15px}.feature-tag{font-size:.45rem;padding:5px 8px}.getting-started{padding:20px 15px}.steps{grid-template-columns:repeat(3,1fr);gap:15px}}:root{--font-pixel: "Press Start 2P", cursive;--background: #ffffff;--foreground: oklch(.145 0 0);--primary: #030213;--secondary: oklch(.95 .0058 264.53);--accent: #e9ebef;--accent-foreground: #030213;--border: rgba(0, 0, 0, .1);--radius: .625rem}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--secondary: oklch(.269 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--border: oklch(.269 0 0)}.hidden{display:none!important}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-pixel),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#ffe5f0;color:var(--foreground);min-height:100vh;padding-top:80px;background-attachment:fixed;position:relative}.container{max-width:1200px;margin:0 auto;padding:20px}header{position:fixed;top:0;left:0;right:0;text-align:center;color:var(--accent-foreground);padding:20px;background:var(--primary);z-index:1000;box-shadow:none;border-bottom:none}header h1{font-family:var(--font-pixel);font-size:1.6rem;margin-bottom:10px;letter-spacing:1px}.subtitle{font-size:.8rem;opacity:.9;margin-bottom:10px}:root{--pink: #ff00b8;--purple: #a000ff;--white: #ffffff;--black: #000000;--font-pixel: "Press Start 2P", cursive}.pixel-header{background:var(--white);border-bottom:4px solid var(--black);display:flex;justify-content:space-between;align-items:center;padding:14px 30px;position:fixed;top:0;left:0;right:0;z-index:1000;font-family:var(--font-pixel);box-shadow:none}main{position:relative;z-index:10}.logo{font-size:1rem;font-weight:700;color:var(--black);display:flex;align-items:center;gap:10px;letter-spacing:1px}.logo span{background:linear-gradient(90deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{display:flex;align-items:center}.nav-list{display:flex;gap:1rem;list-style:none;padding:0;margin:0}.nav-btn{font-family:"Press Start 2P",cursive;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.65rem;text-decoration:none;color:var(--black);background:var(--white);border:3px solid var(--black);padding:10px 14px;box-shadow:4px 4px 0 var(--black);text-transform:uppercase;transition:all .15s ease-in-out}.nav-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.nav-btn.active{background:linear-gradient(90deg,var(--pink),var(--purple));color:var(--white);border-color:var(--black);box-shadow:4px 4px 0 var(--black)}.nav-btn .icon{font-size:.7rem}.nav-btn.camera-toggle.camera-off{background:#ff4470;color:var(--white)}.nav-btn.settings-btn-nav{cursor:pointer}.navbar.game .nav-list li:nth-child(3):after,.navbar.practice .nav-list li:nth-child(3):after{content:"";display:inline-block;height:20px;width:2px;background:var(--black);margin-left:1rem}#navbar-toggle{display:none}@media(max-width:800px){.pixel-header{gap:1rem;padding:10px 12px;width:100%;max-width:100vw;overflow-x:hidden}.navbar{display:flex;flex-direction:column;align-items:center}.nav-list{flex-wrap:wrap;justify-content:center;display:none;flex-direction:column}.nav-list.open{flex-wrap:wrap;justify-content:center;display:flex}.nav-btn{font-size:.6rem;padding:8px 10px}.nav-list li:nth-child(3):after{display:none}#navbar-toggle{display:block}}.btn{font-family:var(--font-pixel);padding:10px 20px;font-size:.75rem;border:2px solid var(--border);background:var(--accent);color:var(--primary);cursor:pointer;box-shadow:4px 4px #000;transition:transform .1s,box-shadow .1s}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-primary{background:var(--primary);color:var(--accent-foreground)}.btn-secondary{background:var(--accent);color:var(--primary)}.card{background:var(--accent);border:2px solid var(--border);border-radius:0;padding:20px;box-shadow:8px 8px #000}.pixel-text{font-family:var(--font-pixel);image-rendering:pixelated;-webkit-font-smoothing:none}.pixel-border{box-shadow:0 0 0 4px #000,0 0 0 8px currentColor}.pixel-shadow{box-shadow:8px 8px #000}.pixel-shadow-lg{box-shadow:12px 12px #000}.floating-emoji{position:fixed;font-size:2rem;opacity:.15;pointer-events:none;animation:float 20s infinite ease-in-out;z-index:0}.floating-emoji:nth-child(1){left:5%;top:15%;animation-delay:0s;animation-duration:18s}.floating-emoji:nth-child(2){right:8%;top:10%;animation-delay:1.5s;animation-duration:22s}.floating-emoji:nth-child(3){left:2%;top:55%;animation-delay:3s;animation-duration:20s}.floating-emoji:nth-child(4){right:3%;bottom:20%;animation-delay:4.5s;animation-duration:24s}.floating-emoji:nth-child(5){left:15%;top:35%;animation-delay:6s;animation-duration:19s}.floating-emoji:nth-child(6){right:20%;top:65%;animation-delay:7.5s;animation-duration:21s}.floating-emoji:nth-child(7){left:50%;top:8%;animation-delay:9s;animation-duration:23s}.floating-emoji:nth-child(8){left:25%;bottom:12%;animation-delay:10.5s;animation-duration:25s}.floating-emoji:nth-child(9){right:15%;top:40%;animation-delay:12s;animation-duration:19s}.floating-emoji:nth-child(10){left:35%;top:70%;animation-delay:13.5s;animation-duration:22s}.floating-emoji:nth-child(11){right:30%;bottom:30%;animation-delay:15s;animation-duration:20s}.floating-emoji:nth-child(12){left:18%;top:25%;animation-delay:16.5s;animation-duration:24s}.floating-emoji:nth-child(13){right:12%;top:50%;animation-delay:18s;animation-duration:21s}.floating-emoji:nth-child(14){left:42%;bottom:40%;animation-delay:19.5s;animation-duration:23s}.floating-emoji:nth-child(15){right:25%;top:20%;animation-delay:21s;animation-duration:19s}.floating-emoji:nth-child(16){left:8%;bottom:35%;animation-delay:22.5s;animation-duration:22s}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.12}25%{transform:translateY(-50px) translate(30px) rotate(10deg);opacity:.2}50%{transform:translateY(-80px) translate(-25px) rotate(-6deg);opacity:.16}75%{transform:translateY(-45px) translate(35px) rotate(8deg);opacity:.18}}