@media (min-width:768px){:root:has(#_rootbox_1esxb_1[data-layout-variant=menu]){--page-max-width:960px;--page-max-width-online:960px}:root:has(#_rootbox_1esxb_1[data-layout-variant=list-detail]){--page-max-width:1200px;--page-max-width-online:1200px}:root:has(#_rootbox_1esxb_1[data-layout-variant=default]){--page-max-width:720px;--page-max-width-online:720px}:root:has(#_rootbox_1esxb_1[data-layout-variant=board]){--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))}}._overlay_1esxb_223{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(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);--content-max-height:calc(100svh - var(--chrome-top) - var(--chrome-bottom))}@media (max-width:767.98px){body[data-header-mode=default]{--header-height:var(--header-height-compact)}}@media (min-width:768px){:root{--bottom-nav-height:0px;--safe-area-bottom:0px;--nav-rail-width:220px}}@media (min-width:768px){:root:has(#_rootbox_14r3f_1[data-layout-variant=menu]){--page-max-width:960px;--page-max-width-online:960px}:root:has(#_rootbox_14r3f_1[data-layout-variant=list-detail]){--page-max-width:1200px;--page-max-width-online:1200px}:root:has(#_rootbox_14r3f_1[data-layout-variant=default]){--page-max-width:720px;--page-max-width-online:720px}:root:has(#_rootbox_14r3f_1[data-layout-variant=board]){--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 (max-height:400px){:root{--ui-chrome-height:40px;--board-min-size:140px}}._dialog_14r3f_223{width:100%}._container_14r3f_227{display:flex;align-items:center;justify-content:center;padding:.5rem}@media (min-width:480px){._container_14r3f_227{padding:1rem}}._modal_14r3f_239{position:relative;width:100%;max-width:420px;max-height:calc(100svh - 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_14r3f_1 .3s ease-out}@keyframes _fadeUp_14r3f_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._closeButton_14r3f_265{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}._closeButton_14r3f_265:hover{background:var(--modal-close-bg-hover);color:var(--modal-close-color-hover)}._closeButton_14r3f_265:focus-visible{outline:2px solid var(--modal-focus-ring);outline-offset:2px}._title_14r3f_291{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--modal-text-primary);text-align:center}._form_14r3f_299{display:flex;flex-direction:column;gap:.875rem}._fieldGroup_14r3f_305{display:flex;flex-direction:column;gap:.375rem}._label_14r3f_311{font-size:.75rem;font-weight:500;color:var(--modal-text-muted)}._radioGroup_14r3f_317{display:flex;gap:.375rem;flex-wrap:wrap}._radioLabel_14r3f_323{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_14r3f_323:hover{border-color:var(--modal-text-muted);color:var(--modal-text-primary)}._radioLabel_14r3f_323 input[type=radio]{display:none}._radioLabel_14r3f_323._selected_14r3f_342{border-color:var(--color-primary, #3b82f6);color:var(--modal-text-primary);background-color:#3b82f614}._textarea_14r3f_348{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_14r3f_348::placeholder{color:var(--modal-text-placeholder)}._textarea_14r3f_348:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f633}._charInfo_14r3f_370{display:flex;justify-content:space-between;align-items:center}._minHint_14r3f_376{font-size:.6875rem;color:var(--modal-text-secondary)}._charCount_14r3f_381{font-size:.6875rem;color:var(--modal-text-placeholder);margin-left:auto}._charCount_14r3f_381._charCountOver_14r3f_386{color:var(--color-error, #ef4444)}._submitButton_14r3f_390{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_14r3f_390:hover:not(:disabled){opacity:.9}._submitButton_14r3f_390:disabled{opacity:.5;cursor:not-allowed}._thanks_14r3f_410{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;text-align:center}._thanksIcon_14r3f_419{font-size:2rem}._thanksMessage_14r3f_423{margin:0;font-size:1rem;font-weight:600;color:var(--modal-text-primary)}._thanksSubtext_14r3f_430{margin:0;font-size:.8125rem;color:var(--modal-text-secondary)}._error_14r3f_436{margin:0;font-size:.75rem;color:var(--color-error, #ef4444);text-align:center}._error_14r3f_436 p{margin:0}._fallbackLink_14r3f_446{color:var(--color-primary, #3b82f6);text-decoration:underline}._bugAreaGroup_14r3f_451{display:flex;flex-direction:column;gap:.375rem}._bugAreaLabel_14r3f_457{font-size:.75rem;font-weight:500;color:var(--modal-text-muted)}._bugAreaOptions_14r3f_463{display:flex;gap:.375rem;flex-wrap:wrap}._checkboxLabel_14r3f_469{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_14r3f_469:hover{border-color:var(--modal-text-muted);color:var(--modal-text-primary)}._checkboxLabel_14r3f_469 input[type=checkbox]{display:none}._checkboxLabel_14r3f_469._checked_14r3f_488{border-color:var(--color-primary, #3b82f6);color:var(--modal-text-primary);background-color:#3b82f614}._roomIdField_14r3f_494{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}._roomIdLabel_14r3f_501{font-size:.75rem;font-weight:500;color:var(--modal-text-muted)}._roomIdInput_14r3f_507{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_14r3f_507::placeholder{color:var(--modal-text-placeholder)}._roomIdInput_14r3f_507:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f633}