: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)}