@import url('https://fonts.googleapis.com/css2?family=Creepster&family=Eater&display=swap');
:root{--orange:#ff8a3d;--red:#ff3030;--gold:#ffd35a;--white:#fff;--shadow:#130b08;}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0b0e;color:#fff}body{font-family:'Eater',Georgia,serif;background:#0b0b0e url('assets/haunted-market-bg.jpg') center top/cover fixed no-repeat;}
body:before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:-1}
.page{min-height:100vh;padding:clamp(36px,6vh,85px) 20px 60px;display:flex;justify-content:center}
.panel{width:min(1050px,96vw);text-align:center;text-shadow:3px 3px 0 var(--shadow),0 0 10px #000;}
.title{font-family:'Creepster',cursive;font-size:clamp(64px,9vw,125px);line-height:.9;color:var(--red);letter-spacing:2px;margin:0 0 38px}
.nav{display:flex;flex-direction:column;gap:12px;align-items:center}.nav a{font-family:'Eater',serif;color:var(--orange);font-size:clamp(22px,3vw,34px);text-decoration:underline;text-underline-offset:6px;font-weight:700}.nav a:hover{color:var(--gold)}
.countdown{font-family:'Creepster',cursive;color:#fff;font-size:clamp(30px,4.5vw,60px);margin-top:40px;letter-spacing:1px}.countdown small{display:block;font-family:Georgia,serif;font-size:14px;letter-spacing:0;color:#ddd;margin-top:8px}
.content{max-width:1000px;margin:auto;background:rgba(8,8,12,.18);padding:30px 34px 45px;border-radius:12px}
.content h1{font-family:'Creepster',cursive;color:var(--orange);font-size:clamp(34px,5vw,62px);margin:0 0 28px}.content p,.content li{font-size:clamp(18px,2.1vw,28px);line-height:1.45}.content a{color:var(--gold)}
.callout{font-family:'Creepster',cursive;color:var(--red);font-size:clamp(24px,3.4vw,42px);margin-top:35px}
.home{display:inline-block;margin-top:35px;font-family:'Creepster',cursive;color:#fff;font-size:clamp(26px,3vw,40px);text-decoration:underline}
.games-image{display:block;width:min(850px,100%);margin:0 auto 35px;border-radius:2px;box-shadow:0 8px 28px rgba(0,0,0,.6)}
.game-copy{font-size:clamp(18px,2vw,26px);color:var(--orange);line-height:1.55}.rules{max-width:900px;margin:18px auto;text-align:left}.rules li{margin:14px 0;padding-left:8px}.rules li::marker{color:var(--orange)}
@media(max-width:650px){.page{padding:34px 12px 48px}.content{padding:24px 16px 35px}.nav a{font-size:24px}.content p,.content li{font-size:18px}}

.button{display:inline-block;margin-top:15px;padding:14px 28px;border:2px solid var(--orange);border-radius:8px;background:rgba(0,0,0,.45);font-family:"Creepster",cursive;color:var(--orange);font-size:clamp(26px,3vw,40px);text-decoration:none;text-shadow:2px 2px 0 var(--shadow),0 0 8px #000}.button:hover{color:var(--gold);border-color:var(--gold)}

.vendor-button{margin-top:2px;font-size:clamp(34px,4.2vw,52px);padding:12px 32px}
.booth-note{margin-bottom:2px}

.ticket-button{margin-top:22px;font-size:clamp(30px,3.6vw,46px);padding:12px 30px}