.room-social{z-index:120;position:fixed;bottom:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.apple-emoji{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:none;display:block}.room-social.is-control{width:2.75rem;height:2.75rem;position:relative;bottom:auto;right:auto}.room-social.is-control .social-trigger{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:none}.room-social.is-control .social-trigger:hover{background:var(--surface-muted)}.room-social.is-control .social-panel{position:absolute;top:calc(100% + .5rem);right:0}.room-social.is-table{width:min(24rem,32vw);position:relative;bottom:auto;right:auto}.room-social.is-table .social-panel{background:color-mix(in srgb, var(--surface) 88%, #071b14);-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);border-color:#cbe1d624;border-radius:1rem;width:100%;max-height:none;animation:none;box-shadow:inset 0 1px #ffffff0e,0 12px 30px #0000003d}.room-social.is-table .social-header{color:#e0efe8d1;border-color:#ffffff13;padding:.42rem .7rem;font-size:.82rem;font-weight:520}.room-social.is-table .social-header-action{width:1.8rem;height:1.8rem;min-height:0}.room-social.is-table .social-panel.is-collapsed{margin-top:auto;overflow:visible;box-shadow:inset 0 1px #ffffff0b,0 7px 18px #0000002e}.room-social.is-table .social-header svg{width:.9rem}.room-social.is-table .social-feed{min-height:0;height:var(--social-feed-height,8rem);gap:.45rem;padding:.6rem .75rem;transition:height .32s cubic-bezier(.2,.78,.2,1);-webkit-mask-image:linear-gradient(#0000,#000 12% 100%);mask-image:linear-gradient(#0000,#000 12% 100%)}.room-social.is-table[data-chat-size=compact]{--social-feed-height:5.25rem}.room-social.is-table[data-chat-size=standard]{--social-feed-height:8rem}.room-social.is-table[data-chat-size=tall]{--social-feed-height:min(15rem, 34dvh)}.room-social.is-table .social-event{background:#ffffff0b;border-color:#ffffff14;max-width:92%;padding:.28rem .48rem}.room-social.is-table .social-event.is-own{background:color-mix(in srgb, var(--table-energy,#818cf8) 11%, #ffffff0b)}.room-social.is-table .social-event.is-system{color:#becfc7a8;text-align:center;background:0 0;border:0;align-self:center;max-width:96%}.room-social.is-table .social-event.is-system p{align-items:center;gap:.35rem;margin:0;font-size:.72rem;font-weight:500;line-height:1.25;display:inline-flex}.room-social.is-table .social-event.is-system p:before,.room-social.is-table .social-event.is-system p:after{opacity:.35;content:"";background:currentColor;width:.8rem;height:1px}.room-social.is-table .social-author{font-size:.74rem}.room-social.is-table .social-author strong{color:#e0efe8e0}.room-social.is-table .social-event p{margin-top:.05rem;font-size:.8rem;line-height:1.25}.room-social.is-table .social-reactions{background:#03120d57;border:1px solid #ffffff16;border-radius:.82rem;margin:.2rem .5rem .5rem;padding:.38rem}.room-social.is-table .social-reaction-button{width:100%;height:2rem;font-size:1rem}.room-social.is-table .social-compose{align-items:center;gap:.35rem;padding:0 .5rem .5rem}.room-social.is-table .social-compose-input{background:#020f0b5c;border-color:#ffffff1a;height:2.4rem;min-height:2.4rem;font-size:.82rem}.room-social.is-table .social-send-button{border-radius:.78rem;place-items:center;width:2.4rem;height:2.4rem;min-height:2.4rem;padding:0;line-height:0;display:grid}.room-social.is-table .social-send-button svg{margin:0;display:block;transform:translate(-1px)}.social-trigger{box-shadow:0 10px 28px #00000057, 0 0 20px color-mix(in srgb, var(--primary) 20%, transparent);border:1px solid #ffffff29;border-radius:999px;position:relative}.social-unread{border:2px solid var(--background);color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.65rem;font-weight:600;display:grid;position:absolute;top:-.3rem;right:-.25rem}.social-collapse-button{position:relative}.social-panel{background:color-mix(in srgb, var(--surface) 94%, #07130f);border:1px solid #ffffff24;border-radius:1.15rem;width:min(22rem,100vw - 1.5rem);max-height:min(34rem,100dvh - 2rem);transition:border-radius .22s,box-shadow .22s;animation:.18s cubic-bezier(.2,.8,.2,1) social-panel-in;display:grid;overflow:hidden;box-shadow:0 20px 55px #0000007a}.social-panel-body{min-height:0;display:grid;position:relative}.social-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.55rem .6rem .45rem .85rem;display:flex}.social-header strong{font-family:Fredoka Variable,Nunito Variable,system-ui,sans-serif;font-weight:550}.social-header>div{align-items:center;gap:.5rem;display:flex}.social-header-controls{align-items:center;gap:.12rem;display:flex}.social-header-action{width:2.25rem;height:2.25rem;min-height:0}.social-compose-reaction.is-active{border-color:color-mix(in srgb, var(--game-ui-yellow) 38%, transparent);background:color-mix(in srgb, var(--game-ui-yellow) 10%, var(--surface-raised));color:color-mix(in srgb, var(--game-ui-yellow) 72%, white)}.social-collapse-icon{transition:transform .22s var(--ease-emphasized)}.social-panel.is-collapsed .social-collapse-icon{transform:rotate(180deg)}.social-size-button svg{transition:transform .22s var(--ease-emphasized)}.room-social[data-chat-size=tall] .social-size-button svg{transform:scaleY(1.18)}.room-social[data-chat-size=compact] .social-size-button svg{transform:scaleY(.82)}.social-feed{flex-direction:column;gap:.55rem;min-height:10rem;padding:.75rem;display:flex;overflow-y:auto}.social-empty{color:var(--text-muted);text-align:center;margin:auto;font-size:.82rem}.social-event{border:1px solid var(--border);background:var(--surface-raised);border-radius:.8rem .8rem .8rem .25rem;align-self:flex-start;max-width:84%;padding:.48rem .65rem}.social-event.is-own{border-color:color-mix(in srgb, var(--primary) 32%, var(--border));background:color-mix(in srgb, var(--primary) 13%, var(--surface-raised));border-radius:.8rem .8rem .25rem;align-self:flex-end}.social-event.is-reaction{background:0 0;border:0;padding-block:.12rem}.social-event.is-reaction p{font-size:1.65rem}.social-author{width:100%;color:var(--text-muted);align-items:center;gap:.35rem;font-size:.72rem;font-weight:500;display:flex}.social-author span{background:var(--surface-muted);border-radius:999px;padding:.05rem .3rem;font-size:.62rem;font-weight:550}.social-event p{overflow-wrap:anywhere;margin:.12rem 0 0;font-size:.88rem}.social-reactions{border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));gap:.32rem;padding:.55rem .65rem;display:grid}.room-social .social-reaction-button[data-variant=ghost]{background:#ffffff06;border:1px solid #0000;border-radius:.68rem;place-items:center;width:100%;height:2rem;padding:0;font-size:1.1rem;line-height:0;transition:border-color .18s,transform .18s cubic-bezier(.2,.78,.2,1),background-color .18s,box-shadow .18s;display:grid}.room-social .social-reaction-button .apple-emoji{margin:0}.room-social .social-reaction-button:not(:disabled):hover{border-color:color-mix(in srgb, var(--game-ui-yellow) 32%, var(--border));background:color-mix(in srgb, var(--game-ui-yellow) 9%, var(--surface-muted));transform:translateY(-.16rem)scale(1.08)rotate(-2deg);box-shadow:0 5px 12px #0003}.room-social .social-reaction-button:nth-child(2n):not(:disabled):hover{transform:translateY(-.16rem)scale(1.08)rotate(2deg)}.room-social .social-reaction-button:not(:disabled):active{transform:translateY(.05rem)scale(.92)}.room-social .social-reaction-button:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 24%, transparent)}.social-compose{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.45rem;padding:0 .65rem .65rem;display:grid;position:relative}.social-compose-input{border-radius:.7rem;min-width:0;height:2.65rem;padding:0 .75rem}.social-send-button{place-items:center;width:2.65rem;height:2.65rem;min-height:0;padding:0;line-height:0;display:grid}.social-reaction-control{position:relative}.social-compose-reaction{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 88%, transparent);width:2.65rem;height:2.65rem;min-height:0;color:var(--text-muted);border-radius:.78rem;place-items:center;padding:0;line-height:0;display:grid}.social-compose-reaction:not(:disabled):hover{border-color:color-mix(in srgb, var(--game-ui-yellow) 30%, var(--border));background:color-mix(in srgb, var(--game-ui-yellow) 7%, var(--surface-raised));color:var(--text)}.social-reaction-popover{z-index:20;background:color-mix(in srgb, var(--surface-raised) 94%, #07130f);transform-origin:100% 100%;border:1px solid #ffffff21;border-radius:.9rem;width:min(13.25rem,100vw - 2rem);padding:.32rem;position:absolute;bottom:calc(100% + .55rem);right:-2.95rem;box-shadow:0 14px 32px #00000061,inset 0 1px #ffffff0d}.social-reaction-popover:after{background:color-mix(in srgb, var(--surface-raised) 94%, #07130f);content:"";border-bottom:1px solid #ffffff21;border-right:1px solid #ffffff21;width:.58rem;height:.58rem;position:absolute;bottom:-.31rem;right:3.63rem;transform:rotate(45deg)}.social-reaction-popover .social-reactions{z-index:1;background:0 0;border:0;margin:0;padding:.18rem;position:relative}.room-social.is-table .social-compose-reaction{border-radius:.78rem;width:2.4rem;height:2.4rem}.room-social.is-table .social-reaction-popover .social-reactions{background:0 0;border:0;margin:0;padding:.18rem}.social-reaction-stage{pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:0;width:13rem;min-height:11rem;display:flex;position:fixed;bottom:5rem;right:1.1rem;overflow:visible}.room-social.is-open .social-reaction-stage{bottom:1.5rem;right:min(23.5rem,100vw - 14rem)}.social-floating-reaction{right:var(--float-lane,0rem);justify-content:flex-end;align-items:center;gap:.45rem;animation:3.8s linear both social-reaction-float;display:flex;position:absolute;bottom:0}.social-floating-reaction span{filter:drop-shadow(0 5px 8px #00000080);font-size:2rem}.social-floating-reaction small{color:#fff;background:#080f0dc7;border-radius:999px;padding:.2rem .45rem;font-size:.65rem;font-weight:550}@keyframes social-panel-in{0%{opacity:0;transform:translateY(.6rem)scale(.97)}}@keyframes social-reaction-float{0%{opacity:0;transform:translateY(.35rem)scale(.88)rotate(-1deg)}12%{opacity:1;transform:translate(0,0)scale(1.01)rotate(0)}42%{opacity:1;transform:translate(.35rem,-3rem)scale(1)rotate(1deg)}72%{opacity:.75;transform:translate(-.3rem,-6rem)scale(.93)rotate(-1deg)}to{opacity:0;transform:translateY(-9rem)scale(.82)rotate(0)}}@media (width<=640px){.room-social{bottom:5.25rem}.room-social.is-control{bottom:auto}.room-social.is-open{bottom:.75rem}.room-social.is-control.is-open{bottom:auto}.room-social.is-table,.room-social.is-table.is-open{width:min(13rem,65vw);position:relative;bottom:auto}.room-social.is-table .social-feed{height:var(--social-feed-height,6rem)}.room-social.is-table[data-chat-size=compact]{--social-feed-height:4.5rem}.room-social.is-table[data-chat-size=standard]{--social-feed-height:6rem}.room-social.is-table[data-chat-size=tall]{--social-feed-height:min(11rem, 30dvh)}.room-social.is-table .social-header{padding-block:.3rem;display:flex}.room-social.is-table .social-reactions{gap:.2rem}.social-reaction-stage{bottom:9.4rem}}@media (prefers-reduced-motion:reduce){.social-panel,.social-floating-reaction,.social-reaction-button{animation:none}.social-panel,.social-feed,.social-collapse-icon,.social-size-button svg{transition:none}}@media (width<=899px){.room-social.is-table .social-panel{-webkit-backdrop-filter:none;backdrop-filter:none}}html[data-performance=compact] .room-social.is-table .social-panel{-webkit-backdrop-filter:none;backdrop-filter:none}.social-collapsed-icon{display:none}@media (pointer:coarse){.room-social.is-table .social-header-action,.room-social.is-table .social-send-button,.room-social .social-compose-reaction,.room-social .social-reaction-button[data-variant=ghost]{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem}}@media (width<=899px),(width<=1199px) and (height<=620px) and (orientation:landscape),(width<=1199px) and (pointer:coarse){.table-chat-corner:has(.social-panel:not(.is-collapsed)){z-index:125}body .room-social.is-table:has(.social-panel:not(.is-collapsed)){z-index:125;right:0;bottom:calc(max(.5rem, env(safe-area-inset-bottom)) + var(--keyboard-inset,0px));width:100%;position:fixed;left:0}body .room-social.is-table .social-panel:not(.is-collapsed){max-height:calc(var(--visual-viewport-height,100dvh) - 1rem);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;display:flex}.room-social.is-table .social-header{flex:none;min-height:3rem}body .room-social.is-table:has(.social-panel.is-collapsed){width:auto}.room-social.is-table .social-panel.is-collapsed .social-header{min-height:2.75rem;padding:0}.room-social .social-panel.is-collapsed .social-header>div:first-child,.room-social .social-panel.is-collapsed .social-size-button,.room-social .social-panel.is-collapsed .social-collapse-icon{display:none}.room-social .social-panel.is-collapsed .social-collapsed-icon{display:block}.room-social.is-table .social-panel-body{overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}body .room-social.is-table .social-feed{height:min(var(--social-feed-height,8rem), 30dvh);flex:0 auto;min-height:0}.room-social.is-table .social-compose{flex:none}.room-social .social-reaction-control{display:contents}.room-social .social-reaction-popover{order:-1;grid-column:1/-1;width:auto;margin-block:.25rem;position:static}.room-social .social-reaction-popover:after{display:none}.room-social.is-table .social-header-action,.room-social.is-table .social-send-button,.room-social .social-compose-reaction,.room-social .social-reaction-button[data-variant=ghost]{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem}.room-social .social-reaction-button[data-variant=ghost]{width:100%}.room-social.is-table .social-compose-input{min-height:2.75rem;font-size:1rem}}