#ssf-search{display:flex;gap:8px;margin-bottom:10px;}
#ssf-search input{flex:1;padding:.45rem .6rem;border:1px solid #ccc;border-radius:6px;}
#ssf-search button{padding:.45rem 1rem;border:none;background:#3a86ff;color:#fff;border-radius:6px;cursor:pointer}

#ssf-status{margin:4px 0;font-style:italic}
.ssf-hidden{display:none}.ssf-loading:after{content:"⏳";margin-left:4px}

.ssf-origin{
  border:2px solid #3a86ff;
  padding:12px;
  border-radius:10px;
  text-align:center;
  margin-bottom:24px;
}
.ssf-origin img{width:260px;height:auto;border-radius:8px;margin-bottom:6px}
.ssf-origin .title{display:block;font-weight:600;margin:4px 0}
.ssf-origin .provider{display:block;font-size:.9rem;color:#555}
.ssf-origin .more{display:inline-block;margin-top:6px;padding:6px 14px;background:#3a86ff;color:#fff;border-radius:4px;font-size:.85rem;text-decoration:none}

.ssf-heading{margin:16px 0 8px;font-size:1.3rem}

.ssf-found{margin:8px 0;font-weight:600}

.ssf-list{list-style:none;padding:0;margin:0;display:grid;gap:16px;
          grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ssf-list li{text-align:center;border:1px solid #eee;padding:10px;border-radius:8px}
.ssf-list img{width:100%;height:auto;border-radius:6px;margin-bottom:6px}
.ssf-list .title{display:block;font-weight:600;margin:4px 0}
.ssf-list .provider,.volatility,.rtp{display:block;font-size:.85rem;color:#555}
.ssf-list .more{display:inline-block;margin-top:6px;padding:4px 10px;background:#3a86ff;color:#fff;border-radius:4px;font-size:.85rem;text-decoration:none}