.game-container,header{box-shadow:var(--shadow)}body,h1,header{color:var(--dark-color)}body,footer{background-color:var(--light-color)}.btn,.logo{font-weight:700}:root{--primary-color:#fff;--secondary-color:#c21;--third-color:#eee;--light-color:#f9f9ff;--dark-color:#999;--shadow:0 4px 6px rgba(0, 0, 0, 0.1)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{line-height:1.6}a{color:#667}header{background-color:var(--primary-color);padding:1rem 2rem;position:sticky;top:0;z-index:100;border-bottom:3px solid var(--third-color)}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:1.8rem;display:flex;align-items:center}.logo span{color:#b87}ul{list-style-type:none}.main-container{max-width:1200px;margin:2rem auto;padding:0 2rem}.game-container{background-color:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;text-align:center}.list{width:100%;min-height:400px;border-radius:4px;margin:1rem 0 1.5rem;border:2px dashed #ccc;text-align:left;padding:50px}.center,footer{text-align:center}.game-area p{color:#888}h1{margin-bottom:1rem}p{margin-bottom:1.5rem;color:#555}footer{border-top:1px solid var(--dark-color);padding:1.5rem;margin-top:2rem}@media (max-width:768px){.header-container{flex-direction:column;text-align:center}.list{min-height:300px}}.btn{display:inline-block;background-color:var(--secondary-color);color:#fff;padding:.7rem 1.5rem;border:none;border-radius:4px;cursor:pointer;text-decoration:none;transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn:hover{background-color:#ff7b4d;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}