footer{background-color:#f0f4f8;color:#5c6f7b;text-align:center;padding:10px;border-top:2px solid #ddd;position:fixed;bottom:0;width:100%;left:0;z-index:1000}footer p{margin:0;font-size:1rem}footer a{text-decoration:none;color:#6366f1;font-weight:600}.rules-container{margin-top:5rem}.rules-heading{color:#4a4a4a;margin-bottom:1rem;font-size:1.8rem;text-align:center}.rules-list{list-style-type:none;padding:0;color:#5c6f7b;font-size:1.1rem;line-height:1.6}.rules-list li{margin:.5rem 0;position:relative;padding-left:20px}.rules-list li:before{content:"✔";color:#3b82f6;position:absolute;left:0;top:0;font-size:1.2rem}@media (max-width:960px){.rules-container{display:none}}body{background-color:#f0f4f8;font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.app-container{display:flex;width:75vw;height:80vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.game-container{text-align:center;padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 8px 16px #0000001a;margin:auto;max-width:19rem;width:90%}h2{color:#4a4a4a;margin:1rem 0}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;margin:20px auto;max-width:320px;width:100%}.box{width:100%;aspect-ratio:1;background-color:#e0e7ff;border:none;font-size:2rem;font-weight:700;cursor:pointer;border-radius:.5rem;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.box:hover{background-color:#c7d2fe;transform:translateY(-3px)}.box.X{color:#3b82f6}.box.O{color:#ef4444}.box.highlight{background-color:#fde047;color:#1f2937;transform:scale(1.05);box-shadow:0 6px 12px #0003}.btn{margin-top:5px;padding:10px 20px;font-size:1rem;font-weight:700;color:#fff;background-color:#6366f1;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.btn:hover{background-color:#4f46e5;transform:translateY(-3px)}@media (max-width: 768px){.game-container{padding:1.5rem;max-width:19rem;border-radius:.8rem}}@media (max-width: 480px){.game-container{padding:1rem;border-radius:.5rem}}