.public-chat-entry{box-sizing:border-box;color:#222342;text-align:left;cursor:pointer;width:100%;font:inherit;background:#fff;border:1px solid #dedbff;border-radius:18px;align-items:center;gap:12px;margin:0 0 12px;padding:14px;display:flex}.public-chat-icon{color:#6756ff;background:#f0edff;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.public-chat-icon svg{width:27px;height:27px}.public-chat-copy{gap:4px;min-width:0;display:grid}.public-chat-copy strong{font-size:16px;font-weight:800}.public-chat-copy small{color:#686589;font-size:12px;line-height:1.5}.public-chat-entry-arrow{color:#6756ff;margin-left:auto;font-size:25px}.public-chat-entry:hover{border-color:#a99fff;box-shadow:0 4px 20px #6256ff0d}.public-chat-overlay{z-index:10000;background:#1d193c66;justify-content:flex-end;display:flex;position:fixed;inset:0}.public-chat-panel{right:0;top:var(--public-chat-top,0px);width:min(440px,100%);height:var(--public-chat-height,100dvh);box-sizing:border-box;color:#252342;background:#fff;outline:none;flex-direction:column;font-family:inherit;display:flex;position:absolute;box-shadow:-12px 0 48px #20104b24}.public-chat-panel>header{flex-shrink:0;align-items:center;gap:12px;padding:22px 20px 14px;display:flex}.public-chat-panel h2{margin:0;font-size:23px;font-weight:800;line-height:1.3}.public-chat-panel header small{color:#797297;font-size:12px}.public-chat-close{box-sizing:border-box;color:#554e8a;cursor:pointer;background:#f5f3ff;border:0;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;min-width:36px;height:36px;margin-left:auto;padding:0;font-size:27px;display:grid}.public-chat-intro{text-align:center;color:#827b9c;border-bottom:1px solid #efedfa;margin:0 20px;padding:0 0 18px;font-size:13px}.public-chat-messages{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:20px;overflow-y:auto}.public-chat-empty{text-align:center;color:#79728e;margin:40px 0;font-size:14px;line-height:1.8}.public-chat-empty small{font-size:11px}.public-chat-message{align-items:flex-start;gap:9px;min-width:0;margin:0 0 22px;display:flex}.public-chat-avatar{color:#6552b4;background:linear-gradient(135deg,#ebe5ff,#cfbfff);border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-weight:800;display:grid}.public-chat-message>div{min-width:0;max-width:85%}.public-chat-message-meta{align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.public-chat-message-meta time{color:#8c84a9;font-size:10px}.public-chat-message p{color:#2a2546;overflow-wrap:anywhere;white-space:pre-wrap;background:#f0ecff;border-radius:4px 15px 15px;margin:0;padding:10px 13px;font-size:14px;line-height:1.5}.public-chat-message.is-mine{flex-direction:row-reverse}.public-chat-message.is-mine .public-chat-message-meta{justify-content:flex-end}.public-chat-message.is-mine p{color:#fff;background:#6957ff;border-radius:15px 4px 15px 15px}.public-chat-panel footer{padding:0 20px max(18px,env(safe-area-inset-bottom));flex-shrink:0}.public-chat-note{text-align:center;color:#9288ad;margin:12px 0 16px;font-size:11px}.public-chat-panel form{align-items:center;gap:10px;display:flex}.public-chat-panel input{box-sizing:border-box;min-width:0;font:inherit;color:#282342;background:#f3f0ff;border:1px solid #0000;border-radius:24px;flex:1;padding:13px 16px;font-size:16px}.public-chat-panel input:focus{outline:2px solid #a79cff}.public-chat-panel form button{box-sizing:border-box;color:#fff;cursor:pointer;background:#6957ff;border:0;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;font-size:22px;display:grid}.public-chat-panel button:disabled{opacity:.45;cursor:default}.public-chat-error{color:#ad305a;overflow-wrap:anywhere;margin:8px 0;font-size:12px;line-height:1.5}.public-chat-unread{color:#fff;text-align:center;background:#6756ff;border-radius:20px;min-width:24px;margin-left:auto;padding:3px 7px;font-size:12px;font-weight:800}.public-chat-unread+.public-chat-entry-arrow{margin-left:0}.public-chat-new-messages{color:#5845cb;font:inherit;cursor:pointer;background:#eeeaff;border:1px solid #d8d0ff;border-radius:20px;flex-shrink:0;align-self:center;margin:0 0 8px;padding:7px 14px;font-size:12px}.public-chat-avatar{cursor:pointer;font:inherit;border:0;padding:0;font-weight:800;overflow:hidden}.public-chat-avatar img{object-fit:cover;width:100%;height:100%;display:block}.public-chat-name{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.public-chat-name:hover{text-decoration:underline}.public-chat-avatar:focus-visible,.public-chat-name:focus-visible{outline-offset:3px;outline:2px solid #6756ff}.public-chat-reconnect{text-align:center;color:#797297;margin:8px 0;font-size:12px;line-height:1.5}.public-chat-reconnect button{color:#554e8a;font:inherit;cursor:pointer;background:#f5f3ff;border:1px solid #dedbff;border-radius:8px;padding:4px 8px}.public-chat-reconnect button:focus-visible{outline-offset:2px;outline:2px solid #6756ff}@media (max-width:600px){.public-chat-panel{width:100%;max-width:none}.public-chat-panel>header{padding-top:max(16px,env(safe-area-inset-top))}.public-chat-copy small{font-size:11px}.public-chat-entry{padding:12px}.public-chat-messages{padding:16px}.public-chat-panel footer{padding-left:16px;padding-right:16px}}
.site-header{gap:12px;min-height:96px}.site-header .header-shortcuts{flex:none;align-items:center;gap:8px;display:flex}.site-header .header-shortcuts .home-invite-bar{display:contents}.site-header .header-shortcuts .home-game-invite,.site-header .header-shortcuts .home-friends-shortcut,.site-header .header-shortcuts .public-chat-entry,.site-header .header-shortcuts .profile-trigger{box-sizing:border-box;width:68px;height:68px;min-height:68px;box-shadow:none;color:#252544;text-align:center;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:0 0 68px;grid-template-rows:40px 16px;grid-template-columns:minmax(0,1fr);align-content:start;place-items:center;gap:5px;margin:0;padding:4px 0;text-decoration:none;display:grid;position:relative;overflow:visible;transform:none}.site-header .header-shortcuts .home-game-invite:hover,.site-header .header-shortcuts .public-chat-entry:hover,.site-header .header-shortcuts .home-friends-shortcut:hover{box-shadow:none;background:#5765f208;transform:none}.site-header .header-shortcuts .home-game-invite-icon,.site-header .header-shortcuts .public-chat-icon,.site-header .header-shortcuts .home-friends-icon,.site-header .header-shortcuts .profile-trigger>span{background:0 0;border-radius:0;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.site-header .header-shortcuts .home-game-invite-icon img,.site-header .header-shortcuts .public-chat-icon img,.site-header .header-shortcuts .home-friends-icon img{object-fit:contain;width:38px;height:38px;display:block}.site-header .header-shortcuts .profile-trigger>span{border-radius:50%}.site-header .header-shortcuts .home-game-invite-copy,.site-header .header-shortcuts .public-chat-copy{background:0 0;grid-row:2;justify-content:center;align-items:center;width:100%;min-width:0;height:16px;line-height:16px;display:flex}.site-header .header-shortcuts strong{margin:0;display:block}.site-header .header-shortcuts .home-friends-shortcut>strong,.site-header .header-shortcuts .profile-trigger:after{grid-row:2;align-self:center}.site-header .header-shortcuts .home-game-invite-icon img{transform:translateY(-2px)}.site-header .header-shortcuts strong,.site-header .header-shortcuts .profile-trigger:after{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:11px;font-weight:700;line-height:16px;overflow:hidden}.site-header .header-shortcuts .profile-trigger:after{content:attr(data-label)}.site-header .header-shortcuts small,.site-header .header-shortcuts .home-game-invite-arrow,.site-header .header-shortcuts .public-chat-entry-arrow,.site-header .header-shortcuts .home-invite-label-short,.site-header .header-shortcuts .profile-trigger>i{display:none}.site-header .header-shortcuts .home-invite-label-full{display:inline}.public-chat-label-short,.site-header .header-shortcuts .home-game-invite:before{display:none}.site-header .header-shortcuts .public-chat-unread,.site-header .header-shortcuts .home-friends-badge{box-sizing:border-box;color:#fff;background:#5765f2;border:2px solid #f8f7ff;border-radius:50%;place-items:center;min-width:18px;height:18px;margin:0;padding:0 3px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:0;left:auto;right:9px}.site-header .header-shortcuts .home-friends-badge,.site-header .header-shortcuts .public-chat-unread{background:#ef4056}.site-header .header-shortcuts a:focus-visible,.site-header .header-shortcuts button:focus-visible{outline-offset:2px;outline:2px solid #5765f2}.home-waiting-invites:empty{display:none}@media (max-width:600px){.site-header{gap:6px;min-height:84px}.site-header .brand{flex:none;gap:4px}.site-header .brand-logo{width:30px;height:32px}.site-header .brand-wordmark{width:clamp(66px,20vw,86px)}.site-header .header-shortcuts{gap:0}.site-header .header-shortcuts .home-game-invite,.site-header .header-shortcuts .home-friends-shortcut,.site-header .header-shortcuts .public-chat-entry,.site-header .header-shortcuts .profile-trigger{flex-basis:clamp(44px,12vw,48px);grid-template-rows:30px 15px;gap:3px;width:clamp(44px,12vw,48px);height:60px;min-height:60px;padding:2px 0}.site-header .header-shortcuts .home-game-invite-icon,.site-header .header-shortcuts .public-chat-icon,.site-header .header-shortcuts .home-friends-icon,.site-header .header-shortcuts .profile-trigger>span{flex-basis:30px;width:30px;height:30px}.site-header .header-shortcuts .home-game-invite-icon img,.site-header .header-shortcuts .public-chat-icon img,.site-header .header-shortcuts .home-friends-icon img{width:28px;height:28px}.site-header .header-shortcuts strong,.site-header .header-shortcuts .profile-trigger:after{font-size:10px;line-height:15px}.site-header .header-shortcuts .home-game-invite-copy,.site-header .header-shortcuts .public-chat-copy{height:15px;line-height:15px}.site-header .header-shortcuts .home-invite-label-full{display:none}.site-header .header-shortcuts .home-invite-label-short{display:inline}.site-header .header-shortcuts .public-chat-copy strong{font-size:10px;line-height:15px}.site-header .header-shortcuts .public-chat-label-full{display:none}.site-header .header-shortcuts .public-chat-label-short{display:inline}.site-header .header-shortcuts .profile-trigger:after{content:attr(data-short-label)}.site-header .header-shortcuts .public-chat-unread,.site-header .header-shortcuts .home-friends-badge{right:calc(50% - 25px)}}
