*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;height:100%}body{color:#e8dcc8;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#0a0a1a 0%,#1a1a2e 50%,#16213e 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}._app_1gr02_20{flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}._gameContainer_1gr02_29{align-items:flex-start;gap:24px;width:100%;max-width:900px;padding:16px;display:flex}._boardSection_1gr02_38{flex-direction:column;flex-shrink:0;gap:12px;width:100%;max-width:560px;display:flex}._sidebar_1gr02_47{flex-direction:column;flex:1;gap:12px;min-width:280px;max-width:300px;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#667eea4d}@media (width<=900px){._gameContainer_1gr02_29{gap:16px;padding:12px}._sidebar_1gr02_47{min-width:240px;max-width:260px}}@media (width<=768px){._gameContainer_1gr02_29{flex-direction:column;align-items:center;gap:12px;padding:8px}._boardSection_1gr02_38{align-items:center;max-width:100%}._sidebar_1gr02_47{width:100%;max-width:100%;min-width:unset}}@media (width<=420px){._gameContainer_1gr02_29{gap:8px;padding:4px}}._header_1gyof_1{text-align:center;width:100%;padding:16px 16px 8px}._logo_1gyof_7{justify-content:center;align-items:center;gap:12px;display:flex}._icon_1gyof_14{color:#d4af37;text-shadow:0 2px 8px #d4af374d;font-size:2rem}._title_1gyof_20{background:linear-gradient(135deg,#d4af37,#f0d9b5,#d4af37);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:700}._subtitle_1gyof_31{color:#666;letter-spacing:.5px;margin:4px 0 0;font-size:.85rem}@media (width<=480px){._header_1gyof_1{padding:12px 8px 4px}._icon_1gyof_14{font-size:1.5rem}._title_1gyof_20{font-size:1.4rem}._subtitle_1gyof_31{font-size:.75rem}}._piece_j6k4n_1{cursor:grab;-webkit-user-select:none;user-select:none;text-shadow:0 2px 4px #0006;filter:drop-shadow(0 1px 2px #0000004d);touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:min(3.2rem,9vw);line-height:1;transition:transform .15s;display:flex}._piece_j6k4n_1:hover{transform:scale(1.05)}._dragging_j6k4n_22{cursor:grabbing;opacity:.8;transform:scale(1.2)}@media (width<=420px){._piece_j6k4n_1{font-size:min(2.8rem,10vw)}}._square_xqguz_1{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .2s;display:flex;position:relative}._light_xqguz_13{background-color:#f0d9b5}._dark_xqguz_17{background-color:#b58863}._square_xqguz_1:hover{filter:brightness(1.1)}@media (hover:none){._square_xqguz_1:hover{filter:none}._square_xqguz_1:active{filter:brightness(1.15)}}._selected_xqguz_35{box-shadow:inset 0 0 0 3px #ff09;background-color:#829769!important}._validMove_xqguz_40{position:relative}._lastMove_xqguz_44{background-color:#ffff004d!important}._check_xqguz_48{animation:1.5s ease-in-out infinite _checkPulse_xqguz_1;background:radial-gradient(#f00c 0%,#f006 40%,#0000 68%)!important}@keyframes _checkPulse_xqguz_1{0%,to{background:radial-gradient(#f00c 0%,#f006 40%,#0000 68%)}50%{background:radial-gradient(#ff000080 0%,#f003 40%,#0000 68%)}}._moveIndicator_xqguz_62{pointer-events:none;z-index:1;background-color:#0003;border-radius:50%;width:30%;height:30%;position:absolute}._captureIndicator_xqguz_72{pointer-events:none;z-index:1;border:4px solid #0003;border-radius:50%;width:90%;height:90%;position:absolute}@media (width<=768px){._moveIndicator_xqguz_62{width:35%;height:35%}._captureIndicator_xqguz_72{border-width:5px}._selected_xqguz_35{box-shadow:inset 0 0 0 4px #ffff00b3}}._boardContainer_y53l2_1{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}._boardWrapper_y53l2_9{gap:4px;display:flex}._rankLabels_y53l2_14{flex-direction:column;gap:0;display:flex}._rankLabels_y53l2_14 ._label_y53l2_20{color:#8b7355;justify-content:center;align-items:center;width:20px;height:calc(min(70px,12.5vw - 6.25px,12.5vh - 27.5px));font-size:.75rem;font-weight:600;display:flex}._board_y53l2_1{border:3px solid #5c3d2e;border-radius:4px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(560px,100vw - 50px,100vh - 220px);height:min(560px,100vw - 50px,100vh - 220px);display:grid;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0d}._fileLabels_y53l2_43{gap:0;margin-left:24px;display:flex}._fileLabels_y53l2_43 ._label_y53l2_20{color:#8b7355;justify-content:center;align-items:center;width:calc(min(70px,12.5vw - 6.25px,12.5vh - 27.5px));font-size:.75rem;font-weight:600;display:flex}@media (width<=768px){._board_y53l2_1{border-width:2px;width:min(100vw - 24px,100dvh - 300px);height:min(100vw - 24px,100dvh - 300px)}._rankLabels_y53l2_14 ._label_y53l2_20{width:16px;height:calc(min(12.5vw - 3px,12.5dvh - 37.5px));font-size:.65rem}._fileLabels_y53l2_43{margin-left:20px}._fileLabels_y53l2_43 ._label_y53l2_20{width:calc(min(12.5vw - 3px,12.5dvh - 37.5px));font-size:.65rem}}@media (width<=380px){._board_y53l2_1{border-width:2px}._rankLabels_y53l2_14 ._label_y53l2_20{width:14px;font-size:.6rem}._fileLabels_y53l2_43{margin-left:18px}._fileLabels_y53l2_43 ._label_y53l2_20{font-size:.6rem}}._controls_hj367_1{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}._section_hj367_11{flex-direction:column;gap:8px;display:flex}._label_hj367_17{text-transform:uppercase;letter-spacing:1px;color:#8b7355;font-size:.75rem;font-weight:600}._buttonGroup_hj367_25{gap:6px;display:flex}._modeBtn_hj367_30,._diffBtn_hj367_31,._colorBtn_hj367_32,._actionBtn_hj367_33{color:#d4c4a8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}._modeBtn_hj367_30:hover,._diffBtn_hj367_31:hover,._colorBtn_hj367_32:hover,._actionBtn_hj367_33:hover{background:#ffffff1a;border-color:#fff3}._modeBtn_hj367_30._active_hj367_54,._colorBtn_hj367_32._active_hj367_54{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;font-weight:600}._diffBtn_hj367_31._easy_hj367_62{color:#27ae60;border-color:#27ae60}._diffBtn_hj367_31._easy_hj367_62:hover,._diffBtn_hj367_31._easy_hj367_62._active_hj367_54{color:#fff;background:#27ae60}._diffBtn_hj367_31._medium_hj367_71{color:#f39c12;border-color:#f39c12}._diffBtn_hj367_31._medium_hj367_71:hover,._diffBtn_hj367_31._medium_hj367_71._active_hj367_54{color:#fff;background:#f39c12}._diffBtn_hj367_31._hard_hj367_80{color:#e74c3c;border-color:#e74c3c}._diffBtn_hj367_31._hard_hj367_80:hover,._diffBtn_hj367_31._hard_hj367_80._active_hj367_54{color:#fff;background:#e74c3c}._actionBtn_hj367_33{background:#ffffff14;font-weight:500}._actionBtn_hj367_33:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){._controls_hj367_1{gap:12px;padding:12px}._buttonGroup_hj367_25{gap:4px}._modeBtn_hj367_30,._diffBtn_hj367_31,._colorBtn_hj367_32,._actionBtn_hj367_33{touch-action:manipulation;min-height:40px;padding:10px 8px;font-size:.8rem}}@media (width<=380px){._modeBtn_hj367_30{padding:10px 6px;font-size:.75rem}}._container_1m11y_1{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;max-height:200px;padding:16px;display:flex}._title_1m11y_12{color:#8b7355;margin:0;font-size:.85rem;font-weight:600}._movesList_1m11y_19{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}._movesList_1m11y_19::-webkit-scrollbar{width:4px}._movesList_1m11y_19::-webkit-scrollbar-track{background:0 0}._movesList_1m11y_19::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}._empty_1m11y_40{color:#666;font-size:.85rem;font-style:italic}._moveRow_1m11y_46{border-radius:4px;gap:8px;padding:4px 8px;font-family:Courier New,monospace;font-size:.85rem;display:flex}._moveRow_1m11y_46:nth-child(odd){background:#ffffff05}._moveNum_1m11y_59{color:#666;min-width:28px;font-weight:600}._white_1m11y_65{color:#e8dcc8;min-width:50px;font-weight:500}._black_1m11y_71{color:#a09080;min-width:50px;font-weight:500}@media (width<=768px){._container_1m11y_1{max-height:150px;padding:12px}._moveRow_1m11y_46{padding:3px 6px;font-size:.8rem}}._container_1oiau_1{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}._row_1oiau_11{align-items:center;gap:8px;min-height:28px;display:flex}._label_1oiau_18{color:#8b7355;white-space:nowrap;min-width:80px;font-size:.75rem}._pieceRow_1oiau_25{flex-wrap:wrap;gap:2px;display:flex}._piece_1oiau_25{opacity:.8;font-size:1.1rem;line-height:1}._advantage_1oiau_37{color:#4ade80;margin-left:4px;font-size:.75rem;font-weight:700}@media (width<=768px){._container_1oiau_1{gap:4px;padding:8px 12px}._label_1oiau_18{min-width:70px;font-size:.7rem}._piece_1oiau_25{font-size:.95rem}}._status_299w1_1{text-align:center;letter-spacing:.5px;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .3s}._playing_299w1_11{color:#d4c4a8;background:#ffffff0d;border:1px solid #ffffff14}._check_299w1_17{color:#ffc107;background:linear-gradient(135deg,#ffc10733,#ff980033);border:1px solid #ffc1074d;animation:2s ease-in-out infinite _checkPulse_299w1_1}._checkmate_299w1_24{color:#e74c3c;background:linear-gradient(135deg,#e74c3c4d,#c0392b4d);border:1px solid #e74c3c66;font-size:1.1rem}._draw_299w1_31{color:#3498db;background:linear-gradient(135deg,#3498db33,#2980b933);border:1px solid #3498db4d}._thinking_299w1_37{color:#667eea;background:#667eea26;border:1px solid #667eea4d;animation:1.5s ease-in-out infinite _thinkingPulse_299w1_1}@keyframes _checkPulse_299w1_1{0%,to{opacity:1}50%{opacity:.85}}@keyframes _thinkingPulse_299w1_1{0%,to{opacity:1}50%{opacity:.7}}@media (width<=768px){._status_299w1_1{padding:10px 16px;font-size:.9rem}._checkmate_299w1_24{font-size:1rem}}._overlay_x54ik_1{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.2s _fadeIn_x54ik_1;display:flex;position:fixed;inset:0}@keyframes _fadeIn_x54ik_1{0%{opacity:0}to{opacity:1}}._dialog_x54ik_21{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;padding:24px;animation:.3s _slideUp_x54ik_1;box-shadow:0 20px 60px #00000080}@keyframes _slideUp_x54ik_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._title_x54ik_35{color:#e8dcc8;text-align:center;margin:0 0 16px;font-size:1.1rem}._pieces_x54ik_42{gap:12px;display:flex}._pieceBtn_x54ik_47{cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;font-family:inherit;transition:all .2s;display:flex}._pieceBtn_x54ik_47:hover{background:#ffffff1f;border-color:#667eea;transform:translateY(-2px)}._pieceIcon_x54ik_67{text-shadow:0 2px 4px #0006;font-size:2.5rem;line-height:1}._pieceName_x54ik_73{color:#8b7355;font-size:.75rem;font-weight:500}@media (width<=480px){._dialog_x54ik_21{border-radius:12px;margin:0 12px;padding:20px 16px}._pieces_x54ik_42{gap:8px}._pieceBtn_x54ik_47{border-radius:10px;min-width:60px;padding:12px 14px}._pieceIcon_x54ik_67{font-size:2rem}._pieceName_x54ik_73{font-size:.65rem}}._container_115q2_1{align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto;padding:16px;display:flex}._boardSection_115q2_10{flex-shrink:0}._sidebar_115q2_14{flex-direction:column;flex:1;gap:16px;min-width:300px;max-width:380px;display:flex}._sidebarTitle_115q2_23{color:#d4af37;margin:0 0 12px;font-size:1.2rem}._lessonNav_115q2_29{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:16px}._lessonList_115q2_36{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}._lessonBtn_115q2_44{color:#a09080;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}._lessonBtn_115q2_44:hover{color:#d4c4a8;background:#ffffff0d}._lessonBtn_115q2_44._active_115q2_65{color:#667eea;background:#667eea26;font-weight:600}._lessonBtn_115q2_44._completed_115q2_71{color:#4ade80}._lessonNum_115q2_75{background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}._lessonBtn_115q2_44._active_115q2_65 ._lessonNum_115q2_75{background:#667eea4d}._lessonBtn_115q2_44._completed_115q2_71 ._lessonNum_115q2_75{background:#4ade8033}._lessonContent_115q2_96{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}._lessonName_115q2_106{color:#e8dcc8;margin:0;font-size:1.1rem}._lessonDesc_115q2_112{color:#8b7355;margin:0;font-size:.85rem;line-height:1.5}._stepCard_115q2_119{background:#0003;border-radius:8px;padding:12px}._stepIndicator_115q2_125{color:#667eea;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.7rem;font-weight:600}._instruction_115q2_134{color:#d4c4a8;margin:0;font-size:.9rem;line-height:1.6}._message_115q2_141{border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:500;animation:.3s _slideIn_115q2_1}@keyframes _slideIn_115q2_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._success_115q2_154{color:#4ade80;background:#4ade8026;border:1px solid #4ade8033}._error_115q2_160{color:#ff6b6b;background:#ff6b6b26;border:1px solid #ff6b6b33}._stepNav_115q2_166{gap:8px;display:flex}._navBtn_115q2_171{color:#d4c4a8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}._navBtn_115q2_171:hover:not(:disabled){background:#ffffff1a}._navBtn_115q2_171:disabled{opacity:.3;cursor:not-allowed}._nextBtn_115q2_194{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}._nextBtn_115q2_194:hover:not(:disabled){filter:brightness(1.1)}._backBtn_115q2_204{color:#8b7355;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:.85rem;transition:all .2s}._backBtn_115q2_204:hover{color:#d4c4a8;background:#ffffff14}@media (width<=768px){._container_115q2_1{flex-direction:column;align-items:center;gap:12px;padding:8px}._boardSection_115q2_10{justify-content:center;width:100%;display:flex}._sidebar_115q2_14{width:100%;max-width:100%;min-width:unset}._lessonList_115q2_36{max-height:150px}._lessonBtn_115q2_44{padding:8px 10px;font-size:.8rem}._lessonContent_115q2_96{gap:10px;padding:12px}._lessonName_115q2_106{font-size:1rem}._instruction_115q2_134{font-size:.85rem;line-height:1.5}._navBtn_115q2_171{touch-action:manipulation;min-height:44px;padding:10px 12px;font-size:.85rem}._backBtn_115q2_204{touch-action:manipulation;min-height:44px;padding:10px 12px}}@media (width<=380px){._lessonBtn_115q2_44{gap:8px;padding:6px 8px;font-size:.75rem}._lessonNum_115q2_75{width:20px;height:20px;font-size:.7rem}}