*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#e9eef8;font:16px system-ui,sans-serif}a{color:#a9bfff;text-decoration:none}nav{height:70px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202a40;background:#0d1426}nav a{margin-left:20px}.brand{font-weight:800;font-size:21px;margin-left:0}.btn,button.btn{display:inline-block;background:#6c63ff;color:white;border:0;border-radius:10px;padding:11px 17px;cursor:pointer;font-weight:700}.big{padding:15px 22px}.inline{display:inline;margin-left:15px}.inline button{background:none;color:#a9bfff;border:0;cursor:pointer;font-size:16px}.hero{max-width:900px;margin:100px auto 70px;padding:20px;text-align:center}.badge{font-size:12px;letter-spacing:2px;color:#9daaff}.hero h1{font-size:58px;line-height:1.05;margin:18px 0}.hero h1 span{color:#7c73ff}.hero p{font-size:20px;color:#aeb8ca;margin:0 auto 30px;max-width:650px}.cards,.game-grid{max-width:1000px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 20px}.cards article,.game-card,.leader,.profile{background:#111a2e;border:1px solid #24304a;border-radius:16px;padding:24px}.game-grid{grid-template-columns:repeat(2,1fr);margin-top:30px}.game-card{display:block}.game-card:hover{border-color:#6c63ff;transform:translateY(-2px)}.emoji{font-size:48px}.leader,.profile{max-width:1000px;margin:30px auto;padding:25px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #27324a}.auth{max-width:430px;margin:70px auto;padding:30px;background:#111a2e;border-radius:16px}.auth form{display:grid;gap:16px}.auth label{display:grid;gap:7px}input{padding:12px;border-radius:9px;border:1px solid #33415f;background:#0b1020;color:white}.error{background:#4b2028;color:#ffb8c0;padding:12px;border-radius:8px;margin-bottom:15px}.pagehead,.game-wrap{max-width:1000px;margin:50px auto;padding:0 20px}.game-wrap{text-align:center}.game-wrap canvas{max-width:100%;border:2px solid #293653;border-radius:10px}.memory-board{max-width:600px;margin:25px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-card{aspect-ratio:1;background:#17233c;border:1px solid #31415f;border-radius:12px;font-size:38px;color:white;cursor:pointer}.memory-card.open,.memory-card.matched{background:#263657}.memory-card.matched{opacity:.6}footer{text-align:center;color:#71809a;padding:40px}@media(max-width:700px){.hero h1{font-size:40px}.cards,.game-grid{grid-template-columns:1fr}nav{padding:0 3%}nav a{margin-left:8px}}