*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Lato',sans-serif;background:linear-gradient(to bottom,#001a0a,#003d1a);color:#fff;min-height:100vh}.age-verify{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.97);display:flex;align-items:center;justify-content:center;z-index:10000}.age-verify.hidden{display:none}.verify-box{background:linear-gradient(135deg,#003d1a,#001a0a);padding:3rem;border-radius:20px;text-align:center;border:3px solid #00a86b;max-width:450px}.verify-box h2{font-family:'Playfair Display',serif;font-size:2.2rem;color:#50c878;margin:1.5rem 0 1rem}.verify-box p{margin-bottom:1rem}.verify-note{opacity:0.8;font-size:0.95rem}.verify-btns{display:flex;gap:1rem;margin-top:2rem}.verify-btns button{flex:1;padding:1rem 2rem;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all 0.3s}.btn-accept{background:#00a86b;color:#fff}.btn-accept:hover{background:#00c078;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,168,107,0.4)}.btn-decline{background:#333;color:#fff}.btn-decline:hover{background:#222}.layout-container{display:flex;min-height:100vh}.sidebar-left{width:280px;background:rgba(0,58,26,0.95);padding:2rem 0;position:fixed;height:100vh;border-right:2px solid #00a86b}.sidebar-header{padding:0 2rem 2rem;border-bottom:2px solid #00a86b;text-align:center}.brand{font-family:'Playfair Display',serif;font-size:2rem;color:#50c878;margin-top:1rem}.side-nav{display:flex;flex-direction:column;margin-top:2rem}.side-nav a{padding:1rem 2rem;color:#fff;text-decoration:none;font-weight:600;transition:all 0.3s;border-left:4px solid transparent}.side-nav a:hover,.side-nav a.active{background:rgba(0,168,107,0.2);border-left-color:#50c878;color:#50c878}.sidebar-footer{position:absolute;bottom:2rem;left:0;right:0;text-align:center}.age-badge,.free-badge{display:block;margin:0.5rem 2rem;padding:0.8rem;background:rgba(0,168,107,0.2);border-radius:20px;border:2px solid #00a86b;font-weight:600}.mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;flex-direction:column;gap:5px;background:#00a86b;padding:0.8rem;border-radius:8px;border:none;cursor:pointer}.mobile-toggle span{width:25px;height:3px;background:#fff;border-radius:2px}.content-main{margin-left:280px;flex:1;padding:3rem 2rem}.welcome-section{text-align:center;margin-bottom:3rem;padding:3rem 0;background:linear-gradient(135deg,rgba(0,168,107,0.2),rgba(80,200,120,0.1));border-radius:20px;border:2px solid #00a86b}.welcome-section h2{font-family:'Playfair Display',serif;font-size:3rem;color:#50c878;margin-bottom:1rem}.subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:0.95}.welcome-tags{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.welcome-tags span{background:rgba(0,0,0,0.5);padding:0.8rem 1.5rem;border-radius:30px;border:2px solid #00a86b}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.split-left,.split-right{background:rgba(0,58,26,0.5);padding:2.5rem;border-radius:15px;border:2px solid rgba(0,168,107,0.4)}.split-left h3,.split-right h3{font-family:'Playfair Display',serif;font-size:1.8rem;color:#50c878;margin-bottom:1.5rem}.split-left p,.split-right p{margin-bottom:1rem;line-height:1.8}.info-block{margin-bottom:1.5rem;padding:1.5rem;background:rgba(0,0,0,0.4);border-radius:10px;border-left:4px solid #50c878}.info-block strong{color:#00a86b;display:block;margin-bottom:0.5rem}.game-section{background:rgba(0,58,26,0.5);padding:3rem;border-radius:20px;border:2px solid #00a86b;margin-bottom:3rem;text-align:center}.game-section h3{font-family:'Playfair Display',serif;font-size:2rem;color:#50c878;margin-bottom:1rem}.game-intro{font-size:1.1rem;margin-bottom:2rem}.game-wrapper{background:rgba(0,0,0,0.6);padding:2rem;border-radius:15px;margin-bottom:2rem;border:3px solid #00a86b}.game-player,.fullscreen-player{width:100%;height:600px;border:none;border-radius:10px}.btn-play{display:inline-block;padding:1rem 3rem;background:#00a86b;color:#fff;text-decoration:none;font-weight:700;border-radius:50px;transition:all 0.3s}.btn-play:hover{background:#00c078;transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,168,107,0.4)}.features-section{margin-bottom:3rem}.features-section h3{font-family:'Playfair Display',serif;font-size:2rem;text-align:center;color:#50c878;margin-bottom:2rem}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-item{background:rgba(0,58,26,0.5);padding:2rem;border-radius:15px;border:2px solid rgba(0,168,107,0.3)}.feature-item h4{font-family:'Playfair Display',serif;color:#50c878;margin-bottom:1rem}.responsibility-section{background:rgba(0,168,107,0.15);padding:2.5rem;border-radius:15px;border:2px solid #00a86b}.responsibility-section h3{font-family:'Playfair Display',serif;font-size:1.8rem;color:#50c878;margin-bottom:1.5rem;text-align:center}.support-resources{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.support-resources a{padding:0.8rem 1.5rem;background:rgba(0,0,0,0.5);border-radius:25px;text-decoration:none;color:#50c878;border:2px solid #00a86b;transition:all 0.3s}.support-resources a:hover{background:rgba(0,168,107,0.2);transform:translateY(-2px)}.play-header{text-align:center;margin-bottom:2rem}.play-header h2{font-family:'Playfair Display',serif;font-size:2.5rem;color:#50c878;margin-bottom:1rem}.play-guide{background:rgba(0,58,26,0.5);padding:2rem;border-radius:15px;border:2px solid #00a86b;margin-bottom:2rem}.play-guide h3{font-family:'Playfair Display',serif;color:#50c878;margin-bottom:1.5rem;text-align:center}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.guide-item{background:rgba(0,0,0,0.4);padding:1.2rem;border-radius:10px;border-left:4px solid #00a86b}.play-area{margin:2rem 0}.fullscreen-wrapper{background:rgba(0,0,0,0.6);padding:2rem;border-radius:20px;border:3px solid #00a86b}.play-reminders{background:rgba(0,168,107,0.15);padding:2rem;border-radius:15px;border:2px solid #00a86b;max-width:800px;margin:2rem auto}.play-reminders h3{font-family:'Playfair Display',serif;color:#50c878;margin-bottom:1rem;text-align:center}.play-reminders ul{list-style:none;padding:0}.play-reminders li{padding:0.8rem 0;border-bottom:1px solid rgba(0,168,107,0.2)}.legal-page{max-width:900px}.legal-page h2{font-family:'Playfair Display',serif;font-size:2.5rem;color:#50c878;text-align:center;margin-bottom:1rem}.legal-date{text-align:center;opacity:0.7;margin-bottom:3rem}.alert{background:rgba(0,168,107,0.2);padding:2rem;border-radius:15px;border:2px solid #00a86b;margin-bottom:2rem}.alert h3{color:#50c878;margin-bottom:1rem}.legal-body{background:rgba(0,58,26,0.4);padding:2.5rem;border-radius:15px;border:2px solid rgba(0,168,107,0.3)}.legal-body section{margin-bottom:2.5rem}.legal-body h3{font-family:'Playfair Display',serif;color:#00a86b;margin-bottom:1rem}.legal-body p{line-height:1.8;margin-bottom:1rem}.critical{background:rgba(0,0,0,0.6);padding:2rem;border-radius:15px;border:3px solid #00a86b;margin-top:2rem;text-align:center}.critical h3{color:#50c878;margin-bottom:1rem}.footer-main{background:rgba(0,26,10,0.95);padding:3rem 2rem;margin-left:280px;border-top:2px solid #00a86b}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-brand{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:2rem}.footer-brand span{font-family:'Playfair Display',serif;font-size:1.8rem;color:#50c878;font-weight:700}.footer-nav{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.footer-nav a{color:#fff;text-decoration:none;transition:color 0.3s}.footer-nav a:hover{color:#00a86b}.footer-support{margin:2rem 0;padding-top:2rem;border-top:1px solid rgba(0,168,107,0.3)}.footer-support p{margin-bottom:1rem;font-weight:600}.footer-support a{display:inline-block;margin:0 1rem;color:#50c878;text-decoration:none}.footer-support a:hover{text-decoration:underline}.footer-legal{margin-top:2rem;opacity:0.8}@media(max-width:968px){.sidebar-left{transform:translateX(-100%);transition:transform 0.3s}.sidebar-left.active{transform:translateX(0)}.mobile-toggle{display:flex}.content-main,.footer-main{margin-left:0}.welcome-section h2{font-size:2rem}.split-section,.features-list{grid-template-columns:1fr}.game-player,.fullscreen-player{height:400px}}@media(max-width:480px){.welcome-section h2{font-size:1.8rem}.game-player,.fullscreen-player{height:300px}.verify-box{padding:2rem 1.5rem;margin:1rem}.verify-btns{flex-direction:column}}