*,:after,:before{box-sizing:border-box}:root{--cell-size:200px;--mark-size:calc(var(--cell-size)*.9)}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(400.1110a71c.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(500.637939bc.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(600.414c1233.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(700.0ebdad10.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(800.48eaf35d.woff2)format("woff2")}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400;font-display:swap;src:url(400.3a67490d.woff2)format("woff2")}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:500;font-display:swap;src:url(500.f2b6a989.woff2)format("woff2")}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:600;font-display:swap;src:url(600.b5b10a37.woff2)format("woff2")}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:700;font-display:swap;src:url(700.fc216c0a.woff2)format("woff2")}@media screen and (width<=840px){:root{--cell-size:100px;--mark-size:calc(var(--cell-size)*.9)}}body{background:#000;margin:0}.lets-play{z-index:1000;backdrop-filter:blur(5px);opacity:1;background:#0006;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.game-title{color:#fff;text-shadow:0 0 15px #06d5ff,0 0 25px #ff4d94;margin-bottom:0;font-family:Pixelify Sans,sans-serif;font-size:3rem}.game-info{text-shadow:0 0,0 0;color:#fff;font-family:sans-serif;font-size:1.5rem}.play-button{color:#fff;cursor:pointer;background:#ff4d94;border:none;border-radius:50px;width:200px;height:70px;margin-top:20px;padding:12px 20px;font-family:Pixelify Sans,sans-serif;font-size:2.2rem;font-weight:700;transition:all .3s}.play-button:hover{background:#06d5ff;transform:scale(1.05)}.play-button:active,.play-button:hover{font-size:2.5rem}.fade-out{opacity:0}.fade-in{opacity:1}.board{place-content:center;place-items:center;width:100vw;height:100vh;display:grid;grid-template-columns:repeat(3,auto)!important}.cell{width:var(--cell-size);height:var(--cell-size);cursor:grab;border:1px solid #ccc;justify-content:center;align-items:center;display:flex;position:relative}.cell:first-child,.cell:nth-child(2),.cell:nth-child(3){border-top:none}.cell:nth-child(3n+1){border-left:none}.cell:nth-child(3n+3){border-right:none}.cell:last-child,.cell:nth-child(8),.cell:nth-child(7){border-bottom:none}.cell.x,.cell.circle{cursor:not-allowed}.cell.circle:before{background-color:#ff4d94}.cell.x:before,.cell.x:after{background-color:#00d4ff}.board.x .cell:not(.x):not(.circle):hover:before,.board.x .cell:not(.x):not(.circle):hover:after,.board.circle .cell:not(.x):not(.circle):hover:before{opacity:.55;background-color:#fff}.cell.x:before,.cell.x:after,.board.x .cell:not(.x):not(.circle):hover:before,.board.x .cell:not(.x):not(.circle):hover:after{content:"";width:calc(var(--mark-size)*.15);height:var(--mark-size);position:absolute}.cell.x:before,.board.x .cell:not(.x):not(.circle):hover:before{transform:rotate(45deg)}.cell.x:after,.board.x .cell:not(.x):not(.circle):hover:after{transform:rotate(-45deg)}.cell.circle:before,.cell.circle:after,.board.circle .cell:not(.x):not(.circle):hover:before,.board.circle .cell:not(.x):not(.circle):hover:after{content:"";border-radius:50%;position:absolute}.cell.circle:before,.board.circle .cell:not(.x):not(.circle):hover:before{width:var(--mark-size);height:var(--mark-size)}.cell.circle:after,.board.circle .cell:not(.x):not(.circle):hover:after{width:calc(var(--mark-size)*.7);height:calc(var(--mark-size)*.7);background-color:#362525}.winning-message{backdrop-filter:blur(12px);color:#fff;word-spacing:5px;background:#0006;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:8rem;font-weight:700;display:none;position:fixed;inset:0}.restart-btn{color:#fff;cursor:pointer;background:#ff4d94;border:none;border-radius:50px;width:250px;height:70px;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;transition:all .3s}.restart-btn:hover{background:#06d5ff;transform:scale(1.05);box-shadow:0 0 20px #4dd0ff99}.restart-btn:active,.restart-btn:hover{font-size:2.3rem}.winning-message.show{display:flex}.score-dashboard{margin-top:15px;padding:0 15px}.score-dashboard,.headline{position:absolute}.turn-dashboard{margin-top:15px;padding:0 15px;position:absolute;right:0}#whos-turn{color:#fff;margin-right:25px;font-family:Poppins,sans-serif;font-size:25px;font-weight:bolder}.turn{color:#c2c2c2}.score-dashboard{margin-left:25px;font-size:25px}.start-card{text-align:center;border-radius:50px;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:20px;animation:.8s forwards popupIn;display:flex}label{color:#fff}#user-name-X,#user-name-O{color:#fff;text-align:center;background:#26262f;border:2px solid #515158;border-radius:50px;outline:none;width:250px;padding:12px 15px;font-size:1.1rem;font-weight:700;box-shadow:0 0 10px #0ff3}.headline{color:#d5d4d8;font-family:Karla,sans-serif;font-weight:800;bottom:80px;left:40%}#o-Score,#x-Score{text-align:start;font-family:Poppins,sans-serif;font-weight:500}#o-Score{color:#ff4d94}#x-Score{color:#00d4ff}#Scores{color:#fff;font-family:Poppins,sans-serif;font-weight:700}@media screen and (width<=840px){.winning-message{text-align:center;font-size:5rem}}@media screen and (width<=540px){#user-name-X,#user-name-O{font-size:.85rem}}@media screen and (width<=420px){#user-name-X,#user-name-O{font-size:.75rem}}@media screen and (width<=380px){#user-name-X,#user-name-O{font-size:.68rem}}@keyframes popupIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-out{opacity:0;pointer-events:none}.tc-modal{--bg:#0009;--card-bg:#0f172a;--accent:#10b981;--radius:12px;--maxw:420px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.tc-modal input[type=checkbox]{display:none}.tc-modal .open-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(#111827,#293141);border:1px solid #ffffff0f;border-radius:10px;padding:10px 14px;font-weight:600;display:inline-block;box-shadow:0 6px 20px #02061799}.tc-modal .overlay{background:var(--bg);opacity:0;pointer-events:none;z-index:9998;place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0}.tc-modal .card{width:calc(100% - 48px);max-width:var(--maxw);background:var(--card-bg);border-radius:var(--radius);color:#e6eef8;text-align:center;padding:22px;transition:transform .18s,opacity .18s;transform:translateY(6px)scale(.995);box-shadow:0 12px 40px #020617b3}.tc-modal .card h3{margin:0 0 8px;font-size:24px;font-weight:700}.tc-modal .card p{color:#ebefff;margin:0 0 18px;font-size:16px;line-height:1.5}.tc-modal .actions{justify-content:center;align-items:center;gap:10px;display:flex}.tc-modal .btn-primary,.tc-modal .btn-secondary{cursor:pointer;border:none;border-radius:50px;padding:10px 16px;font-weight:600;text-decoration:none}.tc-modal .btn-primary{background:linear-gradient(180deg,var(--accent),#059669);color:#fff;box-shadow:0 8px 18px #10b9812e}.tc-modal .btn-secondary{color:#b6c0d9;background:0 0;border:1px solid #ffffff0f}.tc-modal input[type=checkbox]:checked~.overlay{opacity:1;pointer-events:auto}.tc-modal input[type=checkbox]:checked~.overlay .card{opacity:1;transform:translateY(0)scale(1)}@media (width<=420px){.tc-modal .card{padding:18px}.tc-modal .open-btn{padding:9px 12px}}