/* In-arena social and install sheets share the game's authored UI. */
.social-sheet,.share-sheet{width:min(880px,calc(100% - 24px));max-height:calc(100% - 24px)}
.social-section{margin:18px 0}.social-section h3,.social-add-panel h3,.social-challenge-panel h3{margin:0 0 10px;font-size:15px;letter-spacing:1px}
.social-own-link,.social-mode-actions,.social-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.social-own-link button,.social-mode-actions button,.social-row-actions button,.social-sheet #friends-send-challenge,.social-sheet #friends-challenge-cancel,.social-add-panel button,.share-actions button,.install-sheet button{min-height:44px;padding:10px 14px;background:#172824;border:1px solid #536b51;color:#f5f1d7;font:700 12px Arial,sans-serif}
.social-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #45604c66}.social-row strong{display:block;font-size:15px}.social-row small{display:block;color:#b7c2a9;font-size:12px;line-height:1.5}.social-row .social-online{color:#e4f76a}.social-sheet button:disabled,.share-sheet button:disabled{opacity:.45}.social-sheet #friends-send-challenge,.share-actions #result-share-native,.social-add-panel button{background:#e4f76a;color:#101818;border-color:#e4f76a}.social-add-panel,.social-challenge-panel{padding:16px;background:#1b2d28;border:1px solid #789754;margin:12px 0}.social-add-panel>p,.social-challenge-panel>p{font-size:13px;color:#bdc9b1;line-height:1.6}.social-challenge-panel>button{margin-top:10px}.social-sheet .social-warning{color:#ffbc94}
.share-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.72fr);align-items:center;gap:24px}.share-body canvas{display:block;width:100%;height:auto;max-width:410px;aspect-ratio:1}.share-actions{display:flex;flex-direction:column;gap:10px}.share-actions p{font-size:13px;line-height:1.6;margin:0}.share-actions button{width:100%}.share-actions input,.social-own-link input{min-height:44px;max-width:100%;font-size:16px;color:#f5f1d7;background:#101818;border:1px solid #536b51}.install-sheet #app-install-detail,.install-sheet li{font-size:16px;line-height:1.6}.install-sheet ol{padding-left:24px}.install-sheet li{margin:10px 0}.install-sheet #app-install-status{font-size:13px;color:#bdc9b1}.landing-install{display:block;min-height:44px;padding:12px 0;margin:12px 0;background:transparent;border:0;border-bottom:1px solid #789754;color:#e4f76a;font:700 13px Arial,sans-serif;cursor:pointer}.landing-install.hidden{display:none}
.game-shell .social-sheet .crypto-sheet-body,.game-shell .share-sheet .crypto-sheet-body{overflow:auto;min-height:0;overscroll-behavior:contain}.share-sheet #result-share-card{touch-action:manipulation}.social-sheet .crypto-sheet-footer button{min-height:44px}
@media(orientation:landscape) and (max-height:500px){.social-sheet,.share-sheet,.install-sheet{max-height:calc(100% - 12px)}.social-sheet .keyboard-heading,.share-sheet .keyboard-heading,.install-sheet .keyboard-heading{padding:10px 16px}.social-sheet .keyboard-heading h2,.share-sheet .keyboard-heading h2,.install-sheet .keyboard-heading h2{font-size:24px}.social-sheet .crypto-sheet-body,.share-sheet .crypto-sheet-body,.install-sheet .crypto-sheet-body{padding:12px 16px}.share-body{grid-template-columns:minmax(130px,.75fr) minmax(220px,1fr);gap:16px}.share-body canvas{max-width:240px;justify-self:center}.social-row{padding:8px 0}.social-section{margin:10px 0}.social-sheet .crypto-sheet-footer{padding:8px 16px}}
@media(max-width:520px) and (orientation:portrait){.share-body{grid-template-columns:1fr}.share-body canvas{max-width:280px;justify-self:center}.social-row{align-items:flex-start;flex-direction:column}.social-row-actions{width:100%}}
/* Installation stays readable in portrait and scrolls inside its own sheet. */
.install-sheet{width:min(560px,calc(100% - 24px))}.install-sheet .keyboard-heading{flex-shrink:0;gap:12px}.install-sheet .keyboard-heading>div{min-width:0}.install-sheet .keyboard-heading h2{overflow-wrap:anywhere}.install-sheet #app-install-close{flex-shrink:0;min-width:44px}.install-sheet .crypto-sheet-body{overflow:auto;min-height:0;overscroll-behavior:contain}.install-sheet .install-note{padding-top:12px;border-top:1px solid #536b5166;font-size:13px;line-height:1.6;color:#bdc9b1}.install-sheet #app-install-prompt{width:100%;background:#e4f76a;border-color:#e4f76a;color:#101818}.install-sheet button:disabled{opacity:.6}.landing-page .install-sheet[open]{display:flex;flex-direction:column;height:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}.landing-install{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #789754;background:#172824;text-transform:uppercase}.landing-install:focus-visible,.install-sheet button:focus-visible{outline:2px solid #e4f76a;outline-offset:3px}