@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}:root{--prim-color: #ff7300}body{background:#0f172a;font-family:Poppins,sans-serif;color:#fff;display:flex;justify-content:center;align-items:center;height:100%;margin:0}.container{text-align:center;padding:2%}.logo{font-size:1.5rem;line-height:3rem;font-weight:200;margin-bottom:5px}.accent{color:var(--prim-color)}.status{margin-bottom:.5rem;font-size:1.5rem}.status.x-turn{color:#ff4d4d}.status.o-turn{color:#4da6ff}.status.draw{color:#9ca3af}.square.x{color:#ff4d4d}.square.o{color:#4da6ff}.board{display:grid;grid-template-columns:repeat(3,100px);gap:10px;justify-content:center;margin-bottom:.5rem}.square{width:100px;height:100px;background:#1e293b;border:none;border-radius:8px;font-size:4rem;color:var(--prim-color);font-weight:700;cursor:pointer;transition:.2s}.square:hover{background:#334155;border-style:solid;border-width:2px;border-color:#00f6ff;box-shadow:#00f6ff}.reset{padding:15px 50px;margin-top:10px;border:none;border-radius:5px;background:var(--prim-color);color:#fff;font-size:1rem;cursor:pointer}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172ad9;display:flex;justify-content:center;align-items:center;z-index:999}.popup{width:450px;height:250px;background:#1e293b;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;text-align:center;padding:0 2rem;color:#fff;box-shadow:0 0 20px #00f6ff33;animation:pop .35s ease forwards}.popup h2{font-size:2.5rem;line-height:2.5rem}.popup button{background:var(--prim-color);color:#fff;padding:14px 25px 10px;border:none;border-radius:5px;margin-top:15px;cursor:pointer;font-size:1rem}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.scoreboard{display:flex;gap:1rem;justify-content:center;margin:.5rem 0;font-size:1rem}.x-score{color:var(--accent-x, #00f6ff)}.o-score{color:var(--accent-o, #ff2ebd)}