:root{--bg: var(--tg-theme-bg-color, #ffffff);--surface: var(--tg-theme-secondary-bg-color, #f2f2f7);--text: var(--tg-theme-text-color, #000000);--muted: var(--tg-theme-hint-color, #8e8e93);--accent: var(--tg-theme-button-color, #2481cc);--on-accent: var(--tg-theme-button-text-color, #ffffff);--separator: color-mix(in srgb, var(--muted) 25%, transparent);--radius: 12px;--gap: 12px;--tap: 48px;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0 16px env(safe-area-inset-bottom) 16px}button{min-height:var(--tap);font:inherit;border-radius:var(--radius)}h1,h2,p{margin:0}.screen{max-width:480px;margin:0 auto;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:32px;display:flex;flex-direction:column;gap:24px}.screen-center{min-height:100vh;justify-content:center;align-items:center;text-align:center;gap:16px}.lead{font-size:17px;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar-title{font-size:28px;font-weight:700;letter-spacing:-.02em}.topbar-action{padding:0 12px}.btn{border:none;padding:0 20px;font-size:16px;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:active{opacity:.85}.btn-quiet{background:transparent;color:var(--accent)}.btn-quiet:active{opacity:.7}.invite-banner{background:var(--surface);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.invite-row{display:flex;align-items:center;gap:8px}.invite-code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted)}.game-list{display:flex;flex-direction:column;gap:var(--gap)}.game-row{display:flex;gap:var(--gap);padding:var(--gap) 0;border-bottom:1px solid var(--separator)}.game-row:last-child{border-bottom:none}.game-mark{flex:none;width:44px;height:44px;border-radius:var(--radius);background:var(--surface);display:grid;place-items:center}.game-mark-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:18px;height:18px}.game-mark-grid i{background:var(--muted);border-radius:2px}.game-mark-letter{font-weight:700;color:var(--muted)}.game-row-body{flex:1;min-width:0}.game-row-title{font-size:17px;font-weight:600}.game-row-meta{font-size:14px;color:var(--muted);margin-top:2px}.game-row-actions{display:flex;gap:8px;margin-top:10px}.game-row-actions .btn{flex:1}.pulse{width:64px;height:64px;border-radius:50%;border:3px solid var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.pulse{animation:none;opacity:1}}.opponent{display:flex;align-items:center;gap:var(--gap)}.avatar{flex:none;width:40px;height:40px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-weight:600;color:var(--muted);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.opponent-name{font-weight:600}.hint{font-size:14px;color:var(--muted)}a.hint{color:var(--accent);text-decoration:none}.found-reveal{display:flex;flex-direction:column;align-items:center;gap:20px;animation:reveal .5s ease-out}@keyframes reveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.found-reveal{animation:none}}.turn-status{text-align:center;font-size:15px;color:var(--muted)}.board-footer{display:flex;justify-content:center;gap:8px}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,340px);aspect-ratio:1;margin:0 auto}.ttt-cell{aspect-ratio:1;border:none;background:var(--surface);color:var(--text);font-size:clamp(28px,12vw,56px)}.ttt-cell:disabled{opacity:1}.outcome{font-size:36px;font-weight:700;letter-spacing:-.02em}.result-actions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:260px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:var(--gap) 0}.setting-label{font-size:16px;font-weight:600}.switch{position:relative;flex:none;width:48px;height:28px;border-radius:999px;border:none;background:var(--separator);padding:3px;display:flex;align-items:center;justify-content:flex-start;min-height:0;cursor:pointer}.switch:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,var(--tap));height:var(--tap)}.switch-on{background:var(--accent);justify-content:flex-end}.switch-knob{width:22px;height:22px;border-radius:50%;background:var(--on-accent)}.banner-error{max-width:480px;margin:8px auto 0;padding:10px 14px;border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:14px}