._overlay_1iq9q_182{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--modal-overlay-bg);backdrop-filter:blur(var(--ui-overlay-blur));-webkit-backdrop-filter:blur(var(--ui-overlay-blur));display:flex;align-items:center;justify-content:center;z-index:1100}: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}}._dialog_j8kyu_182{width:100%}._container_j8kyu_186{display:flex;align-items:center;justify-content:center;padding:.5rem}@media (min-width:480px){._container_j8kyu_186{padding:1rem}}._modal_j8kyu_198{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - 2rem);overflow-y:auto;background:var(--modal-bg);color:var(--modal-text-primary);border:1px solid var(--modal-border);border-radius:.75rem;box-shadow:var(--modal-shadow);padding:2.5rem 1.25rem 1.25rem;animation:_fadeUp_j8kyu_1 .3s ease-out}@keyframes _fadeUp_j8kyu_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._closeButton_j8kyu_224{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;padding:.25rem;background:0 0;border:0;border-radius:.25rem;color:var(--modal-close-color);cursor:pointer;transition:all .15s ease}._closeButton_j8kyu_224:hover{background:var(--modal-close-bg-hover);color:var(--modal-close-color-hover)}._title_j8kyu_244{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--modal-text-primary);text-align:center}._form_j8kyu_252{display:flex;flex-direction:column;gap:.875rem}._fieldGroup_j8kyu_258{display:flex;flex-direction:column;gap:.375rem}._label_j8kyu_264{font-size:.75rem;font-weight:500;color:var(--modal-text-muted)}._radioGroup_j8kyu_270{display:flex;gap:.375rem;flex-wrap:wrap}._radioLabel_j8kyu_276{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1px solid var(--modal-border);border-radius:.5rem;font-size:.8125rem;color:var(--modal-text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}._radioLabel_j8kyu_276:hover{border-color:var(--modal-text-muted);color:var(--modal-text-primary)}._radioLabel_j8kyu_276 input[type=radio]{display:none}._radioLabel_j8kyu_276._selected_j8kyu_295{border-color:var(--color-primary, #3b82f6);color:var(--modal-text-primary);background-color:#3b82f614}._textarea_j8kyu_301{width:100%;min-height:100px;padding:.625rem .75rem;border-radius:.5rem;border:1px solid var(--modal-border);background:0 0;color:var(--modal-text-primary);font-size:.875rem;font-family:inherit;resize:vertical;outline:0;transition:border-color .15s ease,box-shadow .15s ease}._textarea_j8kyu_301::placeholder{color:var(--modal-text-placeholder)}._textarea_j8kyu_301:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f633}._charInfo_j8kyu_323{display:flex;justify-content:space-between;align-items:center}._minHint_j8kyu_329{font-size:.6875rem;color:var(--modal-text-secondary)}._charCount_j8kyu_334{font-size:.6875rem;color:var(--modal-text-placeholder);margin-left:auto}._charCount_j8kyu_334._charCountOver_j8kyu_339{color:var(--color-error, #ef4444)}._submitButton_j8kyu_343{width:100%;padding:.75rem;background:var(--color-primary, #3b82f6);color:#fff;border:0;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}._submitButton_j8kyu_343:hover:not(:disabled){opacity:.9}._submitButton_j8kyu_343:disabled{opacity:.5;cursor:not-allowed}._thanks_j8kyu_363{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;text-align:center}._thanksIcon_j8kyu_372{font-size:2rem}._thanksMessage_j8kyu_376{margin:0;font-size:1rem;font-weight:600;color:var(--modal-text-primary)}._thanksSubtext_j8kyu_383{margin:0;font-size:.8125rem;color:var(--modal-text-secondary)}._error_j8kyu_389{margin:0;font-size:.75rem;color:var(--color-error, #ef4444);text-align:center}._error_j8kyu_389 p{margin:0}._fallbackLink_j8kyu_399{color:var(--color-primary, #3b82f6);text-decoration:underline}._bugAreaGroup_j8kyu_404{display:flex;flex-direction:column;gap:.375rem}._bugAreaLabel_j8kyu_410{font-size:.75rem;font-weight:500;color:var(--modal-text-muted)}._bugAreaOptions_j8kyu_416{display:flex;gap:.375rem;flex-wrap:wrap}._checkboxLabel_j8kyu_422{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1px solid var(--modal-border);border-radius:.5rem;font-size:.8125rem;color:var(--modal-text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}._checkboxLabel_j8kyu_422:hover{border-color:var(--modal-text-muted);color:var(--modal-text-primary)}._checkboxLabel_j8kyu_422 input[type=checkbox]{display:none}._checkboxLabel_j8kyu_422._checked_j8kyu_441{border-color:var(--color-primary, #3b82f6);color:var(--modal-text-primary);background-color:#3b82f614}._roomIdField_j8kyu_447{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}._roomIdLabel_j8kyu_454{font-size:.75rem;font-weight:500;color:var(--modal-text-muted)}._roomIdInput_j8kyu_460{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--modal-border);background:0 0;color:var(--modal-text-primary);font-size:.8125rem;font-family:inherit;outline:0;transition:border-color .15s ease,box-shadow .15s ease}._roomIdInput_j8kyu_460::placeholder{color:var(--modal-text-placeholder)}._roomIdInput_j8kyu_460:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f633}