*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:#1a2744;background:#f5f7fb;font-family:Arial,Verdana,Tahoma,sans-serif;font-size:12px}button,input{font-family:inherit}p{margin:0}.app{--accent:#3a6ea5;color:#1a2744;height:100%;font-family:Arial,Verdana,Tahoma,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewport{touch-action:none;cursor:default;background:#f5f7fb;height:100%;position:relative;overflow:hidden}.canvas{cursor:grab;background-color:#f5f7fb;background-image:linear-gradient(90deg,#1a27440b 1px,#0000 1px),linear-gradient(#1a27440b 1px,#0000 1px);background-size:40px 40px;width:3200px;height:2400px;position:absolute}.is-panning,.is-panning .canvas,.is-panning .station,.is-panning .whiteboard{cursor:grabbing}.station,.whiteboard{cursor:default}.station{pointer-events:none;flex-direction:column;align-items:center;width:280px;display:flex;position:absolute}.person,.desk{pointer-events:auto}.person{z-index:1;flex-direction:column;align-items:center;margin-bottom:-8px;display:flex;position:relative}.icon-wrap{width:46px;height:46px;position:relative}.profile{display:block}.status{border:1px solid #f5f7fb;width:9px;height:9px;position:absolute;top:0;right:0}.status-focus{background:#3c8f4a}.status-break{background:#d4b23e}.status-idle{background:#9aa3af}.person-name{color:#1a2744;-webkit-user-select:none;user-select:none;margin-bottom:3px;font-size:11px;font-weight:700;line-height:1.2}.desk{z-index:2;width:100%;position:relative}.desk-top{background:#fbfcfe;border:1px solid #b7c3d1;border-bottom:none;border-radius:5px 5px 0 0;grid-template-columns:1fr auto 1fr;align-items:end;min-height:96px;padding:12px 10px 8px;display:grid}.desk-front{background:#e4ebf3;border:1px solid #b7c3d1;border-radius:0 0 5px 5px;height:16px}.desk-legs{justify-content:space-between;width:84%;height:10px;margin:0 auto;display:flex}.desk-legs span{background:#b7c3d1;border-radius:0 0 3px 3px;width:8px;height:10px}.paper{place-self:start center;width:38px;height:46px;margin-top:-1.5px;position:relative}.sheet{cursor:pointer;background:#fff;border:1px solid #c5cdd6;width:38px;height:46px;padding:0;display:block}.paper-note,.paper-editor{z-index:5;color:#1a2744;text-align:left;background:#f7f8fa;border:1px solid #1a2744;width:max-content;max-width:168px;padding:4px 6px;font-size:11px;line-height:1.3;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.paper-note{pointer-events:none;display:none}.paper:hover .paper-note{display:block}.paper.is-editing .paper-note{display:none}.paper-editor input{color:#1a2744;background:#fff;border:1px solid #8ea0b5;width:156px;height:18px;padding:0 4px;font:11px Arial,Verdana,Tahoma,sans-serif;display:block}.paper-actions{gap:4px;margin-top:4px;display:flex}.paper-actions button{color:#1a2744;cursor:pointer;background:#fff;border:1px solid #d5dde6;padding:1px 4px;font:11px Arial,Verdana,Tahoma,sans-serif}.pencil{width:6px;height:35px;margin-top:-17.5px;display:block;position:absolute;top:50%;left:calc(100% + 5px)}.radio-wrap{z-index:3;justify-self:end;margin-right:20px;position:relative}.radio-hit{cursor:pointer;background:0 0;border:0;padding:0;display:block}.radio{width:78px;height:50px;display:block}.radio-pop{z-index:5;color:#1a2744;text-align:center;background:#f7f8fa;border:1px solid #1a2744;width:148px;padding:4px 6px;font-size:11px;line-height:1.3;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.radio-wrap:hover .radio-pop,.radio-wrap.is-open .radio-pop{display:block}.radio-pop p{margin:0}.radio-presets{background:#fff;border:1px solid #d5dde6;max-height:72px;margin-top:4px;overflow-y:auto}.radio-presets button{color:#1a2744;text-align:center;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #d5dde6;width:100%;height:18px;padding:0 4px;font:11px Arial,Verdana,Tahoma,sans-serif;display:block}.radio-presets button.is-selected{font-weight:700}.clock{place-self:end start;width:58px;height:54px;margin-left:24px;display:block}.clock-wrap{z-index:3;place-self:end start;margin-left:24px;position:relative}.clock-wrap .clock{margin-left:0}.clock-hit{cursor:pointer;background:0 0;border:0;padding:0;display:block}.clock-pop{z-index:4;color:#1a2744;white-space:nowrap;background:#f7f8fa;border:1px solid #1a2744;min-width:112px;padding:4px 6px;font-size:11px;line-height:1.3;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.clock-pop-below{top:calc(100% + 4px);bottom:auto}.clock-pop p{margin:0}.clock-pop-name{-webkit-user-select:none;user-select:none;font-weight:700}.clock-actions{gap:4px;margin-top:4px;display:flex}.clock-actions button{color:#1a2744;cursor:pointer;background:#fff;border:1px solid #d5dde6;padding:1px 4px;font:11px Arial,Verdana,Tahoma,sans-serif}.sync-notices{z-index:6;flex-direction:column;gap:6px;display:flex;position:fixed;top:14px;left:14px}.sync-notice{color:#1a2744;background:#f4f5f7;border:1px solid #1a2744;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.sync-notice button{color:#1a2744;cursor:pointer;background:#f7f8fa;border:1px solid #d5dde6;width:16px;height:14px;padding:0;font:11px/12px Arial,Verdana,Tahoma,sans-serif}.whiteboard{flex-direction:column;align-items:center;width:220px;display:flex;position:absolute;top:860px;left:1580px}.board{cursor:pointer;flex-direction:column;align-items:center;width:100%;display:flex}.board-face{z-index:1;background:#8ea0b5;border:1px solid #6e7c90;border-radius:8px;width:100%;padding:8px 0 8px 8px;display:flex;position:relative;overflow:hidden}.board-surface{background:#fff;border:1px solid #6e7c90;flex:1;height:168px;position:relative;overflow:hidden}.board-preview{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.board-edge{background:#8ea0b5;width:8px}.board-tray{z-index:1;background:#d5dde6;border:1px solid #6e7c90;border-top-style:none;border-radius:0 0 3px 3px;width:calc(100% - 40px);height:7px;margin-top:-1px;position:relative}.board-stand{width:calc(100% - 40px);height:32px;margin-top:-7px;position:relative}.board-leg{background:#8ea0b5;width:6px;height:24px;position:absolute;top:0}.board-leg-left{left:8px}.board-leg-right{right:8px}.board-foot{background:#6e7c90;border-radius:3px;height:5px;position:absolute;bottom:7px;left:6px;right:6px}.wheel{background:#5c6778;border:1px solid #3a4454;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0}.wheel-left{left:2px}.wheel-right{right:2px}.board-users{flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:8px 0 0;padding:0;list-style:none;display:flex}.board-users li{color:#1a2744;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:11px;display:flex}.board-users-more{align-self:center}.chat{z-index:5;background:#f4f5f7;border:1px solid #1a2744;flex-direction:column;width:270px;display:flex;position:fixed;bottom:14px;left:14px;overflow:hidden;box-shadow:1px 1px #d5dde6}.chat[hidden]{display:none}.chat-title,.directory-title{color:#fff;background:var(--accent);-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;flex:none;align-items:center;height:28px;padding:0 6px 0 10px;font-size:14px;font-weight:700;display:flex}.is-dragging,.is-dragging .chat-title,.is-dragging .directory-title{cursor:grabbing}.chat-min{color:#1a2744;background:#f7f8fa;border:1px solid #d5dde6;justify-content:center;align-items:center;width:20px;height:18px;margin-left:auto;padding:0;font-size:14px;font-weight:700;line-height:1;display:flex}.chat-log{background:#fff;border:1px solid #d5dde6;height:146px;margin:8px;overflow:auto}.chat-line{color:#1a2744;padding:3px 6px;font-size:14px;line-height:1.3}.chat-name{-webkit-user-select:none;user-select:none;font-weight:700}.chat-system{color:#000}.chat-typing{color:#000;margin:0;padding:0 8px 6px;font-size:14px;line-height:1.3}.chat-compose{gap:6px;padding:0 8px 8px;display:flex}.chat-compose input{color:#1a2744;background:#fff;border:1px solid #8ea0b5;flex:1;min-width:0;height:28px;padding:0 6px;font-size:14px}.chat-compose input::placeholder{color:#9aa3af}.chat-compose button{color:#1a2744;background:#f7f8fa;border:1px solid #6e7785;height:28px;padding:0 10px;font-size:14px}.directory{z-index:5;color:#1a2744;background:#f4f5f7;border:1px solid #1a2744;flex-direction:column;width:270px;font-size:14px;display:flex;position:fixed;bottom:14px;right:14px;overflow:hidden;box-shadow:1px 1px #d5dde6}.directory[hidden]{display:none}.directory-body{background:#f4f5f7;overflow-y:auto}.directory-avatar{width:28px;height:28px;position:relative}.directory-avatar .status{border-color:#f4f5f7;width:9px;height:9px}.directory-person,.directory-member{grid-template-columns:28px 1fr;align-items:start;gap:8px;padding:6px 8px;display:grid}.directory-name{-webkit-user-select:none;user-select:none;font-weight:700;line-height:1.2}.directory-status,.directory-timer,.directory-code{margin:0;line-height:1.3}.directory-actions{flex-direction:column;align-items:center;gap:4px;margin-top:4px;display:flex}.directory-actions button{color:#1a2744;text-align:center;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #6e7785;justify-content:center;align-items:center;width:100%;height:24px;padding:0 6px;font:14px Arial,Verdana,Tahoma,sans-serif;display:flex}.directory-code-row{justify-content:space-between;align-items:baseline;gap:10px;padding:0 8px 6px;display:flex}.directory-code{color:#3a6ea5;padding:0}.directory-exit{color:#c62828;font:inherit;font-size:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;margin:0;padding:0;line-height:1.3}.directory-member{border-top:1px solid #d5dde6}.panel-restore{z-index:5;box-sizing:border-box;color:#fff;background:var(--accent);text-align:left;cursor:grab;touch-action:none;border:1px solid #1a2744;align-items:center;width:270px;height:30px;padding:0 6px 0 10px;font-size:14px;font-weight:700;line-height:1;display:flex;position:fixed;box-shadow:1px 1px #d5dde6}.panel-restore .chat-min{pointer-events:none}.chat-restore{bottom:14px;left:14px}.directory-restore{bottom:14px;right:14px}.chat-dock-wait{visibility:hidden}.board-workspace{z-index:6;background:#f4f5f7;border:1px solid #1a2744;flex-direction:column;width:min(640px,100% - 32px);max-height:calc(100% - 28px);display:flex;position:fixed;top:18px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:1px 1px #d5dde6}.board-workspace-tools{background:var(--accent);border-bottom:1px solid #1a274459;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.board-workspace-tools button{color:#1a2744;cursor:pointer;background:#f7f8fa;border:1px solid #9aabbd;align-items:center;gap:6px;height:30px;padding:0 11px;font:14px Arial,Verdana,Tahoma,sans-serif;display:inline-flex;box-shadow:inset 0 1px #fff}.board-workspace-tools button svg{flex:none;width:15px;height:15px;display:block}.board-workspace-tools button[aria-pressed=true]{background:#e4e8ec;border-color:#8b9aab;font-weight:700;box-shadow:inset 0 1px #f4f6f8}.board-marker-colors{align-items:center;gap:5px;display:inline-flex}.board-workspace-tools button.board-marker-color{width:16px;height:16px;box-shadow:none;border:1px solid #fff;padding:0}.board-workspace-tools button.board-marker-color[aria-pressed=true]{outline-offset:1px;box-shadow:none;outline:2px solid #fff;font-weight:400}.board-workspace-tools button.board-workspace-close{width:30px;box-shadow:none;background:#d24b4b;border-color:#8d2c2c;justify-content:center;margin-left:auto;padding:0}.board-workspace-tools button.board-workspace-close svg{width:12px;height:12px}.board-workspace-canvas{touch-action:none;cursor:crosshair;background:#fff;border:1px solid #6e7c90;width:calc(100% - 16px);height:min(300px,100vh - 360px);min-height:140px;margin:8px 8px 0;display:block}.board-workspace-chat{padding:8px}.board-workspace-chat .chat,.board-workspace-chat .panel-restore{width:100%;position:relative;inset:auto}.gate{scrollbar-gutter:stable both-edges;color:#1a2744;background-color:#f5f7fb;background-image:linear-gradient(90deg,#1a27440b 1px,#0000 1px),linear-gradient(#1a27440b 1px,#0000 1px);background-size:40px 40px;height:100%;font-family:Arial,Verdana,Tahoma,sans-serif;overflow:auto}.gate-card{background:#f4f5f7;border:1px solid #1a2744;width:min(312px,100% - 28px);margin:12vh auto 28px;box-shadow:1px 1px #d5dde6}.gate-title{color:#fff;text-align:left;background:#3a6ea5;height:28px;padding:0 10px;font-size:14px;font-weight:700;line-height:28px}.gate-body{text-align:center;padding:18px 16px 16px}.gate-name{color:#1a2744;margin:0;font-size:28px;font-weight:700;line-height:1.2}.gate-tagline{color:#1a2744;min-height:2.7em;margin:0;font-size:16px;line-height:1.35}.gate-caret{vertical-align:text-bottom;background:#1a2744;width:6px;height:.9em;margin-left:1px;animation:1.05s step-end infinite gate-blink;display:inline-block}@keyframes gate-blink{50%{opacity:0}}.gate-sound{color:#1a2744;cursor:pointer;background:#fff;border:1px solid #6e7785;height:18px;padding:0 6px;font:11px Arial,Verdana,Tahoma,sans-serif;position:fixed;bottom:10px;right:12px}.gate-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.gate-home-actions{margin-top:8px}.gate-actions button,.gate-input{color:#1a2744;background:#fff;border:1px solid #6e7785;height:28px;padding:0 8px;font:14px Arial,Verdana,Tahoma,sans-serif}.gate-actions button{text-align:center;cursor:pointer}.gate-label{margin-top:16px;font-size:14px;font-weight:700;display:block}.gate-prompt{color:#1a2744;margin-top:12px;font-size:17px;font-weight:700;line-height:1.2;display:block}.gate-input{text-align:left;width:100%;margin-top:4px;display:block}.gate-code-input{letter-spacing:.08em}.gate-room-label{color:#1a2744;margin:8px 0 0;font-size:16px;line-height:1.35}.gate-code-slot{justify-content:center;align-items:center;height:54px;display:flex}.gate-preview{justify-content:center;margin-top:0;display:flex}.gate-colors{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;display:flex}.gate-swatch{cursor:pointer;border:1px solid #1a2744;width:24px;height:24px;padding:0}.gate-swatch.is-selected{outline-offset:1px;outline:1px solid #1a2744}.gate-error{color:#8f3a3a;margin:8px 0 0;font-size:14px;line-height:1.3}.gate-code{color:#1a2744;letter-spacing:.12em;margin:0;font-size:24px;font-weight:700}.loading-body{padding-top:22px;padding-bottom:22px}.loading-status,.loading-note{color:#1a2744;margin:14px 0 0;font-size:14px;line-height:1.3}.loading-bar{background:#fff;border:1px solid #6e7785;gap:2px;height:18px;margin-top:12px;padding:2px;display:flex}.loading-bar span{background:#e6ebf0;flex:1}.loading-bar span.is-on{background:#3a6ea5}.gate-credit{color:#c5ced8;margin:0;font-size:16px;line-height:1.3;position:fixed;bottom:10px;left:26px}button,[role=button],#lounge-username,#lounge-code,.chat-compose input,.chat-title,.directory-title{transition:filter .12s}button.ui-press,[role=button].ui-press,#lounge-username.ui-press,#lounge-code.ui-press,.chat-compose input.ui-press,.chat-title.ui-press,.directory-title.ui-press{filter:brightness(.9)}.avatar-invite-wrap{position:absolute;inset:0}.avatar-hit{cursor:pointer;background:0 0;border:0;width:46px;height:46px;margin:0;padding:0;display:block;position:relative}.avatar-hit.is-quiet{cursor:default}.avatar-invite{z-index:6;background:#f7f8fa;border:1px solid #1a2744;padding:4px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.avatar-invite button{color:#1a2744;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #6e7785;height:22px;margin:0;padding:0 6px;font:11px/20px Arial,Verdana,Tahoma,sans-serif}.avatar-invite p{color:#1a2744;white-space:nowrap;margin:0;padding:2px 4px;font:11px/16px Arial,Verdana,Tahoma,sans-serif}.connect-invite button{white-space:nowrap;width:auto;min-width:64px;height:18px;padding:0 8px}.connect-notices{top:52px}.connect-four{z-index:7;color:#1a2744;background:#f4f5f7;border:1px solid #1a2744;width:min(340px,100% - 24px);font-family:Arial,Verdana,Tahoma,sans-serif;position:fixed;top:54px;left:50%;transform:translate(-50%);box-shadow:1px 1px #d5dde6}.connect-four-title{color:#fff;background:var(--accent);height:28px;padding:0 10px;font-size:14px;font-weight:700;line-height:28px}.connect-four-body{padding:8px 10px 10px}.connect-player,.connect-outcome{margin:0;font-size:14px;line-height:1.4}.connect-player{align-items:center;gap:6px;display:flex}.connect-outcome{margin-top:4px;font-weight:700}.connect-swatch,.connect-slot{border-radius:50%;display:block}.connect-swatch{border:1px solid #1a2744;width:12px;height:12px}.connect-swatch.is-red,.connect-slot.is-red{background:#d64545}.connect-swatch.is-yellow,.connect-slot.is-yellow{background:#e6c34a}.connect-board{background:#3a6ea5;border:1px solid #1a2744;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:8px;padding:8px;display:grid}.connect-slot{aspect-ratio:1;cursor:pointer;background:#f7f8fa;border:1px solid #1a2744;width:100%;margin:0;padding:0}.connect-slot.is-red,.connect-slot.is-yellow,span.connect-slot{cursor:default}.connect-actions{gap:6px;margin-top:8px;display:flex}.connect-actions button{color:#1a2744;cursor:pointer;background:#fff;border:1px solid #6e7785;height:24px;padding:0 8px;font:14px Arial,Verdana,Tahoma,sans-serif}.connect-actions button:disabled{color:#8b97a6;cursor:default}
