._wrapper_17nd1_1{flex-direction:column;align-items:center;gap:.5rem;display:flex}._board_17nd1_8{aspect-ratio:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#1a4d1a;border:2px solid #1a4d1a;border-radius:6px;grid-template-columns:repeat(8,1fr);gap:1px;width:100%;max-width:280px;display:grid;overflow:hidden}@media (width>=640px){._board_17nd1_8{max-width:320px}}._cell_17nd1_27{aspect-ratio:1;background:#228b22;justify-content:center;align-items:center;transition:background-color .1s;display:flex;position:relative}._cellClickable_17nd1_37{cursor:pointer}._cellClickable_17nd1_37:hover{background-color:#2a9b2a}._disc_17nd1_44{border-radius:50%;width:72%;height:72%}._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{border-radius:50%;width:22%;height:22%}._legalMarkerBlack_17nd1_64{background-color:#0000004d}._legalMarkerWhite_17nd1_68{background-color:#ffffff59}._highlighted_17nd1_72{background-color:#fbbf2440;box-shadow:inset 0 0 0 3px #fbbf24}._boardWithLabels_17nd1_77{flex-direction:column;width:100%;max-width:310px;display:flex}@media (width>=640px){._boardWithLabels_17nd1_77{max-width:350px}}._colLabels_17nd1_89{display:flex}._labelCorner_17nd1_93{flex-shrink:0;width:1.25rem}._colLabel_17nd1_89{text-align:center;color:#6b7280;flex:1;font-size:.7rem;font-weight:600;line-height:1.4}._boardRow_17nd1_107{display:flex}._boardRow_17nd1_107 ._board_17nd1_8{max-width:none}._rowLabels_17nd1_114{flex-direction:column;flex-shrink:0;width:1.25rem;display:flex}._rowLabel_17nd1_114{color:#6b7280;flex:1;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}._caption_17nd1_131{color:#6b7280;text-align:center;font-size:.8rem;line-height:1.5}._correct_17nd1_138{background-color:#22c55e40;box-shadow:inset 0 0 0 3px #22c55e}._wrong_17nd1_143{background-color:#ef444433;animation:.3s _shake_17nd1_1;box-shadow:inset 0 0 0 3px #ef4444}@keyframes _shake_17nd1_1{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}._feedback_17nd1_160{text-align:center;border-radius:8px;max-width:320px;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}._feedbackCorrect_17nd1_169{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}._feedbackWrong_17nd1_175{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}._badMoveHint_17nd1_181{background-color:#f9731633;animation:1.2s ease-in-out infinite _pulse_17nd1_1;box-shadow:inset 0 0 0 3px #f97316}@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{background-color:#ef444440;box-shadow:inset 0 0 0 3px #ef4444}._promptLabel_17nd1_205{color:#f97316;text-align:center;min-height:1.2em;font-size:.8rem;font-weight:600}._turnLabel_17nd1_213{color:#555;align-items:center;gap:.375rem;font-size:.8rem;display:flex}._turnDisc_17nd1_221{border-radius:50%;width:14px;height:14px;display:inline-block}._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{font-variant-numeric:tabular-nums;color:#171717;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;display:flex}._piece_2ejdo_15{border-radius:50%;flex-shrink:0;width:clamp(.75rem,2.5vw,.875rem);height:clamp(.75rem,2.5vw,.875rem);display:block}._pieceBlack_2ejdo_23{background-color:#262626}._pieceWhite_2ejdo_27{background-color:#e5e5e5;border:1px solid #d4d4d4}._number_2ejdo_32{text-align:center;flex-shrink:0;width:1.5em}._proportionBar_2ejdo_38{background-color:#c7c7c7;border:1px solid #d4d4d4;border-radius:999px;flex:1;height:clamp(.5rem,2vw,.625rem);display:flex;overflow:hidden}._proportionBlack_2ejdo_48{background-color:#262626;height:100%;transition:width .15s ease-out}._proportionEmpty_2ejdo_54{flex:1}._proportionWhite_2ejdo_58{background-color:#e5e5e5;height:100%;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:#333;--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:#0009;--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 #0000004d;--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:#228b221a;--ui-section-highlight-border:#228b224d;--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 #0003;--btn-shadow-hover:0 2px 4px #00000040;--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:#fff;--btn-primary-shadow:0 1px 2px #0003;--btn-primary-shadow-hover:0 2px 6px #228b224d;--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:#fff;--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 #228b2266;--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 #00000026;--input-shadow-focus:0 0 0 3px #228b2233;--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:#228b221f;--icon-btn-shuffle-bg-hover:#228b2233;--icon-btn-shuffle-border:#228b2240;--icon-btn-shuffle-border-hover:#228b2266;--icon-btn-shuffle-color:var(--color-board-light);--icon-btn-confirm-bg:#22c55e1f;--icon-btn-confirm-bg-hover:#22c55e33;--icon-btn-confirm-border:#22c55e40;--icon-btn-confirm-border-hover:#22c55e66;--icon-btn-confirm-color:var(--color-success);--invite-bg:#228b221a;--invite-border:#228b2233;--invite-title-color:var(--color-board-light);--invite-radius:12px;--settings-section-bg:#228b221a;--settings-section-border:#228b2233;--settings-section-radius:12px;--error-bg:#ef44441f;--error-text:var(--color-error);--modal-overlay-bg:#0000004d;--modal-bg:#fff;--modal-border:#e2e8f0;--modal-shadow:0 8px 32px #00000026;--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(100svh - var(--ui-chrome-height))), var(--board-max-size));--board-max-width-online:clamp(var(--board-min-size), min(100%, calc(100svh - var(--ui-chrome-height-online))), var(--board-max-size));--panel-width:380px;--panel-width-compact:340px;--panel-max-height:calc(100svh - 16px);--board-panel-gap:var(--space-6);--page-max-width:var(--board-max-width);--page-max-width-online:var(--board-max-width-online);--header-height:60px;--header-height-compact:36px;--bottom-nav-height:96px;--nav-rail-width:0px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--chrome-top:var(--header-height);--chrome-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));--chrome-left:var(--nav-rail-width);--ad-above-height:0px;--content-max-height:calc(100svh - var(--chrome-top) - var(--chrome-bottom) - var(--ad-above-height))}@media (width<=1023.98px){body[data-ad-ready],body:not([data-ad-free]):has(._game-island-wrapper_12zci_190){--ad-above-height:274px}}@media (width<=767.98px){body[data-header-mode=default]{--header-height:var(--header-height-compact)}}@media (width>=768px){:root{--bottom-nav-height:0px;--safe-area-bottom:0px;--nav-rail-width:220px}:root:has(#_rootbox_12zci_1[data-layout-variant=menu]),:root[data-ssr-layout-variant=menu]:not(:has(#_rootbox_12zci_1)){--page-max-width:960px;--page-max-width-online:960px}:root:has(#_rootbox_12zci_1[data-layout-variant=list-detail]),:root[data-ssr-layout-variant=list-detail]:not(:has(#_rootbox_12zci_1)){--page-max-width:1200px;--page-max-width-online:1200px}:root:has(#_rootbox_12zci_1[data-layout-variant=default]),:root[data-ssr-layout-variant=default]:not(:has(#_rootbox_12zci_1)){--page-max-width:720px;--page-max-width-online:720px}:root:has(#_rootbox_12zci_1[data-layout-variant=board]),:root[data-ssr-layout-variant=board]:not(:has(#_rootbox_12zci_1)){--page-max-width:calc(var(--board-max-width) + var(--panel-width) + var(--board-panel-gap));--page-max-width-online:calc(var(--board-max-width-online) + var(--panel-width) + var(--board-panel-gap))}}@media (orientation:landscape) and (height<=400px){:root{--ui-chrome-height:40px;--board-min-size:140px}}._container_12zci_234{max-width:600px;margin:0 auto;padding:0 1rem 3rem}._header_12zci_240{text-align:center;padding:1.25rem 0 .5rem}._headerTitle_12zci_245{color:#1f2937;margin:0 0 .25rem;font-size:1.2rem;font-weight:700}._headerSubtitle_12zci_252{color:#6b7280;margin:0;font-size:.8rem}._intro_12zci_258{text-align:center;margin-bottom:2rem}._intro_12zci_258 h2{color:#374151;margin-bottom:.5rem;font-size:1.1rem}._intro_12zci_258 p{color:#6b7280;font-size:.875rem;line-height:1.6}._lesson_12zci_273{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000f}._lessonNumber_12zci_282{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}._lessonTitle_12zci_291{color:#1f2937;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}._lessonContent_12zci_298{color:#4b5563;margin-bottom:1.25rem;font-size:.875rem;line-height:1.7}._lessonContent_12zci_298>p{margin-bottom:.5rem}._lessonContent_12zci_298>p:last-child{margin-bottom:0}._lessonContent_12zci_298>div{margin:1rem 0}._puzzleSection_12zci_314{margin-top:1rem}._puzzleLabel_12zci_318{color:#6b7280;text-align:center;margin-bottom:.75rem;font-size:.8rem;font-weight:600}._puzzleDivider_12zci_326{border:none;border-top:1px dashed #e5e7eb;margin:1.5rem 0}._progress_12zci_332{top:var(--header-height);z-index:10;background:#fff;align-items:center;gap:.625rem;margin-bottom:.5rem;padding:.5rem 0;display:flex;position:sticky}._progressBarTrack_12zci_344{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}._progressBarFill_12zci_352{background:#22c55e;border-radius:3px;height:100%;transition:width .4s}._progressBadge_12zci_359{color:#374151;white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:700}._transition_12zci_367{color:#6366f1;text-align:center;border-top:1px solid #f3f4f6;margin-top:1.25rem;padding-top:1rem;font-size:.875rem;font-style:italic;font-weight:500}._feedbackLight_12zci_378{--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_12zci_391{text-align:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:12px;padding:1.5rem}._ctaTitle_12zci_399{color:#166534;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}._ctaText_12zci_406{color:#15803d;margin-bottom:1rem;font-size:.875rem}._ctaButton_12zci_412{color:#fff;cursor:pointer;background-color:#228b22;border:none;border-radius:8px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-block}._ctaButton_12zci_412:hover{background-color:#1a6b1a}._completeModal_12zci_429{text-align:center;background:var(--modal-bg);color:var(--modal-text-primary);border-radius:var(--modal-radius);width:calc(100vw - 2rem);max-width:340px;box-shadow:var(--modal-shadow);padding:2.5rem clamp(1.5rem,5vw,2rem) clamp(1.5rem,5vw,2rem);animation:.3s ease-out _fadeUp_12zci_1;position:relative}._completeCloseX_12zci_443{width:2rem;height:2rem;color:var(--modal-close-color);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex;position:absolute;top:.5rem;right:.5rem}._completeCloseX_12zci_443:hover{background:var(--modal-close-bg-hover);color:var(--modal-close-color-hover)}._completeCloseX_12zci_443:focus-visible{outline:2px solid var(--modal-focus-ring);outline-offset:2px}._completeTitle_12zci_469{color:#166534;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}._completeText_12zci_476{color:var(--modal-text-secondary);margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}._completeClose_12zci_443{color:var(--modal-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;margin-top:.75rem;padding:.375rem 1rem;font-size:.8rem;transition:color .15s;display:inline-block}._completeClose_12zci_443:hover{color:var(--modal-text-primary)}._completeClose_12zci_443:focus-visible{outline:2px solid var(--modal-focus-ring);outline-offset:2px}