:root{--bg-color: #f8fafc;--text-color: #1e293b;--primary-color: #3b82f6;--secondary-color: #64748b;--accent-color: #8b5cf6;--card-bg: #ffffff;--card-hover: #f1f5f9;--border-color: #e2e8f0;--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition-speed: .3s}[data-theme=dark]{--bg-color: #0f172a;--text-color: #f1f5f9;--primary-color: #60a5fa;--secondary-color: #94a3b8;--accent-color: #a78bfa;--card-bg: #1e293b;--card-hover: #2d3748;--border-color: #334155}body{margin:0;padding:0;font-family:var(--font-family);background:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-speed),color var(--transition-speed)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--primary-color)}button{cursor:pointer;border:none;font-family:inherit}a{text-decoration:none;color:inherit}*{box-sizing:border-box}._container_zti8y_1{display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:2rem;max-width:1200px;margin:0 auto}._hero_zti8y_11{text-align:center;margin-bottom:4rem;padding:6rem 2rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:2rem;position:relative;overflow:hidden;animation:_fadeIn_zti8y_1 .8s ease-out}._hero_zti8y_11:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:_rotate_zti8y_1 20s linear infinite;z-index:-1}@keyframes _fadeIn_zti8y_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _rotate_zti8y_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _slideUp_zti8y_1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._title_zti8y_68{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._subtitle_zti8y_77{font-size:1.25rem;color:var(--secondary-color);max-width:600px;margin:0 auto;line-height:1.6}._grid_zti8y_85{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;animation:_slideUp_zti8y_1 .8s ease-out .2s backwards}._card_zti8y_93{background-color:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(0,0,0,.05)}._card_zti8y_93:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}._card_zti8y_93 h2{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._card_zti8y_93 p{color:var(--secondary-color)}._historySection_zti8y_124{margin-top:auto;background:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}._historySection_zti8y_124 h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-color);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:1rem}._historyList_zti8y_140{list-style:none;padding:0;margin:0}._historyItem_zti8y_146{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color var(--transition-speed)}._historyItem_zti8y_146:last-child{border-bottom:none}._historyItem_zti8y_146:hover{background-color:var(--card-hover)}._gameName_zti8y_163{font-weight:600;color:var(--primary-color)}._gameResult_zti8y_168{font-weight:500}._gameDate_zti8y_172{color:var(--secondary-color);font-size:.875rem}._historyHeader_zti8y_177{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:1rem;flex-wrap:wrap;gap:1rem}._historyHeader_zti8y_177 h2{margin-bottom:0;border-bottom:none;padding-bottom:0}._controls_zti8y_194{display:flex;gap:.5rem}._filterButton_zti8y_199{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all var(--transition-speed);font-weight:500}._filterButton_zti8y_199:hover{background:#3b82f61a}._activeFilter_zti8y_214{background:var(--primary-color);color:#fff}._activeFilter_zti8y_214:hover{background:var(--primary-color);opacity:.9}._pagination_zti8y_224{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}._pageButton_zti8y_232{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all var(--transition-speed);font-weight:500}._pageButton_zti8y_232:hover:not(:disabled){background:#3b82f61a}._disabledPageButton_zti8y_247{opacity:.5;cursor:not-allowed;border-color:var(--secondary-color);color:var(--secondary-color)}._itemMainInfo_zti8y_254{display:flex;justify-content:space-between;align-items:center;flex:1;margin-right:1.5rem}._deleteButton_zti8y_262{background:transparent;border:none;color:#ef4444;padding:.4rem;border-radius:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);opacity:.6}._deleteButton_zti8y_262:hover{background-color:#ef44441a;opacity:1;transform:scale(1.1)}._deleteIcon_zti8y_282{width:20px;height:20px}._pageInfo_zti8y_287{color:var(--secondary-color);font-size:.875rem}._userSelect_zti8y_292{padding:.5rem;border-radius:.5rem;border:1px solid var(--primary-color);background-color:var(--card-bg);color:var(--text-color);outline:none;cursor:pointer}._userName_zti8y_302{font-weight:700;color:var(--accent-color);margin-right:1rem;min-width:80px}._loading_zti8y_309{text-align:center;padding:2rem;color:var(--secondary-color);font-style:italic}._error_zti8y_316{text-align:center;padding:1rem;color:#ef4444;background-color:#ef44441a;border-radius:.5rem;margin:1rem 0}@media(max-width:768px){._container_zti8y_1{padding:1rem}._hero_zti8y_11{padding:3rem 1rem;margin-bottom:2rem}._title_zti8y_68{font-size:2.2rem}._subtitle_zti8y_77{font-size:1rem}._grid_zti8y_85{grid-template-columns:1fr;gap:1rem}._historySection_zti8y_124{padding:1rem}._historyHeader_zti8y_177{flex-direction:column;align-items:flex-start}._controls_zti8y_194{width:100%;overflow-x:auto;padding-bottom:.5rem;display:flex}._itemMainInfo_zti8y_254{flex-direction:column;align-items:flex-start;gap:.3rem}._gameName_zti8y_163,._gameResult_zti8y_168,._gameDate_zti8y_172{min-width:unset}}._pagination_1bwu7_1{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}._pageButton_1bwu7_10{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all var(--transition-speed);font-weight:500}._pageButton_1bwu7_10:hover:not(:disabled){background:#3b82f61a}._disabled_1bwu7_25{opacity:.5;cursor:not-allowed;border-color:var(--secondary-color);color:var(--secondary-color)}._pageInfo_1bwu7_32{color:var(--secondary-color);font-size:.875rem}._gameContainer_2hbu8_1{display:flex;flex-direction:column;align-items:center;gap:2rem}._status_2hbu8_8{font-size:2rem;font-weight:700;color:var(--primary-color);min-height:3rem}._board_2hbu8_15{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background-color:var(--secondary-color);padding:10px;border-radius:10px}._square_2hbu8_24{width:100px;height:100px;background-color:var(--card-bg);border:none;font-size:3rem;font-weight:700;color:var(--text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:5px;transition:background-color .2s,transform .1s}._square_2hbu8_24:hover:not(:disabled){background-color:var(--card-hover)}._square_2hbu8_24:active:not(:disabled){transform:scale(.98)}._square_2hbu8_24._x_2hbu8_48{color:var(--primary-color)}._square_2hbu8_24._o_2hbu8_52{color:var(--accent-color)}._winningSquare_2hbu8_56{background-color:#22c55e!important;color:#fff!important}._resetButton_2hbu8_62{padding:1rem 2rem;font-size:1.2rem;font-weight:700;color:#fff;background-color:var(--primary-color);border-radius:.5rem;transition:background-color .2s,transform .1s}._resetButton_2hbu8_62:hover{background-color:#2563eb;transform:translateY(-2px)}._resetButton_2hbu8_62:active{transform:translateY(0)}._replayControls_2hbu8_81{display:flex;align-items:center;gap:1.5rem;background-color:var(--secondary-color);padding:1rem 2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}._replayButton_2hbu8_91{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:background-color .2s,transform .1s}._replayButton_2hbu8_91:hover:not(:disabled){background-color:#ffffff1a;transform:scale(1.1)}._replayButton_2hbu8_91:active:not(:disabled){transform:scale(.95)}._replayButton_2hbu8_91:disabled{opacity:.3;cursor:not-allowed}._replayInfo_2hbu8_119{font-size:1.1rem;font-weight:500;color:#fff;min-width:80px;text-align:center}@media(max-width:480px){._status_2hbu8_8{font-size:1.5rem}._square_2hbu8_24{width:80px;height:80px;font-size:2rem}._replayControls_2hbu8_81{padding:.8rem 1rem;gap:1rem}._replayButton_2hbu8_91{font-size:1.2rem}}._info_2mx7j_1{display:flex;gap:1.5rem;font-size:.95rem;color:var(--secondary-color);background:var(--card-bg);border:1px solid var(--border-color);padding:.6rem 1.2rem;border-radius:.75rem}._opponent_2mx7j_12 strong,._role_2mx7j_13 strong{color:var(--text-color)}._myTurn_2mx7j_17{color:#22c55e!important}._clickable_2mx7j_21:hover:not(:disabled){background-color:#3b82f614!important;cursor:pointer}._overlay_r1bfi_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}._modal_r1bfi_15{background:var(--card-bg, #ffffff);color:var(--text-color, #1e293b);padding:24px;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%;animation:_scaleIn_r1bfi_1 .2s ease-out;border:1px solid var(--border-color, #e2e8f0)}._header_r1bfi_27{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}._title_r1bfi_34{margin:0;font-size:1.25rem;font-weight:600}._closeButton_r1bfi_40{background:none;border:none;font-size:1.5rem;color:var(--secondary-color, #64748b);cursor:pointer;padding:0;line-height:1}._closeButton_r1bfi_40:hover{color:var(--text-color)}._content_r1bfi_54{margin-bottom:24px}._footer_r1bfi_58{display:flex;justify-content:flex-end;gap:12px}@keyframes _scaleIn_r1bfi_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._container_1lsj4_1{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}._error_1lsj4_8{padding:.75rem;background:#ef44441a;color:#ef4444;border-radius:.5rem;font-size:.9rem;text-align:center}._primaryBtn_1lsj4_17{width:100%;padding:.85rem;background:var(--primary-color);color:#fff;border-radius:.5rem;font-weight:600;font-size:1rem;transition:opacity .2s}._primaryBtn_1lsj4_17:hover:not(:disabled){opacity:.88}._primaryBtn_1lsj4_17:disabled{opacity:.5;cursor:not-allowed}._divider_1lsj4_31{text-align:center;color:var(--secondary-color);font-size:.9rem;position:relative}._divider_1lsj4_31:before,._divider_1lsj4_31:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:var(--border-color)}._divider_1lsj4_31:before{left:0}._divider_1lsj4_31:after{right:0}._joinRow_1lsj4_51{display:flex;gap:.5rem}._codeInput_1lsj4_56{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-color);color:var(--text-color);font-size:1.2rem;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase;transition:border-color .2s}._codeInput_1lsj4_56:focus{outline:none;border-color:var(--primary-color)}._joinBtn_1lsj4_76{padding:.75rem 1.25rem;background:var(--primary-color);color:#fff;border-radius:.5rem;font-weight:600;font-size:1rem;transition:opacity .2s}._joinBtn_1lsj4_76:disabled{opacity:.5;cursor:not-allowed}._waiting_1lsj4_89{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;text-align:center}._waitingLabel_1lsj4_98{color:var(--secondary-color);font-size:.95rem;margin:0}._roomCode_1lsj4_104{font-size:2.8rem;font-weight:800;letter-spacing:.35em;color:var(--primary-color);background:var(--card-bg);padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid var(--primary-color);-webkit-user-select:all;user-select:all}._hint_1lsj4_116{font-size:.875rem;color:var(--secondary-color);margin:0}._spinner_1lsj4_122{width:30px;height:30px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:_spin_1lsj4_122 .8s linear infinite}@keyframes _spin_1lsj4_122{to{transform:rotate(360deg)}}._container_oprr2_1{padding:20px 0;margin-top:20px;width:100%}._title_oprr2_7{font-size:1.5rem;margin-bottom:20px;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:10px}._list_oprr2_15{display:flex;flex-direction:column;gap:20px}._comment_oprr2_21{display:flex;gap:15px}._avatar_oprr2_26{flex-shrink:0}._avatar_oprr2_26 img,._avatarPlaceholder_oprr2_31{width:40px;height:40px;border-radius:50%;object-fit:cover}._avatarPlaceholder_oprr2_31{background:var(--secondary-color, #64748b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}._content_oprr2_48{flex:1}._header_oprr2_52{margin-bottom:5px;display:flex;justify-content:space-between;align-items:baseline;width:100%}._username_oprr2_60{font-weight:700;margin-right:10px;color:var(--text-color);font-size:1rem}._date_oprr2_67{font-size:.85rem;color:var(--secondary-color)}._text_oprr2_72{margin:5px 0;line-height:1.5;color:var(--text-color)}._actions_oprr2_78{display:flex;gap:15px;font-size:.9rem;margin-top:8px}._actionButton_oprr2_85{background:none;border:none;color:var(--secondary-color);cursor:pointer;padding:0;font-weight:500;transition:color .2s}._actionButton_oprr2_85:hover{text-decoration:underline;color:var(--primary-color)}._deleteButton_oprr2_100{color:#ef4444}._deleteButton_oprr2_100:hover{color:#dc2626}._replyContainer_oprr2_108{margin-left:40px;margin-top:15px;border-left:2px solid var(--border-color);padding-left:15px}._form_oprr2_115{margin-top:30px;display:flex;gap:15px;background:var(--card-bg, transparent);padding:20px;border-radius:8px;border:1px solid var(--border-color)}._replyForm_oprr2_125{margin-top:15px}._inputGroup_oprr2_129{flex:1}._textarea_oprr2_133{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;resize:vertical;background:var(--bg-color);color:var(--text-color);transition:border-color .2s}._textarea_oprr2_133:focus{outline:none;border-color:var(--primary-color)}._button_oprr2_150{margin-top:10px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s}._button_oprr2_150:hover:not(:disabled){opacity:.9}._button_oprr2_150:disabled{background:var(--secondary-color);cursor:not-allowed;opacity:.5}._loginMessage_oprr2_172{margin-top:20px;text-align:center;color:var(--secondary-color)}@media(max-width:600px){._replyContainer_oprr2_108{margin-left:20px;padding-left:10px}}._container_nuuoi_1{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem}._header_nuuoi_9{width:100%;max-width:600px;display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}._backLink_nuuoi_18{color:var(--secondary-color);font-weight:600;white-space:nowrap;transition:color .2s}._backLink_nuuoi_18:hover{color:var(--primary-color)}._gameArea_nuuoi_29{display:flex;justify-content:center;align-items:center}._onlineButton_nuuoi_35{margin-bottom:1.5rem;padding:.65rem 1.5rem;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}._onlineButton_nuuoi_35:hover{background:var(--primary-color);color:#fff}@media(max-width:480px){._container_nuuoi_1{padding:1rem}._header_nuuoi_9{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:1.5rem}}._container_1sry3_1{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem}._header_1sry3_9{width:100%;max-width:600px;display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}._backLink_1sry3_18{color:var(--secondary-color);font-weight:600;white-space:nowrap;transition:color .2s}._backLink_1sry3_18:hover{color:var(--primary-color)}._gameArea_1sry3_29{display:flex;justify-content:center;align-items:center}@media(max-width:480px){._container_1sry3_1{padding:1rem}._header_1sry3_9{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:1.5rem}}._gameContainer_1ogoi_1{display:flex;flex-direction:column;align-items:center;gap:1.5rem}._header_1ogoi_8{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px}._scoreBox_1ogoi_16{background-color:#334155;padding:.5rem 1rem;border-radius:5px;display:flex;flex-direction:column;align-items:center;min-width:80px}._scoreLabel_1ogoi_26{color:#94a3b8;font-size:.8rem;font-weight:700}._scoreValue_1ogoi_32{color:#fff;font-size:1.5rem;font-weight:700}._resetButton_1ogoi_38{padding:.8rem 1.5rem;background-color:var(--primary-color);color:#fff;font-weight:700;border-radius:5px;font-size:1rem;transition:background-color .2s}._resetButton_1ogoi_38:hover{background-color:var(--accent-color)}._gridContainer_1ogoi_52{position:relative;background-color:#1e293b;padding:10px;border-radius:6px;width:400px;height:400px;display:flex;flex-direction:column;gap:10px}._gridRow_1ogoi_64{display:flex;gap:10px;height:25%}._gridCell_1ogoi_71{width:25%;height:100%;border-radius:3px;display:flex;justify-content:center;align-items:center;font-weight:700;transition:transform .1s,background-color .1s}._instructions_1ogoi_83{color:var(--secondary-color);font-size:1rem}._gameOverOverlay_1ogoi_88{position:absolute;inset:0;background-color:#eee4daba;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3rem;font-weight:700;color:#776e65;border-radius:6px;animation:_fade-in_1ogoi_1 .8s ease 1.2s;animation-fill-mode:both}._tryAgainButton_1ogoi_108{margin-top:2rem;padding:0 20px;background-color:var(--primary-color);color:#fff;height:40px;line-height:42px;cursor:pointer;display:block;text-align:center;border-radius:3px;font-size:18px;font-weight:700;border:none;transition:background-color .2s}._tryAgainButton_1ogoi_108:hover{background-color:var(--accent-color)}@media(max-width:480px){._gridContainer_1ogoi_52{width:320px;height:320px;padding:8px;gap:8px}._gridRow_1ogoi_64{gap:8px}._gridCell_1ogoi_71{font-size:1.2rem}._header_1ogoi_8{max-width:320px}._scoreValue_1ogoi_32{font-size:1.2rem}._gameOverOverlay_1ogoi_88{font-size:2rem}}@media(max-width:350px){._gridContainer_1ogoi_52{width:280px;height:280px}._header_1ogoi_8{max-width:280px}}._gameContainer_z1e3y_1{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;min-height:calc(100vh - 80px);background:radial-gradient(circle at top right,rgba(110,142,251,.1),transparent),radial-gradient(circle at bottom left,rgba(167,119,227,.1),transparent)}._title_z1e3y_12{font-size:3rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0;background:linear-gradient(135deg,var(--text-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._status_z1e3y_25{font-size:1.5rem;font-weight:600;padding:.8rem 2rem;border-radius:50px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:0 4px 15px #0000001a;color:var(--text-color);display:flex;align-items:center;gap:1rem}._playerDot_z1e3y_40{width:20px;height:20px;border-radius:50%;box-shadow:0 0 10px currentColor}._red_z1e3y_47{color:#ff4d4d;background-color:#ff4d4d}._yellow_z1e3y_52{color:gold;background-color:gold}._board_z1e3y_57{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;background:#142864;padding:15px;border-radius:20px;box-shadow:0 20px 50px #0000004d;border:4px solid #0a1432;position:relative;-webkit-user-select:none;user-select:none}[data-theme=light] ._board_z1e3y_57{box-shadow:0 10px 30px #14286433}._column_z1e3y_75{display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:background-color .2s;border-radius:50px}._column_z1e3y_75:hover{background-color:#ffffff1a}._cell_z1e3y_88{width:60px;height:60px;background:#0a1432;border-radius:50%;position:relative;box-shadow:inset 0 4px 8px #00000080;overflow:hidden}._disc_z1e3y_98{width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 10px #0000004d,inset 0 -4px 6px #0003,inset 0 4px 6px #fff3}._disc_z1e3y_98._red_z1e3y_47{background:radial-gradient(circle at 30% 30%,#ff6b6b,#b91d1d)}._disc_z1e3y_98._yellow_z1e3y_52{background:radial-gradient(circle at 30% 30%,#ffee58,#f57f17)}._winning_z1e3y_119{animation:_winPulse_z1e3y_1 1s infinite alternate}@keyframes _winPulse_z1e3y_1{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.1);filter:brightness(1.5) drop-shadow(0 0 10px currentColor)}}._controls_z1e3y_135{display:flex;gap:1rem;margin-top:1rem}._button_z1e3y_141{padding:.8rem 1.5rem;font-size:1.2rem;font-weight:600;border:none;border-radius:12px;background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;justify-content:center}._button_z1e3y_141:hover:not(:disabled){background:var(--card-hover);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}._button_z1e3y_141:disabled{opacity:.5;cursor:not-allowed}._primaryButton_z1e3y_169{background:var(--primary-color);color:#fff;border:none}._primaryButton_z1e3y_169:hover:not(:disabled){background:#2563eb}._replayControls_z1e3y_179{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:var(--card-bg);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:0 10px 30px #0000001a}._replayButtons_z1e3y_192{display:flex;gap:1rem}._replayLabel_z1e3y_197{font-size:.9rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.1em;font-weight:700}@media(max-width:600px){._gameContainer_z1e3y_1{padding:1rem .5rem}._cell_z1e3y_88{width:38px;height:38px}._board_z1e3y_57{gap:6px;padding:8px;border-width:2px}._column_z1e3y_75{gap:6px}._status_z1e3y_25{font-size:1.1rem;padding:.6rem 1.2rem}._title_z1e3y_12{font-size:1.8rem}._button_z1e3y_141{padding:.6rem 1rem;font-size:1rem}}@media(max-width:360px){._cell_z1e3y_88{width:32px;height:32px}}._container_1ar8o_1{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem 2rem 2rem}._header_1ar8o_9{width:100%;max-width:700px;display:flex;align-items:center;margin-bottom:.5rem}._backLink_1ar8o_17{color:var(--secondary-color);font-weight:600;transition:color .2s}._backLink_1ar8o_17:hover{color:var(--primary-color)}._gameContainer_1rhpq_1{display:flex;flex-direction:column;align-items:center;gap:2rem}._info_1rhpq_8{display:flex;align-items:center;gap:2rem;background-color:var(--card-bg);border:1px solid var(--border-color);padding:1rem 2rem;border-radius:1rem;box-shadow:0 2px 8px #00000014}._stat_1rhpq_19{display:flex;flex-direction:column;align-items:center;gap:.25rem}._statLabel_1rhpq_26{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);opacity:.7}._statValue_1rhpq_35{font-size:1.5rem;font-weight:700;color:var(--primary-color)}._resetButton_1rhpq_41{padding:.6rem 1.4rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary-color);border-radius:.5rem;transition:background-color .2s,transform .1s}._resetButton_1rhpq_41:hover{background-color:#2563eb;transform:translateY(-2px)}._resetButton_1rhpq_41:active{transform:translateY(0)}._winBanner_1rhpq_60{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;color:#22c55e;background-color:var(--secondary-color);padding:1.5rem 2.5rem;border-radius:1rem;border:2px solid #22c55e}._grid_1rhpq_74{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}._card_1rhpq_81{width:80px;height:80px;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);border-radius:10px;cursor:pointer;background:none;border:none;perspective:600px}._card_1rhpq_81:hover:not(:disabled) ._cardFront_1rhpq_94{background-color:var(--card-hover)}._card_1rhpq_81._flipped_1rhpq_98{transform:rotateY(180deg)}._card_1rhpq_81._matched_1rhpq_102 ._cardBack_1rhpq_102{background-color:#dcfce7;border:2px solid #22c55e;color:inherit}._cardFront_1rhpq_94,._cardBack_1rhpq_102{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-size:1.5rem;font-weight:700;transition:background-color .2s}._cardFront_1rhpq_94{background-color:var(--card-bg);color:var(--secondary-color);font-size:1.8rem;box-shadow:0 2px 6px #00000026}._cardBack_1rhpq_102{background-color:var(--card-bg);font-size:2.2rem;transform:rotateY(180deg);box-shadow:0 2px 6px #00000026}@media(max-width:600px){._grid_1rhpq_74{grid-template-columns:repeat(4,1fr);gap:8px}._card_1rhpq_81{width:68px;height:68px}._cardFront_1rhpq_94{font-size:1.4rem}._cardBack_1rhpq_102{font-size:1.8rem}._info_1rhpq_8{gap:1.2rem;padding:.8rem 1.2rem}}@media(max-width:380px){._grid_1rhpq_74{grid-template-columns:repeat(4,1fr);gap:6px}._card_1rhpq_81{width:58px;height:58px}}._container_1qufx_1{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem}._header_1qufx_9{width:100%;max-width:700px;display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}._backLink_1qufx_18{color:var(--secondary-color);font-weight:600;white-space:nowrap;transition:color .2s}._backLink_1qufx_18:hover{color:var(--primary-color)}@media(max-width:480px){._container_1qufx_1{padding:1rem}._header_1qufx_9{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:1.5rem}}._gameArea_1qufx_42{display:flex;justify-content:center;align-items:center}._container_1tabl_1{padding:2rem;max-width:1000px;margin:0 auto;min-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:3rem}._header_1tabl_11{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;background:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000001a}._avatarWrapper_1tabl_24{width:120px;height:120px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 0 20px rgba(var(--primary-color-rgb, 59, 130, 246),.3)}._avatar_1tabl_24{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--card-bg)}._avatarPlaceholder_1tabl_41{width:100%;height:100%;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:var(--primary-color);border:4px solid var(--card-bg)}._username_1tabl_55{font-size:2.5rem;font-weight:800;margin:0;color:var(--text-color)}._role_1tabl_62{font-size:.9rem;font-weight:700;color:var(--secondary-color);letter-spacing:.2em;margin:0}._filterSection_1tabl_70{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._filterLabel_1tabl_81{font-weight:700;color:var(--secondary-color);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}._gameFilter_1tabl_89{padding:.5rem;border-radius:.5rem;border:1px solid var(--primary-color);background-color:var(--card-bg);color:var(--text-color);outline:none;cursor:pointer;font-weight:600;transition:all var(--transition-speed)}._gameFilter_1tabl_89:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 59, 130, 246),.2)}._gameFilter_1tabl_89 option{background:var(--card-bg);color:var(--text-color)}._statsGrid_1tabl_111{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}._statCard_1tabl_117{padding:2rem;background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s}._statCard_1tabl_117:hover{transform:translateY(-5px)}._statValue_1tabl_133{font-size:2rem;font-weight:800;color:var(--primary-color)}._winValue_1tabl_139{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.3)}._loseValue_1tabl_144{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.3)}._statLabel_1tabl_149{font-size:.9rem;font-weight:600;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em}._statProgress_1tabl_157{width:100%;height:6px;background:var(--border-color);border-radius:3px;margin-top:1rem;overflow:hidden}._statProgressBar_1tabl_166{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;transition:width 1s ease-out;box-shadow:0 0 10px rgba(var(--primary-color-rgb, 59, 130, 246),.5)}._winBar_1tabl_174{background:linear-gradient(90deg,#22c55e,#10b981);box-shadow:0 0 10px #22c55e80}._loseBar_1tabl_179{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef444480}._blueCard_1tabl_185{border:2px solid #3b82f6}._blueValue_1tabl_189{color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.3)}._blueBar_1tabl_194{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 10px #3b82f680}._redCard_1tabl_199{border:2px solid #ef4444}._redValue_1tabl_203{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.3)}._redBar_1tabl_208{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef444480}._yellowCard_1tabl_213{border:2px solid #eab308}._yellowValue_1tabl_217{color:#eab308;text-shadow:0 0 20px rgba(234,179,8,.3)}._yellowBar_1tabl_222{background:linear-gradient(90deg,#eab308,#ca8a04);box-shadow:0 0 10px #eab30880}._greenCard_1tabl_227{border:2px solid #22c55e}._greenValue_1tabl_231{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.3)}._greenBar_1tabl_236{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 10px #22c55e80}._goldCard_1tabl_241{border:2px solid #f59e0b}._goldValue_1tabl_245{color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.3)}._goldBar_1tabl_250{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b80}._purpleCard_1tabl_255{border:2px solid #a855f7}._purpleValue_1tabl_259{color:#a855f7;text-shadow:0 0 20px rgba(168,85,247,.3)}._purpleBar_1tabl_264{background:linear-gradient(90deg,#a855f7,#9333ea);box-shadow:0 0 10px #a855f780}._grayCard_1tabl_269{border:2px solid #64748b}._grayValue_1tabl_273{color:#94a3b8;text-shadow:0 0 20px rgba(148,163,184,.3)}._grayBar_1tabl_278{background:linear-gradient(90deg,#64748b,#475569);box-shadow:0 0 10px #64748b80}._pagination_1tabl_283{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}._pageButton_1tabl_291{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all var(--transition-speed);font-weight:500}._pageButton_1tabl_291:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 59, 130, 246),.1)}._disabledPageButton_1tabl_306{opacity:.5;cursor:not-allowed;border-color:var(--secondary-color);color:var(--secondary-color)}._pageInfo_1tabl_313{color:var(--secondary-color);font-size:.875rem}._historySection_1tabl_318{display:flex;flex-direction:column;gap:1.5rem}._historySection_1tabl_318 h2{font-size:1.8rem;color:var(--text-color)}._historyList_1tabl_329{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);overflow:hidden}._historyItem_1tabl_336{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;border-bottom:1px solid var(--border-color)}._historyItem_1tabl_336:last-child{border-bottom:none}._historyInfo_1tabl_348{display:flex;flex-direction:column}._historyGame_1tabl_353{font-weight:700;color:var(--text-color)}._historyDate_1tabl_358{font-size:.85rem;color:var(--secondary-color)}._historyResult_1tabl_363{display:flex;align-items:center;gap:1.5rem}._badge_1tabl_369{padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:700}._win_1tabl_139{background:#22c55e1a;color:#22c55e}._other_1tabl_381{background:rgba(var(--primary-color-rgb, 59, 130, 246),.1);color:var(--primary-color)}._historyDuration_1tabl_386{font-size:.9rem;color:var(--secondary-color);font-weight:600}@media(max-width:768px){._container_1tabl_1{padding:1rem;gap:1.5rem}._header_1tabl_11{padding:2rem 1rem;border-radius:16px}._username_1tabl_55{font-size:1.8rem}._statsGrid_1tabl_111{grid-template-columns:1fr;gap:1rem}._filterSection_1tabl_70{padding:1rem;flex-direction:column;align-items:stretch}._historyItem_1tabl_336{padding:1rem;flex-direction:column;align-items:flex-start;gap:.8rem}._historyResult_1tabl_363{width:100%;justify-content:space-between}._pagination_1tabl_283{flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){._avatarWrapper_1tabl_24{width:100px;height:100px}._statCard_1tabl_117{padding:1.5rem}}._container_1iaou_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);gap:1rem;text-align:center;padding:2rem}._code_1iaou_12{font-size:8rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._message_1iaou_22{font-size:1.5rem;color:var(--secondary-color)}._link_1iaou_27{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:.5rem;font-weight:600;transition:opacity .2s}._link_1iaou_27:hover{opacity:.85}._navbar_10ln1_1{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--card-bg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:sticky;top:0;z-index:1000}._brand_10ln1_13{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;white-space:nowrap}._navLinks_10ln1_21{display:flex;align-items:center;gap:1.5rem}._navLink_10ln1_21{color:var(--secondary-color);font-weight:500;transition:color var(--transition-speed)}._navLink_10ln1_21:hover{color:var(--primary-color)}._navRight_10ln1_37{display:flex;align-items:center;gap:1.5rem}._themeToggle_10ln1_43{background:transparent;border:none;color:var(--secondary-color);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed)}._themeToggle_10ln1_43:hover{background-color:var(--card-hover);color:var(--primary-color)}._themeIcon_10ln1_61{width:24px;height:24px}._userInfo_10ln1_66{display:flex;align-items:center}._username_10ln1_71{font-weight:600;color:var(--text-color)}._button_10ln1_76{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border-radius:.5rem;font-weight:500;transition:background-color var(--transition-speed)}._button_10ln1_76:hover{background-color:var(--accent-color)}._logoutButton_10ln1_89{background-color:transparent;color:var(--secondary-color);border:1px solid var(--secondary-color)}._logoutButton_10ln1_89:hover{background-color:var(--secondary-color);color:#fff}._userContainer_10ln1_100{display:flex;align-items:center;gap:.75rem}._avatarWrapper_10ln1_106{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-speed),box-shadow var(--transition-speed);border:2px solid transparent}._avatarWrapper_10ln1_106:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--primary-color)}._avatar_10ln1_106{width:100%;height:100%;object-fit:cover}._avatarPlaceholder_10ln1_131{color:#fff;font-weight:700;font-size:1.25rem;text-transform:uppercase}._userProfileLink_10ln1_138{display:flex;align-items:center;gap:.8rem;cursor:pointer;text-decoration:none;color:inherit;padding:.3rem .8rem;border-radius:50px;transition:background-color var(--transition-speed)}._userProfileLink_10ln1_138:hover{background:var(--card-hover)}._profileLink_10ln1_154{color:var(--secondary-color);font-weight:600;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;transition:all var(--transition-speed)}._profileLink_10ln1_154:hover{color:var(--primary-color);background:var(--card-hover)}@media(max-width:768px){._navbar_10ln1_1{padding:.8rem 1rem}._brand_10ln1_13{font-size:1.25rem}._navLinks_10ln1_21{gap:1rem}._navRight_10ln1_37{gap:.8rem}._username_10ln1_71{display:none}._userProfileLink_10ln1_138{padding:.2rem;gap:0}._profileLink_10ln1_154{padding:.4rem .6rem;font-size:.9rem}._themeToggle_10ln1_43{padding:.4rem}}@media(max-width:480px){._navLinks_10ln1_21,._profileLink_10ln1_154{display:none}._navRight_10ln1_37{gap:.4rem}._brand_10ln1_13{font-size:1.1rem}}._overlay_12k69_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._modal_12k69_15{background-color:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;position:relative;animation:_slideIn_12k69_1 .3s ease-out}@keyframes _slideIn_12k69_1{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}._closeButton_12k69_38{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--secondary-color);cursor:pointer;padding:.5rem;line-height:1}._closeButton_12k69_38:hover{color:var(--text-color)}._title_12k69_55{text-align:center;margin-bottom:2rem;color:var(--text-color);font-size:1.5rem}._form_12k69_62{display:flex;flex-direction:column;gap:1rem}._input_12k69_68{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--secondary-color);background-color:var(--bg-color);color:var(--text-color);font-size:1rem;outline:none;transition:border-color var(--transition-speed)}._input_12k69_68:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}._submitButton_12k69_84{padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-speed)}._submitButton_12k69_84:hover{background-color:var(--accent-color)}._error_12k69_100{background-color:#ef44441a;color:#ef4444;padding:.75rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2);text-align:center}._toggleButton_12k69_111{background:none;border:none;color:var(--secondary-color);font-size:.875rem;cursor:pointer;margin-top:.5rem;transition:color var(--transition-speed)}._toggleButton_12k69_111:hover{color:var(--primary-color);text-decoration:underline}