*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(135deg,#0f0f1a,#1a1a2e);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:var(--card-bg);padding:15px 40px;box-shadow:0 4px 10px #4fc3f766}header .logo{font-size:1.5rem;font-weight:700;color:var(--accent-color)}header nav{display:flex;flex-wrap:wrap;gap:25px}header nav a{font-weight:600;color:var(--accent-color);text-decoration:none;transition:color .2s ease}header nav a:hover{color:var(--accent-hover)}#landingPage{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:url(/assets/bg-BPEmCL8g.png) no-repeat center center;background-size:30% auto;text-align:center;padding:20px 0}.landing-content{margin-top:15px}.landing-content h1{font-size:3rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}.landing-content p{font-size:1.25rem;margin:20px 0;text-shadow:0 1px 3px rgba(0,0,0,.6)}#playNowBtn{font-size:2rem;padding:20px 60px;border:none;border-radius:20px;background:linear-gradient(90deg,#4fc3f7,#00bcd4);color:var(--bg-color);cursor:pointer;box-shadow:0 8px 15px #4fc3f780;margin-bottom:15px}#playNowBtn:hover{transform:translateY(-5px);box-shadow:0 12px 20px #4fc3f799;background:linear-gradient(90deg,#00bcd4,#4fc3f7)}#gameCanvasParent{display:none;margin:20px auto;max-width:90vw;max-height:80vh}#gameCanvasParent canvas{display:block}footer{text-align:center;font-size:.85rem;color:#66688e;padding:15px;-webkit-user-select:none;user-select:none;letter-spacing:.8px;background:var(--card-bg);box-shadow:0 -4px 10px #4fc3f733}@media (max-width: 600px){header{flex-direction:column;align-items:flex-start}header nav{margin-top:10px;width:100%}header nav a{margin-left:0;margin-right:15px;margin-bottom:5px}}:root{--bg-color: #121214;--card-bg: #1e1e2f;--text-color: #e0e0e0;--accent-color: #4fc3f7;--accent-hover: #3aa0d9;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}#aboutPage{flex:1;display:flex;justify-content:center;align-items:flex-start;text-align:center;padding:80px 20px;background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}.about-content{max-width:800px;background:#1e1e2fcc;padding:40px;border-radius:12px;box-shadow:0 8px 20px #4fc3f74d}.about-content h1{font-size:2.5rem;margin-bottom:20px;color:var(--accent-color)}.about-content h2{font-size:1.75rem;margin-top:30px;margin-bottom:15px;color:#aad8f7}.about-content p{font-size:1.2rem;margin-bottom:15px;line-height:1.6}.about-content ul{list-style:disc inside;font-size:1.2rem;text-align:left;margin:0 auto 20px;max-width:600px}.about-content a{color:var(--accent-color);text-decoration:underline}.about-content a:hover{color:var(--accent-hover)}