html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent}
body{font-family:Inter,Arial,sans-serif;pointer-events:none}
#sfi-control{position:absolute;right:8.5%;top:39%;width:170px;display:none;pointer-events:auto}
#sfi-control.visible{display:block}
.sfi-card{padding:9px;border:1px solid rgba(255,215,80,.38);border-radius:12px;background:rgba(4,8,14,.34);backdrop-filter:blur(4px);box-shadow:0 8px 28px rgba(0,0,0,.22)}
.sfi-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-align:center;color:#fff;margin:0 0 7px;text-shadow:0 1px 3px #000}
#sfi-join{width:100%;min-height:42px;border:1px solid rgba(255,220,100,.65);border-radius:9px;background:rgba(25,18,5,.72);color:#ffe69a;font-size:14px;font-weight:900;letter-spacing:.05em;cursor:pointer}
#sfi-join:hover{background:rgba(74,49,5,.82)}
#sfi-join:disabled{opacity:.65;cursor:default}
#sfi-status{min-height:14px;margin-top:6px;text-align:center;color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000}
@media(max-width:800px){#sfi-control{right:5%;top:35%;width:145px}.sfi-card{padding:7px}#sfi-join{min-height:38px;font-size:12px}}