@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a26;--border:#2a2a3d;--text:#e8e8f0;--muted:#6b6b8a;--accent:#7c6af5;--accent-glow:#7c6af540;--x-color:#f5c56a;--o-color:#6af5c5;--error:#f56a7c;--success:#6af5b0;--font-display:"Syne", sans-serif;--font-mono:"DM Mono", monospace;--radius:12px;--radius-sm:8px}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none}input{font-family:var(--font-mono)}.btn{border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:700;transition:all .18s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:0 6px 24px var(--accent-glow);background:#9080ff;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:none;transform:none}.input{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:12px 16px;font-size:.9rem;transition:border-color .18s}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--muted)}.error-msg{color:var(--error);font-size:.82rem;font-family:var(--font-mono)}._nav_1waif_1{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0fd9;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}._logo_1waif_14{letter-spacing:-.02em;align-items:center;gap:6px;font-size:1.4rem;font-weight:800;display:flex}._x_1waif_23{color:var(--x-color)}._o_1waif_26{color:var(--o-color)}._sep_1waif_29{color:var(--muted);font-size:.9rem}._links_1waif_34{flex:1;gap:24px;display:flex}._link_1waif_34{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-left:16px;font-size:.88rem;font-weight:600;transition:color .15s}._link_1waif_34:hover{color:var(--text)}._right_1waif_54{align-items:center;gap:16px;margin-left:auto;display:flex}._xp_1waif_61{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:6px;font-size:.82rem;display:flex}._xpDot_1waif_70{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}._nick_1waif_78{color:var(--text);font-size:.88rem;font-weight:600}._hamburger_1waif_84{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;display:none}._hamburger_1waif_84 span{background:var(--text);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}._hamburger_1waif_84._open_1waif_108 span:first-child{transform:translateY(6px)rotate(45deg)}._hamburger_1waif_84._open_1waif_108 span:nth-child(2){opacity:0}._hamburger_1waif_84._open_1waif_108 span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}._drawer_1waif_118{z-index:99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0feb;max-height:0;transition:max-height .25s,padding .25s;position:fixed;top:64px;left:0;right:0;overflow:hidden}._drawer_1waif_118._open_1waif_108{max-height:200px;padding:12px 0 16px}._drawerLink_1waif_139{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;font-size:.9rem;font-weight:600;transition:color .15s;display:block}._drawerLink_1waif_139:hover{color:var(--text)}._drawerLogout_1waif_154{text-align:center;border:1px solid var(--border);width:calc(100% - 40px);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;margin:8px 20px 0;padding:10px;font-size:.85rem;font-weight:600;display:block}@media (width<=640px){._nav_1waif_1{height:56px;padding:0 16px}._logo_1waif_14{font-size:1.25rem}._links_1waif_34{display:none}._right_1waif_54 ._xp_1waif_61{font-size:.78rem}._right_1waif_54 ._nick_1waif_78{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}._right_1waif_54 a._btn_1waif_195,._right_1waif_54 button._btn_1waif_195,._right_1waif_54 button._ghost_1waif_197{display:none}._hamburger_1waif_84{display:flex}._drawer_1waif_118{top:56px}._right_1waif_54 .btn,._right_1waif_54 .ghost{display:none}}._overlay_ke2od_1{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;background:#0a0a0fd9;justify-content:center;align-items:center;animation:.25s _fadeIn_ke2od_1;display:flex;position:fixed;inset:0}._box_ke2od_13{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:300px;padding:48px 40px;animation:.3s _slideUp_ke2od_1;display:flex}._emoji_ke2od_27{font-size:3rem}._title_ke2od_31{letter-spacing:-.03em;color:var(--x-color);font-size:1.75rem;font-weight:800}._sub_ke2od_38{color:var(--muted);font-size:.9rem}._sub_ke2od_38 strong{color:var(--text)}._timer_ke2od_47{font-family:var(--font-mono);color:var(--accent);background:var(--accent-glow);text-align:center;border-radius:999px;min-width:60px;padding:6px 20px;font-size:1.4rem;font-weight:700}._actions_ke2od_59{gap:12px;margin-top:8px;display:flex}@keyframes _fadeIn_ke2od_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_ke2od_1{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}._toast_1pt5g_1{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;font-family:var(--font-mono);color:var(--text);z-index:400;white-space:nowrap;padding:12px 24px;animation:.25s _slideUp_1pt5g_1;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}@keyframes _slideUp_1pt5g_1{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}._page_1eaav_1{flex-direction:column;gap:60px;max-width:900px;margin:0 auto;padding:40px 16px 80px;display:flex}._hero_1eaav_9{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}._badge_1eaav_16{border:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:5px 14px;font-size:.75rem;font-weight:700;display:inline-flex}._title_1eaav_30{letter-spacing:-.04em;font-size:clamp(3.5rem,10vw,7rem);font-weight:800;line-height:1}._xWord_1eaav_36{color:var(--x-color)}._oWord_1eaav_39{color:var(--o-color)}._sub_1eaav_42{max-width:500px;color:var(--muted);font-size:1rem;line-height:1.65}._cta_1eaav_48{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}._statsBar_1eaav_54{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);width:100%;margin-top:8px;display:grid;overflow:hidden}._stat_1eaav_54{border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:4px;padding:16px 8px;display:flex}._stat_1eaav_54:last-child{border-right:none}._statVal_1eaav_75{font-family:var(--font-mono);font-size:1.25rem;font-weight:700}._statLabel_1eaav_80{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:700}._ranking_1eaav_87{flex-direction:column;gap:20px;display:flex}._rankingHeader_1eaav_92{justify-content:space-between;align-items:baseline;display:flex}._rankingHeader_1eaav_92 h2{letter-spacing:-.02em;font-size:1.3rem;font-weight:800}._seeAll_1eaav_102{color:var(--accent);font-size:.85rem;font-weight:600;transition:opacity .15s}._seeAll_1eaav_102:hover{opacity:.75}._rankList_1eaav_111{flex-direction:column;gap:2px;display:flex}._rankRow_1eaav_116{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:grid}._rankRow_1eaav_116:hover{background:var(--surface2)}._rankPos_1eaav_130{font-family:var(--font-mono);color:var(--muted);font-size:.85rem;font-weight:500}._rankNick_1eaav_136{font-size:.95rem;font-weight:700}._rankMeta_1eaav_140{flex-direction:column;align-items:flex-end;gap:2px;display:flex}._rankXp_1eaav_146{font-family:var(--font-mono);color:var(--accent);font-size:.8rem}._rankRecord_1eaav_151{font-family:var(--font-mono);color:var(--muted);font-size:.72rem}._empty_1eaav_156{text-align:center;color:var(--muted);padding:32px;font-size:.9rem}._features_1eaav_162{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}._feature_1eaav_162{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:28px 24px;display:flex}._featureIcon_1eaav_176{font-size:1.5rem}._feature_1eaav_162 h3{font-size:.95rem;font-weight:700}._feature_1eaav_162 p{color:var(--muted);font-size:.85rem;line-height:1.6}._page_1l39l_1{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:40px 20px;display:flex}._card_1l39l_9{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:32px;width:100%;max-width:420px;padding:48px 40px;display:flex}._heading_1l39l_21 h1{letter-spacing:-.03em;margin-bottom:6px;font-size:1.75rem;font-weight:800}._heading_1l39l_21 p{color:var(--muted);font-size:.9rem}._form_1l39l_33{flex-direction:column;gap:20px;display:flex}._field_1l39l_39{flex-direction:column;gap:8px;display:flex}._field_1l39l_39 label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:700}._footer_1l39l_53{text-align:center;color:var(--muted);font-size:.88rem}._footer_1l39l_53 a{color:var(--accent);font-weight:600}._footer_1l39l_53 a:hover{text-decoration:underline}._page_3zm4b_1{flex-direction:column;gap:36px;max-width:780px;margin:0 auto;padding:40px 16px 80px;display:flex}._header_3zm4b_9 h1{letter-spacing:-.03em;margin-bottom:6px;font-size:2rem;font-weight:800}._header_3zm4b_9 p{color:var(--muted);font-size:.88rem;font-family:var(--font-mono)}._table_3zm4b_20{flex-direction:column;gap:2px;display:flex}._thead_3zm4b_25{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-template-columns:40px 1fr auto;gap:8px;padding:8px 16px;font-size:.72rem;font-weight:700;display:grid}._row_3zm4b_36{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:12px 16px;transition:background .15s;display:grid}._row_3zm4b_36:hover{background:var(--surface2)}._top1_3zm4b_50{border-color:#f5c56a44}._top2_3zm4b_53{border-color:#c0c0c044}._top3_3zm4b_56{border-color:#cd7f3244}._rank_3zm4b_59{font-family:var(--font-mono);color:var(--muted);font-size:.85rem}._playerCol_3zm4b_64{flex-direction:column;gap:2px;min-width:0;display:flex}._nick_3zm4b_70{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}._xp_3zm4b_77{font-family:var(--font-mono);color:var(--accent);font-size:.78rem;font-weight:500}._metaCol_3zm4b_83{flex-direction:column;align-items:flex-end;gap:3px;display:flex}._wld_3zm4b_89{font-family:var(--font-mono);gap:6px;font-size:.78rem;display:flex}._wins_3zm4b_95{color:var(--success)}._losses_3zm4b_98{color:var(--error)}._draws_3zm4b_101{color:var(--muted)}._pct_3zm4b_104{font-family:var(--font-mono);color:var(--muted);font-size:.72rem}._loading_3zm4b_109{flex-direction:column;gap:2px;display:flex}._skeleton_3zm4b_114{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);height:52px;animation:1.4s ease-in-out infinite _pulse_3zm4b_1}@keyframes _pulse_3zm4b_1{0%,to{opacity:1}50%{opacity:.4}}._pagination_3zm4b_130{justify-content:center;align-items:center;gap:20px;display:flex}._pageInfo_3zm4b_136{font-family:var(--font-mono);color:var(--muted);font-size:.85rem}._board_2wmgy_1{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:340px;margin:0 auto;display:grid}._cell_2wmgy_10{aspect-ratio:1;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:default;font-size:2rem;font-weight:800;font-family:var(--font-display);transition:all .15s}._hoverable_2wmgy_23:not(:disabled):hover{background:var(--surface);border-color:var(--accent);cursor:pointer}._cell_2wmgy_10._x_2wmgy_29{color:var(--x-color);background:#f5c56a0f;border-color:#f5c56a4d}._cell_2wmgy_10._o_2wmgy_35{color:var(--o-color);background:#6af5c50f;border-color:#6af5c54d}._pop_2wmgy_41{animation:.2s _pop_2wmgy_41}@keyframes _pop_2wmgy_41{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}._root_1qg1k_1{align-items:center;gap:16px;width:100%;max-width:340px;margin:0 auto;display:flex}._card_1qg1k_10{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex:1;align-items:center;gap:4px;padding:16px 12px;transition:all .2s;display:flex;position:relative}._card_1qg1k_10._active_1qg1k_24{box-shadow:0 0 20px -4px}._card_1qg1k_10._x_1qg1k_28._active_1qg1k_24{border-color:#f5c56a80;box-shadow:0 0 20px -4px #f5c56a59}._card_1qg1k_10._o_1qg1k_33._active_1qg1k_24{border-color:#6af5c580;box-shadow:0 0 20px -4px #6af5c559}._mark_1qg1k_38{font-size:1.5rem;font-weight:800}._x_1qg1k_28 ._mark_1qg1k_38{color:var(--x-color)}._o_1qg1k_33 ._mark_1qg1k_38{color:var(--o-color)}._name_1qg1k_50{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:.8rem;font-weight:600;overflow:hidden}._turnDot_1qg1k_60{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:1.2s ease-in-out infinite _blink_1qg1k_1;position:absolute;top:8px;right:8px}._vs_1qg1k_72{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;font-size:.75rem;font-weight:700}@keyframes _blink_1qg1k_1{0%,to{opacity:1}50%{opacity:.3}}._overlay_izxaf_1{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0a0a0fd9;justify-content:center;align-items:center;animation:.25s _fadeIn_izxaf_1;display:flex;position:fixed;inset:0}._box_izxaf_13{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:280px;padding:48px 40px;animation:.3s _slideUp_izxaf_1;display:flex}._emoji_izxaf_27{font-size:3rem}._title_izxaf_31{letter-spacing:-.03em;font-size:1.75rem;font-weight:800}._sub_izxaf_37{color:var(--muted);font-size:.9rem}._xp_izxaf_42{font-family:var(--font-mono);color:var(--accent);background:var(--accent-glow);border-radius:999px;margin:4px 0 8px;padding:6px 16px;font-size:1.1rem;font-weight:700}@keyframes _fadeIn_izxaf_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_izxaf_1{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}._page_1ahzf_1{flex-direction:column;align-items:center;gap:20px;min-height:calc(100vh - 64px);padding:48px 24px;display:flex}._statusBar_1ahzf_10{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:8px;font-size:.78rem;display:flex}._dot_1ahzf_19{background:var(--muted);border-radius:50%;width:7px;height:7px;transition:background .3s}._dot_1ahzf_19._connected_1ahzf_27{background:var(--success);box-shadow:0 0 8px var(--success)}._statusText_1ahzf_32{text-transform:capitalize}._screen_1ahzf_36{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:380px;display:flex}._joinInfo_1ahzf_45{justify-content:center;display:flex}._playerCard_1ahzf_50{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;padding:24px 40px;display:flex}._playerMark_1ahzf_61{color:var(--muted);font-size:2.5rem;font-weight:800}._playerNick_1ahzf_67{font-size:1.1rem;font-weight:700}._playerXp_1ahzf_72{font-family:var(--font-mono);color:var(--accent);font-size:.82rem}._waitingDots_1ahzf_78{gap:10px;display:flex}._waitingDots_1ahzf_78 span{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite _bounce_1ahzf_1}._waitingDots_1ahzf_78 span:nth-child(2){animation-delay:.2s}._waitingDots_1ahzf_78 span:nth-child(3){animation-delay:.4s}@keyframes _bounce_1ahzf_1{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}._hint_1ahzf_110{color:var(--muted);font-size:.82rem;font-family:var(--font-mono)}._turnBanner_1ahzf_116{text-align:center;border-radius:var(--radius-sm);letter-spacing:.04em;width:100%;max-width:340px;padding:10px 20px;font-size:.85rem;font-weight:700}._myTurn_1ahzf_127{color:var(--accent);background:#7c6af526;border:1px solid #7c6af559}._theirTurn_1ahzf_133{background:var(--surface);border:1px solid var(--border);color:var(--muted)}._gate_1ahzf_139{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:calc(100vh - 64px);padding:24px;display:flex}._gate_1ahzf_139 h2{font-size:1.5rem;font-weight:800}._gate_1ahzf_139 p{color:var(--muted);font-size:.9rem}._gateCta_1ahzf_160{gap:12px;margin-top:8px;display:flex}._divider_1ahzf_167{width:100%;max-width:340px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;font-size:.75rem;font-weight:700;display:flex}._divider_1ahzf_167:before,._divider_1ahzf_167:after{content:"";background:var(--border);flex:1;height:1px}._invitePanel_1ahzf_189{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}._searchBox_1ahzf_197{width:100%;position:relative}._searchSpinner_1ahzf_202{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite _spin_1ahzf_1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@keyframes _spin_1ahzf_1{to{transform:translateY(-50%)rotate(360deg)}}._searchResults_1ahzf_221{flex-direction:column;gap:4px;animation:.15s _slideDown_1ahzf_1;display:flex}@keyframes _slideDown_1ahzf_1{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}._searchRow_1ahzf_239{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}._searchRow_1ahzf_239:hover{background:var(--surface2)}._searchInfo_1ahzf_254{flex-direction:column;gap:2px;min-width:0;display:flex}._searchNick_1ahzf_261{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}._searchXp_1ahzf_269{font-family:var(--font-mono);color:var(--accent);font-size:.75rem}._invitePending_1ahzf_276{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;display:flex}