.social-preview .opening{isolation:isolate;background:#162c28;grid-template-columns:minmax(0,1fr) 360px;gap:32px;max-width:1420px;padding:36px;position:relative;overflow:hidden}.social-preview .hero-world{background:0 0;flex-direction:column;gap:30px;min-height:670px;display:flex;position:static;overflow:visible}.social-preview .hero-world>img{z-index:-2;object-position:center;filter:blur(6px)brightness(.42);transform:scale(1.035)}.social-preview .hero-world:after{z-index:-1;background:#162c2829}.social-preview .hero-copy{max-width:620px;padding:8px 12px 0}.social-preview .hero-copy h1{font-size:clamp(3.4rem,5vw,4.8rem)}.social-preview .hero-copy p{margin-top:16px}.social-preview .hero-copy a{margin-top:18px}.social-preview .capture-label{font-size:10px;bottom:16px;left:48px}.social-preview .access{z-index:1;align-self:start;position:relative;box-shadow:0 12px 38px #07120e66}.social-landing-chat{z-index:1;max-width:560px;margin:0 12px 36px;position:relative}.social-landing-chat .social-chat{background:#f0e2bf;max-width:none}.social-landing-chat .social-chat__history{max-height:200px}.arena-social{z-index:35;pointer-events:auto;max-width:min(370px,100% - 32px);position:absolute;top:116px;right:16px}.social-peer-labels{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.social-peer-name{color:#fff5d9;white-space:nowrap;text-overflow:ellipsis;background:#162c28eb;border-radius:3px;max-width:170px;padding:3px 7px;font:12px/1.4 Segoe UI,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.social-portal-status{z-index:12;color:#fff5d9;pointer-events:none;background:#162c28ed;margin:0;padding:5px 8px;font:12px/1.5 Segoe UI,sans-serif;position:absolute;top:82px;right:16px}.network-tools{--social-room:min(417px,calc(100dvh - 481px));z-index:35;top:281px;right:max(16px,env(safe-area-inset-right));width:min(320px,100% - 32px);max-height:var(--social-room);pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute}.network-tools .queue-training,.network-tools .arena-social,.network-tools .social-portal-status{flex:none;width:auto;max-width:none;position:relative;inset:auto}.network-tools .queue-training{border-radius:3px;order:0;max-height:none;padding:4px 8px;font-size:12px;line-height:1.3;overflow:visible}.network-tools .queue-training-title{display:none}.network-tools .queue-training p{margin:2px 0 4px}.network-tools .queue-training-actions{gap:4px;margin:0}.network-tools .queue-training button{min-height:44px;padding:7px 8px}.network-tools .queue-training:has([data-queue-action=start]:not([hidden])) .queue-training-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.network-tools .social-portal-status{overflow-wrap:anywhere;order:1;margin:0;padding:2px 6px;font-size:10px;line-height:1.2}.network-tools .arena-social{pointer-events:auto;order:2;min-height:0}.network-tools:has(.social-chat[data-collapsed=false]){height:var(--social-room)}.network-tools:has(.social-chat[data-collapsed=false]) .arena-social{flex:auto}.network-tools .social-chat--game{max-width:none;max-height:100%}.network-tools .social-chat--game[data-collapsed=false]{height:100%}.network-tools .social-chat__message:has(>.social-chat__message-tools){grid-template-columns:minmax(0,1fr) 44px;align-items:start;column-gap:6px;display:grid}.network-tools .social-chat__message:has(>.social-chat__message-tools)>.social-chat__meta{grid-area:1/1;min-width:0}.network-tools .social-chat__message:has(>.social-chat__message-tools)>.social-chat__text{grid-area:2/1;min-width:0}.network-tools .social-chat__message-tools{grid-area:1/2/span 2;align-self:start}.network-tools .social-chat__message-tools>summary{justify-content:center;width:44px;min-height:44px}.network-tools .social-chat__message-tools[open]{grid-area:3/1/auto/-1}.network-tools .social-chat__message-tools[open]>summary{justify-content:flex-start;width:100%}@media (min-width:761px) and (min-height:541px){#arena:has(>.world-mission-tracker:not([hidden])) .network-tools{top:122px;left:32px;right:auto}}.network-tools:not(:has(.social-chat[data-collapsed=false],.social-portal-retry:not([hidden]))):has([data-queue-action=start]:not([hidden])){grid-template-columns:1fr 1fr;align-items:start;display:grid}.network-tools:not(:has(.social-chat[data-collapsed=false],.social-portal-retry:not([hidden]))):has([data-queue-action=start]:not([hidden])) .social-chat__heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.network-tools:not(:has(.social-chat[data-collapsed=false],.social-portal-retry:not([hidden]))):has([data-queue-action=start]:not([hidden])) :is(.social-chat__toggle,[data-queue-action=start]){width:100%}.network-tools:not(:has(.social-chat[data-collapsed=false])) .social-portal-status{order:3;grid-column:1/-1}@media (max-width:760px){.social-preview .opening{flex-direction:column;gap:16px;padding:20px 6%;display:flex}.social-preview .hero-world{display:contents}.social-preview .hero-copy{order:0;padding:0}.social-preview .hero-copy h1{font-size:2.8rem}.social-preview .hero-copy p{margin-top:8px;font-size:.875rem;line-height:1.5}.social-preview .hero-copy a{margin-top:8px}.social-preview .access{order:1;width:100%;padding:18px 20px}.social-preview .access h2{font-size:2.4rem}.social-preview .access .fine{margin:8px 0;line-height:1.5;font-size:11.5px!important}.social-preview .access details{margin-bottom:8px}.social-preview .local-note{padding-top:10px}.social-preview .capture-label{display:none}.social-landing-chat{order:2;max-width:none;margin:0}.arena-social{max-width:calc(100% - 16px);top:90px;right:8px}.social-portal-status{font-size:10px;top:58px;right:8px}.network-tools{--social-room:clamp(142px,calc(100dvh - 578px),266px);top:168px;right:max(12px,env(safe-area-inset-right));width:min(320px,100% - 24px)}}@media (max-width:760px) and (min-height:541px){#arena:has(>.world-mission-tracker:not([hidden])) .network-tools{--social-room:244px;top:196px}}@media (min-width:320px) and (max-width:760px) and (min-height:541px) and (orientation:portrait){#arena:has(>.world-mission-tracker:not([hidden])) .network-tools:has([data-queue-action=accept]:not([hidden])){gap:2px}#arena:has(>.world-mission-tracker:not([hidden])) .network-tools:has([data-queue-action=accept]:not([hidden])) .queue-training{overscroll-behavior:contain;scrollbar-width:thin;max-height:72px;padding:2px 8px;font-size:11px;line-height:1.2;overflow-y:auto}#arena:has(>.world-mission-tracker:not([hidden])) .network-tools:has([data-queue-action=accept]:not([hidden])) .queue-training p{margin:0}#arena:has(>.world-mission-tracker:not([hidden])) .network-tools:has([data-queue-action=accept]:not([hidden])) .queue-training-actions{flex-direction:column;gap:4px;width:min(144px,100vw - 242px);display:flex;position:fixed;top:100px;left:12px}#arena:has(>.world-mission-tracker:not([hidden])) .network-tools:has([data-queue-action=accept]:not([hidden])) .queue-training button{width:100%;height:44px;min-height:44px}#arena:has(>.world-mission-tracker:not([hidden])) .network-tools:has([data-queue-action=accept]:not([hidden])) .social-portal-status{white-space:nowrap;text-overflow:ellipsis;padding:0 6px;overflow:hidden}#arena:has(>.world-mission-tracker:not([hidden])) .network-tools:has([data-queue-action=accept]:not([hidden])) .social-chat__body{padding-top:0;padding-bottom:0}}@media (max-height:540px) and (orientation:landscape){.network-tools{--social-room:142px;width:272px;top:76px;left:calc(50% - 136px);right:auto}.network-tools .queue-training{width:272px;font-size:11px;line-height:1.2;position:fixed;top:274px;left:calc(50% - 128px)}.network-tools .queue-training p{margin:0 0 2px}.network-tools .queue-training button{font-size:11px}.network-tools .social-portal-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.network-tools .arena-social{width:100%}.network-tools:not(:has(.social-chat[data-collapsed=false])):has([data-queue-action=start]:not([hidden])){display:flex}.network-tools .social-chat__header{padding:2px 8px}.network-tools .social-chat__body{gap:0;padding:2px 8px}.network-tools .social-chat__heading{clip-path:none!important;white-space:normal!important;width:auto!important;height:auto!important;position:static!important;overflow:visible!important}.network-tools .social-chat__toggle{width:auto!important}.network-tools .social-chat__title{font-size:20px}.network-tools .social-chat__connection{font-size:9px;line-height:1.1}.network-tools :is(.social-chat__identity,.social-chat__scope){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.network-tools .social-chat__form{grid-template-columns:minmax(0,1fr) 64px}.network-tools .social-chat__message{padding:4px 0;font-size:12px}.network-tools .social-chat__meta{margin-bottom:2px}}@media (max-height:540px) and (orientation:landscape) and (min-width:800px){.network-tools .social-portal-status{clip-path:none;text-overflow:ellipsis;width:246px;height:18px;padding:3px 6px;position:fixed;top:50px;left:calc(50% - 110px)}}@media (max-height:540px) and (orientation:landscape) and (max-width:760px){.network-tools{--social-room:128px;width:180px}.network-tools .queue-training{width:180px;top:259px}}@media (max-width:760px),(max-height:540px){.network-tools .social-chat__header,.network-tools .social-chat__body,.network-tools .social-chat__message{padding-top:0;padding-bottom:0}}@media (max-width:389px) and (min-height:541px) and (max-height:600px) and (orientation:portrait){:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools){--social-room:min(178px,calc(100dvh - 390px - env(safe-area-inset-bottom)));--social-notice-room:max(0px,calc(var(--social-room) - 146px));height:var(--social-room);gap:clamp(0px,calc(var(--social-room) - 142px),4px);min-height:142px;display:flex;top:196px}:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools .queue-training,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools .queue-training){flex:0 0 var(--social-notice-room);height:var(--social-notice-room);max-height:var(--social-notice-room);overscroll-behavior:contain;scrollbar-width:thin;border-top-width:0;border-bottom-width:0;min-height:0;padding:0 8px;font-size:11px;line-height:1.2;overflow-y:auto}:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools .queue-training p,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools .queue-training p){margin:0}:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools .queue-training:has([data-queue-action=start]:not([hidden])),#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools .queue-training:has([data-queue-action=start]:not([hidden]))){box-shadow:none;background:0 0;border-color:#0000}:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools .queue-training-actions,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools .queue-training-actions){flex-direction:column;gap:4px;width:min(144px,100vw - 242px);display:flex;position:fixed;top:100px;left:12px}:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools .queue-training button,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools .queue-training button){width:100%;height:44px;min-height:44px;padding:7px 8px}:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools .social-portal-status,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools .social-portal-status){white-space:nowrap;text-overflow:ellipsis;width:auto;height:18px;padding:3px 6px;position:fixed;top:74px;left:12px;right:12px;overflow:hidden}:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools .arena-social,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools .arena-social){flex:none;margin-top:auto}:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools:has(.social-chat[data-collapsed=false]) .arena-social,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools:has(.social-chat[data-collapsed=false]) .arena-social){flex:0 0 142px;height:142px}}@media (max-width:389px) and (min-height:541px) and (max-height:567px) and (orientation:portrait){:is(#arena:has(>.world-mission-tracker:not([hidden])):has(.network-tools .social-chat) .network-tools,#arena:not(:has(>.world-mission-tracker:not([hidden]))):has(.network-tools .arena-social:not([hidden]) .social-chat[data-collapsed=false]) .network-tools){--social-room:142px}}@media (prefers-reduced-motion:reduce){.social-preview .hero-copy{animation:none}}
