#syl-share-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:22px;border:1px solid #e8d7a46b;border-radius:22px;background:linear-gradient(135deg,#3b534df5,#122e29f5);color:#f7f2e3;backdrop-filter:blur(22px);box-shadow:0 18px 60px #0008,inset 0 1px #fff4;font:15px/1.5 system-ui,sans-serif}#syl-share-dialog::backdrop{background:#03100c88;backdrop-filter:blur(4px)}.syl-share-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.syl-share-heading h2{font:29px/1.2 Georgia,serif;margin:0}.syl-share-heading button{font-size:24px!important;background:transparent!important;color:#f7f2e3!important;padding:3px 11px!important}.syl-share-actions{display:flex;flex-wrap:wrap;gap:8px}#syl-share-dialog button,#syl-share-dialog a{font:inherit;cursor:pointer}#syl-share-dialog button{border:1px solid #e8d7a46b;border-radius:10px;padding:10px 12px;background:#ead5a1;color:#153328;margin:0}#syl-share-dialog input{box-sizing:border-box;width:100%;font:14px system-ui;color:#f7f2e3;background:#102820;border:1px solid #e8d7a450;border-radius:8px;padding:10px;margin-top:6px}.syl-share-address{display:block;font-size:12px;margin-top:18px}#syl-share-qr:not([hidden]){display:flex;flex-direction:column;align-items:center;margin:18px 0;gap:10px}#syl-share-qr img{display:block;max-width:100%;height:auto;max-height:42dvh;object-fit:contain;background:white;border-radius:8px}#syl-share-dialog a{color:#ffe5a5}.syl-share-status{font-size:13px;min-height:1.4em;margin-bottom:0}#syl-share-dialog button:focus-visible,#syl-share-dialog a:focus-visible,#syl-share-dialog input:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-height:450px){#syl-share-dialog{padding:16px}.syl-share-heading h2{font-size:25px}#syl-share-dialog>p{margin:8px 0}.syl-share-address{margin-top:10px}}
/* Center the action group over the QR, preserving left-aligned card text. */
.syl-share-actions{justify-content:center;gap:8px}#syl-share-dialog .syl-share-actions button{min-height:44px;padding:10px 12px;font-size:14px}#syl-share-qr img{width:min(290px,100%,42dvh);height:auto;max-height:none;aspect-ratio:1/1}

/* Match the game glass material rather than an opaque sharing card. */
#syl-share-dialog{background:linear-gradient(130deg,#f1ffe91c,#0b2b245c);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border:1px solid #edffe357;box-shadow:0 8px 30px #03180b30,inset 0 1px #ffffff2e;text-shadow:0 1px 4px #001308c9;border-radius:18px}#syl-share-dialog::backdrop{background:#03100c45;backdrop-filter:blur(3px)}#syl-share-dialog button{background:linear-gradient(130deg,#f1ffe91c,#0b2b245c);color:#fff5df;border:1px solid #edffe357;box-shadow:inset 0 1px #ffffff2e;backdrop-filter:blur(10px)}#syl-share-dialog button:hover{background:#e7f4da25}#syl-share-dialog input{background:#0b271d50;border-color:#edffe34a;color:#fff5df}
