/* Optional room composition. All social features are disconnected previews. */
.brand-divider{font-weight:300;color:#b6a77e;margin:0 5px;font-size:18px}.brand-reference{max-width:1232px;margin:0 auto 35px;display:grid;grid-template-columns:360px 1fr;background:#ecece5;border-radius:13px;overflow:hidden;align-items:center}.brand-reference>img{width:100%;height:auto}.brand-reference>div{padding:22px 35px}.brand-reference .eyebrow{font-size:8px;margin:0 0 8px}.brand-reference h2{font-size:23px;font-weight:550;line-height:1.4;letter-spacing:-.5px;margin:0 0 10px}.brand-reference p{font-size:11px;line-height:1.8;color:#768073;margin:0}.brand-reference small{display:block;margin-top:11px;font-size:8px;color:#929787}
/* Evidence captures include black space below the core's 4:3 frame.
   Present the top game frame in a 4:3 column; preserve originals as copied. */
.evidence-screen img{position:absolute;top:0;left:12.5%;width:75%;height:auto;max-width:none;object-fit:initial}.detail-preview img{position:absolute;top:0;left:14.6%;width:70.8%;height:auto;max-width:none;object-fit:initial}.evidence-screen.fit-picture img{left:12.5%;width:75%;object-fit:initial}.game-proof{font-size:10px}.game-meta{font-size:9px}.sample-message p,.ai-answer p,.local-message p{font-size:12px}.conversation-intro p{font-size:11px}.conversation-intro h3{font-size:13px}.social-tabs button{font-size:11px}.social-preview-label{font-size:8px}.social-footnote{font-size:9px}.friend-tile>span:last-of-type{font-size:11px}.friend-tile small{font-size:9px}.av-buttons button{font-size:10px}.ai-context strong{font-size:12px}.sample-message span,.ai-answer span,.local-message span{font-size:9px}.ai-prompts button{font-size:11px}.room-inline-note{font-size:11px}.room-bottom{font-size:11px}
@media(max-width:1300px){.brand-reference{margin-left:44px;margin-right:44px}}
@media(max-width:760px){.brand-reference{margin-left:24px;margin-right:24px;grid-template-columns:220px 1fr}.brand-reference>div{padding:20px}.brand-reference h2{font-size:19px}.evidence-screen img,.evidence-screen.fit-picture img{width:100%;left:0}}
@media(max-width:540px){.brand-reference{margin-left:20px;margin-right:20px;grid-template-columns:1fr}.brand-reference>img{max-height:210px;object-fit:contain;background:#0a1722}.brand-reference>div{padding:21px 22px}.brand-reference h2{font-size:21px}.game-proof{font-size:9px}.game-meta{font-size:8px}.room-inline-note,.room-bottom{font-size:9px}.detail-preview img{width:70.8%;left:14.6%}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.room-mode-bar{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;gap:15px}.room-mode-bar>div{display:flex;gap:8px;flex-wrap:wrap}.room-mode-bar button{display:flex;align-items:center;gap:7px;background:#fffefa;border:1px solid #d1d8ce;border-radius:7px;min-height:39px;padding:10px 13px;font-size:10px}.room-mode-bar .icon{width:14px;height:14px}.room-mode-bar>span{font-size:9px;color:#929c8c}.room-mode-bar button[aria-pressed=true]{background:#203e5b;color:white;border-color:#203e5b}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}.game-stage{min-width:0}.social-panel{display:flex;flex-direction:column;background:#192736;border-left:1px solid #344455;padding:21px 18px 13px;min-width:0;color:#c3cfd7}.social-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;margin-bottom:7px}.social-heading button{border:0;background:transparent;color:#90a0ae;min-width:28px;min-height:28px;display:grid;place-items:center}.social-heading .icon{width:16px;height:16px}.social-preview-label{font-size:7px;letter-spacing:1.2px;color:#baad83;margin-bottom:18px}.friends-area{display:grid;grid-template-columns:1fr 1fr;gap:7px}.friend-tile{border:1px solid #3b4b5c;border-radius:9px;min-height:91px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;position:relative;background:#203040}.friend-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#647785;color:#e7e8dc;font-size:8px}.friend-tile>span:last-of-type{font-size:9px;text-align:center}.friend-tile small{display:block;color:#74899c;font-size:7px;margin-top:3px}.friend-tile>.icon{position:absolute;top:7px;right:7px;width:12px;height:12px;color:#758c9f}.friend-tile.empty{border-style:dashed;background:transparent;color:#8398aa}.friend-tile.empty .friend-avatar{background:#2d4051;color:#9eb0c0}.av-buttons{display:flex;gap:7px;margin:10px 0 23px}.av-buttons button{display:flex;align-items:center;justify-content:center;gap:6px;background:#243645;border:1px solid #354957;border-radius:6px;flex:1;min-height:35px;font-size:8px;color:#93a5b4}.av-buttons .icon{width:13px;height:13px}.social-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #354858;gap:5px}.social-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;font-size:9px;background:none;border:0;color:#829aac;border-bottom:2px solid transparent}.social-tabs .icon{width:13px;height:13px}.social-tabs button[aria-selected=true]{color:#e7d5a0;border-color:#e7d5a0}#chat-content{flex:1;min-height:210px;max-height:320px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4e6578 transparent;padding:17px 0 13px}.conversation-intro{text-align:center;padding:13px 5px 19px}.conversation-intro>.icon{width:24px;height:24px;color:#a8b499}.conversation-intro h3{font-size:11px;font-weight:500;color:#b8c7d0;margin:11px 0 8px}.conversation-intro p{font-size:9px;line-height:1.8;margin:0;color:#71899d}.sample-message,.ai-answer,.local-message{border-radius:8px;background:#23374a;padding:11px 12px;margin:0 0 10px}.sample-message span,.ai-answer span,.local-message span{font-size:7px;color:#7891a6;line-height:1.5}.sample-message p,.ai-answer p,.local-message p{font-size:10px;line-height:1.8;color:#a7bccd;margin:6px 0 0;overflow-wrap:anywhere}.local-message{background:#31485a;margin-left:15px}.local-message p{color:#d2dee5}.ai-answer{background:#2d3c38}.ai-answer p{color:#b3c4b2}.ai-context{border:1px solid #394e5c;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.ai-context span{color:#708a9c;font-size:8px}.ai-context strong{font-size:10px;font-weight:500;color:#c6d0d4}.ai-context small{font-size:8px;color:#799584}.ai-prompts{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.ai-prompts button{font-size:9px;color:#b3c1b1;border:1px solid #3b544a;border-radius:6px;background:#293d35;padding:8px}#preview-chat-form{display:flex;align-items:center;border:1px solid #425667;border-radius:9px;background:#213140;min-height:43px}#preview-message{min-width:0;width:100%;background:transparent;border:0;color:#dce6ea;font-size:10px;padding:11px}#preview-message::placeholder{color:#6e8597}#preview-chat-form button{border:0;background:transparent;color:#b9c7a5;min-width:37px;min-height:40px}#preview-chat-form .icon{width:15px;height:15px}.social-footnote{font-size:7px;margin:8px 0 0;color:#73899a;text-align:center}.social-hidden .room-layout{grid-template-columns:1fr}.social-hidden .social-panel{display:none}.room-expanded .site-header,.room-expanded .site-footer{display:none}.room-expanded .room-view{max-width:none;margin:0;padding:20px 28px 25px}.room-expanded .room-title-row{margin:17px 0 16px}.room-expanded .room-title-row h1{font-size:27px}.room-expanded .room-layout{grid-template-columns:minmax(0,1fr) 320px}.room-expanded .social-hidden .room-layout{grid-template-columns:1fr}.room-expanded .evidence-screen{max-height:calc(100dvh - 265px);aspect-ratio:16/9}.room-expanded .future-strip{padding-top:12px;margin-top:16px}.room-expanded .room-bottom{margin-top:12px}.play-container:fullscreen .room-layout{height:100%;align-items:stretch;grid-template-columns:minmax(0,1fr) 320px}.play-container:fullscreen .game-stage{display:flex;flex-direction:column;justify-content:center}.play-container:fullscreen .evidence-screen{height:auto;width:100%;max-height:calc(100dvh - 150px)}.play-container:fullscreen .social-panel{justify-content:flex-start}.play-container:fullscreen #chat-content{max-height:none}.play-container:fullscreen.social-hidden .room-layout{grid-template-columns:1fr}.fit-picture img{object-fit:contain}.phone-platforms{display:flex;gap:8px;margin:14px 0}.phone-platforms span{background:#edece2;border-radius:5px;padding:6px 10px;font-size:10px;color:#73816b}.pairing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.pairing-steps div{font-size:10px;line-height:1.8;color:#798571}.pairing-steps b{display:block;color:#425f4a;font-size:12px;font-weight:500}.controller-status{display:flex;justify-content:center;align-items:center;gap:7px;border:1px solid #ced7c7;background:#f5f6ed;border-radius:20px;padding:8px 14px;font-size:9px;color:#7c8874;width:max-content;max-width:100%;margin:0 auto 23px}.controller-view{padding-bottom:calc(45px + env(safe-area-inset-bottom))}.virtual-pad button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
@media(max-width:1050px){.room-layout{grid-template-columns:minmax(0,1fr) 260px}.social-panel{padding:18px 13px 13px}.room-toolbar{gap:5px}.room-toolbar button{font-size:9px;padding:10px 9px}.room-toolbar .icon{width:15px}.room-inline-note{display:block;line-height:1.8}.room-inline-note>span:last-child{display:none}.room-mode-bar>span{display:none}}
@media(max-width:760px){.room-layout{display:block}.social-panel{display:none}.drawer-open .social-panel{display:flex;position:relative;border-left:0;border-top:1px solid #3b5368;border-radius:17px 17px 0 0;padding:22px 20px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0b131833;animation:dialog-in .25s ease;max-height:600px}.drawer-open .social-panel:before{content:"";display:block;width:30px;height:3px;background:#718699;border-radius:3px;position:absolute;top:8px;left:calc(50% - 15px)}.drawer-open .friends-area{grid-template-columns:1fr 1fr}.drawer-open .friend-tile{min-height:83px}.drawer-open #chat-content{min-height:165px;max-height:240px}.drawer-open .social-tabs button{font-size:11px;min-height:44px}.drawer-open .social-heading{font-size:14px}.drawer-open #preview-message{font-size:12px;min-height:46px}.drawer-open .social-footnote{font-size:8px}.drawer-open .conversation-intro p{font-size:10px}.drawer-open .sample-message p,.drawer-open .ai-answer p,.drawer-open .local-message p{font-size:11px}.drawer-open .av-buttons button{font-size:10px;min-height:44px}.room-expanded .room-view{padding:calc(14px + env(safe-area-inset-top)) 20px 20px}.room-expanded .room-layout{display:block}.room-expanded .evidence-screen{max-height:none;aspect-ratio:4/3}.room-mode-bar button{font-size:9px;min-height:42px;padding:10px 9px}.room-mode-bar>div{gap:6px}.play-container:fullscreen .room-layout{display:block;overflow:auto}.play-container:fullscreen .evidence-screen{max-height:none;aspect-ratio:4/3}.play-container:fullscreen .social-panel{max-height:550px}.pairing-steps{gap:9px}.pairing-steps div{font-size:9px}}
@media(max-width:540px){.virtual-pad{width:calc(100% + 20px);margin-left:-10px;padding-left:8px;padding-right:8px}.pad-body{grid-template-columns:136px minmax(40px,1fr) 136px;gap:4px}.dpad,.face-buttons{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,48px);gap:2px}.pad-center>div{gap:13px}.pad-center button{min-height:44px;min-width:44px;font-size:6px}.controller-view{margin-left:max(20px,env(safe-area-inset-left));margin-right:max(20px,env(safe-area-inset-right))}.controller-view h1{font-size:32px}.controller-view>.back-link{margin-bottom:24px}.controller-subtitle{margin-bottom:16px}.controller-options{margin-bottom:22px}.shoulders{grid-template-columns:1fr 1fr .5fr 1fr 1fr}.pad-center{gap:19px}.pad-brand{font-size:5px}.controller-status{font-size:8px}.controller-view .eyebrow{letter-spacing:1.5px}}
@media(max-height:550px) and (orientation:landscape){.controller-view{padding-top:6px}.controller-view>.back-link{margin:0 0 5px}.controller-view>.eyebrow,.controller-view h1,.controller-subtitle,.controller-tip{display:none}.controller-options{margin:5px 0 12px}.controller-status{position:absolute;top:7px;left:50%;transform:translateX(-50%);font-size:8px}.virtual-pad{max-width:680px;padding:12px 30px 22px}.shoulders{margin-bottom:17px}.dpad,.face-buttons{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px)}#pad-feedback{margin:25px 0 0}.controller-view+.site-footer{display:none}}