@import url('https://fonts.googleapis.com/css2?family=Anton&family=Permanent+Marker&family=Rock+Salt&display=swap');
:root{--ink:#171513;--paper:#f5ead0;--wood:#7b4c28;--wood2:#a66b37;--yellow:#f4c32f;--pink:#e94c88;--blue:#27a9c8;--orange:#ef7d32;--green:#78a85a;--cream:#fff8e7;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#5a391f 0.7px,transparent .7px);background-size:9px 9px;z-index:10;mix-blend-mode:multiply}
.bulbs{position:absolute;top:0;left:-2%;width:104%;height:90px;z-index:3;pointer-events:none;background:repeating-linear-gradient(175deg,transparent 0 44px,#18130f 45px 48px,transparent 49px 75px)}
.bulbs:after{content:"•  •  •  •  •  •  •  •  •  •  •  •  •";position:absolute;top:30px;left:2%;font-size:36px;letter-spacing:18px;color:#ffd56b;text-shadow:0 0 10px #ffb800,0 0 22px #ff8c00}
.bunting{position:absolute;top:68px;left:-2%;width:104%;height:38px;display:flex;justify-content:center;z-index:4;transform:rotate(-1deg)}.bunting i{width:0;height:0;border-left:23px solid transparent;border-right:23px solid transparent;border-top:36px solid var(--pink);filter:drop-shadow(0 2px 1px #0005)}.bunting i:nth-child(2n){border-top-color:var(--blue)}.bunting i:nth-child(3n){border-top-color:var(--yellow)}.bunting i:nth-child(4n){border-top-color:var(--orange)}
.hero{min-height:760px;padding:120px 18px 80px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 70%,#f9b56f 0,#d16c58 26%,#3c4054 64%,#171d29 100%);isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(#0003,#0007),radial-gradient(ellipse at 50% 80%,transparent 0 28%,#111a 70%);z-index:-1}
.hero-card{width:min(850px,94vw);text-align:center;color:#111;position:relative}.invite{font-family:'Rock Salt',cursive;color:#fff;font-size:clamp(18px,3vw,28px);margin-bottom:15px;text-shadow:2px 2px #000}.logo-board{padding:24px 18px 18px;background:linear-gradient(180deg,#b17a47,#73421f);border:9px solid #402616;border-radius:10px;box-shadow:0 15px 0 #20130b,0 25px 50px #0008;transform:rotate(-1deg);position:relative}.logo-board:before,.logo-board:after{content:"";position:absolute;height:10px;width:25px;background:#1c1714;border-radius:50%;top:13px}.logo-board:before{left:15px}.logo-board:after{right:15px}.logo-board img{width:100%;height:auto;display:block;filter:drop-shadow(0 3px 0 #000)}.hero-sub,.hero-date,.hero-time,.hero-place{font-family:'Permanent Marker',cursive;background:#dca96a;padding:7px 18px;display:inline-block;box-shadow:4px 5px 0 #4a2a18;margin-top:17px}.hero-sub{font-size:clamp(18px,3vw,30px);transform:rotate(1deg)}.hero-date{font-size:clamp(20px,4vw,35px);display:block;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.hero-time{font-size:clamp(22px,4vw,36px);background:var(--yellow);transform:rotate(-1deg)}.hero-place{font-size:clamp(18px,3vw,28px);background:#f0d29e;transform:rotate(1deg)}.hero-tagline{color:#fff;font-family:'Permanent Marker',cursive;font-size:clamp(17px,3vw,27px);margin:28px 0;text-shadow:2px 3px #000}.wood-button{display:inline-block;border:0;background:linear-gradient(#b9793f,#74431f);color:#fff;text-decoration:none;padding:15px 24px;font-weight:900;letter-spacing:.05em;border-radius:4px;box-shadow:0 6px 0 #3e2515;cursor:pointer}.wood-button:hover{transform:translateY(2px);box-shadow:0 4px 0 #3e2515}
.section{padding:85px 18px;max-width:1100px;margin:auto}.sign-heading{text-align:center;margin-bottom:32px}.sign-heading span{font-family:'Permanent Marker',cursive;font-size:clamp(28px,5vw,50px);display:inline-block;background:#9b6436;padding:8px 30px;color:#fff;border:5px solid #56321c;box-shadow:8px 8px 0 #3d2719;transform:rotate(-1deg)}.sign-heading.light span{background:#e0aa2d;color:#171513}.lead,.section-intro{text-align:center;max-width:820px;margin:0 auto 40px;font-size:20px}.notice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.notice-grid article{padding:22px;background:var(--cream);border:3px solid #6d4529;box-shadow:5px 6px 0 #6d452955;transform:rotate(var(--r,0deg))}.notice-grid article:nth-child(1){--r:-1deg}.notice-grid article:nth-child(2){--r:1deg}.notice-grid article:nth-child(3){--r:-.5deg}.notice-grid article:nth-child(4){--r:1.5deg}.notice-grid b{font-family:'Permanent Marker',cursive;font-size:21px}.dark-section{max-width:none;background:linear-gradient(90deg,#211913,#352318 50%,#211913);color:#fff;position:relative}.dark-section:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(90deg,#fff 1px,transparent 1px);background-size:7px 100%;pointer-events:none}.dark-section>*{position:relative}.timeline{max-width:850px;margin:auto;border-left:5px solid #d69b37;padding-left:24px}.event{display:grid;grid-template-columns:100px 1fr;gap:20px;position:relative;padding:0 0 34px}.event:before{content:"";position:absolute;left:-37px;top:6px;width:19px;height:19px;background:var(--yellow);border:4px solid #241910;border-radius:50%}.event time{font-family:'Anton',sans-serif;font-size:30px;color:var(--yellow)}.event h3{font-family:'Permanent Marker',cursive;margin:0;font-size:25px;color:#fff}.event p{margin:3px 0;color:#e7d9bd}.weather-section{background:#f3d59a;max-width:none;text-align:center}.weather-card{max-width:780px;margin:auto;background:#fff8e7;border:5px solid #684321;box-shadow:9px 9px 0 #684321;padding:28px}.weather-main{display:flex;justify-content:center;align-items:center;gap:20px}.weather-icon{font-size:70px}.weather-main strong{display:block;font-family:'Anton',sans-serif;font-size:70px;line-height:1}.weather-main span{display:block;font-family:'Permanent Marker',cursive;font-size:22px}.weather-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;border-top:2px dashed #8b633c;padding-top:20px}.weather-meta b{display:block;font-size:24px}.weather-meta small{display:block;color:#6a523b}.weather-note{margin-top:22px;font-family:'Permanent Marker',cursive;font-size:20px}.spinner{font-family:'Permanent Marker',cursive;font-size:20px}.photo-upload-section{background:#f8edcf}.upload-box{max-width:650px;margin:auto;background:#fff;border:4px solid #6d4529;padding:30px;box-shadow:8px 8px 0 #6d452955;display:grid;gap:14px}.upload-label{font-family:'Permanent Marker',cursive;font-size:25px}.upload-box input[type=file]{padding:18px;border:3px dashed #9a6639;background:#fff9ed}.upload-box input[type=text]{padding:14px;border:2px solid #9a6639;font-size:16px}.upload-box small{color:#6a523b}.gallery-section{max-width:none;background:#ead0a0}.gallery{max-width:1100px;margin:auto;columns:4 220px;column-gap:15px}.gallery a{display:block;margin-bottom:15px;break-inside:avoid}.gallery img{display:block;width:100%;border:5px solid #fff;box-shadow:4px 5px 0 #5a3b22}.empty-gallery{max-width:700px;margin:auto;padding:35px;text-align:center;border:4px dashed #7b4c28;font-family:'Permanent Marker',cursive;font-size:22px}.photo-booth-placeholder{max-width:850px;margin:55px auto 0;background:#1e1915;color:#fff;padding:45px;text-align:center;border:5px solid #d89b35;box-shadow:8px 8px 0 #4d301c}.photo-booth-placeholder span{font-size:45px}.photo-booth-placeholder h3{font-family:'Permanent Marker',cursive;font-size:32px;margin:10px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.faq-grid details{background:#fff8e7;border:3px solid #714824;padding:18px;box-shadow:4px 5px 0 #71482444}.faq-grid summary{cursor:pointer;font-family:'Permanent Marker',cursive;font-size:20px}.faq-grid p{margin-bottom:0}.text-link{font-weight:900;color:#713d1e}.footer{background:#16110e;color:#fff;text-align:center;padding:60px 18px 70px}.footer-logo{max-width:600px;margin:0 auto 25px;background:#9a6639;padding:20px;border:6px solid #55331d}.footer-logo img{width:100%;display:block}.footer p{font-family:'Permanent Marker',cursive;font-size:18px}.footer .tiny{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.15em;color:#d7bf99}
@media(max-width:800px){.notice-grid{grid-template-columns:1fr 1fr}.hero{min-height:700px;padding-top:110px}.logo-board{padding:16px 10px}.event{grid-template-columns:75px 1fr}.event time{font-size:25px}.faq-grid{grid-template-columns:1fr}}
@media(max-width:520px){.notice-grid{grid-template-columns:1fr}.hero-sub,.hero-date,.hero-time,.hero-place{box-shadow:3px 4px 0 #4a2a18}.hero-card{width:98vw}.weather-meta{grid-template-columns:1fr;gap:12px}.section{padding:65px 14px}.sign-heading span{padding:8px 17px}.bunting i{border-left-width:15px;border-right-width:15px}}

.running-all-night{max-width:1050px;margin:55px auto 0;padding:28px;background:#16110e;border:4px solid #d69b37;box-shadow:7px 7px 0 #0008;text-align:center}.running-all-night h3{font-family:'Permanent Marker',cursive;color:#f4c32f;font-size:26px;margin:0 0 20px}.running-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.running-grid div{background:#f5ead0;color:#171513;padding:16px 12px;border:2px solid #8b5a32}.running-grid b{display:block;font-family:'Permanent Marker',cursive;font-size:17px}.running-grid span{display:block;font-size:14px;margin-top:6px}.festival-section{background:#f0d29e;max-width:none}.feature-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:#fff8e7;border:4px solid #714824;padding:25px;box-shadow:6px 7px 0 #71482455;transform:rotate(var(--r,0deg))}.feature-card:nth-child(2n){--r:1deg}.feature-card:nth-child(3n){--r:-.7deg}.feature-icon{font-size:40px}.feature-card h3,.game-grid h3,.bingo-card h3{font-family:'Permanent Marker',cursive;margin:7px 0;font-size:22px}.olympics-section{max-width:none;background:#e8c88c}.olympics-banner{max-width:900px;margin:0 auto 35px;background:#211913;color:#fff;padding:22px;border:5px solid #d69b37;box-shadow:8px 8px 0 #4d301c;text-align:center}.olympics-banner strong{display:block;color:#f4c32f;font-family:'Permanent Marker',cursive;font-size:26px}.olympics-banner span{display:block;margin-top:6px}.game-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.game-grid article{background:#fff8e7;border:3px solid #714824;padding:20px;box-shadow:5px 6px 0 #71482455}.game-grid article>span{font-size:34px}.bingo-section{background:#f6e6bd}.bingo-card{max-width:850px;margin:auto;background:#fff;border:5px solid #714824;padding:30px;box-shadow:9px 9px 0 #71482455;text-align:center}.bingo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;text-align:left}.bingo-list span{padding:13px;background:#f5ead0;border:2px dashed #9a6639}.missions-section{background:#d7c090;max-width:none}.mission-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mission-grid article{background:#fff8e7;padding:22px;border:3px solid #714824;box-shadow:5px 6px 0 #71482455}.mission-grid b{font-family:'Permanent Marker',cursive;font-size:20px}.passport-section{background:#f5ead0;max-width:none}.passport{max-width:800px;margin:auto;background:#f7df9e;border:5px solid #714824;padding:28px;box-shadow:9px 9px 0 #71482455;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-family:'Permanent Marker',cursive;font-size:19px}.passport div{padding:10px;border-bottom:2px dashed #9a6639}
@media(max-width:900px){.running-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:1fr 1fr}.mission-grid{grid-template-columns:1fr 1fr}.bingo-list{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.running-grid,.feature-grid,.game-grid,.mission-grid,.bingo-list,.passport{grid-template-columns:1fr}.running-all-night{padding:20px}.passport{font-size:17px}}