._board_x03ch_1{--board-size: 3;display:grid;grid-template-columns:repeat(var(--board-size),1fr);gap:calc(12px - (var(--board-size) - 3) * 2px);margin:20px auto;background:#f0f0f0;padding:15px;border-radius:15px}._cell_x03ch_23{aspect-ratio:1;border:none;border-radius:12px;font-size:calc(1.8rem - (var(--board-size) - 3) * .18rem);font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff;box-shadow:0 2px 5px #0000000d}._cell_x03ch_23:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 15px #00000026}._cell_x03ch_23:disabled{cursor:not-allowed}._cell_x03ch_23[data-value=X]{color:#e74c3c;background:#ffeaea}._cell_x03ch_23[data-value=O]{color:#3498db;background:#eaf4ff}._winning_x03ch_91{background:linear-gradient(45deg,#43e97b,#38f9d7);color:#fff;animation:_pulse_x03ch_1 .8s ease-in-out infinite alternate}@keyframes _pulse_x03ch_1{0%{transform:scale(1)}to{transform:scale(1.05)}}._darkBoard_x03ch_111{background:#222;box-shadow:0 0 10px #ffffff0d}._darkBoard_x03ch_111 ._cell_x03ch_23{background:#2b2b2b;color:#fff}._darkBoard_x03ch_111 ._cell_x03ch_23[data-value=X]{background:#4a2a2a;color:#ff7675}._darkBoard_x03ch_111 ._cell_x03ch_23[data-value=O]{background:#2a3b4a;color:#74b9ff}._app_6nk91_1{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:5.5rem 1.5rem 3.5rem;background:linear-gradient(130deg,#f8fafc,#e0edff 55%,#def);color:#0f172a;perspective:1200px;--parallaxX: 0;--parallaxY: 0;transition:background .5s ease,color .5s ease;font-family:Poppins,sans-serif}._app_6nk91_1:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 55%);opacity:.6;pointer-events:none;z-index:0}._app_6nk91_1>*{position:relative;z-index:1}._dark_6nk91_34{background:linear-gradient(140deg,#0f172a,#1e293b 55%,#020617);color:#e2e8f0}._dark_6nk91_34:before{background:radial-gradient(circle at 25% 18%,rgba(148,163,184,.18),transparent 60%);opacity:.8}._title_6nk91_44{position:relative;margin:0;font-size:2.5rem;font-weight:700;letter-spacing:.02em;text-align:center;color:inherit;text-shadow:0 12px 32px rgba(79,70,229,.25)}._section_6nk91_55{width:100%;display:flex;justify-content:center}._sideBySide_6nk91_61{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:1.2rem;flex-wrap:wrap}._sideBySide_6nk91_61>._section_6nk91_55{flex:1;min-width:min(280px,100%);max-width:400px}._parallaxStrong_6nk91_76,._parallaxMedium_6nk91_77,._parallaxSoft_6nk91_78{will-change:transform;transition:transform .3s ease}._parallaxStrong_6nk91_76{transform:translate3d(calc(var(--parallaxX) * 18px),calc(var(--parallaxY) * 18px),0) rotateX(calc(var(--parallaxY) * -6deg)) rotateY(calc(var(--parallaxX) * 6deg))}._parallaxMedium_6nk91_77{transform:translate3d(calc(var(--parallaxX) * 12px),calc(var(--parallaxY) * 12px),0) rotateX(calc(var(--parallaxY) * -4deg)) rotateY(calc(var(--parallaxX) * 4deg))}._parallaxSoft_6nk91_78{transform:translate3d(calc(var(--parallaxX) * 8px),calc(var(--parallaxY) * 8px),0) rotateX(calc(var(--parallaxY) * -3deg)) rotateY(calc(var(--parallaxX) * 3deg))}._controls_6nk91_116{display:flex;flex-direction:column;gap:1rem;align-items:center}._modeBtns_6nk91_123{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}._modeBtns_6nk91_123 button{border:none;padding:.65rem 1.35rem;border-radius:999px;font-weight:600;background:#fff6;color:#1f2937;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .35s ease;box-shadow:0 12px 24px #4f46e52e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._modeBtns_6nk91_123 button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #4f46e53d}._modeBtns_6nk91_123 ._active_6nk91_148{background:linear-gradient(135deg,#6366f1e6,#818cf8d9);color:#f8fafc;box-shadow:0 20px 45px #6366f161}._dark_6nk91_34 ._modeBtns_6nk91_123 button{background:#1e293b99;color:#e2e8f0;box-shadow:0 12px 28px #02061780}._dark_6nk91_34 ._modeBtns_6nk91_123 ._active_6nk91_148{background:linear-gradient(135deg,#3b82f6f2,#818cf8e6);color:#f8fafc;box-shadow:0 20px 45px #3b82f673;border:1px solid rgba(147,197,253,.3)}._info_6nk91_167{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:center}._sizeBtns_6nk91_175{display:inline-flex;gap:.5rem;margin-left:.5rem;align-items:center}._sizeBtns_6nk91_175 button{border:none;padding:.45rem .75rem;border-radius:999px;font-weight:600;background:#ffffff59;cursor:pointer}._sizeBtns_6nk91_175 ._active_6nk91_148{background:linear-gradient(135deg,#6366f1e6,#818cf8d9);color:#fff}._info_6nk91_167 span{font-weight:600;background:linear-gradient(120deg,#0ea5e9e6,#6366f1d9);color:#f8fafc;padding:.55rem 1rem;border-radius:18px;box-shadow:0 14px 30px #0ea5e959}._info_6nk91_167 button{border:none;background:#f8fafcb3;border-radius:14px;padding:.55rem .75rem;cursor:pointer;color:#1f2937;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease,background .3s ease;box-shadow:0 12px 24px #94a3b847}._info_6nk91_167 button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #94a3b859}._dark_6nk91_34 ._info_6nk91_167 span{background:linear-gradient(120deg,#3b82f6e6,#818cf8d9);box-shadow:0 16px 36px #1e40af66}._dark_6nk91_34 ._info_6nk91_167 button{background:#1e293ba6;color:#e2e8f0;box-shadow:0 14px 30px #02061799}._leaveRoomBtn_6nk91_234{border:none;background:linear-gradient(135deg,#ef4444e6,#dc2626d9);color:#f8fafc;border-radius:14px;padding:.55rem 1rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 12px 24px #ef444447}._leaveRoomBtn_6nk91_234:hover{transform:translateY(-2px);box-shadow:0 16px 32px #ef444459}._boardContainer_6nk91_252{background:#ffffff4d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:1rem;width:92%;max-width:560px;box-shadow:0 18px 45px #4f46e52e;border:1px solid rgba(255,255,255,.35);display:flex;justify-content:center;align-items:center;min-height:320px}._dark_6nk91_34 ._boardContainer_6nk91_252{background:#1e293ba6;box-shadow:0 22px 55px #02061799;border-color:#6366f12e}._boardContainer_6nk91_252 button{min-width:100px;min-height:100px;font-size:1.8rem;font-weight:600}@media(max-width:768px){._app_6nk91_1{padding:4.5rem 1.25rem 3rem;gap:1.3rem}._title_6nk91_44{font-size:2.1rem}._boardContainer_6nk91_252{width:100%;padding:.75rem}._boardContainer_6nk91_252 button{min-width:86px;min-height:86px;font-size:1.55rem}._sideBySide_6nk91_61{flex-direction:column;gap:1rem}._sideBySide_6nk91_61>._section_6nk91_55{width:100%;max-width:100%}}body{margin:0;background:linear-gradient(120deg,#e4edff,#f5f8ff 45%,#e0f2ff);transition:background .6s ease;font-family:Poppins,sans-serif}body._dark_6nk91_34{background:linear-gradient(125deg,#020617,#0f172a 45%,#1e293b)}._wrapper_1iys5_1{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}._canvas_1iys5_21{width:100%!important;height:100%!important;display:block;opacity:.95;mix-blend-mode:screen}._light_1iys5_37 ._canvas_1iys5_21{mix-blend-mode:multiply;opacity:1}._light_1iys5_37._wrapper_1iys5_1{background:linear-gradient(45deg,#f5f7fa,#e8ecf2)}._wrapper_1iys5_1:after{content:"";position:absolute;inset:0;background:radial-gradient(900px circle at 15% 20%,rgba(30,136,229,.12),transparent 12%,rgba(50,60,90,.04));pointer-events:none}