:root{--tg-safe-top: 0px;--tg-safe-right: 0px;--tg-safe-bottom: 0px;--tg-safe-left: 0px;--bg: #0b0e14;--fg: #e6e6e6;--muted: #9aa4b2;--accent: #3d7bff;--overlay: rgba(11, 14, 20, .92);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#root{height:100%;width:100%;display:flex;flex-direction:column}.app-shell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:var(--tg-safe-top) var(--tg-safe-right) var(--tg-safe-bottom) var(--tg-safe-left)}.btn{appearance:none;border:0;border-radius:12px;padding:14px 22px;font-size:16px;font-weight:600;color:#fff;background:var(--accent);cursor:pointer;will-change:transform;transition:transform .12s ease}.btn:active{transform:translateZ(0) scale(.97)}.btn:disabled{opacity:.5;cursor:default}.overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px;padding:24px;background:var(--overlay);backdrop-filter:blur(2px)}.overlay h1{font-size:20px;margin:0}.overlay p{color:var(--muted);margin:0;max-width:40ch}.center-stack{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.game-stage{position:relative;flex:1 1 auto;min-height:0}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--fg);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}@keyframes spin{to{transform:rotate(360deg)}}.subtitle{margin:0;color:var(--muted);letter-spacing:3px;text-transform:uppercase;font-size:12px}.muted{margin:0;color:var(--muted)}.ttt-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:min(6vw,48px);padding:12px}.ttt-side{display:flex;flex-direction:column;gap:10px;min-width:26%;max-width:38%}.ttt-title{margin:0;font-size:clamp(18px,3.4vh,28px)}.ttt-you{margin:0;color:var(--muted)}.ttt-you strong{color:var(--fg);font-size:1.3em}.ttt-status{margin:4px 0 8px;font-size:clamp(16px,3vh,24px);font-weight:600}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:min(82vh,46vw);height:min(82vh,46vw);aspect-ratio:1 / 1}.ttt-cell{appearance:none;border:0;border-radius:12px;background:#141a24;color:var(--fg);font-size:min(16vh,11vw);font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;will-change:transform;transition:background .12s ease,transform 80ms ease}.ttt-cell.x{color:#5aa9ff}.ttt-cell.o{color:#ff8a5a}.ttt-cell:disabled{cursor:default}.ttt-board.is-active .ttt-cell:not(:disabled):hover{background:#1c2531}.ttt-board.is-active .ttt-cell:not(:disabled):active{transform:scale(.96)}.ttt-footer{display:flex;justify-content:space-between;padding:6px 12px;font-size:12px;color:var(--muted)}.btn-ghost{background:transparent;border:1px solid var(--muted);color:var(--fg)}.rotate-hint{gap:30px}.rotate-hint h1{font-size:22px;letter-spacing:.3px}.rotate-stage{position:relative;display:grid;place-items:center;width:170px;height:170px}.rotate-stage:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(closest-side,#3d7bff73,#3d7bff00 70%);animation:rotate-glow 2.8s ease-in-out infinite;will-change:transform,opacity}.rotate-phone{position:relative;width:66px;height:116px;border:4px solid var(--fg);border-radius:16px;background:#0b0e14;animation:rotate-device 2.8s cubic-bezier(.65,0,.35,1) infinite;will-change:transform}.rotate-phone__screen{position:absolute;inset:7px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#7aa2ff);opacity:.4}.rotate-phone:after{content:"";position:absolute;bottom:7px;left:50%;transform:translate(-50%);width:22px;height:3px;border-radius:3px;background:var(--fg);opacity:.6}.rotate-arrow{position:absolute;top:6px;inset-inline-end:14px;font-size:30px;line-height:1;color:var(--accent);animation:rotate-arrow 2.8s ease-in-out infinite;will-change:transform,opacity}@keyframes rotate-device{0%,18%{transform:rotate(0)}46%,72%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes rotate-glow{0%,to{transform:scale(.85);opacity:.45}50%{transform:scale(1.1);opacity:.9}}@keyframes rotate-arrow{0%,18%{transform:rotate(0) scale(1);opacity:.5}46%,72%{transform:rotate(90deg) scale(1.15);opacity:1}to{transform:rotate(0) scale(1);opacity:.5}}@media (prefers-reduced-motion: reduce){.rotate-phone,.rotate-stage:before,.rotate-arrow{animation:none}.rotate-phone{transform:rotate(90deg)}}:root[lang=fa] body{font-family:Vazirmatn,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[lang=fa] .subtitle{letter-spacing:normal;text-transform:none}.profile-field{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-label{margin:0;color:var(--muted);font-size:14px}.lang-options{display:flex;gap:10px}.lang-option{appearance:none;border:1px solid var(--muted);background:transparent;color:var(--fg);border-radius:10px;padding:10px 18px;font-size:15px;cursor:pointer}.lang-option.is-active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}