: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_8be7e_182{width:100%;max-width:480px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);min-height:580px}@media (min-width:480px){._container_8be7e_182{padding:var(--space-6);gap:var(--space-8)}}._hero_8be7e_200{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}._miniBoard_8be7e_207{display:flex;align-items:center;gap:var(--space-3)}._miniBoardInner_8be7e_213{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;background:var(--color-board);border-radius:8px;box-shadow:0 2px 8px #00000026}._pieceBlack_8be7e_223,._pieceWhite_8be7e_224{width:24px;height:24px;border-radius:50%;box-shadow:0 1px 3px #0000004d}@media (min-width:480px){._pieceBlack_8be7e_223,._pieceWhite_8be7e_224{width:28px;height:28px}}._pieceBlack_8be7e_223{background:linear-gradient(145deg,#3a3a3a,#1a1a1a)}._pieceWhite_8be7e_224{background:linear-gradient(145deg,#fff,#e8e8e8)}._vsLabel_8be7e_246{font-size:1.25rem;font-weight:700;color:#888}._friendLabel_8be7e_252{font-size:1rem;font-weight:600;color:#555;padding:6px 12px;background:#f0f0f0;border-radius:8px}._onlineLabel_8be7e_261{font-size:1rem;font-weight:600;color:#2d5a2d;padding:6px 12px;background:linear-gradient(135deg,#e8f5e8,#d0ecd0);border-radius:8px}._catchphrase_8be7e_270{font-size:.875rem;color:#666;margin:0;font-style:italic}._choiceCards_8be7e_277{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}._ctaSection_8be7e_285{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}._persistentOption_8be7e_293{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:8px;transition:background .2s}._persistentOption_8be7e_293:hover{background:#f5f5f5}._persistentOption_8be7e_293 input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-board);cursor:pointer}._persistentLabel_8be7e_312{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;color:#555}._infinityIcon_8be7e_320{color:var(--color-board)}._persistentHint_8be7e_324{font-size:.75rem;color:#888;margin:0;font-style:italic}._divider_8be7e_331{display:flex;align-items:center;gap:var(--space-3);width:100%;color:#888;font-size:.8rem}._divider_8be7e_331:before,._divider_8be7e_331:after{content:"";flex:1;height:1px;background:#e0e0e0}._codeSection_8be7e_346{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}._codeRow_8be7e_354{display:flex;gap:var(--space-2);width:100%;max-width:300px}._codeInput_8be7e_361{flex:1;height:48px;padding:0 var(--space-4);font-size:1rem;font-family:ui-monospace,monospace;letter-spacing:.1em;text-align:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;outline:0;transition:border-color .2s,box-shadow .2s}._codeInput_8be7e_361::placeholder{color:#aaa;letter-spacing:normal}._codeInput_8be7e_361:focus{border-color:var(--color-board);box-shadow:0 0 0 3px #228b221a}._codeButton_8be7e_384{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;transition:all .2s}._codeButton_8be7e_384:hover:not(:disabled){background:#e8e8e8;color:#333}._codeButton_8be7e_384:disabled{opacity:.4;cursor:not-allowed}._loading_8be7e_406{color:#888;font-size:.875rem}._loadingContainer_8be7e_411{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:300px}._loadingText_8be7e_420{color:var(--color-text-secondary);font-size:var(--font-size-sm)}._loginBenefits_8be7e_425{width:100%;padding:var(--space-4);background:linear-gradient(135deg,#f8faf8,#f0f5f0);border:1px solid #e0e8e0;border-radius:12px;display:flex;flex-direction:column;gap:var(--space-3)}._benefitsTitle_8be7e_436{margin:0;font-size:.875rem;font-weight:600;color:#2d5a2d;text-align:center}._benefitsList_8be7e_444{margin:0;padding:0;list-style:none;font-size:.8rem;color:#555;display:flex;flex-direction:column;gap:var(--space-2)}._benefitsList_8be7e_444 li{display:flex;align-items:center;gap:var(--space-2)}._benefitIcon_8be7e_460{flex-shrink:0;color:#4a8a4a}._googleLoginButton_8be7e_465{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}._googleLoginButton_8be7e_465:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}._googleLoginButton_8be7e_465:disabled{opacity:.6;cursor:not-allowed}._googleIcon_8be7e_490{width:18px;height:18px;flex-shrink:0}._loginError_8be7e_496{margin:0;font-size:.75rem;color:#dc2626;text-align:center}