/* Reset */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Lato',sans-serif;background:linear-gradient(135deg,#F5E6D3 0%,#E8D7C3 50%,#D4C4B0 100%);color:#3E2723;line-height:1.7}
h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:700}

/* Age Modal */
.age-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.92);z-index:10000;justify-content:center;align-items:center}
.age-modal.active{display:flex}
.age-modal-content{background:#FFF;padding:3rem 2.5rem;border-radius:15px;max-width:480px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.4);border:2px solid #B8860B}
.modal-header{margin-bottom:1.5rem}
.pearl-icon{font-size:3.5rem;color:#B8860B;margin-bottom:1rem}
.age-modal-content h2{font-size:2rem;color:#3E2723;margin-bottom:1rem}
.age-modal-content p{color:#5D4037;margin-bottom:0.75rem;font-size:1.05rem}
.modal-note{font-size:0.95rem;opacity:0.8;margin-bottom:2rem}
.modal-actions{display:flex;gap:1rem}
.btn-elegant,.btn-decline{flex:1;padding:1rem 1.5rem;border:2px solid #B8860B;background:#B8860B;color:#FFF;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s;border-radius:8px;font-family:'Lato',sans-serif;text-transform:uppercase;letter-spacing:1px}
.btn-elegant:hover{background:#FFD700;border-color:#FFD700;transform:translateY(-2px);box-shadow:0 10px 25px rgba(184,134,11,0.3)}
.btn-decline{background:transparent;color:#B8860B}
.btn-decline:hover{background:#F5F5F5}

/* Header */
.site-header{background:#FFF;box-shadow:0 2px 15px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;border-bottom:3px solid #B8860B}
.header-container{max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:0.75rem}
.brand-name{font-family:'Playfair Display',serif;font-size:2rem;font-weight:800;color:#B8860B;letter-spacing:1px}
.main-nav{display:flex;gap:0.5rem}
.nav-link{color:#5D4037;text-decoration:none;padding:0.75rem 1.5rem;border-radius:8px;transition:all 0.3s;font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:1px}
.nav-link:hover{background:#F5E6D3;color:#B8860B}
.nav-link.active{background:#B8860B;color:#FFF}
.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0.5rem}
.nav-toggle span{width:28px;height:3px;background:#B8860B;margin:4px 0;border-radius:3px;transition:all 0.3s}

/* Hero */
.hero{background:linear-gradient(135deg,rgba(184,134,11,0.9),rgba(212,175,55,0.9)),url('data:image/svg+xml,%3Csvg width="100" height="100" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0h100v100H0z" fill="%23D4C4B0"/%3E%3C/svg%3E');padding:5rem 2rem;text-align:center;position:relative;color:#FFF}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
.hero-content{position:relative;z-index:1}
.hero-title{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 10px rgba(0,0,0,0.3)}
.hero-subtitle{font-size:1.8rem;margin-bottom:1.5rem;font-family:'Playfair Display',serif;font-style:italic}
.hero-description{font-size:1.2rem;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;opacity:0.95}
.btn-primary{display:inline-block;background:#FFF;color:#B8860B;padding:1.2rem 3rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}

/* Page Hero */
.page-hero{background:linear-gradient(135deg,#B8860B,#D4AF37);padding:4rem 2rem;text-align:center;color:#FFF}
.page-hero h1{font-size:3rem;margin-bottom:0.5rem}
.page-hero p{font-size:1.2rem;opacity:0.95}

/* Main Content */
.main-content{max-width:1400px;margin:0 auto;padding:4rem 2rem}
.content-wrapper{max-width:1200px;margin:0 auto}
.section-heading{text-align:center;margin-bottom:3rem}
.section-heading h2{font-size:2.8rem;color:#B8860B;margin-bottom:1rem}
.heading-ornament{font-size:1.5rem;color:#D4AF37;letter-spacing:1rem}

/* Intro Section */
.intro-section{margin-bottom:5rem}
.intro-text p{font-size:1.15rem;color:#5D4037;margin-bottom:1.5rem;line-height:1.9;text-align:center}

/* Principles */
.principles-section{margin-bottom:5rem}
.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}
.principle-card{background:#FFF;padding:2.5rem;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,0.08);text-align:center;transition:all 0.3s;border-top:4px solid #B8860B}
.principle-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px rgba(0,0,0,0.12)}
.principle-icon{font-size:3rem;color:#B8860B;margin-bottom:1.5rem}
.principle-card h3{color:#3E2723;margin-bottom:1rem;font-size:1.5rem}
.principle-card p{color:#5D4037;line-height:1.8}

/* Game Showcase */
.game-showcase{margin-bottom:5rem}
.showcase-description{text-align:center;font-size:1.15rem;color:#5D4037;margin-bottom:2.5rem;max-width:800px;margin-left:auto;margin-right:auto}
.game-frame{background:#FFF;padding:2rem;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,0.08);margin-bottom:2rem}
.game-frame iframe{width:100%;height:650px;border-radius:10px;border:none}
.game-cta{text-align:center}
.btn-secondary{display:inline-block;background:#B8860B;color:#FFF;padding:1.2rem 3rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s;text-transform:uppercase;letter-spacing:1px}
.btn-secondary:hover{background:#FFD700;transform:translateY(-3px);box-shadow:0 10px 30px rgba(184,134,11,0.3)}

/* Distinctions */
.distinctions-section{margin-bottom:5rem}
.distinctions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.distinction-item{background:#FFF;padding:2rem;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.3s}
.distinction-item:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,0.12)}
.distinction-number{font-family:'Playfair Display',serif;font-size:3rem;color:#D4AF37;opacity:0.3;margin-bottom:0.5rem}
.distinction-item h4{color:#B8860B;margin-bottom:1rem;font-size:1.3rem}
.distinction-item p{color:#5D4037;line-height:1.8}

/* CTA Section */
.cta-section{background:linear-gradient(135deg,#B8860B,#D4AF37);padding:4rem 3rem;border-radius:20px;text-align:center;color:#FFF;box-shadow:0 15px 50px rgba(184,134,11,0.3)}
.cta-content h2{font-size:3rem;margin-bottom:1rem}
.cta-content p{font-size:1.3rem;margin-bottom:2.5rem;opacity:0.95}
.btn-cta{display:inline-block;background:#FFF;color:#B8860B;padding:1.3rem 3.5rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.2rem;transition:all 0.3s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.btn-cta:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}

/* Game Guide */
.game-guide{margin-bottom:4rem}
.guide-content p{font-size:1.15rem;color:#5D4037;margin-bottom:2rem;line-height:1.9}
.requirements-list{display:grid;gap:1.5rem}
.requirement-item{display:flex;gap:1.5rem;align-items:flex-start;background:#FFF;padding:1.5rem;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.05)}
.req-icon{font-size:2rem;color:#B8860B;flex-shrink:0}
.requirement-item h4{color:#B8860B;margin-bottom:0.5rem}
.requirement-item p{color:#5D4037;line-height:1.7}

/* Play Reminder */
.play-reminder{margin-top:4rem}
.reminder-box{background:linear-gradient(135deg,#FFF8E1,#FFECB3);padding:2.5rem;border-radius:15px;border-left:5px solid #FFD700;box-shadow:0 10px 30px rgba(0,0,0,0.08)}
.reminder-box h3{color:#B8860B;margin-bottom:1rem;font-size:1.8rem;text-align:center}
.reminder-box p{color:#5D4037;line-height:1.9;font-size:1.05rem}

/* Legal Pages */
.legal-section{margin-bottom:4rem}
.legal-doc{background:#FFF;padding:3rem;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,0.08)}
.legal-item{margin-bottom:2.5rem}
.legal-item:last-child{margin-bottom:0}
.legal-item h2{color:#B8860B;margin-bottom:1rem;font-size:1.8rem}
.legal-item p{color:#5D4037;line-height:1.9;margin-bottom:1rem}
.legal-item ul{margin-left:2rem;color:#5D4037;line-height:1.9}
.legal-item.important{background:#FFF8E1;padding:2rem;border-radius:10px;border-left:5px solid #B8860B}
.legal-item.important h2{color:#B8860B;font-size:1.6rem}

/* Footer */
.site-footer{background:#FFF;border-top:3px solid #B8860B;padding:3rem 2rem 1.5rem;margin-top:4rem;box-shadow:0 -5px 20px rgba(0,0,0,0.05)}
.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-bottom:2rem}
.footer-column h4{color:#B8860B;font-size:1.3rem;margin-bottom:1rem;font-family:'Playfair Display',serif}
.footer-column p{color:#5D4037;line-height:1.8}
.footer-links{list-style:none}
.footer-links li{margin-bottom:0.75rem}
.footer-links a{color:#5D4037;text-decoration:none;transition:color 0.3s}
.footer-links a:hover{color:#B8860B}
.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:2px solid #E0E0E0;text-align:center;color:#888;font-size:0.95rem}

/* Mobile */
@media(max-width:768px){
.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#FFF;flex-direction:column;border-top:2px solid #B8860B;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.main-nav.active{display:flex}
.nav-toggle{display:flex}
.hero-title{font-size:2.5rem}
.hero-subtitle{font-size:1.4rem}
.page-hero h1{font-size:2.2rem}
.section-heading h2{font-size:2.2rem}
.game-frame iframe{height:450px}
.cta-content h2{font-size:2.2rem}
.main-content{padding:3rem 1.5rem}
.legal-doc,.guide-content{padding:2rem}
.modal-actions{flex-direction:column}
.principles-grid,.distinctions-grid,.footer-container{grid-template-columns:1fr}
}