.tttg-container{max-width:350px;margin:40px auto;background:#fff;border-radius:18px;box-shadow:0 4px 24px 0 rgb(60 60 80 / .08);padding:24px 16px 16px 16px;font-family:'Segoe UI',Arial,sans-serif;text-align:center;position:relative}.tttg-title{font-size:2rem;font-weight:700;color:#2b4edb;margin-bottom:14px;letter-spacing:1px}.tttg-mode-select{margin-bottom:18px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.tttg-mode-btn{background:linear-gradient(90deg,#3374ff 30%,#3bb9f2 100%);color:#fff;font-weight:700;border:none;border-radius:8px;font-size:1.1rem;padding:12px 20px;box-shadow:0 2px 10px rgb(40 60 110 / .08);cursor:pointer;transition:transform 0.08s,background 0.16s;outline:none}.tttg-mode-btn:hover,.tttg-mode-btn:focus{background:linear-gradient(90deg,#2055be 40%,#1c9ec6 100%);transform:scale(1.06)}.tttg-scoreboard{font-size:1.08rem;background:#f4f8ff;color:#2055be;margin-bottom:9px;padding:6px 0 6px 0;border-radius:8px;font-weight:500;box-shadow:0 1px 5px #cde6ff2e}.tttg-board{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:8px;margin:0 auto 14px auto;justify-content:center}.tttg-cell{background:#f4f6fc;border-radius:12px;font-size:2.5rem;font-weight:700;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s,box-shadow 0.2s;box-shadow:0 2px 6px rgb(40 60 90 / .07);user-select:none;border:2.5px solid #dde8fa;min-height:0}.tttg-cell:hover,.tttg-cell.active{background:#d5e1ff}.tttg-cell.winner{background:#c5ffda;color:#12ae3f;border-color:#12ae3f;box-shadow:0 0 10px 0 #0c9c31cc;animation:tttg-winner 0.7s alternate 2}@keyframes tttg-winner{0%{box-shadow:0 0 10px 0 #0c9c31cc}100%{box-shadow:0 0 40px 10px #12ae3f55}}.tttg-status{min-height:32px;font-size:1.15rem;color:#283a5b;margin-bottom:9px;font-weight:600;letter-spacing:.2px;transition:color 0.2s}.tttg-btn-row{display:flex;justify-content:center;gap:11px;margin-top:6px;margin-bottom:5px;flex-wrap:wrap}.tttg-restart-btn,.tttg-changemode-btn,.tttg-newgame-btn{background:#2b4edb;color:#fff;border:none;padding:10px 15px;border-radius:9px;font-size:1.07rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgb(50 70 120 / .13);transition:background 0.16s,transform 0.1s;outline:none}.tttg-restart-btn:hover,.tttg-restart-btn:focus,.tttg-changemode-btn:hover,.tttg-changemode-btn:focus,.tttg-newgame-btn:hover,.tttg-newgame-btn:focus{background:#0f2a99;transform:scale(1.05)}.tttg-moregames-footer{margin:17px auto 0 auto;text-align:center}.tttg-moregames-btn{display:inline-block;margin:0 auto;margin-top:8px;font-size:1.05rem;font-weight:700;background:#faeb18;color:#283a5b;padding:10px 30px;border-radius:12px;box-shadow:0 2px 8px #ffe0664c;text-decoration:none;transition:background 0.18s,color 0.18s,transform 0.1s;border:none}.tttg-moregames-btn:hover{background:#fff03c;color:#1b2e66;transform:scale(1.05)}.tttg-credit{font-size:.98rem;color:#7c869b;margin-top:13px}.tttg-credit a{color:#2b4edb;text-decoration:none}.tttg-howto{font-size:.96rem;margin:17px auto 0 auto;color:#4c628c;background:#f5f8ff;border-radius:7px;max-width:94%;padding:4px 6px 7px 6px;text-align:left;box-shadow:0 1px 4px #d8e2f888}.tttg-howto-toggle{font-weight:700;color:#2055be;cursor:pointer;display:block;margin-bottom:5px;transition:color 0.18s}.tttg-howto-toggle:hover{color:#13326b}.tttg-howto-content{display:none;padding-left:4px}@media (max-width:500px){.tttg-board{grid-template-columns:repeat(3,55px);grid-template-rows:repeat(3,55px);gap:6px}.tttg-container{max-width:99vw;padding:8vw 2vw 5vw 2vw}.tttg-title{font-size:1.45rem}.tttg-status{font-size:1rem}.tttg-restart-btn,.tttg-changemode-btn,.tttg-newgame-btn{font-size:.96rem;padding:9px 9px}.tttg-moregames-btn{font-size:.98rem;padding:9px 18px}}