html,body,#root{margin:0;padding:0;height:100%;background-color:#000}body{font-family:Inter,sans-serif;color:#fff}.intro-container{position:relative;width:100vw;height:100vh;background-color:#0a0a0a;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.overlay{position:relative;z-index:2;text-align:center;color:#00f6ff;font-family:Orbitron,sans-serif;padding:2rem;max-width:90%}h1{font-size:2.8rem;margin-bottom:.5rem;text-shadow:0 0 10px #00f6ff}.subtext{font-size:1.1rem;margin-bottom:1.5rem;color:#66f0ff}.play-btn{padding:12px 30px;font-size:1.2rem;font-weight:700;background-color:#00f6ff;color:#000;border:none;border-radius:10px;cursor:pointer;box-shadow:0 0 12px #00f6ff;transition:all .2s ease-in-out}.play-btn:hover{transform:scale(1.05);background-color:#00d6df}.subtitles{color:#fff;font-size:1rem;margin-top:1.5rem;font-style:italic;text-align:center;text-shadow:0 0 5px #00f6ff;animation:fadeInOut 5s ease-in-out forwards;white-space:pre-wrap}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.game-wrapper{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#00ffe7;font-family:Orbitron,sans-serif;background-color:#0d0d0d;min-height:100vh}.game-title{font-size:2rem;text-shadow:0 0 10px #00ffe7}.board{display:grid;grid-template-columns:repeat(3,110px);gap:12px;margin:2rem 0}.cell{width:110px;height:110px;background:#00ffe714;border:2px solid #00ffe7;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#00ffe7;cursor:pointer;transition:.2s}.cell.X{color:#00ffe7}.cell.O{color:#ff0059}.cell:hover{background-color:#00ffe726}.result-box{text-align:center;margin-top:1rem}.futuristic-btn,.back-btn{margin-top:1rem;padding:.7rem 1.4rem;border:none;background:#00ffe7;color:#0d0d0d;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 0 10px #00ffe7;transition:.2s ease-in-out}.futuristic-btn:hover,.back-btn:hover{background-color:#0d0d0d;color:#00ffe7;border:1px solid #00ffe7}.footer{text-align:center;padding:1rem;font-size:.85rem;color:#bbb;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);background-color:#0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.avatar-canvas{position:absolute;width:100%;height:100%;z-index:1}