.share-game{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #456057;border-radius:10px;background:#213b3c;color:#c9e6ae;padding:10px 12px;flex-shrink:0;min-height:44px;font-weight:600;font-size:11px}
.share-game svg,.share-actions svg{width:20px;height:20px;flex-shrink:0}
#shareDialog{width:660px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:28px;overflow:auto;border-radius:20px;background:#172c36}
#shareDialog h2{font-size:26px;margin:12px 0}
#shareDialog>p{color:#a5bdc5;line-height:1.6}
.share-formats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:20px 0}
.share-formats legend{margin-bottom:10px;color:#d5e6df;font-size:12px}
.share-formats label{border:1px solid #456057;border-radius:10px;padding:12px;cursor:pointer;font-weight:600}
.share-formats label:has(input:checked){border-color:#b4ec73;background:#294438}
.share-formats input{accent-color:#b4ec73;width:auto}
.share-formats small{display:block;margin:8px 0 0 22px;font-size:10px;color:#a5bdc5}
.share-preview{display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0d2027;padding:12px;min-height:120px}
.share-preview img{display:block;max-width:100%;max-height:36dvh;width:auto;height:auto;border-radius:6px}
.share-preview img[hidden]{display:none}
#shareStatus{font-size:12px;min-height:20px}
.share-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.share-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
.share-actions .secondary{width:auto;margin:0}
@media(max-width:900px){.share-game{padding:10px}.share-game>span{display:none}}
@media(max-width:700px){#shareDialog{padding:24px 16px}.share-actions button{flex:1;font-size:12px;padding:10px}.topbar{gap:8px}.topbar .brand{max-width:32%}.topbar .company-button{max-width:42%}.share-game svg{width:18px;height:18px}}