._wrapper_17nd1_1{display:flex;flex-direction:column;align-items:center;gap:.5rem}._board_17nd1_8{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:#1a4d1a;border:2px solid #1a4d1a;border-radius:6px;overflow:hidden;width:100%;max-width:280px;aspect-ratio:1;color-scheme:only light}@media (min-width:640px){._board_17nd1_8{max-width:320px}}._cell_17nd1_27{background:#228b22;display:flex;align-items:center;justify-content:center;aspect-ratio:1;position:relative;transition:background-color .1s ease}._cellClickable_17nd1_37{cursor:pointer}._cellClickable_17nd1_37:hover{background-color:#2a9b2a}._disc_17nd1_44{width:72%;height:72%;border-radius:50%}._discBlack_17nd1_50{background:radial-gradient(circle at 35% 35%,#555,#111)}._discWhite_17nd1_54{background:radial-gradient(circle at 35% 35%,#fff,#ccc)}._legalMarker_17nd1_58{width:22%;height:22%;border-radius:50%}._legalMarkerBlack_17nd1_64{background-color:#0000004d}._legalMarkerWhite_17nd1_68{background-color:#ffffff59}._highlighted_17nd1_72{box-shadow:inset 0 0 0 3px #fbbf24;background-color:#fbbf2440}._boardWithLabels_17nd1_77{display:flex;flex-direction:column;width:100%;max-width:310px}@media (min-width:640px){._boardWithLabels_17nd1_77{max-width:350px}}._colLabels_17nd1_89{display:flex}._labelCorner_17nd1_93{width:1.25rem;flex-shrink:0}._colLabel_17nd1_89{flex:1;text-align:center;font-size:.7rem;font-weight:600;color:#6b7280;line-height:1.4}._boardRow_17nd1_107{display:flex}._boardRow_17nd1_107 ._board_17nd1_8{max-width:none}._rowLabels_17nd1_114{display:flex;flex-direction:column;width:1.25rem;flex-shrink:0}._rowLabel_17nd1_114{flex:1;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#6b7280}._caption_17nd1_131{font-size:.8rem;color:#6b7280;text-align:center;line-height:1.5}._correct_17nd1_138{box-shadow:inset 0 0 0 3px #22c55e;background-color:#22c55e40}._wrong_17nd1_143{box-shadow:inset 0 0 0 3px #ef4444;background-color:#ef444433;animation:_shake_17nd1_1 .3s ease}@keyframes _shake_17nd1_1{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}._feedback_17nd1_160{font-size:.875rem;line-height:1.5;padding:.75rem 1rem;border-radius:8px;max-width:320px;text-align:center}._feedbackCorrect_17nd1_169{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}._feedbackWrong_17nd1_175{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}._badMoveHint_17nd1_181{box-shadow:inset 0 0 0 3px #f97316;background-color:#f9731633;animation:_pulse_17nd1_1 1.2s ease-in-out infinite}@keyframes _pulse_17nd1_1{0%,to{box-shadow:inset 0 0 0 3px #f97316}50%{box-shadow:inset 0 0 0 3px #fb923c,0 0 8px #f9731666}}@media (prefers-reduced-motion:reduce){._badMoveHint_17nd1_181{animation:none}}._consequenceHighlight_17nd1_200{box-shadow:inset 0 0 0 3px #ef4444;background-color:#ef444440}._promptLabel_17nd1_205{font-size:.8rem;font-weight:600;color:#f97316;text-align:center;min-height:1.2em}._turnLabel_17nd1_213{font-size:.8rem;color:#555;display:flex;align-items:center;gap:.375rem}._turnDisc_17nd1_221{display:inline-block;width:14px;height:14px;border-radius:50%}._turnDiscBlack_17nd1_228{background:radial-gradient(circle at 35% 35%,#555,#111)}._turnDiscWhite_17nd1_232{background:radial-gradient(circle at 35% 35%,#fff,#bbb);border:1px solid #ccc}._discCount_2ejdo_1{display:flex;align-items:center;gap:.375rem;width:100%;max-width:280px;margin:0 auto;padding:0 clamp(.25rem,1vw,.5rem);font-size:clamp(.75rem,2.5vw,.8125rem);font-weight:700;font-variant-numeric:tabular-nums;color:#171717}._piece_2ejdo_15{display:block;flex-shrink:0;width:clamp(.75rem,2.5vw,.875rem);height:clamp(.75rem,2.5vw,.875rem);border-radius:50%}._pieceBlack_2ejdo_23{background-color:#262626}._pieceWhite_2ejdo_27{background-color:#e5e5e5;border:1px solid #d4d4d4}._number_2ejdo_32{flex-shrink:0;width:1.5em;text-align:center}._proportionBar_2ejdo_38{flex:1;display:flex;height:clamp(.5rem,2vw,.625rem);border-radius:999px;border:1px solid #d4d4d4;background-color:#c7c7c7;overflow:hidden}._proportionBlack_2ejdo_48{height:100%;background-color:#262626;transition:width .15s ease-out}._proportionEmpty_2ejdo_54{flex:1}._proportionWhite_2ejdo_58{height:100%;background-color:#e5e5e5;transition:width .15s ease-out}:root{--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#333333;--color-neutral-850:#282828;--color-neutral-900:#262626;--color-neutral-950:#171717;--color-accent:#facc15;--color-accent-light:#fde047;--color-accent-dark:#eab308;--color-accent-darker:#ca8a04;--color-board:#228b22;--color-board-light:#2da32d;--color-board-dark:#1a6b1a;--color-board-darker:#145214;--color-success:#22c55e;--color-success-dark:#16a34a;--color-success-darker:#15803d;--color-error:#ef4444;--color-info:#3b82f6;--ui-overlay-bg:rgba(0, 0, 0, .6);--ui-overlay-blur:4px;--ui-panel-bg:var(--color-neutral-900);--ui-panel-bg-solid:var(--color-neutral-900);--ui-panel-border:var(--color-neutral-700);--ui-panel-shadow:0 4px 16px rgba(0, 0, 0, .3);--ui-panel-radius:16px;--ui-section-bg:var(--color-neutral-850);--ui-section-border:var(--color-neutral-700);--ui-section-radius:12px;--ui-section-highlight-bg:rgba(34, 139, 34, .1);--ui-section-highlight-border:rgba(34, 139, 34, .3);--ui-text-primary:var(--color-neutral-50);--ui-text-secondary:var(--color-neutral-400);--ui-text-muted:var(--color-neutral-500);--ui-text-accent:var(--color-board-light);--ui-text-error:var(--color-error);--ui-text-success:var(--color-success);--btn-bg:var(--color-neutral-800);--btn-bg-hover:var(--color-neutral-700);--btn-bg-active:var(--color-neutral-600);--btn-border:var(--color-neutral-600);--btn-border-hover:var(--color-neutral-500);--btn-text:var(--color-neutral-100);--btn-shadow:0 1px 2px rgba(0, 0, 0, .2);--btn-shadow-hover:0 2px 4px rgba(0, 0, 0, .25);--btn-radius:.5rem;--btn-primary-bg:var(--color-board);--btn-primary-bg-hover:var(--color-board-light);--btn-primary-bg-active:var(--color-board-dark);--btn-primary-border:var(--color-board-dark);--btn-primary-text:#ffffff;--btn-primary-shadow:0 1px 2px rgba(0, 0, 0, .2);--btn-primary-shadow-hover:0 2px 6px rgba(34, 139, 34, .3);--btn-ready-bg:var(--color-board);--btn-ready-bg-hover:var(--color-board-light);--btn-ready-bg-active:var(--color-board-dark);--btn-ready-text:#ffffff;--btn-secondary-bg:transparent;--btn-secondary-bg-hover:var(--color-neutral-800);--btn-secondary-border:var(--color-neutral-600);--btn-secondary-border-hover:var(--color-neutral-500);--btn-secondary-text:var(--color-neutral-400);--btn-secondary-text-hover:var(--color-neutral-100);--btn-disabled-bg:var(--color-neutral-800);--btn-disabled-text:var(--color-neutral-600);--btn-disabled-border:var(--color-neutral-700);--focus-ring-color:var(--color-board);--focus-ring-shadow:0 0 0 2px rgba(34, 139, 34, .4);--input-bg:var(--color-neutral-800);--input-bg-solid:var(--color-neutral-800);--input-border:var(--color-neutral-600);--input-border-focus:var(--color-board);--input-text:var(--color-neutral-50);--input-placeholder:var(--color-neutral-500);--input-shadow:0 1px 2px rgba(0, 0, 0, .15);--input-shadow-focus:0 0 0 3px rgba(34, 139, 34, .2);--input-radius:8px;--input-height:44px;--input-height-lg:48px;--name-display-bg:var(--color-neutral-850);--name-display-border:var(--color-neutral-700);--name-display-radius:12px;--icon-btn-edit-bg:transparent;--icon-btn-edit-bg-hover:var(--color-neutral-800);--icon-btn-edit-color:var(--color-neutral-500);--icon-btn-edit-color-hover:var(--color-neutral-100);--icon-btn-shuffle-bg:rgba(34, 139, 34, .12);--icon-btn-shuffle-bg-hover:rgba(34, 139, 34, .2);--icon-btn-shuffle-border:rgba(34, 139, 34, .25);--icon-btn-shuffle-border-hover:rgba(34, 139, 34, .4);--icon-btn-shuffle-color:var(--color-board-light);--icon-btn-confirm-bg:rgba(34, 197, 94, .12);--icon-btn-confirm-bg-hover:rgba(34, 197, 94, .2);--icon-btn-confirm-border:rgba(34, 197, 94, .25);--icon-btn-confirm-border-hover:rgba(34, 197, 94, .4);--icon-btn-confirm-color:var(--color-success);--invite-bg:rgba(34, 139, 34, .1);--invite-border:rgba(34, 139, 34, .2);--invite-title-color:var(--color-board-light);--invite-radius:12px;--settings-section-bg:rgba(34, 139, 34, .1);--settings-section-border:rgba(34, 139, 34, .2);--settings-section-radius:12px;--error-bg:rgba(239, 68, 68, .12);--error-text:var(--color-error);--modal-overlay-bg:rgba(0, 0, 0, .3);--modal-bg:#ffffff;--modal-border:#e2e8f0;--modal-shadow:0 8px 32px rgba(0, 0, 0, .15);--modal-radius:1rem;--modal-text-primary:#1e293b;--modal-text-secondary:#475569;--modal-text-muted:#64748b;--modal-text-placeholder:#94a3b8;--modal-section-bg:#f8fafc;--modal-section-border:#e2e8f0;--modal-btn-bg:#f1f5f9;--modal-btn-bg-hover:#e2e8f0;--modal-btn-border:#e2e8f0;--modal-btn-border-hover:#cbd5e1;--modal-btn-text:#1e293b;--modal-close-color:#94a3b8;--modal-close-color-hover:#1e293b;--modal-close-bg-hover:#f1f5f9;--modal-focus-ring:#3b82f6;--btn-font-size:clamp(12px, 3.5cqw, 18px);--btn-font-size-sm:clamp(10px, 2.5cqw, 14px);--btn-padding-y:clamp(8px, 2cqh, 16px);--btn-padding-x:clamp(12px, 3cqw, 24px);--btn-gap:clamp(4px, 1cqh, 8px);--icon-size-sm:clamp(12px, 3cqw, 16px);--icon-size-md:clamp(16px, 4cqw, 24px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:.1s ease-out;--transition-base:.15s ease-out;--transition-slow:.25s ease-out;--ui-chrome-height:100px;--ui-chrome-height-online:180px;--board-min-size:200px;--board-max-size:600px;--board-max-width:clamp( var(--board-min-size), min(100%, calc(100dvh - var(--ui-chrome-height))), var(--board-max-size) );--board-max-width-online:clamp( var(--board-min-size), min(100%, calc(100dvh - var(--ui-chrome-height-online))), var(--board-max-size) );--panel-width:380px;--panel-width-compact:340px;--panel-max-height:calc(100dvh - 16px);--board-panel-gap:var(--space-6)}@media (orientation:landscape) and (max-height:400px){:root{--ui-chrome-height:40px;--board-min-size:140px}}._container_1s8hj_182{max-width:600px;margin:0 auto;padding:0 1rem 3rem}._header_1s8hj_188{text-align:center;padding:1.25rem 0 .5rem}._headerTitle_1s8hj_193{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}._headerSubtitle_1s8hj_200{font-size:.8rem;color:#6b7280;margin:0}._intro_1s8hj_206{text-align:center;margin-bottom:2rem}._intro_1s8hj_206 h2{font-size:1.1rem;color:#374151;margin-bottom:.5rem}._intro_1s8hj_206 p{font-size:.875rem;color:#6b7280;line-height:1.6}._lesson_1s8hj_221{margin-bottom:2.5rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f}._lessonNumber_1s8hj_230{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}._lessonTitle_1s8hj_239{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .75rem}._lessonContent_1s8hj_246{font-size:.875rem;color:#4b5563;line-height:1.7;margin-bottom:1.25rem}._lessonContent_1s8hj_246>p{margin-bottom:.5rem}._lessonContent_1s8hj_246>p:last-child{margin-bottom:0}._lessonContent_1s8hj_246>div{margin:1rem 0}._puzzleSection_1s8hj_262{margin-top:1rem}._puzzleLabel_1s8hj_266{font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;text-align:center}._puzzleDivider_1s8hj_274{margin:1.5rem 0;border:0;border-top:1px dashed #e5e7eb}._progress_1s8hj_280{position:sticky;top:60px;z-index:10;background:#fff;padding:.5rem 0;margin-bottom:.5rem;display:flex;align-items:center;gap:.625rem}._progressBarTrack_1s8hj_292{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}._progressBarFill_1s8hj_300{height:100%;background:#22c55e;border-radius:3px;transition:width .4s ease}._progressBadge_1s8hj_307{flex-shrink:0;font-size:.75rem;font-weight:700;color:#374151;white-space:nowrap}._transition_1s8hj_315{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f3f4f6;font-size:.875rem;font-weight:500;color:#6366f1;text-align:center;font-style:italic}._feedbackLight_1s8hj_326{--thumbs-border:#e5e7eb;--thumbs-text:#6b7280;--thumbs-btn-border:#d1d5db;--thumbs-btn-bg:#f9fafb;--thumbs-btn-color:#6b7280;--thumbs-btn-hover-bg:#f3f4f6;--thumbs-btn-hover-color:#374151;--thumbs-input-color:#374151;--thumbs-input-bg:#f9fafb;--thumbs-placeholder:#9ca3af}._cta_1s8hj_339{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:12px;border:1px solid #bbf7d0}._ctaTitle_1s8hj_347{font-size:1.1rem;font-weight:700;color:#166534;margin:0 0 .5rem}._ctaText_1s8hj_354{font-size:.875rem;color:#15803d;margin-bottom:1rem}._ctaButton_1s8hj_360{display:inline-block;padding:.625rem 1.5rem;background-color:#228b22;color:#fff;font-weight:600;font-size:.875rem;border:0;border-radius:8px;cursor:pointer;text-decoration:none;transition:background-color .15s ease}._ctaButton_1s8hj_360:hover{background-color:#1a6b1a}._completeModal_1s8hj_377{position:relative;text-align:center;background:var(--modal-bg);color:var(--modal-text-primary);border-radius:var(--modal-radius);padding:clamp(1.5rem,5vw,2rem);padding-top:2.5rem;max-width:340px;width:calc(100vw - 2rem);box-shadow:var(--modal-shadow);animation:_fadeUp_1s8hj_1 .3s ease-out}._completeCloseX_1s8hj_391{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:0 0;border:0;border-radius:.375rem;color:var(--modal-close-color);cursor:pointer;transition:background-color .15s ease,color .15s ease}._completeCloseX_1s8hj_391:hover{background:var(--modal-close-bg-hover);color:var(--modal-close-color-hover)}._completeCloseX_1s8hj_391:focus-visible{outline:2px solid var(--modal-focus-ring);outline-offset:2px}._completeTitle_1s8hj_417{font-size:1.25rem;font-weight:700;color:#166534;margin:0 0 .75rem}._completeText_1s8hj_424{font-size:.875rem;color:var(--modal-text-secondary);line-height:1.6;margin-bottom:1.25rem}._completeClose_1s8hj_391{display:inline-block;margin-top:.75rem;padding:.375rem 1rem;background:0 0;border:0;font-size:.8rem;color:var(--modal-text-muted);cursor:pointer;border-radius:.375rem;transition:color .15s ease}._completeClose_1s8hj_391:hover{color:var(--modal-text-primary)}._completeClose_1s8hj_391:focus-visible{outline:2px solid var(--modal-focus-ring);outline-offset:2px}