@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400;600;700;900&family=Chakra+Petch:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root{
  --void:#0A0E27;
  --deep-navy:#0F1B3D;
  --neon-pink:#F0A6CA;
  --neon-cyan:#5EDCF4;
  --neon-yellow:#F4D03F;
  --lavender:#E2D5F2;
  --text:#E2D5F2;
  --muted:#8a93c2;
  --glass:rgba(15,27,61,0.55);
  --glass-border:rgba(94,220,244,0.30);
  --pixel-shadow: 4px 4px 0 var(--void);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Chakra Petch','Segoe UI',system-ui,sans-serif;
  background:var(--void);
  color:var(--text);
  overflow-x:hidden;
  background-image:
    linear-gradient(rgba(94,220,244,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94,220,244,0.04) 1px, transparent 1px),
    radial-gradient(ellipse at top, rgba(240,166,202,0.18), transparent 60%),
    radial-gradient(ellipse at bottom, rgba(94,220,244,0.15), transparent 60%);
  background-size: 32px 32px, 32px 32px, 100% 100%, 100% 100%;
  background-attachment: fixed;
  position:relative;
}
/* CRT scanlines */
body::before{
  content:'';
  position:fixed;inset:0;pointer-events:none;z-index:99;
  background:repeating-linear-gradient(0deg, rgba(10,14,39,0.0) 0px, rgba(10,14,39,0.0) 2px, rgba(10,14,39,0.18) 3px, rgba(10,14,39,0.18) 4px);
  mix-blend-mode:multiply;
  opacity:.55;
}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
a{color:inherit;text-decoration:none}

h1,h2,h3,h4{font-family:'Tektur','Chakra Petch',sans-serif;letter-spacing:.02em;text-transform:uppercase}
code,.mono,.countdown{font-family:'Space Mono',monospace}

/* Particles -> pixel sparks */
.particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.particle{position:absolute;width:4px;height:4px;background:var(--neon-cyan);box-shadow:0 0 0 1px var(--void), 0 0 10px var(--neon-cyan);opacity:.85;animation:float linear infinite;border-radius:0}
@keyframes float{0%{transform:translateY(110vh) translateX(0);opacity:0}10%{opacity:.85}100%{transform:translateY(-10vh) translateX(50px);opacity:0}}

/* Header */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(10,14,39,0.85);
  backdrop-filter:blur(10px);
  border-bottom:2px solid var(--neon-cyan);
  box-shadow:0 0 24px rgba(94,220,244,0.18);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:2rem;
  padding:1rem 1.5rem;
  max-width:1280px;margin:0 auto;
}
.logo{
  display:flex;align-items:center;gap:.6rem;
  font-weight:700;font-size:1.15rem;
  font-family:'Tektur',sans-serif;text-transform:uppercase;
  flex-shrink:0;
}
.logo-glow{
  font-size:1.6rem;color:var(--neon-yellow);
  text-shadow:2px 0 0 var(--neon-pink), -2px 0 0 var(--neon-cyan), 0 0 14px var(--neon-yellow);
  animation:crtFlicker 3s steps(8,end) infinite;
  display:inline-block;padding:.05em .2em;border:2px solid var(--neon-yellow);
  background:var(--void);
  line-height:1;
}
@keyframes crtFlicker{0%,92%,100%{opacity:1;filter:brightness(1)}93%{opacity:.4}94%{opacity:1}96%{filter:brightness(1.6)}}
.logo-text{
  background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  white-space:nowrap;
}
.main-nav{
  display:flex;
  gap:1.25rem;
  flex:1;
  justify-content:center;
  flex-wrap:nowrap;
}
.main-nav a{
  font-family:'Space Mono',monospace;
  font-size:.8rem;
  color:var(--lavender);
  transition:.2s;
  position:relative;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
  padding:.35rem 0;
}
.main-nav a::before{content:'>';color:var(--neon-cyan);opacity:0;margin-right:.4em;transition:.2s}
.main-nav a:hover{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}
.main-nav a:hover::before{opacity:1}
.header-cta{flex-shrink:0}
.hamburger{display:none;background:none;border:none;flex-direction:column;gap:5px;cursor:pointer;padding:.3rem;flex-shrink:0}
.hamburger span{width:25px;height:3px;background:var(--neon-cyan);display:block;box-shadow:0 0 6px var(--neon-cyan)}

/* Buttons - pixel/arcade style */
.btn{
  display:inline-block;padding:.85rem 1.6rem;
  border-radius:0;
  font-family:'Tektur',sans-serif;
  font-weight:700;cursor:pointer;border:2px solid;
  font-size:.9rem;transition:.15s;text-align:center;
  text-transform:uppercase;letter-spacing:.08em;
  position:relative;
}
.btn-neon{background:var(--neon-pink);color:var(--void);border-color:var(--neon-pink);box-shadow:var(--pixel-shadow)}
.btn-neon:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--void),0 0 20px var(--neon-pink)}
.btn-gold{background:var(--neon-yellow);color:var(--void);border-color:var(--neon-yellow);box-shadow:var(--pixel-shadow);font-weight:900}
.btn-gold:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--void),0 0 24px var(--neon-yellow)}
.btn-outline{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--pixel-shadow)}
.btn-outline:hover{background:var(--neon-cyan);color:var(--void);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--void)}
.btn-neon-sm,.btn-gold-sm{padding:.5rem .9rem;font-size:.75rem;border:2px solid;box-shadow:3px 3px 0 var(--void)}
.btn-neon-sm{background:var(--neon-cyan);color:var(--void);border-color:var(--neon-cyan)}
.btn-neon-sm:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--void)}
.btn-gold-sm{background:var(--neon-yellow);color:var(--void);border-color:var(--neon-yellow);font-weight:900}
.btn-gold-sm:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--void)}

/* Header CTA button - smaller, more compact */
.header-cta .btn{padding:.6rem 1.1rem;font-size:.78rem}

/* Hero */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 0;z-index:2}
.hero::before{content:'';position:absolute;inset:0;background:url('assets/kungfu-neon-temple-hero.jpg') center/cover;opacity:.22;z-index:-2;filter:hue-rotate(220deg) saturate(1.4) contrast(1.1)}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,var(--void) 90%);z-index:-1}
.hero-content{text-align:center;position:relative;z-index:2}
.hero-title{
  font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin-bottom:1rem;
  font-family:'Tektur',sans-serif;font-weight:900;
  text-shadow:3px 3px 0 var(--neon-pink), 6px 6px 0 var(--deep-navy);
  letter-spacing:.02em;
}
.gold{
  background:linear-gradient(90deg,var(--neon-yellow),var(--neon-pink));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 12px rgba(244,208,63,.5));
}
.hero-sub{font-family:'Space Mono',monospace;font-size:1rem;color:var(--lavender);margin-bottom:2rem;letter-spacing:.04em}
.hero-sub::before{content:'> ';color:var(--neon-cyan)}
.hero-form{display:flex;gap:.75rem;max-width:540px;margin:0 auto;flex-wrap:wrap}
.hero-form input[type=email],
.inline-form input[type=email],
.contact-form input,
.contact-form textarea,
.modal-inner input[type=email],
.footer-form input,
.sticky-form input{
  flex:1;min-width:240px;padding:.9rem 1.1rem;
  background:var(--deep-navy);
  border:2px solid var(--glass-border);
  border-radius:0;color:var(--lavender);
  font-family:'Space Mono',monospace;font-size:.95rem;
}
.hero-form input[type=email]:focus,
.inline-form input[type=email]:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.modal-inner input[type=email]:focus,
.footer-form input:focus,
.sticky-form input:focus{
  outline:none;border-color:var(--neon-cyan);
  box-shadow:0 0 0 2px var(--void),0 0 16px rgba(94,220,244,.5);
}
.hero-cta-row{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}

/* Hero disclaimer */
.hero-disclaimer{
  margin-top:2rem;
  font-family:'Space Mono',monospace;
  font-size:.78rem;
  color:var(--neon-yellow);
  letter-spacing:.05em;
  padding:.7rem 1rem;
  border:1px dashed rgba(244,208,63,.5);
  background:rgba(10,14,39,.55);
  display:inline-block;
  max-width:720px;
  text-transform:uppercase;
}

.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none}

/* Sections */
section{position:relative;z-index:2;padding:5rem 0}
.section-title{font-size:clamp(1.8rem,3.5vw,2.5rem);text-align:center;margin-bottom:1rem;font-family:'Tektur',sans-serif;text-shadow:2px 2px 0 var(--deep-navy)}
.section-sub{text-align:center;color:var(--muted);margin-bottom:3rem;font-family:'Space Mono',monospace}
.page-hero{padding:5rem 0 3rem;text-align:center;border-bottom:2px dashed rgba(94,220,244,.2)}
.page-hero h1{font-size:clamp(2rem,4.5vw,3.5rem);font-family:'Tektur',sans-serif;text-shadow:3px 3px 0 var(--neon-pink)}
.page-hero p{color:var(--muted);margin-top:.8rem;font-family:'Space Mono',monospace}
.page-hero p::before{content:'// '}

/* Featured Game */
.featured-game{background:linear-gradient(180deg,transparent,rgba(240,166,202,0.06),transparent)}
.game-frame-wrap{
  max-width:1000px;margin:2rem auto 0;
  border:3px solid var(--neon-cyan);
  border-radius:0;overflow:hidden;
  box-shadow:8px 8px 0 var(--neon-pink), 0 0 40px rgba(94,220,244,.35);
  background:var(--void);
  position:relative;
}
.game-frame-wrap::before{
  content:'● ● ●';position:absolute;top:0;left:0;right:0;
  background:var(--deep-navy);color:var(--neon-pink);
  padding:.4rem .8rem;font-family:'Space Mono',monospace;font-size:.7rem;
  letter-spacing:.4em;border-bottom:2px solid var(--neon-cyan);z-index:2;
}
.game-frame-wrap iframe{width:100%;height:600px;display:block;border:none;margin-top:24px}

/* Card grid - pixel boxes */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem;margin-top:2rem}
.game-card,.vip-card,.testi-card,.spin-card,.promo-card{
  background:var(--deep-navy);
  border:2px solid var(--glass-border);
  border-radius:0;
  padding:1.8rem;
  transition:.2s;
  position:relative;
  box-shadow:6px 6px 0 var(--void);
}
.game-card::before,.vip-card::before,.spin-card::before,.promo-card::before{
  content:'';position:absolute;top:-2px;left:-2px;right:-2px;height:6px;
  background:repeating-linear-gradient(90deg,var(--neon-cyan) 0 8px,var(--neon-pink) 8px 16px,var(--neon-yellow) 16px 24px);
}
.game-card:hover,.vip-card:hover,.spin-card:hover,.promo-card:hover{
  transform:translate(-3px,-3px);
  border-color:var(--neon-cyan);
  box-shadow:9px 9px 0 var(--void),0 0 24px rgba(94,220,244,.3);
}
.game-card img{width:100%;height:180px;object-fit:cover;border-radius:0;margin-bottom:1rem;border:2px solid var(--void);image-rendering:pixelated;filter:saturate(1.1)}
.game-card h3,.vip-card h3,.promo-card h3,.spin-card h3{margin-bottom:.6rem;color:var(--neon-yellow);font-family:'Tektur',sans-serif}
.game-card p,.testi-card p,.promo-card p{color:var(--muted);margin-bottom:1rem;font-size:.92rem;font-family:'Chakra Petch',sans-serif;line-height:1.6}

/* VIP card paragraph - improved visibility (matches other cards) */
.vip-card p{
  color:var(--lavender);
  margin-bottom:1rem;
  font-size:.95rem;
  font-family:'Chakra Petch',sans-serif;
  line-height:1.65;
}

.vip-card.bronze{border-color:var(--neon-pink)}
.vip-card.bronze h3{color:var(--neon-pink)}
.vip-card.silver{border-color:var(--lavender)}
.vip-card.silver h3{color:var(--lavender)}
/* Golden Dragon card - now styled to match Silver Master (lavender) */
.vip-card.gold{border-color:var(--lavender)}
.vip-card.gold h3{color:var(--lavender)}
.vip-card.gold p{
  color:var(--lavender);
  text-shadow:none;
}
.vip-card ul{list-style:none;padding:0;margin-top:1rem}
.vip-card li{padding:.5rem 0;border-bottom:1px dashed rgba(226,213,242,.12);color:var(--lavender);font-family:'Space Mono',monospace;font-size:.85rem}
.vip-card li::before{content:'▸ ';color:var(--neon-cyan)}

.spin-card{text-align:center}
.spin-card h3{font-size:3rem;color:var(--neon-yellow);margin-bottom:.5rem;font-family:'Tektur',sans-serif;text-shadow:3px 3px 0 var(--neon-pink)}
.spin-card.glow{border-color:var(--neon-yellow);box-shadow:6px 6px 0 var(--void),0 0 28px rgba(244,208,63,.4)}
.spin-card span{display:block;color:var(--muted);font-size:.78rem;margin-top:.5rem;font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em}
.spin-card p{color:var(--lavender);font-family:'Tektur',sans-serif;text-transform:uppercase;letter-spacing:.05em}

.promo-card{position:relative}
.promo-tag{
  position:absolute;top:-2px;right:1rem;
  background:var(--neon-pink);color:var(--void);
  padding:.35rem .8rem;border-radius:0;
  font-size:.65rem;font-weight:700;letter-spacing:2px;
  font-family:'Space Mono',monospace;
  border:2px solid var(--void);
  box-shadow:2px 2px 0 var(--void);
}
.countdown{font-family:'Space Mono',monospace;color:var(--neon-cyan);margin:1rem 0;font-size:1rem;background:var(--void);padding:.5rem .8rem;border:1px solid var(--neon-cyan);display:inline-block}

.testi-card{font-style:normal}
.testi-card p{font-family:'Chakra Petch',sans-serif}
.testi-card p::before{content:'"';color:var(--neon-pink);font-size:2rem;font-family:'Tektur';line-height:0;vertical-align:-.4em;margin-right:.2em}
.testi-card span{display:block;margin-top:1rem;color:var(--neon-cyan);font-family:'Space Mono',monospace;font-weight:700;font-size:.85rem}

/* CTA Block */
.cta-block{background:linear-gradient(135deg,rgba(240,166,202,.08),rgba(94,220,244,.10));border-top:2px solid var(--neon-pink);border-bottom:2px solid var(--neon-cyan);text-align:center}
.cta-block h2{font-size:2rem;margin-bottom:1.5rem;font-family:'Tektur',sans-serif;text-shadow:2px 2px 0 var(--neon-pink)}
.inline-form{display:flex;gap:.7rem;max-width:520px;margin:0 auto;flex-wrap:wrap}

/* FAQ */
.faq{max-width:800px;margin:0 auto}
.faq details{
  background:var(--deep-navy);
  border:2px solid var(--glass-border);
  border-radius:0;padding:1rem 1.5rem;margin-bottom:.8rem;
  box-shadow:4px 4px 0 var(--void);
}
.faq details[open]{border-color:var(--neon-cyan)}
.faq summary{cursor:pointer;font-family:'Tektur',sans-serif;font-weight:700;color:var(--neon-yellow);list-style:none;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}
.faq summary::after{content:'[+]';font-family:'Space Mono',monospace;color:var(--neon-cyan);font-size:.9rem}
.faq details[open] summary::after{content:'[-]'}
.faq details p{margin-top:.8rem;color:var(--muted);line-height:1.65;font-family:'Chakra Petch',sans-serif}

/* Responsible banner */
.responsible-banner{background:var(--void);padding:1rem 0;text-align:center;border-top:2px solid var(--neon-yellow);border-bottom:2px solid var(--neon-yellow);font-size:.85rem;font-family:'Space Mono',monospace;color:var(--lavender)}
.responsible-banner strong{color:var(--neon-yellow)}

/* Two col */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.contact-form{display:flex;flex-direction:column;gap:1rem}

.check-list{list-style:none;padding:0;margin:1rem 0}
.check-list li{padding:.6rem 0;border-bottom:1px dashed rgba(226,213,242,.12);font-family:'Chakra Petch',sans-serif;color:var(--lavender)}

/* Content typography */
.content-section h2{color:var(--neon-cyan);margin:2rem 0 .8rem;font-size:1.5rem;text-shadow:2px 2px 0 var(--deep-navy)}
.content-section h2::before{content:'// ';color:var(--neon-pink);font-family:'Space Mono',monospace}
.content-section h3{color:var(--neon-yellow);margin:1.4rem 0 .6rem;font-size:1.1rem;font-family:'Tektur',sans-serif}
.content-section h3::before{content:'> ';color:var(--neon-cyan);font-family:'Space Mono',monospace}
.content-section p{color:var(--lavender);line-height:1.7;margin-bottom:1rem;font-family:'Chakra Petch',sans-serif}

/* Legal page image */
.legal-img{
  width:100%;
  max-height:280px;
  object-fit:cover;
  border:3px solid var(--neon-cyan);
  box-shadow:6px 6px 0 var(--neon-pink),0 0 30px rgba(94,220,244,.25);
  margin:1.5rem 0 2rem;
  image-rendering:pixelated;
  filter:saturate(1.1);
}

/* Footer */
.site-footer{background:var(--void);border-top:2px solid var(--neon-cyan);padding-top:3rem;margin-top:4rem;position:relative;z-index:2}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding-bottom:2rem}
.footer-grid h4{color:var(--neon-yellow);margin-bottom:1rem;font-family:'Tektur',sans-serif;font-size:1rem;letter-spacing:.06em}
.footer-grid h4::before{content:'> ';color:var(--neon-cyan);font-family:'Space Mono',monospace}
.footer-grid a{display:block;padding:.3rem 0;color:var(--muted);transition:.2s;font-family:'Space Mono',monospace;font-size:.85rem}
.footer-grid a:hover{color:var(--neon-cyan);transform:translateX(4px)}
.footer-grid p{font-family:'Chakra Petch',sans-serif;color:var(--muted);font-size:.9rem}
.footer-form{display:flex;gap:.5rem;flex-wrap:wrap}
.footer-form input{flex:1;min-width:130px;padding:.55rem .8rem;font-size:.85rem}
.small{font-size:.75rem;color:var(--muted);margin-top:.6rem;font-family:'Space Mono',monospace;line-height:1.6}
.footer-bottom{border-top:1px dashed rgba(226,213,242,.15);padding:1.2rem 0;text-align:center;font-size:.8rem;color:var(--muted);font-family:'Space Mono',monospace}

/* Sticky bar */
.sticky-bar{
  position:fixed;bottom:0;left:0;right:0;
  background:var(--void);
  border-top:3px solid var(--neon-pink);
  padding:.8rem 1rem;
  display:flex;align-items:center;gap:1rem;
  z-index:90;
  box-shadow:0 -4px 0 var(--neon-cyan), 0 -8px 24px rgba(240,166,202,.3);
  transform:translateY(100%);transition:.4s;
}
.sticky-bar.show{transform:translateY(0)}
.sticky-bar span{font-family:'Tektur',sans-serif;font-weight:700;color:var(--neon-yellow);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}
.sticky-form{display:flex;gap:.5rem;flex:1;max-width:400px}
.sticky-form input{flex:1;min-width:0;padding:.5rem .7rem;font-size:.85rem}
.sticky-close{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;padding:0 .4rem;font-family:'Space Mono',monospace}
.sticky-close:hover{color:var(--neon-pink)}

/* Modals */
.modal{position:fixed;inset:0;background:rgba(10,14,39,0.92);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:200;padding:1rem;animation:fadeIn .3s ease}
.modal.show{display:flex}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal-inner{
  background:var(--deep-navy);
  border:3px solid var(--neon-cyan);
  border-radius:0;
  padding:2.5rem;
  max-width:480px;width:100%;
  text-align:center;
  position:relative;
  box-shadow:8px 8px 0 var(--neon-pink), 0 0 50px rgba(94,220,244,.4);
  animation:modalIn .3s steps(6,end);
}
.modal-inner::before{
  content:'';position:absolute;top:-3px;left:-3px;right:-3px;height:8px;
  background:repeating-linear-gradient(90deg,var(--neon-cyan) 0 12px,var(--neon-pink) 12px 24px,var(--neon-yellow) 24px 36px);
}
@keyframes modalIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-inner h2{margin-bottom:.8rem;font-size:1.5rem;font-family:'Tektur',sans-serif;color:var(--neon-yellow)}
.modal-inner p{color:var(--lavender);margin-bottom:1.5rem;font-family:'Chakra Petch',sans-serif}
.modal-inner form{display:flex;flex-direction:column;gap:.8rem}
.modal-close{position:absolute;top:.6rem;right:.8rem;background:none;border:none;color:var(--neon-pink);font-size:1.6rem;cursor:pointer;line-height:1;font-family:'Space Mono',monospace}
.modal-close:hover{color:var(--neon-yellow)}
.modal-inner.success{border-color:var(--neon-yellow);box-shadow:8px 8px 0 var(--neon-cyan), 0 0 50px rgba(244,208,63,.4)}
.modal-inner.error{border-color:var(--neon-pink);box-shadow:8px 8px 0 var(--neon-yellow), 0 0 50px rgba(240,166,202,.4)}
.success-glow{
  font-size:3.5rem;margin-bottom:1rem;
  filter:drop-shadow(0 0 14px var(--neon-yellow));
  animation:crtFlicker 2s steps(6,end) infinite;
  display:inline-block;
}

/* Cookie consent */
.cookie-consent{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:520px;margin:0 auto;background:var(--void);border:2px solid var(--neon-cyan);border-radius:0;padding:1rem 1.2rem;display:none;align-items:center;gap:1rem;z-index:150;box-shadow:6px 6px 0 var(--neon-pink)}
.cookie-consent.show{display:flex}
.cookie-consent p{flex:1;font-size:.8rem;color:var(--lavender);font-family:'Space Mono',monospace}
.cookie-consent a{color:var(--neon-cyan);text-decoration:underline}

/* Legal */
.legal h2{color:var(--neon-cyan);margin:2rem 0 .8rem;font-family:'Tektur',sans-serif}
.legal h2::before{content:'// ';color:var(--neon-pink);font-family:'Space Mono',monospace}
.legal h3{color:var(--neon-yellow);margin:1.3rem 0 .5rem;font-family:'Tektur',sans-serif;font-size:1.05rem}
.legal h3::before{content:'> ';color:var(--neon-cyan);font-family:'Space Mono',monospace}
.legal p,.legal ul{color:var(--lavender);line-height:1.75;margin-bottom:1rem;font-family:'Chakra Petch',sans-serif}
.legal ul{padding-left:1.5rem}
.legal ul li{margin-bottom:.4rem}
.legal ul ul{margin-top:.4rem;margin-bottom:.4rem}
.legal em{color:var(--muted);font-family:'Space Mono',monospace;font-style:normal}
.legal strong{color:var(--neon-yellow)}

/* 404 */
.error-section{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 0}
.error-code{
  font-size:clamp(6rem,18vw,12rem);line-height:1;
  font-family:'Tektur',sans-serif;font-weight:900;
  text-shadow:6px 6px 0 var(--neon-pink),12px 12px 0 var(--deep-navy);
  animation:crtFlicker 3s steps(8,end) infinite;
}
.error-section h2{font-size:2rem;margin:1rem 0;font-family:'Tektur',sans-serif;color:var(--neon-cyan)}
.error-section p{color:var(--muted);margin-bottom:2rem;font-family:'Space Mono',monospace}

/* Scrollbar */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:var(--void)}
::-webkit-scrollbar-thumb{background:var(--neon-cyan);border:2px solid var(--void)}
::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}

/* Selection */
::selection{background:var(--neon-yellow);color:var(--void)}

/* Tablet - reduce nav gaps to keep header tidy */
@media(max-width:1100px){
  .header-inner{gap:1rem;padding:.85rem 1.25rem}
  .main-nav{gap:1rem}
  .main-nav a{font-size:.75rem}
  .logo-text{font-size:1rem}
  .header-cta .btn{padding:.55rem .9rem;font-size:.72rem}
}

/* Mobile */
@media(max-width:960px){
  .main-nav{
    display:none;
    position:absolute;top:100%;left:0;right:0;
    background:var(--void);
    flex-direction:column;
    padding:1.5rem;gap:1rem;
    border-bottom:2px solid var(--neon-cyan);
    box-shadow:0 8px 24px rgba(0,0,0,.5);
  }
  .main-nav.open{display:flex}
  .main-nav a{font-size:.9rem;padding:.5rem 0}
  .header-cta{display:none}
  .hamburger{display:flex}
  .header-inner{padding:.85rem 1.25rem}
  .two-col{grid-template-columns:1fr}
  .game-frame-wrap iframe{height:420px}
  .sticky-bar{flex-wrap:wrap}
  .sticky-bar span{flex-basis:100%;text-align:center;font-size:.85rem}
  .hero-disclaimer{font-size:.7rem}
}
@media(max-width:480px){
  .game-frame-wrap iframe{height:360px}
  .modal-inner{padding:1.8rem}
  .hero-title{text-shadow:2px 2px 0 var(--neon-pink), 4px 4px 0 var(--deep-navy)}
  .legal-img{max-height:180px}
  .logo-glow{font-size:1.4rem}
  .logo-text{font-size:.9rem}
}