body {font-family: Arial, sans-serif;background: linear-gradient(120deg,#e0eafc 0%,#cfdef3 100%);min-height:100vh;margin:0;}
.navbar {background:#2c3e50;padding:0.5em 0;margin-bottom:30px;}
.navbar .navbar-brand {color:#fff;text-decoration:none;font-size:1.1em;padding:8px 16px;border-radius:4px;}
.navbar .navbar-brand.active,.navbar .navbar-brand:hover{background:#2980b9;border:1px solid #fff;}
.dropdown{position:relative;display:inline-block;}
.dropdown-toggle{background:#2980b9;color:#fff;border:none;padding:8px 16px;font-size:1.1em;border-radius:4px;cursor:pointer;margin-left:10px;}
.dropdown-menu{display:none;position:absolute;left:0;top:110%;background:#2c3e50;min-width:180px;box-shadow:0 2px 8px #b3c6e0;border-radius:8px;z-index:1000;padding:0.5em 0;}
.dropdown-menu.show{display:block;}
.dropdown-menu a{display:block;color:#fff;text-decoration:none;padding:10px 18px;border-radius:4px;transition:background 0.2s;}
.dropdown-menu a:hover{background:#43cea2;color:#222;}
.dropdown-menu a.active{background:#2980b9;color:#fff;font-weight:600;}
.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.2em;margin:0 auto;max-width:600px;}
.game-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #b3c6e0;padding:1.2em 0.5em 1em;text-decoration:none;color:#222;transition:transform .12s,box-shadow .12s;border:2px solid #e0eafc;}
.game-tile:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 4px 16px #43cea2;border:2px solid #43cea2;}
.game-img{font-size:2.5em;margin-bottom:.5em;}
.game-title{font-size:1.1em;font-weight:600;text-align:center;}
.container{max-width:500px;margin:40px auto;background:#fff;padding:2em;border-radius:10px;box-shadow:0 2px 8px #b3c6e0;}
.status,.score{ text-align:center;font-size:1.2rem;margin:1em 0;}
.btn{font-size:1.05em;}
@media (max-width:600px){.game-grid{grid-template-columns:repeat(2,1fr);gap:.7em;max-width:98vw;}.game-tile{padding:.7em .2em;font-size:.98em;}.game-img{font-size:1.5em;}.container{max-width:98vw;padding:1em .5em;}}