.lobby-join-row.has-site-share{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:8px;width:100%;max-width:390px}
.lobby-join-row.has-site-share #join-room,.lobby-join-row.has-site-share #scan-room,.lobby-join-row.has-site-share #share-site{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 8px;border:1px solid #4d6432;border-radius:24px;background:#141f0f;color:#e0e8d6;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap}
.lobby-join-row.has-site-share #join-room img,.lobby-join-row.has-site-share #scan-room img,.lobby-join-row.has-site-share #share-site img{width:16px;height:16px;flex:none;filter:invert(87%)}
.lobby-join-row.has-site-share #share-site:hover{border-color:#8aab4d;background:#263918}
.ss-dialog{width:min(460px,calc(100% - 30px));max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid #708b41;border-radius:27px;background:#10180d;color:#fffde9;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#536c35 transparent;box-shadow:0 24px 80px #000a}
.ss-dialog::backdrop{background:#050805dc;backdrop-filter:blur(6px)}
.ss-dialog *{box-sizing:border-box}
.ss-dialog button,.ss-dialog input{font:inherit}
.ss-dialog button{cursor:pointer;touch-action:manipulation}
.ss-dialog button:disabled{cursor:default;opacity:.55}
.ss-dialog button:focus-visible,.ss-dialog input:focus-visible{outline:2px solid #d5ff66;outline-offset:3px}
.ss-shell{padding:22px 24px 24px}
.ss-header{display:flex;align-items:center;gap:14px;margin-bottom:23px}
.ss-header>span{color:#d5ff66;font-size:11px;font-weight:650;letter-spacing:1.2px}
.ss-back{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:11px;border:1px solid #526c34;border-radius:50%;background:#1a2711}
.ss-back img{width:21px;height:21px;filter:invert(90%)}
.ss-back:hover{background:#2b3d1a}
.ss-heading{display:flex;align-items:center;gap:15px;margin-bottom:23px}
.ss-heading>img{width:72px;height:72px;flex:none;border:1px solid #607d37;border-radius:20px;background:#0b100b;object-fit:contain}
.ss-heading>div{min-width:0}
.ss-heading h2{margin:0 0 9px;font:400 28px/1.25 ArcadeDisplay,'PingFang SC',sans-serif;letter-spacing:-.5px}
.ss-heading p{margin:0;color:#adc09a;font-size:12px;line-height:1.7}
.ss-link-card{padding:19px;border:1px solid #4d6630;border-radius:21px;background:#192610}
.ss-link-card label{display:block;color:#b5c99e;font-size:11px;margin-bottom:9px}
.ss-link-card input{display:block;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #526c34;border-radius:12px;background:#111b0c;color:#e1ecd0;font-size:15px;line-height:1.45;caret-color:#d5ff66}
.ss-dialog .ss-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:14px;padding:12px 17px;border:1px solid #e4ff9b;border-radius:25px;background:#d5ff66;color:#1c2a0a;box-shadow:inset 0 2px 0 #f3ffc8,inset 0 -3px 0 #9bbd45;font-size:14px;font-weight:700;line-height:1.4}
.ss-primary img{width:19px;height:19px}
.ss-primary:hover{background:#e3ff96}
.ss-copy-status{margin:12px 0 0;color:#d3e9b7;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.ss-copy-status:empty{display:none}
.ss-note{margin:17px 0 0;color:#9fb48a;font-size:11px;line-height:1.75;text-align:center}
@media(max-width:360px){.lobby-join-row.has-site-share{gap:6px}.lobby-join-row.has-site-share #join-room,.lobby-join-row.has-site-share #scan-room,.lobby-join-row.has-site-share #share-site{padding:10px 6px;font-size:10.5px;gap:4px}.lobby-join-row.has-site-share #join-room img,.lobby-join-row.has-site-share #scan-room img,.lobby-join-row.has-site-share #share-site img{width:14px;height:14px}.ss-dialog{width:calc(100% - 20px);border-radius:24px}.ss-shell{padding:17px 17px 21px}.ss-heading{gap:11px}.ss-heading>img{width:59px;height:59px;border-radius:17px}.ss-heading h2{font-size:23px}.ss-heading p{font-size:11px}.ss-link-card{padding:15px}.ss-link-card input{font-size:14px}}
@media(max-height:640px){.ss-header{margin-bottom:17px}.ss-heading{margin-bottom:18px}.ss-shell{padding-top:17px}}
@media(prefers-reduced-motion:reduce){.ss-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-off .ss-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}