:root{--bg-1:#ffd8f2;--bg-2:#d8f5ff;--bg-3:#fff3b0;--panel:rgba(255, 255, 255, 0.9);--line:rgba(102, 51, 153, 0.2);--text:#352055;--muted:#6d4ea3;--accent:#ff4d8d;--accent-strong:#7c3aed;--x-color:#ff006e;--o-color:#00b4d8}#ext-ttt-root,#ext-ttt-root *{box-sizing:border-box;font-family:"Roboto",Arial,sans-serif}#ext-ttt-root{margin:0 auto;width:100%;max-width:360px;min-height:0;position:relative;z-index:0;isolation:isolate;color:var(--text);background:linear-gradient(130deg,var(--bg-1) 0%,var(--bg-2) 45%,var(--bg-3) 100%);overflow-x:hidden;overflow-y:auto;border-radius:12px;box-shadow:0 16px 44px rgba(124,58,237,.22),0 6px 20px rgba(0,0,0,.12)}#ext-ttt-root .app{padding:10px 12px;display:flex;flex-direction:column;gap:10px}#ext-ttt-root .phone-wrap{border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 4px 16px rgba(53,32,85,.1)}.full-divider{height:1px;background:rgba(53,32,85,.22);margin:0 -12px}.topbar h1{margin:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.title-wrap,.topbar{display:flex;align-items:center;gap:8px}.topbar{justify-content:space-between;min-width:0;gap:6px}.title-wrap{min-width:0;flex:1}.title-wrap>div{min-width:0;flex:1;overflow:hidden}.game-logo{width:28px;height:28px;flex:0 0 auto}.donate-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mute-btn{border:0;background:transparent;padding:2px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;line-height:0}.mute-btn .speaker-off{display:none}.mute-btn.is-muted .speaker-on{display:none}.mute-btn.is-muted .speaker-off{display:block}.donate-link img{width:20px;height:20px}.controls,.panel{background:var(--panel);backdrop-filter:blur(5px);border:1px solid var(--line);border-radius:14px;padding:10px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 10px;margin-top:5px}.icon-control-row{display:grid;grid-template-columns:1fr;gap:4px;min-width:0}.control-label{font-size:.78rem;color:var(--muted)}.icon-toggle{width:100%;border:0;border-radius:0;background:0 0;padding:2px 0;color:var(--text);font-weight:600;outline:0;min-height:22px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left}.icon-toggle:disabled{opacity:.65;cursor:not-allowed}.toggle-icon-img{width:22px;height:22px;flex:0 0 auto}.scorebar{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:10px;margin-bottom:5px}.scorebar span{display:block;color:var(--muted);font-size:.75rem}.scorebar strong{display:block;font-size:1.15rem;margin-top:2px}.status-wrap{text-align:center;min-height:22px;align-items:center}#status{margin:2px 0;font-weight:700;font-size:1rem;color:var(--accent-strong)}.board-wrap,.status-wrap{display:flex;justify-content:center}.board,.board-shell{width:270px;height:270px}.board-shell{position:relative}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}.cell{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:2px solid rgba(124,58,237,.18);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 5px 14px rgba(124,58,237,.2);color:var(--x-color);font-size:2rem;font-weight:700;line-height:1;font-family:inherit;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1/1;cursor:pointer;transition:none;-webkit-tap-highlight-color:transparent;user-select:none}.cell:hover:enabled{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 8px 18px rgba(255,0,110,.25)}.cell:disabled{cursor:default;opacity:1}.cell:active,.cell:focus,.cell:focus-visible{outline:0;background:rgba(255,255,255,.9)}.cell.o{color:var(--o-color)}.round-overlay{position:absolute;inset:0;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:.2px;background:rgba(53,32,85,.68);opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}.round-overlay.show{opacity:1;visibility:visible}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:5px;margin-bottom:5px}.btn{border:0;border-radius:10px;padding:8px;font-weight:700;background:linear-gradient(120deg,var(--accent),#ff8a00,var(--accent-strong));color:#fff;cursor:pointer;transform:translateY(0);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(124,58,237,.28);filter:saturate(1.08)}.btn:active{transform:translateY(1px) scale(.99);box-shadow:0 2px 7px rgba(124,58,237,.2)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--accent-strong)}