*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--yolk: #F5C518;--yolk-dark: #D4A400;--terracotta: #C8391A;--terracotta-dark: #9E2C10;--cream: #FDF6E3;--feather: #FFFBF0;--brown: #3B1F0A;--brown-light: #6B3A1F;--green-naples: #2D6A4F;--green-light: #52B788;--white: #FFFFFF;--shadow-warm: 0 8px 40px rgba(59, 31, 10, .18);--shadow-pop: 6px 6px 0px var(--brown);--shadow-pop-yellow: 6px 6px 0px var(--yolk-dark);--radius: 16px;--radius-lg: 28px}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;background-color:var(--cream);color:var(--brown);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.6}.navbar{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:70px;background:var(--terracotta);border-bottom:4px solid var(--brown);box-shadow:0 4px 0 var(--brown)}.navbar-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.navbar-logo .logo-icon{font-size:2rem;line-height:1;filter:drop-shadow(2px 2px 0 var(--brown));animation:wobble 3s ease-in-out infinite}.navbar-logo .logo-text{font-family:Lilita One,cursive;font-size:1.6rem;color:var(--yolk);text-shadow:3px 3px 0 var(--brown);letter-spacing:.02em}.navbar-nav{display:flex;gap:.25rem;list-style:none}.navbar-nav a{display:block;padding:.45rem 1rem;font-family:Nunito,sans-serif;font-weight:800;font-size:.9rem;color:var(--cream);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;border-radius:8px;transition:background .2s,color .2s,transform .15s}.navbar-nav a:hover{background:var(--yolk);color:var(--brown);transform:translateY(-2px)}.navbar-cta{background:var(--yolk)!important;color:var(--brown)!important;border:2px solid var(--brown)!important;box-shadow:3px 3px 0 var(--brown);transition:box-shadow .15s,transform .15s!important}.navbar-cta:hover{box-shadow:1px 1px 0 var(--brown)!important;transform:translate(2px,2px)!important;background:var(--yolk)!important}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.hamburger span{display:block;width:28px;height:3px;background:var(--cream);border-radius:2px;transition:transform .3s,opacity .3s}.hero{min-height:100vh;padding-top:70px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/hero-bowling.jpg);background-size:cover;background-position:center;filter:brightness(.42) saturate(1.2);transform:scale(1.04);transition:transform 8s ease-out}.hero-bg.loaded{transform:scale(1)}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse 80% 60% at 60% 50%,rgba(245,197,24,.22) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 10% 80%,rgba(200,57,26,.3) 0%,transparent 50%)}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:4rem 2.5rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--yolk);color:var(--brown);font-family:Nunito,sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border-radius:100px;border:2px solid var(--brown);box-shadow:3px 3px 0 var(--brown);margin-bottom:1.5rem;animation:fadeSlideDown .6s ease both}.hero-title{font-family:Lilita One,cursive;font-size:clamp(4rem,9vw,8rem);line-height:.92;color:var(--white);text-shadow:6px 6px 0 var(--terracotta),10px 10px 0 rgba(0,0,0,.3);animation:fadeSlideDown .7s .1s ease both;letter-spacing:-.01em}.hero-title span{color:var(--yolk);text-shadow:6px 6px 0 var(--yolk-dark),10px 10px 0 rgba(0,0,0,.3)}.hero-subtitle{margin-top:1.2rem;font-size:1.25rem;font-weight:600;color:#ffffffe0;line-height:1.6;max-width:520px;animation:fadeSlideDown .7s .2s ease both}.hero-actions{display:flex;gap:1rem;margin-top:2.5rem;flex-wrap:wrap;animation:fadeSlideDown .7s .35s ease both}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--yolk);color:var(--brown);font-family:Nunito,sans-serif;font-weight:800;font-size:1rem;padding:.8rem 2rem;border-radius:12px;border:3px solid var(--brown);box-shadow:var(--shadow-pop);text-decoration:none;transition:box-shadow .15s,transform .15s;cursor:pointer;letter-spacing:.02em}.btn-primary:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--brown)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--white);font-family:Nunito,sans-serif;font-weight:800;font-size:1rem;padding:.8rem 2rem;border-radius:12px;border:3px solid rgba(255,255,255,.6);text-decoration:none;transition:background .2s,border-color .2s;cursor:pointer;letter-spacing:.02em}.btn-secondary:hover{background:#ffffff1f;border-color:var(--white)}.hero-mascot{animation:fadeSlideDown .8s .4s ease both,floatMascot 4s 1.2s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));width:clamp(180px,22vw,320px);flex-shrink:0}.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:fadeSlideDown 1s .8s ease both}.hero-scroll span{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff9}.scroll-arrow{width:28px;height:28px;border-right:3px solid var(--yolk);border-bottom:3px solid var(--yolk);transform:rotate(45deg);animation:scrollBounce 1.5s ease-in-out infinite;margin-top:-6px}.stats-bar{background:var(--brown);border-top:4px solid var(--yolk);border-bottom:4px solid var(--yolk);padding:1.5rem 2.5rem;display:flex;justify-content:center;gap:0}.stats-inner{display:flex;gap:0;max-width:900px;width:100%}.stat-item{flex:1;text-align:center;padding:.5rem 1.5rem;position:relative}.stat-item:not(:last-child):after{content:"🐔";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.5}.stat-number{font-family:Bebas Neue,sans-serif;font-size:3rem;color:var(--yolk);line-height:1;letter-spacing:.04em}.stat-label{font-size:.78rem;font-weight:700;color:#ffffffa6;text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}section{padding:6rem 2.5rem}.section-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--terracotta);margin-bottom:.8rem}.section-tag:before,.section-tag:after{content:"";display:block;height:2px;width:24px;background:var(--terracotta);border-radius:2px}.section-title{font-family:Lilita One,cursive;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05;color:var(--brown);margin-bottom:1rem}.section-title span{color:var(--terracotta)}.section-lead{font-size:1.1rem;color:var(--brown-light);max-width:540px;line-height:1.7}.about{background:var(--feather)}.about-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-image-wrap{position:relative}.about-img{width:100%;border-radius:var(--radius-lg);border:4px solid var(--brown);box-shadow:10px 10px 0 var(--brown);display:block;aspect-ratio:4/3;object-fit:cover}.about-sticker{position:absolute;bottom:-24px;right:-24px;background:var(--yolk);border:4px solid var(--brown);border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:4px 4px 0 var(--brown);text-align:center;animation:rotateSlow 12s linear infinite}.about-sticker span:first-child{font-size:2rem;line-height:1}.about-sticker span:last-child{font-family:Nunito,sans-serif;font-weight:800;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brown);margin-top:.2rem;line-height:1.2}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}.feature-card{background:var(--white);border:3px solid var(--brown);border-radius:var(--radius);padding:1.2rem;box-shadow:4px 4px 0 var(--brown);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--brown)}.feature-icon{font-size:2rem;margin-bottom:.5rem}.feature-name{font-family:Nunito,sans-serif;font-weight:800;font-size:.95rem;color:var(--brown);margin-bottom:.25rem}.feature-desc{font-size:.82rem;color:var(--brown-light);line-height:1.5}.lanes{background:var(--brown);position:relative;overflow:hidden}.lanes-deco{position:absolute;top:0;bottom:0;right:-80px;width:400px;background:radial-gradient(ellipse at center,rgba(245,197,24,.08) 0%,transparent 70%);pointer-events:none}.lanes-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.lanes .section-tag{color:var(--yolk)}.lanes .section-tag:before,.lanes .section-tag:after{background:var(--yolk)}.lanes .section-title{color:var(--white)}.lanes .section-title span{color:var(--yolk)}.lanes .section-lead{color:#ffffffb3}.lane-list{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:.9rem}.lane-list li{display:flex;align-items:center;gap:1rem;color:#ffffffe0;font-weight:600;font-size:1rem}.lane-list li .check{flex-shrink:0;width:32px;height:32px;background:var(--yolk);border:2px solid var(--yolk-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.lanes-img-wrap{position:relative}.lanes-img{width:100%;border-radius:var(--radius-lg);border:4px solid var(--yolk);box-shadow:10px 10px 0 var(--yolk-dark);display:block;aspect-ratio:4/3;object-fit:cover}.lanes-pin-badge{position:absolute;top:-20px;left:-20px;background:var(--terracotta);border:4px solid var(--brown);border-radius:var(--radius);padding:.8rem 1.2rem;box-shadow:4px 4px #0006}.lanes-pin-badge .badge-num{font-family:Bebas Neue,sans-serif;font-size:2.8rem;color:var(--yolk);line-height:1}.lanes-pin-badge .badge-txt{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffd9}.menu{background:var(--cream)}.menu-inner{max-width:1200px;margin:0 auto}.menu-header{text-align:center;margin-bottom:4rem}.menu-header .section-tag{justify-content:center}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.menu-card{background:var(--white);border:3px solid var(--brown);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-pop);transition:transform .2s,box-shadow .2s}.menu-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--brown)}.menu-card-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:3px solid var(--brown)}.menu-card-body{padding:1.5rem}.menu-card-emoji{font-size:2rem;margin-bottom:.5rem}.menu-card-name{font-family:Lilita One,cursive;font-size:1.5rem;color:var(--brown);margin-bottom:.5rem}.menu-card-desc{font-size:.9rem;color:var(--brown-light);line-height:1.6;margin-bottom:1.2rem}.menu-card-price{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--terracotta);letter-spacing:.05em}.menu-items-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.menu-item-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.88rem;font-weight:600;color:var(--brown);padding-bottom:.5rem;border-bottom:1.5px dashed rgba(59,31,10,.15)}.menu-item-row:last-child{border-bottom:none}.menu-item-price{font-family:Bebas Neue,sans-serif;font-size:1.1rem;color:var(--terracotta);letter-spacing:.05em}.events{background:var(--terracotta);position:relative;overflow:hidden}.events:before{content:"🐔";position:absolute;font-size:22rem;opacity:.05;right:-4rem;bottom:-4rem;line-height:1;pointer-events:none}.events-inner{max-width:1200px;margin:0 auto}.events .section-tag{color:var(--yolk)}.events .section-tag:before,.events .section-tag:after{background:var(--yolk)}.events .section-title{color:var(--white)}.events .section-title span{color:var(--yolk)}.events-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.event-card{background:#ffffff1a;border:3px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .2s;position:relative;overflow:hidden}.event-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--yolk);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.event-card:hover:after{transform:scaleX(1)}.event-card:hover{background:#ffffff2e;transform:translateY(-4px)}.event-day{font-family:Bebas Neue,sans-serif;font-size:3rem;color:var(--yolk);line-height:1}.event-month{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#fff9;margin-bottom:1rem}.event-title{font-family:Lilita One,cursive;font-size:1.4rem;color:var(--white);margin-bottom:.6rem}.event-desc{font-size:.88rem;color:#ffffffc7;line-height:1.6}.event-tag{display:inline-block;margin-top:1.2rem;background:var(--yolk);color:var(--brown);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .8rem;border-radius:100px}.booking{background:var(--feather)}.booking-inner{max-width:900px;margin:0 auto;text-align:center}.booking-card{margin-top:3rem;background:var(--white);border:4px solid var(--brown);border-radius:var(--radius-lg);box-shadow:10px 10px 0 var(--brown);padding:3.5rem}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;text-align:left}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full{grid-column:1 / -1}.form-label{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--brown)}.form-input{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;color:var(--brown);background:var(--cream);border:3px solid var(--brown);border-radius:10px;padding:.75rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--terracotta);box-shadow:4px 4px 0 var(--terracotta)}.form-input::placeholder{color:#3b1f0a59}.form-select{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;color:var(--brown);background:var(--cream);border:3px solid var(--brown);border-radius:10px;padding:.75rem 2.5rem .75rem 1rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233B1F0A' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;transition:border-color .2s,box-shadow .2s}.form-select:focus{border-color:var(--terracotta);box-shadow:4px 4px 0 var(--terracotta)}.form-submit{grid-column:1 / -1;margin-top:.5rem}.info{background:var(--brown);padding:5rem 2.5rem}.info-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem}.info-brand{display:flex;flex-direction:column;gap:1rem}.info-logo{font-family:Lilita One,cursive;font-size:2.5rem;color:var(--yolk);text-shadow:4px 4px 0 var(--yolk-dark);display:flex;align-items:center;gap:.5rem;line-height:1}.info-tagline{font-size:.9rem;color:#fff9;line-height:1.6;max-width:280px}.info-socials{display:flex;gap:.7rem;margin-top:.5rem}.social-btn{width:40px;height:40px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;text-decoration:none;transition:background .2s,transform .2s;cursor:pointer}.social-btn:hover{background:var(--yolk);transform:translateY(-3px)}.info-col-title{font-family:Nunito,sans-serif;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--yolk);margin-bottom:1.2rem}.info-hours{display:flex;flex-direction:column;gap:.6rem}.hour-row{display:flex;justify-content:space-between;font-size:.88rem;color:#ffffffbf;font-weight:600}.hour-row .day{color:#ffffff80}.info-address{display:flex;flex-direction:column;gap:.6rem}.address-line{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:#ffffffbf;font-weight:600;line-height:1.5}.address-line .ico{font-size:1rem;flex-shrink:0;margin-top:.05rem}.footer{background:#1a0b03;padding:1.5rem 2.5rem;display:flex;align-items:center;justify-content:space-between;border-top:3px solid var(--yolk)}.footer-copy,.footer-heart{font-size:.8rem;color:#fff6;font-weight:600}.footer-heart span{color:var(--terracotta)}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--brown);color:var(--white);border:3px solid var(--yolk);border-radius:var(--radius);padding:1rem 1.5rem;font-weight:700;font-size:.95rem;box-shadow:6px 6px 0 var(--yolk-dark);z-index:9999;transform:translateY(6rem);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;pointer-events:none;max-width:320px}.toast.show{transform:translateY(0);opacity:1}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatMascot{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translateY(0);opacity:1}50%{transform:rotate(45deg) translateY(6px);opacity:.5}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (max-width: 900px){.hamburger{display:flex}.navbar-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--terracotta);flex-direction:column;padding:1rem;border-bottom:4px solid var(--brown);gap:.25rem}.navbar-nav.open{display:flex}.hero-content{grid-template-columns:1fr}.hero-mascot{width:180px;margin:0 auto}.about-inner,.lanes-inner{grid-template-columns:1fr;gap:3rem}.lanes-img-wrap{order:-1}.menu-grid,.events-grid{grid-template-columns:1fr}.booking-card{padding:2rem}.booking-form{grid-template-columns:1fr}.info-inner{grid-template-columns:1fr;gap:2.5rem}.stats-inner{flex-wrap:wrap}.stat-item{min-width:130px}.footer{flex-direction:column;gap:.5rem;text-align:center}section{padding:4rem 1.5rem}}@media (max-width: 500px){.hero-title{font-size:3.2rem}.about-sticker{width:90px;height:90px;right:-12px;bottom:-12px}.about-sticker span:first-child{font-size:1.5rem}}