@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background:linear-gradient(135deg,#4d4d4d,#25221f);margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#333}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:10px;width:80vmin;height:80vmin;max-width:500px;max-height:500px;aspect-ratio:1 / 1;background-color:#fff3;border-radius:20px;padding:10px;box-shadow:0 10px 20px #0000001a}.square{background:#fff;border:1px solid #eee;font-size:10vmin;font-weight:700;padding:0;color:#333;border-radius:15px;width:100%;height:100%;touch-action:manipulation;transition:all .2s ease-in-out;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;align-items:center}@media (hover: hover){.square:not([disabled]):hover{transform:scale(1.05);box-shadow:0 8px 12px #00000026}}.square:focus{outline:none}.square.winner{background:#ffeb3b;color:#fff}.square img{width:60%;height:60%;padding:10%}.reset-button button{padding:15px 30px;margin-top:30px;font-size:1.5rem;font-weight:700;cursor:pointer;border:none;border-radius:10px;background:linear-gradient(to right,#6a11cb,#2575fc);color:#fff;box-shadow:0 4px 6px #0000001a;transition:all .2s ease-in-out}.reset-button button:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.status{padding:10px;font-size:1.5rem;font-weight:700;color:#eee}.imgSplash{width:30vw;max-width:300px;display:block;margin:auto}.appTitle{color:#000;font-weight:700;font-size:2rem;margin-top:2rem;margin-bottom:.5rem}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modalContent{background-color:#fff;padding:40px 80px;border-radius:.5rem;box-shadow:0 10px 15px #0000001a;text-align:center;align-items:center;min-width:50vw;animation:fadeInUp 1s ease forwards}.modalCloseButton{padding:10px 30px;margin-top:1rem;background-color:#ffc245;color:#000;border-radius:.375rem;font-weight:700;font-size:1.5rem;cursor:pointer;transition:background-color .4s ease}.modalCloseButton:hover{background-color:#ffa600}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}